:root {
    --dss-black: #333333;
    --dss-white: #ffff;
    --dss-velliv-primary-blue: #006E64;
    --dss-velliv-attention-blue: #00B9AA;
    --dss-velliv-secondary-orange: #FFA032;
    --dss-velliv-light-blue: #E6F5F0;
    --dss-velliv-attention-orange: #BE6E00;
    --dss-velliv-dark-grey: #767676;
    --dss-velliv-light-grey: #E2E2E2;
    --dss-velliv-black-filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(19%) hue-rotate(293deg) brightness(101%) contrast(105%);
    --dss-velliv-widget-bg: #F2F3F6;
}

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

.velliv .icon-filter {
    filter: grayscale(1);
}

.velliv .btn-filter {
    background-color: var(--dss-velliv-secondary-orange);
    border: 1px solid var(--dss-velliv-secondary-orange);
    color: var(--dss-black);
    font-weight: bold;
}

    .velliv .btn-filter:not(:disabled):hover {
        background-color: var(--dss-velliv-attention-orange);
        border: 1px solid var(--dss-velliv-attention-orange);
        color: var(--dss-black);
    }

.velliv .btn-filter-reverse {
    background-color: var(--dss-white);
    border: 2px solid var(--dss-velliv-secondary-orange);
    color: var(--dss-black);
    font-weight: bold;
}

    .velliv .btn-filter-reverse:not(:disabled):hover {
        background-color: var(--dss-velliv-attention-orange);
        border: 2px solid var(--dss-velliv-attention-orange);
        color: var(--dss-black);
    }

.velliv .custom-btn-filter {
    background-color: var(--dss-white);
    border: 2px solid var(--dss-velliv-light-grey);
    border-radius: 10px;
}

    .velliv .custom-btn-filter.active {
        border: 2px solid var(--dss-velliv-attention-blue);
        color: var(--dss-velliv-attention-blue);
    }

        .velliv .custom-btn-filter.active .notifications {
            background-color: var(--dss-velliv-secondary-orange);
            color: var(--dss-black);
        }

        .velliv .custom-btn-filter.active .icon-filter {
            filter: brightness(0) saturate(100%) invert(44%) sepia(98%) saturate(1025%) hue-rotate(139deg) brightness(96%) contrast(101%);
        }

.velliv .text-filter {
    color: var(--dss-velliv-dark-grey);
}

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

.velliv input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px black;
    background-color: white;
    padding: 8px;
    border: none;
}

.velliv input[type=radio]:checked {
    box-shadow: inset 0 0 0 4px var(--dss-velliv-attention-blue);
    border: none;
}

.velliv p a {
    color: var(--dss-velliv-secondary-orange);
}

.velliv p a:hover {
    color: var(--dss-velliv-attention-orange);
}

/* Tooltip */
.velliv .dss-notice-Green {
    background-color: var(--dss-velliv-light-grey);
    color: black;
    border: 1px solid var(--dss-velliv-dark-grey);
}

/* Banner With CTA */
.velliv .banner-cta .title {
    color: var(--dss-velliv-primary-blue);
}

/* Claims Overview */

.velliv .claims-overview .claimsoverview-card-header p {
    border-left: 3px solid var(--dss-velliv-primary-blue);
}

.velliv .claims-overview .notify-claim {
    color: var(--dss-velliv-secondary-orange);
}

.velliv .claims-overview .notify-claim .icon-filter {
    filter: none;
    color: var(--dss-velliv-secondary-orange);
}

/* Claim Details */
.velliv .claim-details-page .claim-info-header {
    background-color: var(--dss-velliv-primary-blue);
}

.velliv .claim-details-page .claim-info-header .icon-filter {
    filter: none;
}

/* Left Side Menu */

.velliv .mydss-left-side-menu .logo {
    max-width: 60%;
}

/* Right Side Menu */

.velliv .mydss-right-side-menu .highlight-text {
    color: var(--dss-velliv-attention-blue);
}

.velliv .mydss-right-side-menu i {
    color: var(--dss-velliv-attention-blue);
}

.velliv .mydss-right-side-menu .policy-dropdown-button {
    border: 1px solid var(--dss-black);
    color: var(--dss-black);
}

.velliv .mydss-right-side-menu .policy-dropdown-menu {
    border: 1px solid var(--dss-black);
}

.velliv .mydss-right-side-menu .policy-dropdown-item {
    color: var(--dss-black);
}

.velliv .mydss-right-side-menu .policy-dropdown-item.active,
.velliv .mydss-right-side-menu .policy-dropdown-item:focus {
    background-color: var(--dss-velliv-light-grey);
    color: var(--dss-black);
}

/* Create Claim Flow */

.velliv .questionnaire .navigation-button {
    background-color: var(--dss-velliv-light-blue);
}

.velliv .questionnaire .navigation-button:disabled {
    background-color: white;
}

.velliv .questionnaire input[type="checkbox"] + label {
    color: black;
}

.velliv .text-link {
    color: var(--dss-velliv-secondary-orange);
}

.velliv .text-link:hover {
    color: var(--dss-velliv-attention-orange);
}

/* Language Selector */
.language-container .language-selector .dss-btn-language-selector:hover {
    background-color: white;
    border-color: var(--dss-velliv-secondary-orange);
}

/* Overriding styling of interactive animation buttons on claim details page */
.velliv .claim-details-page .dss-btn-Blue {
    background-color: var(--dss-velliv-secondary-orange);
    border: 1px solid var(--dss-velliv-secondary-orange);
    color: var(--dss-black);
    font-weight: bold;
}

.velliv .claim-details-page .dss-btn-Blue:hover {
    background-color: var(--dss-velliv-attention-orange);
    border: 1px solid var(--dss-velliv-attention-orange);
    color: var(--dss-black);
}

.velliv .claim-details-page .dss-btn-Blue-reverse {
    background-color: var(--dss-white);
    border: 2px solid var(--dss-velliv-secondary-orange);
    color: var(--dss-black);
    font-weight: bold;
}

.velliv .claim-details-page .dss-btn-Blue-reverse:hover {
    background-color: var(--dss-velliv-attention-orange);
    border: 2px solid var(--dss-velliv-attention-orange);
    color: var(--dss-black);
}

/* Verify Information Modal */
.velliv .verify-user-modal-member-radio {
    height: 16px;
}