#copy-btn {
    color: var(--gw-color-royal-blue);
    cursor: pointer;
    line-height: 2.4rem;
}

.page-content {
    min-height: 95vh;
}

#member-info-container {
    width: 76% !important;
}

.div-dispense-status {
    width: 12vw !important;
}

/* ===== HEADER ===== */
.page-header-gainwell {
    background: var(--gw-primary-soft-black);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    height: auto;
}

.page-header-other {
    background: var(--other-primary-soft-blue);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    height: auto;
}

.page-header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    width: 100%;
}

.page-header-logo {
    width: 10.3rem;
    height: 2.7rem;
    margin-right: 1.6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    display: inline-block;
}

#logoSpan {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.logo-gainwell {
    background-image: url("/_content/Blazor.Core.UX/assets/logo-on-dark-gainwell.svg");
}

.logo-other-customer {
    background-image: url("/img/Medi-Cal-Connect-Logo-wh.png");
}

.page-header-title h1 {
    color: var(--gw-color-neutral-0);
    padding: 0.5rem 1.6rem;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    font-family: Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    line-height: 14px;
}

.left-section {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.right-section {
    display: flex;
    align-items: center;
    margin-left: auto;
    color: var(--gw-color-neutral-0);
}

/* Contact Us Link */
.page-header-gainwell .right-section .contact-us.custom-contact-link,
.page-header-gainwell .right-section a.contact-us.custom-contact-link,
.page-header-gainwell .right-section .contact-us.custom-contact-link:link,
.page-header-gainwell .right-section .contact-us.custom-contact-link:visited,
.page-header-gainwell .right-section .contact-us.custom-contact-link:hover,
.page-header-gainwell .right-section .contact-us.custom-contact-link:active {
    font-size: 16px !important;
    color: var(--gw-color-neutral-0) !important;
    text-decoration: none !important;
    font-weight: normal !important;
    margin-right: 2rem;
}

.page-header-other .right-section .contact-us.custom-contact-link,
.page-header-other .right-section a.contact-us.custom-contact-link,
.page-header-other .right-section .contact-us.custom-contact-link:link,
.page-header-other .right-section .contact-us.custom-contact-link:visited,
.page-header-other .right-section .contact-us.custom-contact-link:hover,
.page-header-other .right-section .contact-us.custom-contact-link:active {
    font-size: 16px !important;
    color: var(--gw-color-neutral-0) !important;
    text-decoration: none !important;
    font-weight: normal !important;
    margin-right: 2rem;
}

/* Drawer */
.right-section .drawer i {
    color: var(--gw-color-neutral-0);
    font-size: 20px;
    margin-right: 2rem;
}

.success-message {
    color: var(--gw-color-green);
    font-size: var(--font-size-small);
    padding-top: 0.5rem;
}

/* User Profile Icons */
.user-profile {
    display: flex;
    align-items: center;
    padding: 1rem 0;
}

.user-profile-a {
    text-decoration: none !important;
}

.user-profile-gainwell .fa-circle-user {
    font-size: 32px;
    color: var(--gw-color-coral-40);
    margin-right: 1rem;
}

.user-profile-other .fa-circle-user {
    font-size: 32px;
    color: var(--gw-color-royal-blue-40);
    margin-right: 1rem;
}

.user-profile-gainwell .fa-chevron-down,
.user-profile-other .fa-chevron-down {
    font-size: var(--font-size-regular);
    color: var(--gw-color-neutral-0);
    margin-left: 1.2rem;
}

/* Contact Us, Drawer and User Profile */
.right-section .contact-us,
.right-section .drawer-icon,
.right-section .user-profile-icon {
    margin-left: 2rem;
    display: flex;
    align-items: center;
    color: var(--gw-color-neutral-0);
    text-decoration: none;
}

/* ====== FOOTER ===== */
.footer {
    width: 100%;
    padding: 2rem;
}

.footer-container {
    display: block;
}

.footer-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 90%; /* Set a max-width to create margins */
    margin: 0 auto; /* Center the footer horizontally */
}

.footer-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-links {
    font-size: 14px;
    display: flex;
    gap: 5rem;
}

    .footer-links a {
        text-decoration: none;
        color: var(--gw-primary-soft-black);
        font-weight: 400;
    }

.footer-bottom p {
    font-size: 14px;
    color: var(--gw-primary-soft-black);
    margin: 0;
    font-weight: 400;
}

