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

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

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

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

    .layer-switcher .panel {
        padding: 15px 15px 5px 0;
        border-radius: 4px;
        background-color: #0360A6;
        display: none;
        max-height: 100%;
        overflow-y: auto;
    }

    .layer-switcher ul {
        margin-bottom: 0px;
    }

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

    .layer-label {
        color: white;
        font-size: 1rem;
    }

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

    .layer-switcher button {
        height: 1.375em;
        width: 1.375em;
    }

    .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;
        width: 100%;
    }

        .layer-switcher li.layer label, .layer-switcher li.layer input {
            display: block;
            float: left;
            vertical-align: sub;
        }

            .layer-switcher li.layer input.opacity {
                width: 60px;
                display: block;
                float: right;
            }

    .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);
    }
