:root {
    --klaro-primary-color: var(--dbr-red) !important;
    --klaro-slider-bg-required: #f00 !important;
}

form details {
    background-color: #f6f6f6;
    padding: 0.5rem;
    margin-bottom: 2rem;
}

form details summary {
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer;
}

ul#views-display-menu-tabs li a,
.js .views-edit-view .dropbutton-wrapper .dropbutton .dropbutton-action>*,
.views-ui-display-tab-bucket__title,
.views-ui-display-tab-bucket .views-display-setting,
.views-display-tab .dropbutton-widget,
.views-display-tab {
    font-size: 1em;
}

.views-display-tab .dropbutton-widget {
    padding: 0 1rem;
}

.views-ui-display-tab-bucket .views-display-setting {
    margin-bottom: 1rem;
}

ul#views-display-menu-tabs li {
    list-style: none;
}

/* COOKIE DIALOG */
.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
#klaro button {
    background-color: var(--dbr-red);
}

#klaro .cn-decline.klaro-close {
    background-color: transparent;
}

.klaro {
    & .cookie-modal, & .context-notice, & .cookie-notice {
        .cm-list-input.required:checked + .cm-list-label .slider {
            background-color: green !important;
        }
    }
}

.klaro {
    & .cookie-modal, & .context-notice, & .cookie-notice {
        .cm-list-input:checked + .cm-list-label .slider {
            background-color: green !important;
        }
    }
}

.klaro {
    & .cookie-modal, & .context-notice, & .cookie-notice {
        .cm-list-label .slider {
            background-color: var(--dbr-red);
        }
    }
}

#klaro button.cm-btn-success,
#klaro button.cm-btn-accept-all,
#klaro button.cm-btn-accept {
    background-color: green;
}