@media (max-width: 768px) {
    .footer-info {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-links {
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 1rem;
    }
}

.user-pin {
    background-color: var(--gw-color-neutral-0);
    color: var(--gw-color-royal-blue);
    padding: 0.6rem 1rem 0.8rem 0.8rem;
    width: 100% !important;
    height: 3rem;
    font-size: 1.6rem;
}

    .user-pin:hover {
        cursor: pointer;
    }

.fa-thumb-tack.user-pin::before {
    margin-right: 1.0rem;
}
/* ======== User Access Review Page ======= */
.notification-container-phm {
    width: 50%;
    align-self: end;
    padding-top: 1rem;
    z-index: 100010;
}

.col-status {
    min-width: 1.5rem !important;
}

.uar-status {
    min-width: 16rem;
    max-width: 16rem;
}

.uar-status .telerik-blazor .k-icon-button {
        align-self: center !important;
    }

.information-tip, .information-tip-card {
    color: var(--gw-color-royal-blue);
}

.information-tip {
    cursor: pointer;
}
.uar-panel-info-icon {
    padding-bottom: 3rem;
}
.information-area {
    display: flex;
    justify-content: end;
    padding-top: 0.2rem;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem;
    border-bottom: 1px solid rgba(206, 212, 218, 1);
}

.uar-tooltip-card {
    max-height: 22rem !important;
    min-height: 22rem !important;
    background: white !important;
    width: 55rem !important;
}

.uar-tooltip-card .k-window-content .k-content {
    overflow: hidden;
}

.uar-tooltip-card .k-window-titlebar {
    background: white !important;
}

.uar-panel-info-text {
    text-align: center;
}

/* ======== Welcome Page ======= */
.left-col {
    width: 50%;
    text-align: center;
    padding-top: 25vh;
}

    .left-col .logo {
        border-right: 0.1rem solid var(--gw-color-neutral-4);
        text-align: right;
    }

        .left-col .logo img {
            width: 15rem;
        }

    .left-col .app-name {
        text-align: left;
    }

        .left-col .app-name span {
            display: inline-block;
            padding-top: 1.9rem;
            width: 20rem;
        }

    .left-col .footer {
        margin-top: 35vh;
    }

    .left-col .footer-links {
        justify-content: center;
    }

    .left-col .footer-info {
        display: block;
        margin: 0 auto;
    }

    .left-col .footer-bottom {
        padding-top: 2.5rem;
        text-align: center;
    }

.right-col {
    width: 50%;
    text-align: right;
}

    .right-col img {
        height: 100vh;
    }

.k-grid-md .k-grid-header .k-grid-header-menu {
    top: .9rem;
}

/*Brief tiles info preview*/

.tilesPreviewContainersWithNoMargins {
    margin: 0 !important;
    padding: 0 !important;
}

.tileParentMinWidth {
    height: 30rem;
}

    .tileParentMinWidth:has(.tileLibrary.card.default) {
        min-width: 25.3rem;
    }

    .tileParentMinWidth:has(.tileLibrary.card.large) {
        min-width: 34.3rem;
    }

    .tileParentMinWidth:has(.tileLibrary.card.small) {
        min-width: 23.3rem;
    }

.noXPad {
    padding-left: 0;
}

.tilesPreviewHeight5rem {
    height: 50rem;
}

/*Brief tiles info preview ends*/
.tile-style2 {
    border: none;
}

    .tile-style2 > div.k-tilelayout-item-header.k-card-header {
        display: none;
    }

    .tile-style2 > div.k-tilelayout-item-body.k-card-body {
        padding: 0;
        border: none;
    }

.user-actions ul li.active ul {
    background: var(--gw-color-neutral-0) !important;
    z-index: 1003;
}

/*StakeHolder Admin Dashboard*/
div.tile-layout-link-bar {
    border: none;
    display: flex;
    align-items: end;
}

    div.tile-layout-link-bar > div.k-tilelayout-item-header.k-card-header {
        display: none;
        display: flex;
        align-items: center;
    }

div.tile-welcome-message {
    border: none;
}

    div.tile-welcome-message > div.k-tilelayout-item-header.k-card-header {
        display: none;
    }

    div.tile-welcome-message > div.k-tilelayout-item-body.k-card-body {
        padding: 0.5rem;
    }

div.k-tilelayout.telerik-blazor {
    padding-top: 0 !important;
}

div.k-tilelayout-item.k-card.tile-style1[aria-labelledby="My List"] {
    min-width: 30rem !important;
}

div.k-tilelayout-item.k-card.tile-style1[aria-labelledby="Quick Search"] {
    min-width: 30rem !important;
    max-width: 100% !important;
}

div.k-tilelayout-item.k-card.tile-style2 {
    /*min-width: 24.8rem;*/
}

div.shdInformationTiles {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

    div.shdInformationTiles > div {
        width: 100%;
        height: calc(50% - 1rem);
    }

    div.shdInformationTiles > div-top {
        justify-content: normal;
    }

    div.shdInformationTiles > div-bottom {
        align-self: flex-end;
    }

/* USER REGISTRATION*/
.full-img-bg {
    background: url(/img/idp_bg.png);
    background-size: cover;
    height: 100vh;
}

    .full-img-bg p {
        margin-bottom: 2.0rem;
    }

.userRegistration {
    width: 100%;
}

.userAccessReview {
    width: 100%;
}

.full-img-bg > .userAccessReview {
    padding-top: 10rem;
}

.full-img-bg > .userRegistration {
    padding-top: 10rem;
}

.full-img-bg > .userAccessReview > .content-popup {
    background: var(--gw-color-neutral-0);
    border: 0.1rem solid var(--gw-color-neutral-4);
    border-radius: 1.0rem;
    margin: 0 auto;
    padding: 3.0rem;
    width: 95%;
}

.full-img-bg > .userRegistration > .content-popup {
    background: var(--gw-color-neutral-0);
    border: 0.1rem solid var(--gw-color-neutral-4);
    border-radius: 1.0rem;
    margin: 0 auto;
    padding: 3.0rem;
    width: 60%;
}

div:has(> div > .userRegistration) {
    width: 85rem;
    max-height: 90%;
    min-height: 28.9rem !important;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--gw-color-neutral-0);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--gw-color-neutral-6);
    border-radius: 10px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--gw-color-neutral-7);
    }

.loader-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.spinner {
    width: 60px;
    height: 60px;
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.stepTitle {
    padding: 1rem 0 1rem 0;
    height: 4rem;
    display: flex;
    justify-content: space-between;
}

    .stepTitle > h1 {
        margin: 0;
        font-size: 2rem;
        max-width: 59%;
        font-family: 'Poppins';
        color: var(--gw-color-neutral-7);
    }

.stepBody {
    min-height: 13.9rem;
}

.required {
    color: var(--gw-color-pink);
    text-align: right;
    font-size: 1.4rem;
    line-height: 4rem;
}

hr {
    opacity: 0.15;
}

.steps {
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 0rem;
}

.editor-req-field {
    color: var(--gw-color-pink);
}

input {
    font-weight: bold !important;
}


div:has(> div > .userRegistration) > .k-window-titlebar {
    display: none;
}

div:has(> div > .userRegistration) > div.k-window-actions {
    padding-left: 2.4rem !important;
    padding-bottom: 1.5rem !important;
    padding-top: 0rem;
}

div:has(> div > .userRegistration) {
    min-height: 28.9rem !important;
}

div:has(> div > .userRegistration) {
    width: 85rem;
}

.bhidden {
    display: none !important;
}

div:has(> div > .userRegistration) {
    width: 80%;
    max-width: 85rem;
    max-height: 90%;
    min-height: 28.9rem !important;
}

div.usreg-information {
    padding-top: 2.4rem;
    display: flex;
}

div.usreg-information-name {
    width: 28%;
    margin: 0 1.6rem 0 0;
}

div.usreg-information-sufix {
    width: 17%;
    margin: 0;
}

div.usreg-information-email {
    width: 70%;
    margin: 0 1.6rem 0 0;
}

.usreg-information {
    div .textPhoneInput

{
    width: auto !important;
}

}

div.usreg-information-phone {
    width: 30%;
    margin: 0;
}

span.textNoBold {
    font-weight: normal;
}

.validateNPIBtn {
    margin-top: 3.4rem;
}

.reviewStep {
    .content-panel-hdr

{
    background-color: var(--gw-color-neutral-2);
}

.content-panel-container {
    box-shadow: none;
    margin-top: 2.5rem;
    position: relative;
}

.editor-label > label {
    color: var(--gw-color-neutral-6) !important;
    font-weight: var(--font-size-regular) !important;
}

.k-input.k-textbox > input[role="textbox"][readonly].k-input-inner, #txtPhone {
    border: none !important;
}

.k-svg-icon {
    color: var(--other-color-soft-blue);
    transition: 0.3s;
}

button {
    position: absolute;
    right: 0;
    z-index: 1;
}

    button:hover {
        .k-svg-icon

{
    color: var(--other-color-accent-orange);
    transition: 0.3s;
}

}

.row {
    margin-top: -0.5rem !important;
}

}

.npiInstructions {
    font-size: var(--font-size-small);
    color: var(--gw-color-neutral-7);
    margin-left: 1.5rem;
}

.center-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

    .center-icon i {
        color: var(--gw-color-royal-blue);
        width: 3.0rem;
        height: 3.0rem;
        font-size: 2.1rem;
    }

/*PROGRAM SERVICES*/
.program-services-container .search-container {
    width: auto;
    height: auto;
}

.program-services-container .program-services-subpanel-container {
    display: flex;
    column-gap: 1.6rem;
}

.program-services-container .content-panel-hdr {
    background: inherit;
    border-bottom: inherit;
    margin-bottom: 2rem;
}

.program-services-container .content-subpanel-container {
    border-radius: 1rem 1rem 0 0;
    display: inline-block;
    width: 100%;
}

.program-services-container .content-subpanel-hdr {
    padding: 2rem;
}

.program-services-container div.content-panel-bdy {
    padding: 1.6rem;
}

    .program-services-container div.content-panel-bdy > div.panel-body {
        display: initial;
    }

