.noScroll {
            overflow: hidden;
        }

        .ol-mouse-position {
            background: red;
            color: white;
            border-radius: 10px;
            padding: 5px
        }

        .layerswitcher-opacity {
            display: none
        }
.ol-layerswitcher-buttons .hideLabel {
  color: #369;
  background-color: #fff;
  border: 1px solid #369;
  box-sizing: border-box;
}

        .ol-header>div {
            width: 100%;
        }

        .map {
            width: 100%;
            height: 600px;
        }

        #searchBox {
            width: 15em;
        }

        .ol-popup {
            position: absolute;
            background-color: white;
            font-family: 'Prata', sans-serif;
            font-weight: bold;
            font-size: 12px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
            padding: 10px;
            border-radius: 10px;
            border: 1px solid #cccccc;
            bottom: 0px;
            left: -50px;
            min-width: 230px;
        }

.ol-layerswitcher .panel {
  font-family: 'Prata', sans-serif;
            font-weight: bold;
    font-size: .8em;
}

.ol-layerswitcher .panel li label span {
    padding-top: .2em;
}
        .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: "✖";
        }