/* /MainLayout.razor.rz.scp.css */
main[b-jhrcw8khln] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.top-bar[b-jhrcw8khln] {
    height: clamp(50px, 10%, 100px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--theme-primary);
    padding: 0 1rem;
}

    .top-bar p[b-jhrcw8khln] {
        color: white;
    }

    .top-bar > p[b-jhrcw8khln] {
        margin: 0 1.5rem;
        font-size: 2.5rem;
        cursor: pointer;
        user-select: none;
    }

    .top-bar > div[b-jhrcw8khln] {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

        .top-bar > div > svg:first-child[b-jhrcw8khln] {
            margin-bottom: .25rem;
        }

.side-bar-content-container[b-jhrcw8khln] {
    display: flex;
    height: 100%;
}

.side-bar[b-jhrcw8khln] {
    width: clamp(20rem, 20%, 25rem);
    min-width: 3rem;
    min-height: 4rem;
    background: linear-gradient(var(--theme-primary), var(--theme-secondary));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: width ease-in-out 0.5s;
    color: white;
    font-size: 1.5rem;
}

.nav-menu > div[b-jhrcw8khln] {
    margin-left: 1rem;
}

.body-container[b-jhrcw8khln] {
    margin: 1rem;
    flex-grow: 1;
}

.rotate[b-jhrcw8khln] {
    transform: rotate(180deg);
}

.nav-menu p[b-jhrcw8khln], .nav-menu svg[b-jhrcw8khln] {
    margin-bottom: 0.25rem;
}

.nav-menu p[b-jhrcw8khln] {
    user-select: none;
}

.parent > div:first-child[b-jhrcw8khln] {
    display: flex;
    align-items: center;
}

    .parent > div:first-child > p[b-jhrcw8khln] {
        margin-left: .25rem;
    }

.parent > .child[b-jhrcw8khln] {
    margin-left: 2rem;
    display: none;
}

.footer[b-jhrcw8khln] {
    display: flex;
    justify-content: flex-end;
}

    .footer > svg[b-jhrcw8khln] {
        cursor: pointer;
        margin: 1rem;
    }

.open > div > svg[b-jhrcw8khln] {
    transform: rotate(90deg);
}

.open > div:last-child[b-jhrcw8khln] {
    display: block;
}

.parent > div:first-child:hover[b-jhrcw8khln],
.child > p:hover[b-jhrcw8khln] {
    background-color: var(--theme-secondary);
}

.parent > div > p[b-jhrcw8khln],
.parent > div > svg[b-jhrcw8khln],
.child > p[b-jhrcw8khln] {
    cursor: pointer;
}
/* /Pages/Appointments/Create.razor.rz.scp.css */
.main-container[b-iu42cq4mqj] {
    width: 100%;
    border: 1px var(--theme-tertiary) solid;
    border-radius: 10px;
    margin-top: 1rem;
    padding: 1rem;
}

.edit-details-container[b-iu42cq4mqj] {
    width: 40rem;
}

.notes-container > textarea[b-iu42cq4mqj] {
    width: 100%;
    min-height: 10rem;
    margin-bottom: 1rem;
}

.buttons-container[b-iu42cq4mqj] {
    width: fit-content;
    display: flex;
    margin-left: auto;
}
/* /Pages/Appointments/Search.razor.rz.scp.css */
.date-range-container[b-niwh571oo7] {
    margin: 1rem;
    margin-right: auto;
    display: flex;
    justify-content: flex-start;
}

    .date-range-container > input[b-niwh571oo7] {
        padding: 0.25rem;
        border-color: #797979;
        border-radius: 5px;
        border-width: 1px;
        width: 15rem;
        font-size: 14px;
    }

        .date-range-container > input:not(:last-child)[b-niwh571oo7] {
            margin-right: 1rem;
        }

.table-container[b-niwh571oo7] {
    margin: 1rem;
}
/* /Pages/Index.razor.rz.scp.css */
.home-content-container[b-zssbczx0qv] {
    margin-left: 1rem;
    color: var(--theme-primary);
}

.home-content-container > h1[b-zssbczx0qv] {
    font-weight: 400;
}
/* /Pages/Login.razor.rz.scp.css */
.background[b-hdggz649pi] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, var(--theme-primary), var(--theme-tertiary));
}