.program-services-container .fa-circle {
    color: var(--gw-color-pink);
    font-size: var(--font-size-xsmall);
    margin-right: 0.8rem;
}

.program-services-container .content-subpanel-bdy {
    font-size: var(--font-size-small);
    border-top: 0.1rem solid var(--gw-color-neutral-4);
    padding: 0;
}

.program-services-container .program-status {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-bottom: 0.1rem solid var(--gw-color-neutral-4);
    justify-content: space-between;
    min-height: 60px;
}

.program-services-container .page-title h1 {
    width: 100%;
}

.eligibilityTable .table-header {
    font-weight: var(--font-weight-normal);
    color: var(--gw-color-neutral-6);
    padding-left: 1.5rem;
    padding-top: 1rem;
}

    .eligibilityTable .table-header p {
        width: 60%;
        display: inline-block;
    }

.eligibilityTable .table-row {
    padding-left: 1.5rem;
    font-weight: var(--font-weight-bold);
    border-bottom: 0.1rem solid var(--gw-color-neutral-4);
}

    .eligibilityTable .table-row p {
        width: 60%;
        display: inline-block;
    }

.eligibilityTable span {
    float: right;
    margin-right: 2rem;
}

.program-services-container .k-grid, .k-grid-header, .k-header {
    background-color: var(--gw-color-neutral-0);
}

.filter-header > .k-dropdownlist .k-input-value-text,
.filter-header > p {
    font-weight: var(--font-weight-bold);
    color: var(--gw-color-neutral-7);
    font-size: var(--font-size-small);
}

.trends-title {
    display: inline-block;
    width: 20rem;
    line-height: 2.5rem;
}

.eligibility-icon .fa-circle {
    color: var(--gw-primary-soft-black);
}

.legend {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    float: right;
    font-size: var(--font-size-small);
    width: 65%;
}

    .legend .fa-circle, #TrendsGrid .fa-circle {
        color: initial;
        font-size: var(--font-size-xsmall);
        margin-right: initial;
        margin-top: 0.2rem;
    }

.legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.icon-box:has(> .legend-gray), .k-table-td:has(> .trend-Icon > .legend-gray) {
    background-color: var(--gw-color-neutral-3);
}

.icon-box {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #888;
    font-size: 14px;
    color: #333;
}

.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.category-dropdown {
    width: 26rem;
}

.month-buttons {
    display: flex;
    gap: 10px;
}

.enrollmentTable {
    margin: 2rem;
    background-color: var(--gw-color-neutral-1);
    border-radius: 1rem;
    border: 0.15rem solid var(--gw-color-neutral-4);
    min-height: 95px;
}

    .enrollmentTable p {
        width: 30% !important;
        text-align: left !important;
        display: inline-block;
        padding-left: 1rem;
    }

    .enrollmentTable .table-header {
        margin-top: 1rem;
        color: var(--gw-color-neutral-6);
        display: flex;
    }

    .enrollmentTable .table-row {
        border-bottom: none;
        font-weight: var(--font-weight-bold);
        display: flex;
    }

.pink-container {
    border: 0.1rem solid var(--gw-color-pink-tint-80);
}

    .pink-container .content-subpanel-hdr {
        background-color: var(--gw-color-pink-tint-10);
    }

    .pink-container .fa-circle {
        color: var(--gw-color-pink);
    }

.green-container {
    border: 0.1rem solid var(--gw-color-mint-tint-80);
    width: calc(50% - 0.8rem) !important;
    margin-bottom: 1.6rem;
}

    .green-container.green-container-left {
        margin-right: 1.6rem;
    }

    .green-container .content-subpanel-hdr, .icon-box:has(> .legend-green) {
        background-color: var(--gw-color-mint-tint-10);
    }

    .green-container .fa-circle {
        color: var(--gw-color-mint);
    }

    .green-container p {
        width: 45%;
        text-align: right;
        margin: 0;
        line-height: 1.3;
        word-break: break-word;
    }

.soft-blue-border {
    border: 0.1rem solid var(--other-color-soft-blue);
}

.program-start-date {
    margin-top: 0.7rem;
    display: flex;
    align-items: baseline;
    border-top: 0.1rem solid var(--gw-color-neutral-4);
    padding-top: 1rem;
}

    .program-start-date p {
        color: var(--gw-color-neutral-6);
        width: fit-content;
        display: inline-block;
        margin: 0 0 10px 10px;
    }

    .program-start-date span {
        font-weight: var(--font-weight-bold);
    }

    .program-start-date * {
        margin-left: 10px;
    }

.content-subpanel-container:has(.eligibilityTable) {
    max-height: 30rem;
    overflow-y: auto;
}

.no-records-found {
    justify-content: center;
    align-items: center;
}

    .no-records-found strong {
        font-size: var(--font-size-small);
    }

.k-table-th:has(> .currentMonth) {
    text-align: center;
    border-left: 0.2rem solid var(--gw-color-neutral-8) !important;
    border-top: 0.2rem solid var(--gw-color-neutral-8) !important;
    border-right: 0.2rem solid var(--gw-color-neutral-8) !important;
    border-color: var(--gw-color-pink) !important;
}

.k-table-td:has(> .currentMonth) {
    border-left: 0.2rem solid var(--gw-color-neutral-8) !important;
    border-right: 0.2rem solid var(--gw-color-neutral-8) !important;
    border-color: var(--gw-color-pink) !important;
}

#TrendsGrid tr:last-child .k-table-td:has(> .currentMonth) {
    border-left: 0.2rem solid var(--gw-color-neutral-8) !important;
    border-right: 0.2rem solid var(--gw-color-neutral-8) !important;
    border-bottom: 0.2rem solid var(--gw-color-neutral-8) !important;
    border-color: var(--gw-color-pink) !important;
    border-bottom-right-radius: 1rem !important;
}

#TrendsGrid {
    border: 0.1rem solid;
    border-radius: 1rem;
    min-width: 100rem;
}

    #TrendsGrid .fa-chevron-up, #TrendsGrid .fa-chevron-down {
        position: relative;
        left: -0.2rem;
    }

    #TrendsGrid .k-grid-content {
        max-height: 39.063rem;
    }

.k-hierarchy-col {
    width: 0 !important;
}

.k-hierarchy-cell * {
    display: none !important;
}

#TrendsGrid .k-table-td {
    border-left: none;
}

    #TrendsGrid .k-table-td:has(> div.trend-Icon ) {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

#TrendsGrid .k-header, #TrendsGrid .k-grid-header {
    border-bottom: 0.1rem solid var(--gw-color-neutral-4) !important;
}

.month-Column, .year-Column {
    font-weight: var(--font-weight-bold);
    text-align: center;
    padding-block: 0 !important;
    display: flex;
    justify-content: center;
}

.k-table-th:has(> .year-Column),
.k-table-th:has(> .border-left),
.k-table-td:has(> .border-left) {
    border-left: 0.2rem solid var(--gw-color-neutral-8) !important;
}

.k-table-td:has(> .border-both) {
    border-left: 0.2rem solid var(--gw-color-neutral-8) !important;
}

#TrendsGrid .k-detail-cell {
    border-right: 0.2rem solid var(--gw-color-neutral-8);
    background-color: var(--gw-color-neutral-3);
}

