:root {
    --dss-black: #333333;
    --dss-white: #ffff;
    --dss-topdanmark-blue: #131947;
    --dss-topdanmark-widget-bg: #F2F3F6;
}

.topdanmark .mydss-widgets {
    background-color: var(--dss-topdanmark-widget-bg);
}

.topdanmark .icon-filter {
    filter: var(--dss-topdanmark-blue-filter);
}

.topdanmark .btn-filter {
    background-color: var(--dss-topdanmark-blue);
    border: var(--dss-topdanmark-blue);
    color: var(--dss-white);
}

.topdanmark .btn-filter-reverse {
    background-color: var(--dss-white);
    border: 1px solid var(--dss-topdanmark-blue);
    color: var(--dss-topdanmark-blue);
}

    .topdanmark .btn-filter-reverse:hover {
        background-color: var(--dss-topdanmark-blue);
        border: 1px solid var(--dss-topdanmark-blue);
        color: var(--dss-white);
    }

.topdanmark .btn-filter:hover {
    background-color: var(--dss-white);
    border: 1px solid var(--dss-topdanmark-blue);
    color: var(--dss-topdanmark-blue);
}

.topdanmark .custom-btn-filter {
    background-color: var(--dss-topdanmark-widget-bg);
    border: 1px solid rgba(0,15,85,.1);
}

.topdanmark .custom-btn-filter.active {
    background-color: var(--dss-topdanmark-blue);
    color: var(--dss-white);
}

.topdanmark .custom-btn-filter.active .notifications {
    background-color: var(--dss-topdanmark-widget-bg);
    color: var(--dss-topdanmark-blue);
}

.topdanmark .custom-btn-filter.active .icon-filter {
    filter: invert(84%) sepia(4%) saturate(2%) hue-rotate(193deg) brightness(101%) contrast(97%);
}


.topdanmark .text-filter {
    color: var(--dss-topdanmark-blue);
}

.topdanmark input[type=checkbox]:checked {
    accent-color: var(--dss-topdanmark-blue);
}

.topdanmark .claim-details-page .claim-info-header {
    background-color: var(--dss-topdanmark-blue);
    color: var(--dss-white);
    padding: 2rem;
    border-radius: 15px 15px 0px 0px;
}

/* Overriding styling of interactive animation buttons on claim details page */

.topdanmark .claim-details-page .dss-btn-Blue {
    background-color: var(--dss-topdanmark-blue);
    border: 1px solid var(--dss-topdanmark-blue);
    color: var(--dss-white);
}

.topdanmark .claim-details-page .dss-btn-Blue-reverse {
    background-color: var(--dss-topdanmark-blue);
    color: var(--dss-white);
    border: 1px solid var(--dss-topdanmark-blue);
}

.topdanmark .claim-details-page .dss-btn-Blue:hover {
    background-color: var(--runa-white);
    color: var(--dss-topdanmark-blue);
    border: 1px solid var(--dss-topdanmark-blue);
}