/* your styles go here */
#logo {
background:url(https://crm.exocom.be/assets/themes/img/exo.png) no-repeat top left;
text-indent:-9999px;

}

#fade {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}
.map-frame {
    width: 100%;
    height: 100%;
    position: relative;
}

.map-content {
    z-index: 10;
    position: absolute;
    top: 50px;
    left: 50px;
    width: 390px;
    background-color: black;
    color: #FFF;
}
#modal {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 256;
    height: 256;
    padding:30px 15px 0px;
    border: 3px solid #ababab;
    box-shadow:1px 1px 10px #ababab;
    border-radius:20px;
    background-color: white;
    z-index: 1002;
    text-align:center;
    overflow: auto;
}

#loading_data_icon{ 
     position: absolute;
    display: block;
    right: 10px;
    top: 25px;         
}
.ui-autocomplete {                 
    max-height: 300px;
    overflow-y: auto;
     overflow-x: hidden;
    padding-right: 20px;
}
.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}
.top-buffer { margin-top:20px; }