.k-table-td:has(> .service-Column) {
    background-color: var(--gw-color-neutral-1);
}

#ServicesGrid .k-table-tbody {
    background-color: var(--gw-color-neutral-3) !important;
}

.k-table-td:has(> .program-column), .k-table-td:has(> .background-white) {
    background-color: var(--gw-color-neutral-0);
}

.k-table-td:has(> .trend-Icon > .fa-flag), .k-table-td:has(> .trend-Icon > .fa-triangle), .k-table-td:has(> .trend-Icon > .eligible-Not-Enrolled), .k-table-td:has(> .potential-eligible-not-enrolled), .icon-box:has(> .legend-orange) {
    background-color: var(--gw-color-orange-tint-10) !important;
}

.k-table-td:has(> .trend-Icon > .fa-square-check), .k-table-td:has(> .trend-Icon > .fa-circle), .k-table-td:has(> .trend-Icon > i.fa-solid.fa-circle) {
    background-color: var(--gw-color-mint-tint-10) !important;
}

.trend-Icon {
    width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#TrendsGrid table td[data-cell-selection-index="0"] {
    display: flex;
    flex-direction: column;
}

#ps_service_name {
    font-size: 1.4rem !important;
    font-weight: bold;
    line-height: 2.2rem;
}

#ps_program_name {
    font-size: 1.4rem !important;
}

#TrendsGrid .k-grid-header,
#TrendsGrid .k-grid-footer {
    padding-right: 0.8rem;
}

#TrendsGrid div.k-grid-header-wrap[role="presentation"] {
    border-left: none;
    border-right: 1px solid black;
}

.program-services-container .k-tabstrip-content {
    overflow: auto;
}

.col-md-10:has(> .program-services-container) {
    width: calc(100% - 24rem);
}

/*Care Team Members*/
div .care-team-summary {
    width: 100%;
    display: flex;
    column-gap: 1.6rem;
}

@media only screen and (max-width: 1024px) {
    div.care-team-summary {
        display: flex !important;
        flex-direction: column;
        row-gap: 1rem;
    }

    .program-services-container .program-services-subpanel-container {
        display: block !important;
    }

    .program-services-container .content-subpanel-container, .page-title h1 {
        width: 100% !important;
    }
}

.collapsed {
    display: none;
}

div.care-team-summary > div {
    width: 100%;
    position: relative;
    height: 42rem;
    overflow-y: auto;
    border: 0.1rem solid var(--gw-color-mint-tint-80);
    border-radius: 1rem;
}

    div.care-team-summary > div.ct-summ-pcp:has(div.ct-summ-body.collapsed){
        border: none;
    }

    div.care-team-summary > div.ct-summ-pcp.ct-summ-pcp_1_cards {
        max-width: 100%;
    }

    div.care-team-summary > div.ct-summ-pcp.ct-summ-pcp_2_cards {
        max-width: calc((100% / 2) - 1.6rem);
    }

    div.care-team-summary > div.ct-summ-pcp.ct-summ-pcp_3_cards {
        max-width: calc((100% / 3) - (1.6rem / (2)));
    }

    div.care-team-summary > div > div.ct-summ-header {
        width: 100%;
        min-height: 6.6rem;
        background-color: var(--gw-color-mint-tint-10);
        border-bottom: 1px solid var(--gw-color-mint-tint-80);
        padding: 1.2rem;
        display: flex;
        gap: 1.6rem, 1.6rem;
    }

        div.ct-visit-hist-brief > div.ctvh-summ-header.bottom-rounded {
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
        }

div.care-team-summary > div > div.ct-summ-header.bottom-rounded {
    border: 1px solid var(--gw-color-mint-tint-80);
    border-radius: 1rem;
    border-radius: 1rem;
}

