/* Always set the map height explicitly to define the size of the div
* element that contains the map. */

#map {
  width: 100%;
  min-height: 1000px;
  margin: 0px !important;
}
#map{

}
.gm-style-iw.gm-style-iw-c{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);

}



.searchBox {
  position:absolute;
  top: 12rem;
  left: 15.7%;
  width: 572px;

}
.innerBoxContent{
  background: white;
}
.searchBox h2{
  color:#141210;
}

#searchTextField{
  border:none;
  font-size: 18px;
}

.searchBoxInputContainer{
  -moz-box-shadow:    inset 0 0 10px #70707047;
  -webkit-box-shadow: inset 0 0 10px #70707047;
  box-shadow:         inset 0 0 10px #70707047;
}

}
.shadow-box {
  box-shadow: 0 1rem 5rem rgb(0 0 0 / 7%) !important;
}

@media (max-width: 768px) {
  .content {
    /*
    position: static !important;
    min-height: 450px;
    min-width: 450px;
    */
  }

  #map {
    min-height: 900px;
  }

  .searchBox {
    position:absolute;
    top: 9.5rem;
    left: 7px;
    width: 300px;

  }

  .searchBox h2{
    font-size:1rem;
  }

  #searchTextField {
    font-size: 12px;
  }
  .searchBox b {
    font-size: 14px;
  }
  .searchBox label {
    font-size: 14px;
  }

  .searchBox .pointerselectTypeMap a{
    font-size:14px; 
  }
  .searchBox .selectTypeList a{
    font-size:14px; 
  }

  .facilityLinkContainer.float-right {
    float: none!important;
  } 

  .facilityLinkContainer {
    padding-top: 15px!important;
        padding-bottom: 15px!important;
  } 

  .facilityLink{
    padding-top: 14px!important;
    padding-right: 15px!important;
    padding-bottom: 6px!important;
    padding-left: 15px!important;
  }

  .companyPopup h3{
    font-size:1.1rem;
  }
  
  .companyPopup{
    padding:0px!important;
  }
  
}
@media (max-width: 576) {
  .searchBox {
    position:absolute;
    top: 7.5rem;
    left: 0%;
    width: 300px;

  }
}

/*
.checkbox-lg .custom-control-label::before,
.checkbox-lg .custom-control-label::after {
top: 0.9rem;
width: 1.55rem;
height: 1.55rem;
}

.checkbox-lg .custom-control-label {
padding-top: 13px;
padding-left: 6px;
}

.custom-control-input:checked ~ .custom-control-label::before {
color: #fff !important;
border-color: #00754a !important;
background-color: #00754a !important;
}

.checkbox-lg .custom-control-label:hover,
.checkbox-lg .custom-control-label:hover {
border: none;
box-shadow: none;
}
*/
.btn:focus {
  outline: none !important;
}

.minimizeBox{
  float:right; 
  margin-right:15px; 
  margin-top:20px;
}

.companyPopup h3{
  color:#141210;
  padding-bottom:10px;
}

.companyPopup{
  font-size:1rem;
  padding:15px 15px 15px 15px;
}

.facilityLink{
  padding-top: 22px;
  padding-right: 18px;
  padding-bottom: 16px;
  padding-left: 18px;
  background-color:#000;
  border-radius:8px;
}
.facilityLink i{
  color:#F8FAF5;
  font-size:1.5rem;
  line-height:1.5rem;
}

.facilityLink:hover {
  background-color:#fff;
  border:1px solid #000;
}
.facilityLink:hover i{
  color:#000;
}

button.gm-ui-hover-effect span{
  width: 25px!important;
  height: 25px!important;
}

button.gm-ui-hover-effect{
  width: 40px!important;
  height: 30px!important;
}

.verticalBorder{
  border-left:1px solid #000;
  padding-left:5px;
  margin-left:20px;
}


.companyPopup .fa-map-marker-alt{
  padding-top:10px; 
}


.companyFilterContainer span{
 font-size:1rem; 
}
.companyFilterContainer label{
 font-size:1rem; 
}