﻿:root {
    --ncqa-primary-blue: rgb(79, 117, 139);
    --ncqa-primary-red: rgb(200, 16, 46);
    --ncqa-action-blue: rgb(0, 153, 204);
    --ncqa-body-copy: rgba(0, 0, 0, .87);
    --ncqa-supporting-gray: rgba(0, 0, 0, .54);
    --ncqa-inactive-gray: rgba(0, 0, 0, .12);
    --ncqa-background-gray: rgb(245, 245, 245);
    --rz-success: #007BA4;
    --rz-primary: #C8102E;
    --rz-secondary: #007BA4;
    --rz-danger: #C8102E;
    --rz-base-100: #F5F5F5;
    --rz-base-300: rgba(0, 0, 0, .12);
    --rz-base-600: #4F758B;
    --rz-base-800: #000000;
    --rz-grid-header-color: rgba(0, 0, 0, .60);
    --rz-input-border-radius: var(--rz-border-radius-2);
    --rz-input-border: var(--rz-border-width) solid var(--rz-secondary);
    --rz-header-background-color: #FFFFFF;
    --rz-profile-menu-top-item-background-color: #FFFFFF;
    --rz-text-h1-color: rgba(0, 0, 0, .87);
    --rz-text-h2-color: rgba(0, 0, 0, .87);
    --rz-text-h3-color: #4F758B;
    --rz-text-h4-color: #4F758B;
    --rz-text-h5-color: #4F758B;
    --rz-text-h6-color: #4F758B;
    --rz-text-title-color: #4F758B;
    --rz-text-subtitle1-color: #4F758B;
    --rz-text-subtitle2-color: #4F758B;
    --rz-menu-top-item-background-color: var(--ncqa-primary-blue);
    --rz-card-padding: .5rem;
    --rz-shadow-1: 0px 1px 5px rgba(0, 0, 0, 0.1);
    --rz-info-lighter: rgb(243, 249, 254);
    --rz-notification-success-color: #3d8c40;
    --rz-notification-success-icon-color: #3d8c40;
}


ul.rz-profile-menu .rz-navigation-item-icon-children {
    color: var(--rz-secondary);
}

.rz-button {
    border-radius: var(--rz-border-radius-10);
    font-size: 1rem;
    font-weight: 500;
}

.rz-grid-table thead {
    z-index: 1 !important;
}

    .rz-grid-table thead th {
        background-color: inherit;
        border-bottom: 1px solid var(--rz-base-600);
        border-right: none;
        border-left: none;
        border-top: none;
    }

        .rz-grid-table thead th:not(:last-child) {
            border-right: none;
            border-left: none;
            border-top: none;
        }

    .rz-grid-table thead .rz-frozen-cell {
        background: inherit;
        border-right: none !important;
        box-shadow: none;
    }

.rz-grid-table tbody .rz-data-row:last-child td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--rz-base-300);
}

.rz-datatable {
    border: none;
}

.rz-card {
    border-radius: var(--rz-border-radius-2);
    width: 100%;
}

.rz-form-field .rz-form-field-content .rz-form-field-label {
    color: var(--rz-secondary);
}

.rz-layout {
    min-height: 100vh;
    height: auto;
    background-color: var(--ncqa-background-gray);
}

.rz-footer {
    padding: 0;
}

h3 {
    color: var(--rz-base-600);
    font-weight: 300;
}

h4 {
    color: var(--rz-base-600);
    font-weight: 300;
}

h5 {
    color: var(--rz-base-600);
    font-weight: 300;
}

hr {
    border-color: var(--rz-base-300);
    background: linear-gradient(to right, var(--rz-base-100), var(--rz-base-600), var(--rz-base-100));
    margin: .5rem 0;
}


//CUSTOM CSS
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.icon-button {
    color: var(--rz-secondary);
    cursor: pointer;
    opacity: 70%;
}

    .icon-button:hover {
        opacity: 100%;
    }