div.care-team-summary > div > div.ct-summ-header > div.ctsh-solution-icons {
    height: 4rem;
    width: 4rem;
    background-color: var(--gw-color-mint);
    color: var(--gw-color-neutral-0);
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

        div.care-team-summary > div > div.ct-summ-header > div.ctsh-title {
            margin-left: 1.6rem;
            width: calc(100% - 7.2rem);
            word-wrap: break-word;
            overflow: visible;
            text-overflow: clip;
            white-space: normal;
        }

            div.care-team-summary > div > div.ct-summ-header > div.ctsh-title > div.ctsht-name > p {
                font-family: Poppins;
                font-weight: var(--font-weight-bold);
                font-size: 1.8rem;
                line-height: 2rem;
                letter-spacing: 0;
                color: var(--gw-color-neutral-6);
                margin: 0 0 0.3rem 0;
            }

            div.care-team-summary > div > div.ct-summ-header > div.ctsh-title > div.ctsht-speciality > p,
            div.care-team-summary > div > div.ct-summ-header > div.ctsh-title > div.ctsht-speciality > label {
                font-family: Arial;
                font-weight: var(--font-weight-normal);
                font-size: 1.4rem;
                line-height: 1.6rem;
                letter-spacing: 0;
                color: var(--gw-color-neutral-6);
                margin: 0;
            }

        div.care-team-summary > div > div.ct-summ-header > div.ctsh-arrow {
            width: 2.2rem;
        }

            div.care-team-summary > div > div.ct-summ-header > div.ctsh-arrow > a:focus {
                outline: none;
            }

div.care-team-summary > div > div.ct-summ-body {
    height: 30.7rem;
    width: 100%;
    padding: 1.2rem 1.6rem;
    position: relative;
}

        div.care-team-summary > div > div.ct-summ-body > div.ctsb-item {
            color: var(--gw-color-neutral-6);
            height: 2.4rem;
            display: flex;
            align-items: center;
            font-size: 1.4rem;
            &> p

            {
                margin: 0rem 0 0 0.8rem;
            }

        }

div.care-team-summary > div > div.ct-summ-body > hr {
    margin-bottom: 1rem;
    color: var(--gw-color-neutral-4);
}

div.care-team-summary > div > div.ct-summ-body > div.ctsb-item.double-text-line {
    height: 3.2rem;
}

    div.care-team-summary > div > div.ct-summ-body > div.ctsb-item.double-text-line > div.double-text-line-child {
        display: flex;
        flex-direction: column;
        padding-left: 1.5rem;
        row-gap: 0.2rem;
        & > p

{
    margin: 0;
}

}

div.care-team-summary > div > div.ct-summ-body > div.ctsb-item > span {
    font-family: Font Awesome 6 Pro;
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1rem;
    letter-spacing: 0.05rem;
    margin-right: 0.6rem;
}

div.care-team-summary > div > div.ct-summ-body > div.ctsb-item > span {
    font-family: Arial;
    font-weight: var(--font-weight-normal);
    font-size: 1.4rem;
    line-height: 1.6rem;
    letter-spacing: 0;
    margin: 0;
}

div.care-team-summary > div > div.ctsb-footer {
    width: 100%;
    position: absolute;
    bottom: 1.6rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    & > button

{
    width: 100%;
}

}

div.ct-summ-ccm {
}

    div.ct-summ-ccm > div.ctsb-item > p {
        color: var(--gw-color-neutral-6);
    }

div.filterMonths {
    padding-right: 0;
}


    div.filterMonths > ul {
        column-gap: 1.6rem !important;
        height: 4rem;
        justify-content: end;
    }

        div.filterMonths > ul > li.k-radio-list-item {
            width: 12rem !important;
            margin-right: 0 !important;
            padding-right: 0.4rem !important;
            padding-left: 0.8rem !important;
            font-family: Arial;
            border: 1px solid var(--gw-color-dhcs-brand-Secondary);
            border-radius: 0.5rem;
            font-size: 1.6rem;
            color: white;
            background-color: var(--gw-color-neutral-0);
        }

ul.radioButtonSizeDefault > .k-radio-list-item:focus-within {
    margin-right: 0 !important;
    border: 1px solid var(--gw-color-dhcs-brand-Secondary) !important;
    padding-left: 0.8rem !important;
}

div.care-team-toolbar {
    column-gap: 1.2rem !important;
    height: 3.2rem !important;
    margin-top: 2.4rem !important;
    justify-content: end !important;
}

div.k-button-group.telerik-blazor {
    gap: 1.2rem;
}

div.care-team-summary {
    display: flex;
    flex: 1;
    width: 100%;
}

div.row.care-team-member-info-row {
    margin-top: 0 !important;
}

    div.row.care-team-member-info-row div.editor-label {
        height: fit-content;
        display: flex;
        align-items: center;
    }

        div.row.care-team-member-info-row div.editor-label > label {
            height: 2.2rem;
            display: flex;
            align-items: center;
            justify-content: end;
            margin: 0 !important;
        }

    div.row.care-team-member-info-row * > span.clickable.editor-icon.fa-solid.fa-circle-book-open {
        padding: 0;
        width: fit-content;
        display: flex;
        align-items: center;
    }

        div.row.care-team-member-info-row * > span.clickable.editor-icon.fa-solid.fa-circle-book-open::before {
            font-size: 2.2rem;
        }

div.row.brief-record-card-row.col-md-12.care-team-provider-brief-information {
    margin-bottom: 0;
}

div.care-team-provider-brief-information {
    padding: 0.8rem 1.2rem 0.8rem 1.2rem;
    font-family: Arial;
    font-size: 1.4rem;
    row-gap: 0.8rem;
}

    div.care-team-provider-brief-information > p.note-text {
        font-weight: var(--font-weight-bold);
    }

div.k-window.telerik-blazor.k-centered.brief-member-record.care-team-provider {
    min-width: 45.6rem;
}

div.careteam-visit-history {
    min-width: 56rem !important;
}

@media only screen and (max-width: 1000px) {
    div.careteam-visit-history {
        margin-top: 2rem;
    }
}

div.ct-visit-hist-brief {
    width: 100%;
}

    div.ct-visit-hist-brief > div.ctvh-summ-header {
        width: 100%;
        height: 6.6rem;
        border: 1px solid var(--gw-color-mint-tint-80);
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        background-color: var(--gw-color-mint-tint-10);
        padding: 1.2rem;
        display: flex;
        gap: 1.6rem, 1.6rem;
    }

        div.ct-visit-hist-brief > div.ctvh-summ-header > div.ctvh-solution-icons {
            height: 4rem;
            width: 4rem;
            background-color: var(--gw-color-mint);
            color: var(--gw-color-neutral-0);
            border-radius: 0.5rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        div.ct-visit-hist-brief > div.ctvh-summ-header > div.ctsh-title {
            margin-left: 1.6rem;
            display: flex;
            flex-direction: row;
            column-gap: 1.9rem;
            align-items: center;
            width: calc(100% - 7.2rem);
        }

            div.ct-visit-hist-brief > div.ctvh-summ-header > div.ctsh-title > div.ctsht-name > p {
                font-family: Poppins;
                font-weight: var(--font-weight-bold);
                font-size: 1.8rem;
                line-height: 2rem;
                letter-spacing: 0;
                color: var(--gw-color-neutral-6);
                margin: 0 0 0.3rem 0;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            div.ct-visit-hist-brief > div.ctvh-summ-header > div.ctsh-title > div.ctsht-speciality > p {
                font-family: Arial;
                font-weight: var(--font-weight-normal);
                font-size: 1.4rem;
                line-height: 1.6rem;
                letter-spacing: 0;
                color: var(--gw-color-neutral-6);
                margin: 0;
            }

        div.ct-visit-hist-brief > div.ctvh-summ-header > div.ctsh-actions {
            width: 10rem;
            display: flex;
            flex-direction: row;
            justify-content: end;
            align-items: center;
            column-gap: 1.6rem;
        }

        div.ct-visit-hist-brief > div.ctvh-summ-header > div.ctvh-arrow {
            width: 2.2rem;
            display: flex;
            align-items: center;
        }

            div.ct-visit-hist-brief > div.ctvh-summ-header > div.ctvh-arrow > a:focus {
                outline: none;
            }

    div.ct-visit-hist-brief > div.ctvh-summ-body {
        min-height: 10.4rem;
        width: 100%;
        padding: 0;
        border: 0.1rem solid var(--gw-color-mint-tint-80);
        border-top: none;
        display: flex;
        column-gap: 1rem;
        position: relative;
    }

        div.ct-visit-hist-brief > div.ctvh-summ-body.collapsed {
            display: none !important;
        }

        div.ct-visit-hist-brief > div.ctvh-summ-body > div.ctvh-summ-body-col {
            width: 100%;
            flex-direction: column;
            row-gap: 1rem;
            justify-content: space-between;
            position: relative;
            padding: 1.6rem;
        }

        div.ct-visit-hist-brief > div.ctvh-summ-body > div.ctvh-summ-body-vr {
            width: 0.1rem;
            height: 8.6rem;
            margin-top: 0.8rem;
            border-left: 0.1rem solid var(--gw-color-neutral-4);
        }

        div.ct-visit-hist-brief > div.ctvh-summ-body div.ctvh-item {
            width: 100%;
            display: flex;
            column-gap: 1rem;
        }

div.care-team-visit-history div.content-panel-hdr {
    background-color: var(--gw-color-neutral-3);
    border-color: var(--gw-color-neutral-4);
}

div.care-team-visit-history.content-subpanel-container {
    display: flex;
    height: fit-content;
    min-width: 50.2rem;
    border: 0.1rem solid var(--gw-color-royal-blue);
}

div.care-team-visit-history {
    width: 100%;
    display: flex;
    flex-direction: column;
    column-gap: 0;
    padding: 0;
    border: none;
    position: relative;
}

    div.care-team-visit-history div.ct-visit-content-subpanel-header {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0;
        border: none;
        min-height: 5.4rem;
    }

    div.care-team-visit-history > div.ct-visit-content-subpanel-header > div.ct-visit-content-subpanel-header-firstRow {
        display: flex;
        justify-content: space-between;
        align-content: center;
        background-color: var(--gw-color-royal-blue-10);
        height: 4.6rem;
        padding: 1.5rem 2rem 1.5rem 2rem;
        position: relative;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }

    div.care-team-visit-history > div.ct-visit-content-subpanel-header p.ctvisit-header-title {
        font-family: Arial;
        font-size: 1.4rem;
        font-weight: var(--font-weight-normal);

    }

    div.care-team-visit-history > div.ct-visit-content-subpanel-header p.ctvisit-header-value {
        font-family: Arial;
        font-size: 1.6rem;
        font-weight: var(--font-weight-bold);
    }

    div.care-team-visit-history > div.ct-visit-content-subpanel-header div.ctvisit-header-claim {
        display: flex;
        align-items: center;
        column-gap: 0.6rem;
    }

        div.care-team-visit-history > div.ct-visit-content-subpanel-header div.ctvisit-header-claim p {
            margin: 0;
        }

    div.care-team-visit-history > div.ct-visit-content-subpanel-header div.ctvisit-header-visitdate {
        display: flex;
        align-items: center;
    }

        div.care-team-visit-history > div.ct-visit-content-subpanel-header > div.ct-visit-content-subpanel-header-secondRow {
            width: 100%;
            display: flex;
            flex-direction: row;
            padding: 0.8rem 2.4rem 0.8rem 2.4rem;
            position: relative;
        }

    div.care-team-visit-history div.ct-visit-content-subpanel-header > div.ct-visit-content-subpanel-header-secondRow > div.ct-visit-content-subpanel-header-data {
        width: 85%;
        display: flex;
        border: none;
    }

        div.care-team-visit-history div.ct-visit-content-subpanel-header > div.ct-visit-content-subpanel-header-secondRow > div.ct-visit-content-subpanel-header-data > div.ctvisit-header-org {
            width: 30%;
            min-width: 8.5rem;
        }

        div.care-team-visit-history div.ct-visit-content-subpanel-header > div.ct-visit-content-subpanel-header-secondRow > div.ct-visit-content-subpanel-header-data > div.ctvisit-header-loc {
            width: 30%;
            min-width: 8.5rem;
        }

        div.care-team-visit-history div.ct-visit-content-subpanel-header > div.ct-visit-content-subpanel-header-secondRow > div.ct-visit-content-subpanel-header-data > div.ctvisit-header-provtype {
            width: 40%;
            min-width: 11rem;
        }

    div.care-team-visit-history div.ct-visit-content-subpanel-header > div.ct-visit-content-subpanel-header-secondRow > div.ct-visit-content-subpanel-header-tools {
        width: 15%;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    div.care-team-visit-history div.ct-visit-content-subpanel-body {
        width: 100%;
        padding: 0rem 1.6rem 0rem 1.6rem;
        border-top: 0.1rem solid var(--gw-color-royal-blue);
    }

        div.care-team-visit-history div.ct-visit-content-subpanel-body > ul {
            padding-left: 1.6rem;
            margin: 0;
            row-gap: 1rem;
        }

            div.care-team-visit-history div.ct-visit-content-subpanel-body > ul > li {
                font-family: Arial;
                font-size: 1.4rem;
                margin: 1.6rem 0 1.6rem 0;
                font-weight: var(--font-weight-normal);
            }

div.content-panel-bdy > div.panel-body {
    display: flex;
    flex-direction: column;
    row-gap: 1.6rem;
}
/*Care Team Members Ends*/
.top-row-dshbrd {
    margin-top: 1.5rem;
}

@media (min-width: 992px) {
    .claimsDetail .col-md-3, .claimsDetail .col-md-2 {
        width: 25rem !important;
    }
}

.brief-record-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;
}


/*Risk Profile*/
.risk-grid :focus-visible {
    border: 0.1rem solid var(--gw-color-neutral-8);
}

.risk-chip {
    display: flex;
    align-items: baseline;
    border-top: 0.1rem solid var(--gw-color-neutral-4);
    border-bottom: 0.1rem solid var(--gw-color-neutral-4);
}

    .risk-chip p {
        font-size: var(--font-size-small);
        margin-left: 1.5rem;
        margin-right: 1rem;
    }

    .risk-chip .k-chip-label {
        overflow: initial;
    }

    .risk-chip .k-chip {
        margin-top: 0.4rem;
    }

.col-md-2:has(> .user-information-card) {
    width: 24rem;
}

@media only screen and (max-width: 1000px) {
    .col-md-10:has(> #risk-profile-container) {
        width: 100% !important;
    }
}

.risk-month-buttons {
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.fit-content {
    width: 100%;
}

#RiskPanel h2 {
    width: fit-content;
}

#RiskPanel .content-panel-hdr {
    align-items: center;
}

.no-results-risk {
    grid-column: 1 / span 6;
    grid-row: 3 / span 9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gw-color-neutral-6);
    border-top: 0.1rem solid var(--gw-color-neutral-8);
}

    .no-results-risk img {
        width: 4rem;
    }

.risk-grid {
    display: grid;
    grid-template-columns: 20rem;
    border: 0.1rem solid var(--gw-color-neutral-8);
    border-radius: 1rem;
    font-size: var(--font-size-small);
}

.empty {
    border-right: 0.1rem solid var(--gw-color-neutral-8);
    border-top: none !important;
    grid-column: 2 / 2;
    grid-row: 1 / 2;
}

.subdomain {
    border-top: 0.1rem solid var(--gw-color-neutral-8);
    border-right: 0.1rem solid var(--gw-color-neutral-8);
    line-height: 1.5rem;
    font-size: var(--font-size-xsmall);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0.5rem;
}

.left-fixed {
    display: grid;
    grid-template-columns: 12rem;
    grid-template-rows: 6rem 4rem 0.5rem 8rem 8rem 0.5rem 8rem 8rem 0.5rem 8rem;
    position: relative;
    z-index: 2;
}

.left-label {
    border-top: 0.1rem solid var(--gw-color-neutral-8);
    border-right: 0.1rem solid var(--gw-color-neutral-8);
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    font-weight: bold;
}

    .left-label.sticky {
        position: sticky;
        left: 0;
        z-index: 3;
    }

.scrollable {
    overflow-x: auto;
    position: relative;
    grid-column: 2 / 4;
    width: 100%;
}

.grid-inner {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, minmax(9rem, 1fr));
    grid-template-rows: 3rem 3rem 4rem 0.5rem 8rem 8rem 0.5rem 8rem 8rem 0.5rem 8rem;
    overflow-x: auto;
}

