 .ol-popup {
        position: absolute;
        background-color: white;
        -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 370px;
      }
      .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }
      .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
      }
      .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
      }
      .ol-popup-closer {
        text-decoration: none;
        position: absolute;
        top: 2px;
        right: 8px;
      }
      .ol-popup-closer:after {
        content: "✖";
      }

 .ol-custom-rotate {
   top: 4.2em !important;
   right: unset !important;
   left: 6px !important;
 }

 .ol-control-style {
   top: 0.5em !important;
   right: unset !important;
   left: 34px !important;
   z-index: 1;
   height: 47px !important;
   line-height: 43px !important;
   padding-left: 3px !important;
   padding-right: 3px !important;
   padding-top: 3px !important;
   padding-bottom: 3px !important;
   box-shadow: inherit !important;
 }

 .show-tab {
   position: relative !important;
   z-index: 2147483647 !important;
 }

 .ol-custom-zoom {
   .ol-has-tooltip:hover [role=tooltip] {
     left: -5.5em;
     border-radius: 4px 0 0 4px;
   }
   .ol-zoom-out.ol-has-tooltip:hover [role=tooltip]{
     left: -6.2em;
   }
 }

 .ol-custom-full-screen {
   top: 8.5em !important;
   bottom: unset !important;
   right: unset !important;
   left: 6px !important;
 }

 .ol-custom-attribution {
   top: 6.3em !important;
   bottom: unset !important;
   right: unset !important;
   left: 6px !important;
 }

 .ol-button-style {
   display: block;
   margin: 1px;
   padding: 0;
   color: #fff;
   font-size: 2.3rem !important;
   font-weight: 700;
   text-decoration: none;
   text-align: center;
   height: 1.375em !important;
   width: 1.375em !important;
   line-height: .4em;
   background-color: rgba(0,60,136,.5);
   border: none;
   border-radius: 2px;
 }

.tab-content {
     display: none;
    background-color: white;
}
.tab-content:target {
    display: block;
}

.border-right{
    border-right: 1px lightgray solid;
}
