﻿.ol-control {
    background-color:initial;
}

.ol-control button, ol-control button:hover {
    background-color: rgba(0, 130, 192, 0.95) !important;
}

.ol-control.layer-switcher button, .ol-control.layer-switcher button:hover {
    background-color: rgba(0, 130, 192, 0) !important;
}

.ol-zoom {
    left: auto;
    right: -3px;
    top: 0.5em;
    bottom: auto;
}

.layer-switcher button {
    background-color: transparent;
}

.layer-switcher {
    position: absolute;
    top: 2.5em;
    bottom: auto;
    right: 2.5em;
    text-align: left;
}

/*.layer-switcher.shown button {
    display: block;
}*/

.layer-switcher .panel {
    margin-bottom:2.5em;
}

.zoomBox {
    position: absolute;
    top: 4em;
    right: -3px;
}

.ol-scaler {
    position:absolute;
    top:0em;
    right:2.5em;
    vertical-align:bottom;
}
.ol-scaler input[type=number] {
    float:left;
    -moz-appearance:textfield;
}

.ol-scaler input[type=number]::-webkit-outer-spin-button,
.ol-scaler input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0;
}

.custom-mouse-position1 {
    background-color: white;
}

.custom-mouse-position2 {
    background-color: white;
}

.ol-attribution {
    position: absolute;
    top: 0.5em;
    bottom: auto;
    left: 0em !important;
    right: auto !important;
}

.ol-attribution ul {
    display:block;
}
.ol-attribution li {
    display:block !important;
    text-align:left;
}
.ol-attribution a {
    color: #0082c0;
}

.ol-attribution .copyrightKarte {
    font-weight:bold;
}

.ol-captions {
    position: absolute;
    top: 7.5em;
    right: -3px;
}

.ol-tooltips {
    position: absolute;
    top: 9em;
    right: -3px;
}

.ol-undo {
    position: absolute;
    top: 0em;
    right: 8em;
}

#mapinfo {
    position: absolute;
    height: 1px;
    width: 1px;
    z-index: 1000;
}

.tooltip.in {
    opacity: 1;
}

.tooltip.top .tooltip-arrow {
    border-top-color: white;
}

.tooltip-inner {
    border: 2px solid white;
}

.ol-control button.ol-button-inactive, .ol-control button:hover.ol-button-inactive {
    color: rgba(0, 130, 192, 0.95) !important;
    background-color: rgba(255, 255, 255, 1) !important;
    border: 1px solid rgba(0, 130, 192, 0.95) !important;
}