.user-menu {
    color: var(--rz-header-background-color) !important;
    background-color: white !important;
}

    .user-menu.rz-menu:not(.rz-profile-menu) .user-full-name:not(.user-menu-header) .rz-navigation-item-text {
        color: var(--rz-success) !important;
    }

    .user-menu.rz-menu:not(.rz-profile-menu) > .user-full-name > .rz-navigation-item-wrapper > .rz-navigation-item-link:hover {
        background-color: rgba(0, 0, 0, 0.05) !important;
        border-radius: 0.5rem 0.5rem 0 0 !important;
    }

    .user-menu.rz-menu:not(.rz-profile-menu) .user-full-name:not(.user-menu-header) .rz-navigation-item-link:hover span.rz-navigation-item-text {
        background-color: transparent !important;
    }

    .user-menu.rz-menu:not(.rz-profile-menu) .user-full-name .user-menu-header .rz-navigation-item-text {
        color: black !important;
    }

    .user-menu.rz-menu:not(.rz-profile-menu) .user-full-name ul.rz-navigation-menu {
        padding: 0 !important;
        border-radius: 0.5rem 0 0.5rem 0.5rem !important;
    }

    .user-menu.rz-menu:not(.rz-profile-menu) .user-full-name .user-menu-header ul.rz-navigation-menu {
        padding: 0 !important;
        border-radius: 0 !important;
    }

    .user-menu.rz-menu:not(.rz-profile-menu) .user-full-name .user-menu-header .rz-navigation-menu .user-menu-header-item .rz-navigation-item-text {
        color: black !important;
        font-weight: 100 !important;
    }

    .user-menu.rz-menu:not(.rz-profile-menu) .user-full-name .user-menu-header .rz-navigation-item-wrapper .rz-navigation-item-link i {
        color: black;
        background-color: transparent !important;
    }

    .user-menu.rz-menu:not(.rz-profile-menu) .user-full-name .user-menu-header .rz-navigation-menu .user-menu-header-item:hover,
    .user-menu.rz-menu:not(.rz-profile-menu) .user-full-name .user-menu-header .rz-navigation-menu .user-menu-header-item:hover .rz-navigation-item-wrapper,
    .user-menu.rz-menu:not(.rz-profile-menu) .user-full-name .user-menu-header .rz-navigation-menu .user-menu-header-item:hover .rz-navigation-item-link,
    .user-menu.rz-menu:not(.rz-profile-menu) .user-full-name .user-menu-header .rz-navigation-menu .user-menu-header-item:hover .rz-navigation-item-link .rz-navigation-item-text {
        background-color: lightgray !important;
    }


    .user-menu.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
        color: black !important;
        background-color: white !important;
    }

    .user-menu.rz-menu:not(.rz-profile-menu.user-full-name.user-menu-header-item) .user-menu-header {
        border-bottom: 1px solid lightgray;
    }

    .user-menu.rz-menu:not(.rz-profile-menu) .user-menu-header .rz-navigation-item-link:hover,
    .user-menu.rz-menu:not(.rz-profile-menu) .user-menu-header .rz-navigation-item-link:hover span,
    .user-menu.rz-menu:not(.rz-profile-menu) .user-menu-header .rz-navigation-item-link:hover i {
        background-color: lightgray !important;
    }


.rz-navigation-item .user-menu-header .rz-navigation-item-wrapper {
    width: 100% !important
}



.user-menu.rz-menu:not(.rz-profile-menu) .rz-navigation-item-text {
    color: black;
    background-color: white !important;
    font-weight: 500 !important;
    font-family: var(--bs-body-font-famil) !important;
    font-size: var(--rz-text-subtitle1-font-size);
    margin-right: 3rem;
}

    .user-menu.rz-menu:not(.rz-profile-menu) .rz-navigation-item-text:hover {
        background-color: lightgray !important;
    }

.user-menu.rz-menu:not(.rz-profile-menu) .rz-navigation-item-icon-children {
    color: black;
    background-color: transparent !important;
    float: right !important;
    position: absolute !important;
}

    .user-menu.rz-menu:not(.rz-profile-menu) .rz-navigation-item-icon-children :hover {
        background-color: lightgray !important;
    }

.user-menu.rz-menu:not(.rz-profile-menu) > .user-full-name > ul.rz-navigation-menu {
    left: auto !important;
    right: 0 !important;
}

.rz-navigation-item-link.active {
    border-bottom: 3px solid #E0E0E0;
    color: #FFFFFF !important;
}

.rz-header {
    box-shadow: none;
}

.rz-body {
    background-color: rgba(241,242,246);
}

.rz-layout .rz-body {
    transform: none;
}

.rzi {
    font-variation-settings: 'FILL' 1;
}

/*Question link*/
.question-link {
    color: var(--rz-success) !important;
    font-size: var(--rz-text-subtitle1-font-size);
    font-weight: 500;
    font-family: var(--bs-body-font-famil) !important;
}

    .question-link > i {
        font-size: 20px !important;
    }

    .question-link > span.rz-link-text {
        text-decoration: none !important;
    }

    .question-link:hover {
        background-color: rgba(0, 0, 0, 0.05) !important;
        border-radius: 0.5rem 0.5rem 0 0 !important;
    }


/*FAQs External users page*/
.faqs-header {
    font-style: italic !important;
    color: var(--rz-grid-header-color) !important;
    font-family: var(--bs-body-font-famil) !important;
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, .12) !important;
    border-bottom: none !important;
}

.faqs-table {
    font-size: var(--rz-text-subtitle2-font-size) !important;
}

    .faqs-table .faqs-header {
        font-style: italic !important;
    }

    .faqs-table table {
        border: none !important;
    }

        .faqs-table table > thead > tr:nth-child(1) {
            border-left: var(--rz-grid-cell-border) !important;
            border-right: var(--rz-grid-cell-border) !important;
        }

        .faqs-table table > thead > tr > th:nth-child(3) > div {
            padding: 0px;
        }

        .faqs-table table > tbody {
            border: var(--rz-grid-cell-border) !important;
        }

            .faqs-table table > tbody > tr.rz-data-row > td:nth-child(3) {
                width: 96% !important;
            }

    .faqs-table .level-2 h6.rz-text-subtitle2.txt-wrapped.faqs-text-title {
        font-size: var(--rz-text-subtitle2-font-size) !important;
        color: black !important;
        font-weight: 500;
    }

    .faqs-table a {
        cursor: pointer !important;
    }

    .faqs-table .rz-expanded-row-template {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-end;
    }

    .faqs-table .level-3 {
        width: 100% !important;
        text-align: justify !important;
    }

        .faqs-table .level-3 > div > span {
            white-space: normal;
        }
