/* Qomply colours for the free-tools cookie banner; matches the page header (#reportheader). */
#cc-main {
    --cc-font-family: 'Nunito Sans', Nunito, Arial, Helvetica, sans-serif;
    --cc-modal-border-radius: 8px;
    --cc-btn-border-radius: 8px;
    --cc-bg: #002060;
    --cc-primary-color: #ffffff;
    --cc-secondary-color: #d4def0;
    --cc-link-color: #00aeed;
    --cc-overlay-bg: rgba(0, 16, 48, 0.65);

    --cc-btn-primary-bg: #00aeed;
    --cc-btn-primary-color: #002060;
    --cc-btn-primary-border-color: #00aeed;
    --cc-btn-primary-hover-bg: #ffffff;
    --cc-btn-primary-hover-color: #002060;
    --cc-btn-primary-hover-border-color: #ffffff;

    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-color: #ffffff;
    --cc-btn-secondary-border-color: #ffffff;
    --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.12);
    --cc-btn-secondary-hover-color: #ffffff;
    --cc-btn-secondary-hover-border-color: #ffffff;

    --cc-separator-border-color: rgba(255, 255, 255, 0.15);
    --cc-footer-bg: #001a4f;
    --cc-footer-color: #d4def0;
    --cc-footer-border-color: rgba(255, 255, 255, 0.15);

    --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.06);
    --cc-cookie-category-block-border: rgba(255, 255, 255, 0.12);
    --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.1);
    --cc-cookie-category-block-hover-border: rgba(255, 255, 255, 0.2);
    --cc-cookie-category-expanded-block-bg: rgba(255, 255, 255, 0.03);
    --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, 0.06);
    --cc-section-category-border: rgba(255, 255, 255, 0.12);

    --cc-toggle-on-bg: #00aeed;
    --cc-toggle-off-bg: #5b6b8f;
    --cc-toggle-on-knob-bg: #ffffff;
    --cc-toggle-off-knob-bg: #ffffff;
    --cc-toggle-enabled-icon-color: #002060;
    --cc-toggle-disabled-icon-color: #5b6b8f;
    --cc-toggle-readonly-bg: rgba(0, 174, 237, 0.45);
    --cc-toggle-readonly-knob-bg: #ffffff;
    --cc-toggle-readonly-knob-icon-color: #002060;
}

/* Cyan strip along the top, like the header's runway strip. */
#cc-main .cm,
#cc-main .pm {
    border-top: 6px solid #00aeed;
}

/* With only two categories, let the preferences window shrink to fit instead of filling the screen height. */
@media screen and (min-width: 641px) {
    #cc-main .pm--box {
        height: auto;
    }
}