/** Light color-scheme **/
:root{
    --cc-brand: #3e3c44;
    --cc-brand-dark: rgba(62,60,68,0.6);

    --cc-secondary: #f5f5f5;
    --cc-secondary-dark: #dcdcdc;

    --cc-bg: #fff;
    --cc-text: #333;
    --cc-btn-primary-bg: var(--cc-brand);
    --cc-btn-primary-text: var(--cc-bg);
    --cc-btn-primary-hover-bg: var(--cc-brand-dark);
    --cc-btn-secondary-bg: var(--cc-brand);
    --cc-btn-secondary-text: var(--cc-bg);
    --cc-btn-secondary-hover-bg: var(--cc-brand-dark);
    --cc-toggle-bg-off: #c5c5c5;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #dcdcdc;
    --cc-toggle-knob-bg: #fff;
    --cc-toggle-knob-icon-color: #edfaec;
    --cc-block-text: var(--cc-text);
    --cc-cookie-category-block-bg: var(--cc-secondary);
    --cc-cookie-category-block-bg-hover: var(--cc-secondary-dark);
    --cc-section-border: #f1f3f5;
    --cc-cookie-table-border: #e9edf2;
    --cc-overlay-bg: rgba(4, 6, 8, .85);
    --cc-webkit-scrollbar-bg: #cfd5db;
    --cc-webkit-scrollbar-bg-hover: #9199a0;
}

/** Dark color-scheme **/
.c_darkmode{
    --cc-bg: #181b1d;
    --cc-text: #d8e5ea;
    --cc-btn-primary-bg: var(--cc-brand);
    --cc-btn-primary-text: #000;
    --cc-btn-primary-hover-bg: var(--cc-brand-dark);
    --cc-btn-secondary-bg: #33383c;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #3e454a;
    --cc-toggle-bg-off: #667481;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #454c54;
    --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
    --cc-toggle-knob-icon-color: var(--cc-bg);
    --cc-block-text: #b3bfc5;
    --cc-cookie-category-block-bg: #272829;
    --cc-cookie-category-block-bg-hover: #333436;
    --cc-section-border: #2f3030;
    --cc-cookie-table-border: #343536;
    --cc-webkit-scrollbar-bg: #7e8082;
    --cc-webkit-scrollbar-bg-hover: #9199a0;
}

#s-c-bn, #s-sv-bn{
    background-color: white;
    color: var(--cc-text);
}
#s-c-bn{
    padding: 20px;
}
#s-c-bn:after, #s-c-bn:before{
    background-color: var(--cc-text);
}
#s-c-bn:hover, #s-sv-bn:hover{
    background-color: var(--cc-secondary-dark) !important;
}
.b-bn button:before{
    border-color: var(--cc-text) !important;
}

.cc_div .c-bn{
    border-radius: 0 !important;
    border: 1px solid #707070;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 15px 18px 15px 18px;
    text-transform: uppercase;
    letter-spacing: .075em;
    font-family: Poppins,sans-serif;
}

#cc--main .box{
    top: unset;
}
#s-inr, #cm{
    border-radius: 0!important;
}