.login-modal[b-hdggz649pi] {
    background-color: white;
    border-radius: 1rem;
    width: fit-content;
    padding: 2.5rem 2.25rem;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 46%);
}

    .login-modal > h3[b-hdggz649pi] {
        color: var(--theme-primary);
        font-weight: 400;
        font-size: 3rem;
        margin: 0;
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .login-modal > div > input[b-hdggz649pi] {
        width: 22.5rem;
        margin: .5rem 0;
        border-radius: .5rem;
        border: 1px solid #797979;
        padding: .25rem .5rem;
        font-size: 1rem;
    }

    .login-modal > div > button[b-hdggz649pi] {
        padding: 1rem 2.5rem;
        background-color: white;
        border: 1px solid #797979;
        border-radius: .5rem;
        margin-top: 1.5rem;
        font-size: 1rem;
        color: #333;
        cursor: pointer;
    }

.button-container[b-hdggz649pi] {
    display: flex;
    justify-content: center;
}

    .button-container > button:hover[b-hdggz649pi] {
        box-shadow: 0 0 .25rem var(--theme-primary);
        border: 1px solid var(--theme-secondary);
        background-color: var(--theme-secondary);
        color: white;
    }

.error-text[b-hdggz649pi] {
    color: red;
    text-align: center;
    margin-top: 1.5rem;
}
/* /Pages/MedicalRecords/Create.razor.rz.scp.css */
h3[b-0y8hhnvmx1] {
    margin: 0 0 0.75rem 0;
    color: #333;
}

h4[b-0y8hhnvmx1] {
    margin: 0;
    margin-bottom: .5rem;
}

.main-container[b-0y8hhnvmx1] {
    width: 100%;
    border: 1px var(--theme-tertiary) solid;
    border-radius: 10px;
    margin-top: 1rem;
}

.main-details[b-0y8hhnvmx1] {
    display: flex;
    justify-content: space-between;
    height: fit-content;
    padding: 1rem;
}

    .main-details > div[b-0y8hhnvmx1] {
        width: 30%;
    }

    .main-details textarea[b-0y8hhnvmx1] {
        height: 100%;
        width: 100%;
    }

.column-1 > div:not(:last-child)[b-0y8hhnvmx1] {
    margin-bottom: 1rem;
}

.column-3[b-0y8hhnvmx1] {
    display: flex;
    flex-direction: column;
}

.button[b-0y8hhnvmx1] {
    border-radius: 4px;
    padding: .5rem 1rem;
    border: 1px #797979 solid;
}

.button:not(:last-child)[b-0y8hhnvmx1] {
    margin-right: 1rem;
}

    .button > p[b-0y8hhnvmx1] {
        font-weight: bold;
    }

.orange[b-0y8hhnvmx1] {
    background-color: var(--theme-tertiary);
    border: 1px var(--theme-tertiary) solid !important;
}

    .orange > p[b-0y8hhnvmx1] {
        color: white;
    }

.buttons-container[b-0y8hhnvmx1] {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    padding: 1rem;
}

.buttons-container-save-cancel[b-0y8hhnvmx1] {
    display: flex;
    justify-content: space-between;
}
/* /Pages/MedicalRecords/Details.razor.rz.scp.css */
h3[b-i9lb5itp2i] {
    margin: 0 0 0.75rem 0;
    color: #333;
}

h4[b-i9lb5itp2i] {
    margin: 0;
    margin-bottom: .5rem;
}

.main-container[b-i9lb5itp2i] {
    width: 100%;
    border: 1px var(--theme-tertiary) solid;
    border-radius: 10px;
    margin-top: 1rem;
}

    .main-container > hr[b-i9lb5itp2i] {
        border-top: 1px var(--theme-tertiary) solid;
    }

.main-details[b-i9lb5itp2i] {
    display: flex;
    justify-content: space-between;
    height: fit-content;
    padding: 1rem;
}

    .main-details > div[b-i9lb5itp2i] {
        width: 30%;
    }

    .main-details textarea[b-i9lb5itp2i] {
        height: 100%;
        width: 100%;
    }

.column-1 > div:not(:last-child)[b-i9lb5itp2i] {
    margin-bottom: 1rem;
}

.column-3[b-i9lb5itp2i] {
    display: flex;
    flex-direction: column;
}

.lab-results[b-i9lb5itp2i] {
    padding: 1rem;
}

.results-container[b-i9lb5itp2i] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5rem;
}