.year-cell {
    grid-row: 1 / 2;
    text-align: center;
    font-weight: bold;
    border-bottom: 0.1rem solid var(--gw-color-neutral-8);
    border-left: 0.1rem solid var(--gw-color-neutral-8);
    line-height: 3rem;
    position: sticky;
    top: 0;
    z-index: 4;
}

.month-cell {
    text-align: center;
    font-weight: bold;
    line-height: 3rem;
    position: sticky;
    top: 3rem;
    z-index: 3;
}

.risk-last-month {
    position: sticky;
    right: 0;
    z-index: 4;
    border-right: 0.2rem solid var(--gw-color-neutral-8) !important;
    border-left: 0.3rem solid var(--gw-color-neutral-8);
    background-color: var(--gw-color-neutral-0) !important;
}

.risk-penultimate-month {
    border-right: none !important;
}

.border-top {
    border-top: 0.2rem solid var(--gw-color-neutral-8);
}

.border-bottom {
    border-bottom: 0.2rem solid var(--gw-color-neutral-8);
}

.data-cell {
    border-top: 0.1rem solid var(--gw-color-neutral-8);
    border-right: 0.1rem solid var(--gw-color-neutral-8);
    text-align: center;
}

.no-border-left {
    border-left: none;
}

.background-white {
    background-color: var(--gw-color-neutral-0);
}

