/* _content/EduOrderPortal/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-xdmp2ohxrj] {
    height: 100%;
    font-family: var(--bs-font-sans-serif);
}

[b-xdmp2ohxrj] .icon-back {
    -webkit-mask-image: url("images/back.svg");
    mask-image: url("images/back.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

[b-xdmp2ohxrj] .content {
    overflow: auto;
}

[b-xdmp2ohxrj] .back-button:hover .icon-back {
    background-color: var(--dxbl-btn-hover-color);
}

@media (max-width: 768px) {
    [b-xdmp2ohxrj] .layout-sidebar {
        grid-area: header / header / header / header !important;
    }
}
/* _content/EduOrderPortal/Components/Layout/NavMenu.razor.rz.scp.css */
#sidebar[b-fxshn0effw] {
    min-width: 15rem;
    max-width: 15rem;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    background-color: #33B45D;
    /*background-image: linear-gradient(to right, #4CAF50 1%, #4CAF50 10%, #2fcb70 100%);*/
}



.logo[b-fxshn0effw] {
    text-align: center;
}

[b-fxshn0effw] .menu-button-container {
    display: none;
    align-self: center;
}

.menu-button[b-fxshn0effw] {
    padding: 0.375rem;
    width: 1.875rem;
    height: 1.875rem;
    background-image: url("images/menu.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    filter: invert(32%) sepia(65%) saturate(384%) hue-rotate(90deg) brightness(90%) contrast(92%);
    /* Converts possible blue icon to greenish tone */
}

[b-fxshn0effw] .menu {
    background-color: inherit;
}

    [b-fxshn0effw] .menu .dxbl-menu-item-list {
        gap: 0.5rem;
    }



[b-fxshn0effw].menu-item.active {
    font-weight: bold !important;
    color: red !important;
}

[b-fxshn0effw] .menu-item {
    color: var(--bs-white);
}

[b-fxshn0effw] .dxbl-menu .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item > .dxbl-btn > .dxbl-menu-item-text-container .dxbl-menu-item-text {
    white-space: normal !important;
}

[b-fxshn0effw] .icon {
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 0.5rem;
    /*filter: invert(50%) sepia(75%) saturate(300%) hue-rotate(90deg) brightness(80%) contrast(85%);*/
    /* Converts icons to a green tone */
}

[b-fxshn0effw] .home-icon {
    background-image: url("images/home.svg");
}

[b-fxshn0effw] .card-icon {
    background-image: url("images/card.svg");
}

[b-fxshn0effw] .school-icon {
    background-image: url("images/school.svg");
}

[b-fxshn0effw] .announcements-icon {
    background-image: url("images/announcement.svg");
}

[b-fxshn0effw] .documents-icon {
    background-image: url("images/document.svg");
}

[b-fxshn0effw] .log-out-icon {
    background-image: url("images/logOut.svg");
}

[b-fxshn0effw] .info-icon {
    background-image: url("images/infoIconWhite.svg");
}

[b-fxshn0effw] .faq-icon{
    background-image: url("images/faq.svg");
}

[b-fxshn0effw] .footer-button:hover .demos-icon {
    background-color: #2E7D32; /* Green hover effect */
}

[b-fxshn0effw] .footer-button:hover .docs-icon {
    background-color: #2E7D32; /* Green hover effect */
}

[b-fxshn0effw] .footer {
    text-align: center;
    gap: 0.5rem;
    padding-bottom: 1.5rem;
}

#sidebar.expanded[b-fxshn0effw]  .layout-item {
    display: block;
}

#sidebar.expanded[b-fxshn0effw]  .footer {
    display: block;
}

@media (max-width: 768px) {
    #sidebar[b-fxshn0effw] {
        min-width: inherit;
        max-width: inherit;
        box-shadow: none;
    }

        #sidebar.expanded[b-fxshn0effw] {
            position: fixed;
            width: 100%;
            z-index: 3;
            background-color: #388E3C; /* Make sure the expanded sidebar stays green */
        }

            #sidebar.expanded[b-fxshn0effw]  .sidebar-header {
                border-bottom: 1px solid var(--bs-white);
            }

            #sidebar.expanded .menu-button[b-fxshn0effw] {
                background-image: url("images/close.svg");
                filter: invert(32%) sepia(65%) saturate(384%) hue-rotate(90deg) brightness(90%) contrast(92%);
                /* Convert close icon to green if needed */
            }

        #sidebar:not(.expanded)[b-fxshn0effw]  .dxbl-gridlayout-root {
            gap: unset !important;
        }

    .logo[b-fxshn0effw] {
        text-align: inherit;
    }

    [b-fxshn0effw] .menu-button-container {
        display: block;
    }

    [b-fxshn0effw] .layout-item {
        display: none;
    }

    [b-fxshn0effw] .footer {
        display: none;
    }
}
/* _content/EduOrderPortal/Components/Pages/SchoolInfo.razor.rz.scp.css */
.dxbl-grid-header-row[b-95mqkbbuq5] {
    background-color: #46b557;
}

.dxbl-group-header[b-95mqkbbuq5] {
    color: #f3f4f7 !important
}


.radio-button-style .dxbl-text[b-95mqkbbuq5] {
    color: black !important;
}


.dxbl-group-header[b-95mqkbbuq5] {
    background-color: #46b557 !important;
    font-weight: bold !important;
}

.compact-form[b-95mqkbbuq5] {
    font-size: 0.9rem; /* Scale down the base font size */
}

/* Container for the entire form to establish positioning context */
.radio-button-style[b-95mqkbbuq5] {
    margin-left: 15px;
    position: relative;
}
    /* Container for the entire form to establish positioning context */
    .radio-button-style .dxbl-checkbox[b-95mqkbbuq5] {
        align-items: center;
    }

/* Row containing a radio button option and its label */
.option-row[b-95mqkbbuq5] {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Label styling */
.option-label[b-95mqkbbuq5] {
    font-size: 0.9em;
    width: 270px;
    line-height: 1.3;
    white-space: normal;
    margin-right: 10px;
}

/* The textbox display element */
.textbox-display[b-95mqkbbuq5] {
    /*  display: inline-block; */
    min-width: 100px;
    max-width: 150px;
    width: 150px;
    /* border: 1px solid #ccc; */
    /* border-radius: 4px; */
    padding: 4px 4px;
    /*  background-color: white; */
    font-size: 0.9em;
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    min-height: 20px;
    box-sizing: border-box;
    /* margin-left: 10px; */
}

/* Option container layout */
.option-container[b-95mqkbbuq5] {
    /* display: flex; */
    align-items: center;
    width: 100%;
}

.dxbl-grid-header-row[b-95mqkbbuq5] {
    background-color: #46b557;
}


.attachment-item[b-95mqkbbuq5] {
    gap: 20px;
    width: 100%;
    margin: 10px !important;
    padding: 15px !important;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #f8f9fa;
    border-radius: 8px;
}

.align-content-css[b-95mqkbbuq5] {
    align-content: end;
}

.cancel-button[b-95mqkbbuq5] {
    border-color: #152937;
    background-color: #152937;
}

    .cancel-button:hover[b-95mqkbbuq5] {
        border-color: #152937 !important;
        background-color: #152937 !important;
    }

.info-icon[b-95mqkbbuq5] {
    margin-left: 6px;
    display: inline-flex;
    vertical-align: middle;
    cursor: pointer;
}