.control-toolbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 1px;
    flex-grow: 1;
}

    .control-toolbar .check-box {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .control-toolbar .control-button {
        display: flex;
        flex-direction: row-reverse;
        flex-grow: 1;
    }

        .control-toolbar .control-button .extension {
            display: flex;
            flex-direction: row-reverse;
            padding-left: 10px;
        }

        .control-toolbar .control-button .scale-map {
            display: flex;
            flex-direction: row-reverse;
            flex-grow: 1;
            padding-right: 5px;
            padding-left: 10px;
            border-left: 1px solid gray;
            border-right: 1px solid gray;
        }

.button {
    padding: 1px 0.4rem;
    margin-right: 5px;
}

.icon {
    font-size: 1.6rem;
}

.button-dropdown {
    padding: 1px 0.3rem 1px 0.5rem;
    margin-right: 5px;
}

.dropdown-toggle::after {
    border: 0px;
}

.custom-range {
    --progress: 0%;
}

    .custom-range::-webkit-slider-runnable-track {
        height: 8px;
        border-radius: 5px;
        background: linear-gradient(to right, #0d6efd 0%, #0d6efd var(--progress), #e9ecef 0%);
    }