.button-container[b-i9lb5itp2i] {
    padding: 1rem;
    width: fit-content;
}
/* /Pages/MedicalRecords/Search.razor.rz.scp.css */
.search-options[b-qzw1yjz5gz] {
    display: grid;
    grid-template-columns: 1.25fr 1.25fr 1fr 2fr;
    grid-gap: 0.75rem;
    margin: 1rem;
}

    .search-options > p[b-qzw1yjz5gz] {
        color: var(--theme-primary);
        margin: 0.3rem 0;
    }

    .search-options > input[b-qzw1yjz5gz] {
        padding: 0.25rem;
        border-color: #797979;
        border-radius: 5px;
        border-width: 1px;
        width: 100%;
        font-size: 14px;
        margin: auto;
    }

.table-container[b-qzw1yjz5gz] {
    margin: 1rem;
}
/* /Pages/MedicalRecords/SearchHistory.razor.rz.scp.css */
.table-container[b-8cazdgxbr2] {
    margin: 1rem;
    width: 50%;
}
/* /Shared/Components/Breadcrumbs.razor.rz.scp.css */
.breadcumbs-container[b-ew0nmede3v] {
    display: flex;
    align-items: center;
    margin: 0 0.5rem;
}

a[b-ew0nmede3v] {
    color: var(--theme-primary);
    text-decoration: none;
    font-size: 1.5rem;
    padding: 0 0.5rem;
}

svg > g > path[b-ew0nmede3v] {
    fill: var(--theme-primary)!important;
}
/* /Shared/Components/Button.razor.rz.scp.css */
.button[b-dwjiz3aopz] {
    border-radius: 4px;
    padding: .5rem 1rem;
    border: 1px #797979 solid;
    cursor: pointer;
}

    .button:not(:last-child)[b-dwjiz3aopz] {
        margin-right: 1rem;
    }

    .button > p[b-dwjiz3aopz] {
        font-weight: bold;
    }

.orange[b-dwjiz3aopz] {
    background-color: var(--theme-tertiary);
    border: 1px var(--theme-tertiary) solid !important;
}

    .orange > p[b-dwjiz3aopz] {
        color: white;
    }
/* /Shared/Components/EditDetails.razor.rz.scp.css */
h3[b-vr0dv2yspm] {
    margin: 0;
    margin-bottom: .75rem;
}

p[b-vr0dv2yspm] {
    padding: .25rem 0;
    /* border-bottom: 1px #aaa solid; */
    color: #333;
}

h3[b-vr0dv2yspm], p[b-vr0dv2yspm] {
    color: #333;
}

.edit-details-container[b-vr0dv2yspm] {
    width: 100%;
}

.edit-details-header[b-vr0dv2yspm] {
    display: flex;
    justify-content: space-between;
}

    .edit-details-header > svg[b-vr0dv2yspm] {
        width: 1.5rem;
        height: 1.5rem;
    }

.edit-details-properties[b-vr0dv2yspm] {
}

.edit-details-rows[b-vr0dv2yspm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
    row-gap: 0.5rem;
}

.edit-details-values > input[b-vr0dv2yspm] {
    margin: .5rem 0;
}
/* /Shared/Components/Table.razor.rz.scp.css */
table[b-50dcb0mpn6] {
    width: 100%;
    border-collapse: collapse;
}

td[b-50dcb0mpn6], th[b-50dcb0mpn6] {
    text-align: left;
    padding: 0.25rem 0.5rem;
    border: 1px solid #dddddd
}

th[b-50dcb0mpn6] {
    background-color: var(--theme-tertiary);
    color: white;
}

    th:first-child[b-50dcb0mpn6] {
        background-color: white;
        width: 0%; /* Acts as fit-content */
    }

td:nth-child(2)[b-50dcb0mpn6] {
    cursor: pointer;
}

.page-control[b-50dcb0mpn6] {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem;
}

    .page-control > div[b-50dcb0mpn6] {
        color: var(--theme-tertiary);
    }

    .page-control > div > p[b-50dcb0mpn6] {
        font-size: 1.25rem;
        user-select: none;
    }

.back-button[b-50dcb0mpn6] {
    transform: rotate(180deg);
}

    .next-button > svg[b-50dcb0mpn6],
    .back-button > svg[b-50dcb0mpn6] {
        fill: var(--theme-tertiary);
    }