.level-high {
    background-color: var(--gw-color-coral-10);
}

.level-medium {
    background-color: var(--gw-color-yellow-tint-10);
}

.level-low {
    background-color: var(--gw-color-green-tint-10);
}

.level-none {
    background-color: var(--gw-color-neutral-0);
}

.data-cell:has(> .level-high) {
    background-color: var(--gw-color-coral-10);
}

.data-cell:has(> .level-medium) {
    background-color: var(--gw-color-yellow-tint-10);
}

.data-cell:has(> .level-low) {
    background-color: var(--gw-color-green-tint-10);
}

.data-cell:has(> .level-none) {
    background-color: var(--gw-color-neutral-0);
}

.data-cell span {
    border: 0.1rem solid var(--gw-color-neutral-8);
    padding: 4px 10px;
    border-radius: 1.2rem;
    display: flex;
    width: 65%;
    justify-content: center;
    position: relative;
    left: 50%;
    margin-left: -33%;
    top: 50%;
    margin-top: -1.2rem;
}

.overall-risk {
    grid-row: 2 / 3;
    grid-column: 1 / 4;
}

.spacer {
    grid-column: 1 / 4;
}

.spacer-1 {
    grid-row: 3 / 4;
}

.adverse-events {
    grid-row: 4 / 6;
}

.adverse-physical {
    grid-row: 4 / 5;
}

.adverse-behavioral {
    grid-row: 5 / 6;
}

.spacer-2 {
    grid-row: 6 / 7;
}

.underutilization {
    grid-row: 7 / 9;
}

.underuse-physical {
    grid-row: 7 / 8;
}

.underuse-behavioral {
    grid-row: 8 / 9;
}

.spacer-3 {
    grid-row: 9 / 10;
}

.social-risk {
    grid-row: 10 / 11;
}

.social-adverse {
    grid-row: 10 / 11;
}

@media only screen and (min-width: 1470px) {
    .six-month-grid {
        overflow-x: hidden;
    }
}


/*MEMBER SUMMARY*/
/* === RISK TIER CONTAINER === */

/* Restrict to Risk Tier panel only */
/* === Risk Tier Panel Container === */
.risk-tier-panel {
    position: relative;
}

.memberSumary_RiskTier_Link:hover {
    cursor: pointer;
}

/* === Run Date (Top Right) === */
.risk-run-date {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--gw-primary-soft-black);
}

    .risk-run-date .run-date-value {
        font-weight: bold;
    }

/* === Main Container === */
.risk-tier-container {
    padding: 1rem;
    font-family: Arial, sans-serif;
    color: var(--gw-primary-soft-black);
}

/* === Description Text === */
.risk-tier-description {
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}

/* === Risk Tier Grid Layout === */
.risk-tier-grid {
    display: flex;
    gap: 1rem;
    width: 100%;
    align-items: stretch;
    flex-wrap: nowrap;
}


/* === OVERALL RISK BOX (LEFT SIDE) === */

.risk-box.risk-overall {
    flex: 0 0 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem;
    border: 1px solid var(--other-risk-high-border);
    border-radius: .6rem;
    background-color: var(--other-risk-high);
    box-shadow: 0 .2rem .4rem rgba(0,0,0,0.05);
    height: 25rem; /* Matches height of the other columns */
    gap: 0.75rem;
}

.risk-overall.high {
    background-color: var(--other-risk-high);
    border: 1px solid var(--other-risk-high-border);
}

.risk-overall.medium {
    background-color: var(--other-risk-medium);
    border: 1px solid var(--other-risk-medium-border);
}

.risk-overall.low {
    background-color: var(--other-risk-low);
    border: 1px solid var(--other-risk-low-border);
}

/* No color for N/A risk tier */
.risk-overall.na {
    background-color: transparent;
    border: 1px solid var(--gw-color-neutral-4); /* Optional: subtle border for structure */
}

.risk-badge-lg.na {
    background-color: transparent;
    color: var(--gw-primary-soft-black); /* Optional: standard text color */
    border: 1px solid var(--gw-color-neutral-4); /* Optional: subtle border to match surrounding badges */
}

.risk-label {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

/* === RIGHT SIDE SECTIONS (ADVERSE, UNDERUTILIZATION, SOCIAL) === */

.risk-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 25rem;
    gap: 0.5rem;
}


.risk-summary-box {
    flex: 1;
    background-color: var(--gw-color-neutral-0);
    border: 1px solid var(--gw-color-neutral-4);
    border-radius: .6rem;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center; /* 🔥 Horizontally center badge + label */
    justify-content: center; /* 🔥 Vertically center content */
    gap: 0.5rem;
    text-align: center; /* 🔥 Center the label text */
}

.risk-sub-outer {
    flex: 1;
    background-color: var(--gw-color-neutral-0);
    border: 1px solid var(--gw-color-neutral-4);
    border-radius: .6rem;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.risk-category-title {
    font-weight: bold;
    font-size: 1.6rem;
    color: var(--gw-primary-soft-black);
    display: inline-block;
    margin-top: 0.5rem;
}

.risk-sub {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
}

/* === BADGE STYLING === */

.risk-badge {
    padding: 0.25rem 0.6rem;
    border-radius: 99.9rem;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: capitalize;
    display: inline-block;
    min-width: 6rem;
    text-align: center;
    background-color: transparent;
    border: .2rem solid;
}

    .risk-badge.high {
        color: var(--gw-primary-soft-black);
        border-color: var(--other-risk-high-border);
        background-color: var(--other-risk-high);
    }

    .risk-badge.medium {
        color: var(--gw-primary-soft-black);
        border-color: var(--other-risk-medium-border);
        background-color: var(--other-risk-medium);
    }

    .risk-badge.low {
        color: var(--gw-primary-soft-black);
        border-color: var(--other-risk-low-border);
        background-color: var(--other-risk-low);
    }

.risk-badge-lg {
    padding: 0.3rem 1.25rem;
    font-size: 1.3rem;
    font-weight: bold;
    border-radius: 99.9rem;
    display: inline-block;
    text-align: center;
    min-width: 10rem;
    max-width: 14rem;
    text-transform: capitalize;
    background-color: transparent;
    border: .2rem solid;
}

    .risk-badge-lg.high {
        color: var(--gw-primary-soft-black);
        border-color: var(--other-risk-high-border);
        background-color: var(--other-risk-high);
    }

    .risk-badge-lg.medium {
        color: var(--gw-primary-soft-black);
        border-color: var(--other-risk-medium-border);
        background-color: var(--other-risk-medium);
    }

    .risk-badge-lg.low {
        color: var(--gw-primary-soft-black);
        border-color: var(--other-risk-low-border);
        background-color: var(--other-risk-low);
    }

.risk-divider {
    width: 1px;
    background-color: var(--gw-color-neutral-3);
    margin: 0 1rem;
}

/* === HEALTH STATUS STYLING === */

.health-status-container {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1rem;
}

.health-tile {
    flex: 1;
    background-color: var(--gw-color-neutral-0);
    border: 1px solid var(--gw-color-neutral-4);
    border-radius: .6rem;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 .2rem .4rem rgba(0,0,0,0.05);
}

.tile-label {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--other-secondary-soft-green);
}

