.ol-popup {
      display: none; 
      position: absolute;
      background-color: white;
      -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
      -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; */
      padding: 0px;
      /* border-radius: 10px; */
      border: 1px solid #cccccc;
      bottom: 12px;
      left: -50px;
    }

    .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: 3px;
      right: 6px;
      /*
      top: 2px;
      right: 8px;
      */
    }
    .ol-popup-closer:after {
      /* content: url("../img/btn_close.png"); */
      position: absolute;
      top:0px;
      right:0px;
    }

      
    .ol-attribution ul{
        margin:0;
        padding:0 .5em;
        font-size:0.75em;
        line-height:1.375em;
        color:#000;
        text-shadow:0 0 2px #fff;
        max-width:calc(100%)
    }

.ol-overviewmap:not(.ol-collapsed) {
  background: rgba(192,192,192,1.0);
}