/*************************************************
 project.css
  v 2.0.0

**************************************************/

/***************************************
  PROJECT CUSTOM
****************************************/
.red{color:#70000B;}
.blue{color:#006E9D;}
.green{color:#56bf3e;}
.purple{color:#673ab7;}

/*Main Colors*/
.map-primary-color{color:#70000B;}
.bg-map-primary-color{background-color:#70000B !important;}
.tab-primary-color.active>a:after {
    background-color:#70000B !important;
}

.number{font-weight: 600; font-size: 1.1em;}
.info-logo-modal{height: 50px;width: auto;}
.info-logo-modal-center{
    float: left;
    position: fixed;
    width: 70px;
    height: auto;
    right: 40px;
}

.uxsmap-logo-modal{height: 40px;}

.business-icon{
  width: 64px;
  height: 64px;
}


/***************************************
  Modal Disclaimer
****************************************/
.modal{
  z-index: 9999;
}

.modal-close{
position: absolute;
  right: 15px;
  top: 15px;
  margin-top: 0;
}

.disclaimer-img{
  text-align: center;
}

.disclaimer-etapa-img{
  text-align: center;
  height: 120px !important;
  width: auto !important;

  transition: all 0.5s ease-out;
}

.disclaimer-etapa-img:hover{
  transform: scale(1.2);
}

.disclaimer-img img{
  width: 120px;
  height: auto;
}

/***************************************
  DATE CONTROLS
****************************************/
.date-info-window{
  position: absolute;
  top: 20px;
  right: 20px;
  width: 350px;
  z-index:999;
}

.date-info-window .card{
  border-top-color: #70000B !important;
}

.info-transparency{
  background: rgba(255, 255, 255, 0.7);
}

.disclaimer-transparency{
  background: rgba(212,192,144,0.5);
}
.disclaimer-transparency .thumbnail{
  background: rgba(212,192,144,0);
}

.date-info-title{
  margin-top: 0;
  font-weight: 600;
}
.date-info-date{font-weight: 600;}
.date-info-content{font-weight: normal; text-align: justify;}

.date-image{
  max-height: 60px;
  height: 50px;
  width: auto;
}



/***************************************
  UXSMAP
****************************************/
#uxmap_controls{
  margin-top:24px !important;
  margin-left: 24px;
}

#uxmap_uxmap_footer_controls{
  z-index: 999;
}


/***************************************
  Modal Map Info
****************************************/
#modal_map_info .modal-body{
  overflow-y: scroll;
  max-height: 600px;
}


/***************************************
  Footer Dialog
****************************************/
#footer_dialog {
  width: 380px;
  max-height: 600px;
  max-width: 540px !important;
  /* background-color: #EFF0F0; */
}

#footer_dialog .card-header{
  width: 100%;
}

#footer_dialog #footer_dialog_title_image{
  height: 30px;
}

#footer_dialog #footer_dialog_title{

}


/*******************************
 Map Sidebars
********************************/
.map-sidebar {
 
}

.map-left-sidebar {
 
}

.map-right-sidebar {
 
}

.map-sidebar .sidebar-light{
}

.map-sidebar .sidebar-header{
  
}

.map-sidebar .sidebar-section-body{
}

.map-sidebar .filterbtn {

}

.map-sidebar .filtercount{

}

/*Left Map Sidebar*/
#map-left-sidebar-btn{

  
}
#map-left-sidebar-btn:hover{

}

#map-left-sidebar-closebtn {

}

/*Right Map Sidebar*/
#map-right-sidebar-btn{

  
}
#map-right-sidebar-btn:hover{

}

#map-right-sidebar-closebtn {

}

/***************************************
  INFO-DIALOG
****************************************/
.data-image{
  height: 50px;
  margin:10px;
}

.data-title{
  font-weight: 600;
}



/***************************************
 Google Maps
****************************************/
.gm-style .gm-style-iw-a {

}

/***************************************
 @media SIZES
****************************************/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .map-sidebar {
   
  }
  
  .map-left-sidebar {
   
  }

  #footer_dialog {
    width: 320px;
    z-index: 12;
  }
  
  #footer_dialog #footer_dialog_title_image{
    height: 20px;
  }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  .map-sidebar {
   
  }
  
  .map-left-sidebar {
   
  }
  
  #footer_dialog {
    width: 360px;
  }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  #uxmap_controls{
    margin-top:12px !important;
    margin-left: 12px;
  }

}