.locatorMap {
   height:100%;
   overflow: hidden;
   position: relative;
}

.locatorMap_listContainer {
   background-color: white;
   box-shadow: 1px 1px 1px 1px black;
}

.locatorMap_listContainer_filter {
   padding: 4px;
}

.locatorMap_listContainer_filter input{
   width: 98%;
   border: 1px solid rgb(207, 207, 207);
   border-radius: 4px;
   padding-left: 2px;
   height: 25px;
   font-size: 18px;
}

.locatorMap_list {
   list-style: none;
   padding: 0px 2px 10px 2px;
   margin: 0px 10px 0px 10px;
   font-family: sans-serif;  
}

.locatorMap_list_item {
   border-bottom: 1px solid rgba(178, 178, 178, 0.57);
   max-height: 72px;   
   padding: 8px 4px 8px 4px;
   overflow: hidden;
   /*text-overflow: ellipsis;   
   white-space: nowrap;*/
   cursor: pointer;
}

.locatorMap_list_item--active {
   font-weight: bold;
}

.locatorMap_list_item:hover {
   background-color: rgba(215, 215, 215, 0.34);
}

.locatorMap_list_item_icon {
  color: rgb(247, 84, 76);
  font-size: 24px;
}

.locatorMap_list_item_iconImage {
   height: 20px;
   width: 20px;
   padding: 0;
   margin: 0;
}

.locatorMap_list--mobile {
   position: absolute;
   width: 100%;
   height: 60%;
   bottom: 0;
   box-shadow: 0px -3px 3px -1px rgba(0, 0, 0, 0.61);
   overflow: hidden;
   overflow-y: auto;
   font-size: 18px;
}

.locatorMap_list--desktop {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 25%;
   display: none;
   box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, 0.60);
   font-size: 16px;
}

.locatorMap_list_close {
   text-align: center;
   font-size: 20px;
   position: relative;
   top: 8px;
   margin-bottom: 8px;
}

.locatorMap_map {
  height: 100%;
  
}

#locatorMap_openList {
   background-color: white;
   padding: 2px;
   font-size: 24px;
   margin-top: 8px;
   width: 33px;   
   text-align: center;
   box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
}

#locatorMap_contentInfoWindow {
   text-align: center;
   margin-top: 6px;
}

.locatorMap_contentInfoWindow_title {
   font-size: 16px;
   font-weight: bold;
}

#locatorMap_contentInfoWindow a {
   font-size: 16px;
   font-weight: bold;
}

#locatorMap_contentInfoWindow p {
   width: 98%;
}

.locatorMap_responsiveImg {
   width: 85%;
   height: auto;
   border: 2px solid white;

   border: solid 4px #FFFFFF;
   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
   display: inline-block;
   line-height: 0;
   transition: all 200ms ease-out;
}

.locatorMap_template {   
   position: absolute;
   background-color: white;
   height: 90%;
   width: 85%;
   top: 0;
   bottom: 0;
   left: 0;
   right:0;
   margin: auto;
   display: none;
   box-sizing: border-box;
   box-shadow: 1px 2px 3px 2px rgba(0, 0, 0, 0.5);   
}

.locatorMap_template  * {
   box-sizing: border-box;
}

/*loader*/
.locatorMap_loader {
   /*margin: 6em auto;*/
   font-size: 5px;
   position: relative;
   text-indent: -9999em;
   border-top: 2.1em solid rgba(255, 255, 255, 0.5);
   border-right: 2.1em solid rgba(255, 255, 255, 0.5);
   border-bottom: 2.1em solid rgba(255, 255, 255, 0.5);
   border-left: 2.1em solid #25C5FF;
   -webkit-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-animation: load8 1.1s infinite linear;
   animation: load8 1.1s infinite linear;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   display: none;
   z-index: 1000;
   box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.6);
}
.locatorMap_loader,
.locatorMap_loader:after {
   border-radius: 50%;
   width: 6em;
   height: 6em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*loader end*/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default *

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

   #locatorMap_openList {
      display: none;
   }
   .locatorMap_list--mobile {
      display:none;
   }
   .locatorMap_list--desktop {     
      display: block;
      float:left;
      overflow-y: auto;
      overflow-x: hidden;
   }

   .locatorMap_map {
      width: 89%; margin:0 auto; border:1px solid #ccc; padding:1px;   
   }

   /**When the list is not needed*/
   .locatorMap_map--fullWidth {
      width: 100%;
   }

   .locatorMap_template {      
      height: 90%;
      width: 50%;      
   }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}