@import '_content/CareConnect.Shared.UI/CareConnect.Shared.UI.a5bwj1smk9.bundle.scp.css';
@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.mm3aqpuyun.bundle.scp.css';

/* _content/CareConnect.PatientPortal.Web/Components/Pages/Home.razor.rz.scp.css */

.grid[b-wi883x9bxy] {
    display: grid;
    column-gap: 1rem;
    /* Desktop: 3 columns; asides stacked in the right column */
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "card-group-xl billing" "card-group-xl report";
}

.card-group-xl[b-wi883x9bxy] {
    grid-area: card-group-xl;
}

.billing[b-wi883x9bxy] {
    grid-area: billing;
}

.report[b-wi883x9bxy] {
    grid-area: report;
}

@media (max-width: 991.98px) {
    .grid[b-wi883x9bxy] {
        grid-template-columns: 1fr 1fr;
    }
}

/* Mobile: change card order */
@media (max-width: 767.98px) {
    .grid[b-wi883x9bxy] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "billing" "card-group-xl" "report";
    }

        .grid:has(> div.billing.d-none)[b-wi883x9bxy] {
            grid-template-areas:
                "card-group-xl" "report" "billing";
        }
}
/* _content/CareConnect.PatientPortal.Web/Components/Pages/Records/Blood.razor.rz.scp.css */
[b-fz2r8ho2c0] {
    --header-h: 0px;
    --subnav-h: calc(90px - 1.5rem);
    --sticky-gap: 1.5rem;
    --bs-dropdown-header-color: var(--preamble-text-gray);
    --bs-dropdown-link-active-bg: var(--bs-primary-bg-subtle);
    --bs-dropdown-link-active-color: var(--bs-black);
}

@media (min-width: 992px) {
    .keyfindings-sticky[b-fz2r8ho2c0] {
        position: sticky;
        top: calc(var(--header-h) + var(--subnav-h) + var(--sticky-gap));
        align-self: start;
        margin-bottom: .75rem;
    }
}

a.icon-toggle[b-fz2r8ho2c0] {
    width: calc(100% + 1rem);
    margin-left: -.5rem;
    margin-right: -.5rem;
    padding: .5rem .5rem;
    background-color: transparent;
    /*border: solid 1px transparent;*/
    border-radius: var(--bs-card-border-radius);
}

    a.icon-toggle:hover[b-fz2r8ho2c0] {
        /*border-color: #e8e7e7;*/
        background-color: var(--bs-preamble-gray);
    }

    a.icon-toggle .btn-outline-icon-primary:hover[b-fz2r8ho2c0],
    a.icon-toggle .btn-outline-icon-primary:focus[b-fz2r8ho2c0],
    a.icon-toggle .btn-outline-icon-primary:active[b-fz2r8ho2c0] {
        border-color: transparent;
    }

.icon-swap[b-fz2r8ho2c0] {
    --icon-dur: .18s;
    --icon-ease: cubic-bezier(.2,.8,.2,1);
}

.icon-stack[b-fz2r8ho2c0] {
    position: relative;
    width: 1em;
    height: 1em;
    display: inline-block;
}

    .icon-stack > i[b-fz2r8ho2c0] {
        position: absolute;
        inset: 0;
        line-height: 1;
        transition: opacity var(--icon-dur) var(--icon-ease), transform var(--icon-dur) var(--icon-ease);
        transform-origin: 50% 50%;
    }

/* default (collapsed): show expand, hide contract */
.icon-expand[b-fz2r8ho2c0] {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

.icon-contract[b-fz2r8ho2c0] {
    opacity: 0;
    transform: scale(.8) rotate(-90deg);
}

/* expanded: swap visibility */
.icon-swap[aria-expanded="true"] .icon-expand[b-fz2r8ho2c0] {
    opacity: 0;
    transform: scale(.8) rotate(90deg);
}

.icon-swap[aria-expanded="true"] .icon-contract[b-fz2r8ho2c0] {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

@media (prefers-reduced-motion: reduce) {
    .icon-stack > i[b-fz2r8ho2c0] {
        transition: none;
    }
}

.report-picker .report-tile[b-fz2r8ho2c0] {
    border-radius: .5rem;
    margin-bottom: .75rem;
    padding: .9rem 1rem;
    border: 1px solid var(--bs-border-color);
}

    .report-picker .report-tile:hover[b-fz2r8ho2c0],
    .report-picker .report-tile:focus[b-fz2r8ho2c0],
    .report-picker .report-tile:active[b-fz2r8ho2c0] {
        border: 1px solid var(--bs-primary);
        background: transparent;
    }


.dropdown-menu > :not(.dropdown-header, .dropdown-divider) + :not(.dropdown-header, .dropdown-divider)[b-fz2r8ho2c0] {
    margin-top: .50rem;
}

.dropdown-item.disabled[b-fz2r8ho2c0], .dropdown-item:disabled[b-fz2r8ho2c0] {
    /*color: var(--preamble-text-gray);*/
    pointer-events: none;
    opacity: .45;
    background-color: var(--bs-primary-bg-subtle);
}

button.btn-report-dropdown i[b-fz2r8ho2c0] {
    font-size: 1.125rem;
}
button.btn-report-dropdown span[b-fz2r8ho2c0] {
    display: inline;
}

/* XS + MD - XL: circular icon-only */
@media (max-width: 575.98px), (min-width: 768px) and (max-width: 1399.98px) {
    button.btn-report-dropdown[b-fz2r8ho2c0] {
        --bs-btn-color: var(--preamble-text-gray);
        --bs-btn-bg: transparent;
        --bs-btn-border-color: var(--preamble-text-gray);
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: var(--bs-preamble-coral-pink);
        --bs-btn-hover-border-color: var(--bs-preamble-coral-pink);
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: var(--bs-preamble-coral-pink);
        --bs-btn-active-border-color: var(--bs-preamble-coral-pink);
        --bs-btn-disabled-color: var(--preamble-text-gray);
        --bs-btn-disabled-bg: var(--bs-preamble-gray);
        --bs-btn-disabled-border-color: var(--preamble-text-gray);
        --bs-btn-padding-y: 0.475rem;
        --bs-btn-padding-x: 0.475rem;

        border-radius: 50% !important;
    }

        button.btn-report-dropdown i[b-fz2r8ho2c0] {
            font-size: calc(1.25rem + 0.2vw)
        }

        button.btn-report-dropdown span[b-fz2r8ho2c0] {
            display: none;
        }
}
/* _content/CareConnect.PatientPortal.Web/Components/Pages/VirtualAppointment.razor.rz.scp.css */
#root[b-9dubw1y8zw] {
    width: 100%;
    min-height: 400px;
    height: 70vh;
    aspect-ratio: 16 / 9;
}

@media (max-width: 575.98px) {
    #root[b-9dubw1y8zw] {
        min-width: 420px;
        min-height: 80vh;
        height: 600px;
        aspect-ratio: 9 / 16;
    }
}