
html, a, button {
  -ms-touch-action: manipulation; /* IE10  */
  touch-action: manipulation; /* IE11+ */
}

/* width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #d0d0d0; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #f89b66; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #f89b66; 
}

.mapplic-pin.pin-image { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; border-radius: 0;}

.mapplic-lightbox-description #facilities-compare .top-menu-toggle { display: none !important }

.mfp-close { left:0; right: auto; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { text-align: left; right: 0; }

#mapplic { height: 100%; min-height: 1000px; }
.mapplic-container { width: 100%; height: 100%; min-height: 1000px; }

.mapplic-legend-label { font-size: 12px; }
.mapplic-legend { padding: 12px 20px; border-radius: 5px; } 
.mapplic-toggle p { line-height: 20px; }
.mapplic-legend-label span { vertical-align: top; }

.mapplic-pin.circular { background-color: #f89b66; color: #ffffff; border: #fff 1px solid; }
.mapplic-pin.pin-md { line-height: 18px !important; }
.mapplic-sidebar { width: 280px; background-color: #fff; padding: 0; }
/*.mapplic-filter { display: none !important; }*/
.mapplic-list-location.mapplic-active > a { background-color: rgba(248,155,102,0.25);  }
.mapplic-list-location h4 { font-size: 12px; margin: 1.5px 0 !important; }
/*.mapplic-list-container { box-shadow: none !important; }*/

.mapplic-pin.pin-label:visited { color: #333; }
.mapplic-pin.pin-image { background-size: cover; border: 0; }

.mapplic-list-category { display: none; }
.mapplic-list-container ol { margin-top: 5px; }

.mapplic-tooltip-title { font-size: 14px !important; }
.mapplic-tooltip-content { margin: 0 !important; }
.mapplic-pin.circular.mapplic-active { background-color: #f89b66; color: #fff; }
.mapplic-pin.circular.mapplic-active:before { content: '';
    border: 3px solid #f89b66;
    border-radius: 30px;
    height: inherit;
    width: inherit;
    top: -3px;
    left: -3px;
    position: absolute;
    animation: pulsate 0.75s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    box-sizing: content-box; }

.mapplic-list-category .mapplic-thumbnail { display: none !important; }

.mapplic-list-location > a { padding: 7px 20px 7px 18px; }
.mapplic-list-category > a { padding: 2px 10px; }
.mapplic-list-expandable { padding: 0 !important; }

.mapplic-minimap { opacity: 1!important; display: block !important; top: 0; bottom: auto; }

.mapplic-filter { display: none; }

.bp-approval { position: absolute; bottom: 0; right: 5px; width: auto; height: auto; border-radius: 20px; z-index: 8; font-size: 14px; text-align: right; padding: 10px; }

.bp-approval p { font-size: 12px; line-height: normal; margin-bottom: 5px; }

.mini-map { position: absolute; top: 10px; left: 290px; z-index: 99; background-color: #fff; border-radius: 5px; color: #333; padding: 10px 10px 3px 10px; font-size: 10px; text-align: center; }
.mini-map a { color: #333; }
.mini-map img { max-width: 100px; height: auto; }
.mini-map p { margin-bottom: 0; }

.mfp-container { padding: 0; }
.mapplic-lightbox { max-width: 100%; padding: 0; margin: -20px 0 0 0; }

.mapplic-list-container:before { height: 0 !important; }

.mapplic-pin.pin-ribbon { background-color: #cc0033;
    border-color: #cc0033; color: #fff; }
.mapplic-pin.pin-ribbon.pin-label:visited { color: #fff; }
.mapplic-pin.pin-extra { background-color: #c15f43 !important; color: #fff;  }

.mapplic-list li:nth-child(2) a { 
  background-color: #f89b66;
}
.mapplic-list li:nth-child(2) h4 { 
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
/*.mapplic-list li:nth-child(28), .mapplic-list li:nth-child(33), .mapplic-list li:nth-child(34), .mapplic-list li:nth-child(35), .mapplic-list li:nth-child(36) {
  display: none;
}*/

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .mapplic-pin {
      background-image: url(../images/drone.svg);
  }
}
/*Animation*/
/*.unit-color-a {
  background-color: #912a2b;
  width: 16px;
  height: 16px;
  -webkit-animation: FadeandOut 2s infinite;
    -moz-animation: FadeandOut 2s infinite;
    -o-animation: FadeandOut 2s infinite;
    animation: FadeandOut 2s infinite;
}

@-webkit-keyframes FadeandOut {
  0%   { opacity: 0.6; }
  50%   { opacity: 1; }
  100% { opacity: 0.6; }
}
@-moz-keyframes FadeandOut {
  0%   { opacity: 0.6; }
  50%   { opacity: 1; }
  100% { opacity: 0.6; }
}
@-o-keyframes FadeandOut {
  0%   { opacity: 0.6; }
  50%   { opacity: 1; }
  100% { opacity: 0.6; }
}
@keyframes FadeandOut {
  0%   { opacity: 0.6; }
  50%   { opacity: 1; }
  100% { opacity: 0.6; }
}*/


/*.unit-color-a:after  {
    content: '';
    border: 3px solid #912a2b;
    border-radius: 30px;
    height: inherit;
    width: inherit;
    top: -3px;
    left: -3px;
    position: absolute;
    animation: pulsate 0.75s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    box-sizing: content-box;
}*/

/*.mapplic-list li:nth-child(5), .mapplic-list li:nth-child(7), .mapplic-list li:nth-child(8), .mapplic-list li:nth-child(36) { display: none; }*/

@media (max-width: 767.98px) {
  .mapplic-lightbox { max-width: 100%; }

  .mapplic-portrait .mapplic-container, .mapplic-portrait .mapplic-sidebar { width: 100% !important; }
  .mapplic-sidebar { display: none !important; background-color: transparent !important; }
  p { line-height: normal; }

  .mini-map { left: 10px; }

  #mapplic { height: calc(100vh - 50px) !important; }
  .mapplic-container { height: calc(100vh - 50px) !important; }

}

@media (max-width: 575.98px) {

  .mapplic-legend-label { font-size: 10px; }
  .mapplic-legend { padding: 5px 10px; } 
  .mapplic-toggle p { line-height: 14px; }


  /*.mapplic-lightbox { max-width: 80%; }

  .mapplic-portrait .mapplic-container, .mapplic-portrait .mapplic-sidebar { width: 100% !important; }
  .mapplic-sidebar { display: none !important; background-color: transparent !important; }
  p { line-height: normal; }*/

}