.tile-count {
    background-color: var(--other-primary-soft-blue);
    color: white;
    padding: 0.5rem 1.25rem;
    border-radius: .8rem;
    font-weight: bold;
    min-width: 2.5rem;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.2;
}

/* === CARE TEAM CONTAINER STYLING === */

.summary-two-col {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.summary-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.care-team-container {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.care-team-card {
    flex: 1;
    min-width: 28rem;
    background-color: var(--gw-color-neutral-0);
    border: 1px solid var(--gw-color-neutral-4);
    border-radius: .6rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 .2rem .4rem rgba(0,0,0,0.05);
}

.care-team-icon {
    background-color: var(--other-primary-soft-blue);
    color: white;
    padding: 0.5rem;
    border-radius: .8rem;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
}

.care-team-info {
    flex: 1;
}

.care-team-name {
    font-weight: bold;
    font-size: 1.4rem;
    color: var(--other-secondary-soft-green);
}

.care-team-role {
    font-size: 1.3rem;
    color: var(--gw-primary-soft-black);
}

.care-team-date {
    text-align: right;
    font-size: 1.2rem;
}

.care-team-label {
    color: var(--gw-color-neutral-6);
    display: block;
    margin-bottom: 0.15rem;
    font-size: 1.2rem;
}

.care-team-value {
    background-color: var(--gw-color-neutral-2);
    border: 1px solid var(--gw-color-neutral-4);
    border-radius: .4rem;
    padding: 0.25rem 0.5rem;
    display: inline-block;
    font-weight: bold;
}

/* === UTILIZATION SUMMARY STYLING === */

.utilization-container {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.utilization-link {
    color: var(--gw-color-royal-blue-shade-10);
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}

.utilization-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--gw-color-neutral-4);
    border-radius: .6rem;
    background-color: var(--gw-color-neutral-0);
}

    .utilization-row:hover {
        background-color: var(--gw-color-neutral-1);
    }

.utilization-count {
    display: inline-block;
    width: 2.25rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 0.5rem;
    background-color: var(--other-primary-soft-blue);
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
}


.utilization-label {
    font-weight: 500;
    color: var(--other-secondary-soft-green);
}

/* === PROGRAMS STYLING === */

.programs-container {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.program-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--gw-color-neutral-4);
    border-radius: .6rem;
    background-color: var(--gw-color-neutral-4);
    box-shadow: 0 .2rem .4rem rgba(0,0,0,0.05);
    font-size: 1.4rem;
}

.program-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border: 1px solid var(--gw-color-neutral-4);
    border-radius: .6rem;
    background-color: var(--gw-color-neutral-0);
    min-height: 3.5rem;
    position: relative;
}

.program-end-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    min-width: 8rem; /* Prevent width shift */
}

.program-label {
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: 0.5rem;
    color: var(--other-primary-soft-blue);
    flex-grow: 1;
}

.program-icon {
    margin-right: 0.5rem;
    color: var(--gw-primary);
}

.program-end-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; /* aligns content vertically */
    gap: 0.15rem;
}

.program-end-label {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--gw-color-neutral-6);
    line-height: 1;
}

.program-end-date {
    background-color: var(--gw-color-neutral-2);
    padding: 0.2rem 0.5rem;
    border-radius: 1.2rem;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--gw-primary-soft-black);
    margin-top: 0.2rem;
}

.invisible {
    visibility: hidden;
}

/* Empty state */
.programs-empty-state {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    font-size: 1.4rem;
    color: var(--gw-color-neutral-6);
    font-style: italic;
}

.card-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
}

    .card-row > * {
        flex: 1 1 calc(50% - 1.6rem); /* Adjust width to allow two cards with gap */
        display: flex;
        flex-direction: column;
    }

div.claims-dispense-refill-info {
    position: relative !important;
}

div.claims-dispense-refill-info-refill-data {
    position: absolute;
    left: 11.5rem;
}

/* === SESSION TIMEOUT MODAL STYLING === */
/* Root Dialog Container */
.session-timeout-dialog {
    width: 90%;
    max-width: 50rem;
    min-width: 30rem;
    margin: auto;
}

    /* Modal Header */
    .session-timeout-dialog .k-window-titlebar {
        background-color: var(--gw-primary-soft-blue) !important;
        color: var(--gw-primary-soft-black);
        margin-bottom: 1.5rem;
        display: flex;
        align-items: center;
        padding: 0.75rem 1rem;
        font-size: 1.25rem;
    }

    /* Title + Icon */
    .session-timeout-dialog .timeout-header {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--gw-primary-soft-black);
    }

        .session-timeout-dialog .timeout-header i.info-icon {
            color: var(--gw-primary-soft-black);
            font-size: 1.5rem;
            position: relative;
            top: -1px;
        }

    /* Modal Body */
    .session-timeout-dialog .timeout-body {
        color: var(--gw-primary-soft-black);
        text-align: center;
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }

    .session-timeout-dialog .timeout-line {
        margin-bottom: 1rem;
        font-weight: bold;
    }

    /* Centered Action Buttons */
    .session-timeout-dialog .k-dialog-actions {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 2rem !important;
        padding: 2.5rem 1.5rem 3rem 1.5rem !important;
        text-align: center;
    }

        /* Button Appearance */
        .session-timeout-dialog .k-dialog-actions .k-button {
            width: 19rem !important;
            height: 5.2rem !important;
            padding: 1rem 1.75rem !important;
            border-radius: .8rem !important;
            text-align: center !important;
            box-shadow: none !important;
            justify-content: center !important;
        }

#leftNavPlaceholder {
    display: none;
    width: 21rem;
}

/* BLUR on Session Timeout Modal*/
.app-wrapper.blurred {
    filter: blur(6px);
    transition: filter 0.3s ease-in-out;
    pointer-events: none;
    user-select: none;
}

/* ===== ERROR PAGE =====  */
.error-img {
    width: 100%;
    height: auto;
}
.error-container {
    padding-top: 10rem;
}
.error-container h1 {
    font-size: 4.8rem;
    color: var(--other-primary-soft-blue);
}
.error-container h2 {
    font-size: 2.2rem;
}
.error-actions {
    padding: 2rem 0;
}

.care-team-banner {
    color: var(--gw-color-neutral-0);
    padding: 0.5rem;
    background-color: var(--elment-instructional-text-color);
    font-size: var(--font-size-small);
    padding-left: 1.5rem;
}

.detailsPanel .k-window-titlebar{
    background-color: var(--gw-color-neutral-0);
}

.detailsPanel hr {
    margin-top: -2rem;
    margin-bottom: 2rem;
}

.detailsPanel .fa-user {
    color: var(--gw-color-neutral-0);
}

.detailsPanel .user-info-overlay span {
    font-weight: var(--font-weight-bold);
}

.detailsPanel .mb-3{
    margin-bottom: 2rem;
}

.detailsPanel .mt-2{
    margin-top: 1rem;
}

.detailsPanel .user-label, .detailsPanel .mb-1{
    color: var(--gw-color-neutral-6);
}


.my-viewed-user-list .my-list-item {
    padding: 0.5rem 0 !important;
    border-bottom: 0.1rem solid var(--widget-border-color);
}