
.layer-switcher {
    max-width: 300px;
}
.ol-rotate { 
    top: 5.5em !important;
    left: 0.5em !important;
}
.ol-popup {
    padding: 25px 5px 5px 5px !important;
    
}
.ol-popup-content {
    min-width: 250px !important;
}
.ol-mouse-position {
    bottom: 0px;
    top: auto;
    right: calc(50% - 50px);
    background: #ffffffcc;
    padding: 5px;
}
.ol-scale-bar {
  overflow-y: clip;
  height: 10px;
}
.ol-scale-step-text {
  display:none !important;
}
.ol-scale-step-text:last-of-type {
    display:block !important;
    position: relative;
    left: 20px !important;
    top: 0px !important;
}
.ol-scale-singlebar {
    height: 10px
}
.ol-scale-singlebar {
    height: 10px
}
.ol-zoom .ol-zoom-in {
    border-radius: 2px 2px 0 0;
    background-image: url(/images/zoomIn.png);
    font-size: 0px !important;
    height: 25px;
    width: 25px;
    background-color: transparent;
}
.ol-zoom .ol-zoom-out {
    border-radius: 2px 2px 0 0;
    background-image: url(/images/zoomOut.png);
    font-size: 0px !important;
    height: 24px;
    width: 24px;
    background-color: transparent;
}
.ol-full-screen {
}

.ol-full-screen-false, .ol-full-screen-true {
    border-radius: 2px 2px 0 0;
    font-size: 0px !important;
    height: 24px !important;
    width: 24px !important;
    background-color: transparent !important;
}
.ol-full-screen-false {
    background-image: url(/images/fullScreen.png);
}
.ol-full-screen-true {
    background-image: url(/images/close_r.png);
}
.ol-zoom.ol-control, .ol-full-screen.ol-control, .ol-rotate.ol-control {
    background-color: transparent !important;
    width: 25px !important;
    height: 25px !important;
}
.ol-rotate-reset {
    background-color: transparent !important;
    width: 24px !important;
    height: 24px !important;
}
.ol-control button:hover, .ol-control button:focus {
    outline: none !important;
}
.ol-compass {
    border-radius: 2px 2px 0 0;
    background-image: url(/images/north.png);
    font-size: 0px !important;
    height: 24px !important;
    width: 24px !important;
    background-color: transparent !important;
}
.ol-popup {
    font-size: 11px !important;
    background-color: #E2E2E3 !important;
}
.ol-popup:before, .ol-popup:after {
    border-top-color: #E2E2E3 !important;
}


.localize-me {
    border-radius: 2px 2px 0 0;
    font-size: 0px !important;
    height: 24px !important;
    width: 24px !important;
    top: 60px!important;
    left: 8px !important;
    background-color: transparent !important;
}
.localize-me button {
    border-radius: 2px 2px 0 0;
    height: 24px !important;
    width: 24px !important;
    background-image: url(/images/locate.png);
    background-color: transparent !important;
}

.print-me {
    border-radius: 2px 2px 0 0;
    font-size: 0px !important;
    height: 24px !important;
    width: 24px !important;
    top: 115px!important;
    left: 8px !important;
    background-color: transparent !important;
}
.print-me button {
    border-radius: 2px 2px 0 0;
    height: 24px !important;
    width: 24px !important;
    background-image: url(/images/print2.png);
    background-color: transparent !important;
}

.ol-popup-content {
    padding-top: 5px;
}
.infos_station_title {
    background-color: #E2E2E3;
    font-weight: bold;
    padding-bottom: 0px;
    position: absolute;
    top: 5px;
    
}
.infos_station_detail {
    background-color: #E2E2E3;
    padding: 0px;
    padding: 5px;
}