.layer-switcher.shown.ol-control {
    background-color: transparent;
}

.layer-switcher.shown.ol-control:hover {
    background-color: transparent;
}

.layer-switcher {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    text-align: left;
}

.layer-switcher.shown {
    bottom: 3em;
}

.layer-switcher .panel {
    padding: 0 1em 0 0;
    margin: 0;
    border: 4px solid #eee;
    border-radius: 4px;
    background-color: white;
    display: none;
    max-height: 100%;
    overflow-y: auto;
}

.layer-switcher.shown .panel {
    display: block;
}

.layer-switcher button {
    float: right;
    width: 2em;
    height: 2em;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 2em;
    background-color: rgba(0, 60, 136, 0.5);
    border: none;
}

.layer-switcher.shown button {
    display: none;
}

.layer-switcher button:focus, .layer-switcher button:hover {
    background-color: white;
}

.layer-switcher ul {
    padding-left: 1em;
    list-style: none;
}

.layer-switcher li.group {
    padding-top: 5px;
}

.layer-switcher li.group > label {
    font-weight: bold;
}

.layer-switcher li.layer {
    display: table;
}

.layer-switcher li.layer label, .layer-switcher li.layer input {
    display: table-cell;
    vertical-align: sub;
}

.layer-switcher label.disabled {
    opacity:0.4;
}

.layer-switcher input {
    margin: 4px;
}

.layer-switcher.touch ::-webkit-scrollbar {
    width: 4px;
}

.layer-switcher.touch ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.layer-switcher.touch ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}