@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* _content/DispensingSystem/Components/Layout/MainLayout.razor.rz.scp.css */

html[b-qyauv3e81a], body[b-qyauv3e81a] {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: 100%;
    overflow-x: hidden;
}

*[b-qyauv3e81a],
*[b-qyauv3e81a]::before,
*[b-qyauv3e81a]::after {
    box-sizing: border-box;
}

.page[b-qyauv3e81a] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}

    .page.login-mode[b-qyauv3e81a] {
        min-height: 100vh;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        flex-direction: column;
    }

main[b-qyauv3e81a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.login-mode main[b-qyauv3e81a] {
    margin-left: 0 !important;
    padding: 0 !important;
    width: 100%;
}

article[b-qyauv3e81a] {
    width: 100%;
}

.content.p-0[b-qyauv3e81a] {
    padding: 0 !important;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
}

.sidebar[b-qyauv3e81a] {
    background-image: linear-gradient(180deg, #004b23 0%, #00873e 100%);
    overflow-x: hidden;
}


.top-row[b-qyauv3e81a] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    width: 100%;
}

    .top-row[b-qyauv3e81a]  a,
    .top-row[b-qyauv3e81a]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-qyauv3e81a]  a:hover,
        .top-row[b-qyauv3e81a]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-qyauv3e81a]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }


@media (max-width: 640.98px) {
    .top-row[b-qyauv3e81a] {
        justify-content: space-between;
    }

        .top-row[b-qyauv3e81a]  a,
        .top-row[b-qyauv3e81a]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page:not(.login-mode)[b-qyauv3e81a] {
        flex-direction: row;
    }

    .sidebar[b-qyauv3e81a] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
    }

    .top-row[b-qyauv3e81a] {
        position: sticky;
        top: 0;
        z-index: 10;
    }

        .top-row.auth[b-qyauv3e81a]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-qyauv3e81a],
    article[b-qyauv3e81a] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}


#blazor-error-ui[b-qyauv3e81a] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-qyauv3e81a] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

[b-qyauv3e81a] .nav-logo {
    height: 4rem;
    width: auto;
    object-fit: contain;
}
/* _content/DispensingSystem/Components/Layout/NavMenu.razor.rz.scp.css */
.top-row[b-ftyy3w5j18] {
    height: 3.5rem;
    background: linear-gradient(0deg, #004b23 0%, #00873e 100%);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    padding-left: 1rem;
}

.navbar-brand[b-ftyy3w5j18] {
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.nav-scrollable[b-ftyy3w5j18] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 3.5rem);
    overflow: hidden !important;
}

.nav-item[b-ftyy3w5j18] {
    font-size: 0.9rem;
    padding-bottom: 0.1rem;
}

    .nav-item:first-of-type[b-ftyy3w5j18] {
        padding-top: 1rem;
    }

    .nav-item[b-ftyy3w5j18]  .nav-link, .cursor-pointer[b-ftyy3w5j18] {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 2.8rem;
        display: flex;
        align-items: center;
        width: 100%;
        cursor: pointer;
        text-decoration: none;
        transition: background-color 0.2s, color 0.2s;
    }

    .nav-item[b-ftyy3w5j18]  a.active {
        background-color: rgba(255,255,255,0.3);
        color: white;
    }

    .nav-item[b-ftyy3w5j18]  .nav-link:hover, .cursor-pointer:hover[b-ftyy3w5j18] {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.bi[b-ftyy3w5j18] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    background-size: cover;
}

.nav-dropdown-items[b-ftyy3w5j18] {
    display: flex;
    flex-direction: column;
}

    .nav-dropdown-items .nav-link[b-ftyy3w5j18] {
        font-size: 0.8rem !important;
        height: 2.2rem !important;
        padding-left: 2.8rem !important;
    }

.nav-footer[b-ftyy3w5j18] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
    margin-top: auto; 
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.bi-house-door-fill-nav-menu[b-ftyy3w5j18] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-box-seam-fill-nav-menu[b-ftyy3w5j18] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-box-seam-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3.75 0a1 1 0 0 0-.8.4L.1 4.2a.5.5 0 0 0-.1.3V15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4.5a.5.5 0 0 0-.1-.3L13.05.4a1 1 0 0 0-.8-.4h-8.5ZM15 4.667V5H1v-.333L1.5 4h13l.5.667ZM1 6h14v9H1V6Zm2-3.5h10v.5H3v-.5Z'/%3E%3C/svg%3E");
}

.bi-layers-half-nav-menu[b-ftyy3w5j18] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-layers-half' viewBox='0 0 16 16'%3E%3Cpath d='M8.235 1.559a.5.5 0 0 0-.47 0L.265 5.39a.5.5 0 0 0 0 .82l7.5 3.831a.5.5 0 0 0 .47 0l7.5-3.83a.5.5 0 0 0 0-.822l-7.5-3.83zM15.21 6.02 8 9.716 0.79 6.02l7.21-3.682 7.21 3.682z'/%3E%3Cpath d='M15.986 11.428a.5.5 0 0 1-.223.67l-7.5 3.832a.5.5 0 0 1-.47 0l-7.5-3.832a.5.5 0 0 1 .47-.822L8 15.114l7.314-3.738a.5.5 0 0 1 .672.252z'/%3E%3C/svg%3E");
}

.bi-clipboard-data-fill-nav-menu[b-ftyy3w5j18] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-clipboard-data-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z'/%3E%3Cpath d='M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0-2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1ZM10 8a1 1 0 1 1 2 0v2.5a1 1 0 1 1-2 0V8Zm-2.5 1.5a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm-2.5 1a1 1 0 1 1 2 0v.5a1 1 0 1 1-2 0v-.5Z'/%3E%3C/svg%3E");
}

.bi-journal-text-nav-menu[b-ftyy3w5j18] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-journal-text' viewBox='0 0 16 16'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3z'/%3E%3C/svg%3E");
}

.bi-file-earmark-text-fill-nav-menu[b-ftyy3w5j18] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-file-earmark-text-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM4.5 9a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM4 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM4.5 12a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1h-4z'/%3E%3C/svg%3E");
}

.bi-bell-fill-nav-menu[b-ftyy3w5j18] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-bell-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zm.995-14.901a1 1 0 1 0-1.99 0A5.002 5.002 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901z'/%3E%3C/svg%3E");
}

.bi-box-arrow-right-nav-menu[b-ftyy3w5j18] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-box-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
}

@media (max-width: 640.98px) {
    .nav-scrollable[b-ftyy3w5j18] {
        display: none;
    }
}

@media (min-width: 641px) {
    .nav-scrollable[b-ftyy3w5j18] {
        display: flex;
    }
}
/* _content/DispensingSystem/Components/Pages/Email.razor.rz.scp.css */
.lasallian-login-bg[b-n7w226rn81] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-image: url('/images/ceat.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.45);
    background-blend-mode: overlay;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
}

@media (min-width: 641px) {
    .lasallian-login-bg[b-n7w226rn81] {
        padding: 3rem 2rem;
    }
}

.header-section[b-n7w226rn81] {
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
}

.text-shadow[b-n7w226rn81] {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}

.tracking-wide[b-n7w226rn81] {
    letter-spacing: 1.5px;
}

.lasallian-card[b-n7w226rn81] {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    border-radius: 8px;
    border: none;
    border-top: 5px solid #00703C;
    background-color: #ffffff;
}

.custom-input-group .form-control[b-n7w226rn81],
.custom-input-group .input-group-text[b-n7w226rn81] {
    border: 1px solid #e0e0e0;
    box-shadow: none;
}

    .custom-input-group .form-control:focus[b-n7w226rn81] {
        border-color: #00703C;
        box-shadow: none;
    }

.lasallian-text-green[b-n7w226rn81] {
    color: #00703C;
}

.btn-lasallian-green[b-n7w226rn81] {
    background-color: #00703C;
    border-color: #00703C;
    transition: all 0.2s ease-in-out;
}

    .btn-lasallian-green:hover[b-n7w226rn81] {
        background-color: #005a30;
        border-color: #005a30;
    }

.lasallian-link[b-n7w226rn81] {
    color: #00703C;
    font-weight: 600;
    transition: color 0.2s ease;
}

    .lasallian-link:hover[b-n7w226rn81] {
        color: #004d29;
        text-decoration: underline !important;
    }

.btn-lasallian-green:hover[b-n7w226rn81],
.btn-lasallian-green:focus[b-n7w226rn81],
.btn-lasallian-green:active[b-n7w226rn81] {
    background-color: #146c43 !important;
    color: #ffffff !important;
    border-color: #13653f !important;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5) !important;
}
/* _content/DispensingSystem/Components/Pages/ForgetPassword.razor.rz.scp.css */
.lasallian-login-bg[b-sgs72waxn9] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-image: url('/images/ceat.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.45);
    background-blend-mode: overlay;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
}

@media (min-width: 641px) {
    .lasallian-login-bg[b-sgs72waxn9] {
        padding: 3rem 2rem;
    }
}

.header-section[b-sgs72waxn9] {
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
}

.text-shadow[b-sgs72waxn9] {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}

.tracking-wide[b-sgs72waxn9] {
    letter-spacing: 1.5px;
}

.lasallian-card[b-sgs72waxn9] {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    border-radius: 8px;
    border: none;
    border-top: 5px solid #00703C;
    background-color: #ffffff;
}

.custom-input-group .form-control[b-sgs72waxn9],
.custom-input-group .input-group-text[b-sgs72waxn9] {
    border: 1px solid #e0e0e0;
    box-shadow: none;
}

    .custom-input-group .form-control:focus[b-sgs72waxn9] {
        border-color: #00703C;
        box-shadow: none;
    }

.lasallian-text-green[b-sgs72waxn9] {
    color: #00703C;
}

.btn-lasallian-green[b-sgs72waxn9] {
    background-color: #00703C;
    border-color: #00703C;
    transition: all 0.2s ease-in-out;
}

    .btn-lasallian-green:hover[b-sgs72waxn9] {
        background-color: #005a30;
        border-color: #005a30;
    }

.lasallian-link[b-sgs72waxn9] {
    color: #00703C;
    font-weight: 600;
    transition: color 0.2s ease;
}

    .lasallian-link:hover[b-sgs72waxn9] {
        color: #004d29;
        text-decoration: underline !important;
    }

.btn-lasallian-green:hover[b-sgs72waxn9],
.btn-lasallian-green:focus[b-sgs72waxn9],
.btn-lasallian-green:active[b-sgs72waxn9] {
    background-color: #146c43 !important;
    color: #ffffff !important;
    border-color: #13653f !important;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5) !important;
}
/* _content/DispensingSystem/Components/Pages/Login.razor.rz.scp.css */
.lasallian-login-bg[b-abhn6vgbyq] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-image: url('/images/ceat.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.45);
    background-blend-mode: overlay;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
}

@media (min-width: 641px) {
    .lasallian-login-bg[b-abhn6vgbyq] {
        padding: 3rem 2rem;
    }
}

.header-section[b-abhn6vgbyq] {
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
}

.text-shadow[b-abhn6vgbyq] {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}

.tracking-wide[b-abhn6vgbyq] {
    letter-spacing: 1.5px;
}

.lasallian-card[b-abhn6vgbyq] {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    border-radius: 8px;
    border: none;
    border-top: 5px solid #00703C;
    background-color: #ffffff;
}

.custom-input-group .form-control[b-abhn6vgbyq],
.custom-input-group .input-group-text[b-abhn6vgbyq] {
    border: 1px solid #e0e0e0;
    box-shadow: none;
}

    .custom-input-group .form-control:focus[b-abhn6vgbyq] {
        border-color: #00703C;
        box-shadow: none;
    }

.lasallian-text-green[b-abhn6vgbyq] {
    color: #00703C;
}

.btn-lasallian-green[b-abhn6vgbyq] {
    background-color: #00703C;
    border-color: #00703C;
    transition: all 0.2s ease-in-out;
}

    .btn-lasallian-green:hover[b-abhn6vgbyq] {
        background-color: #005a30;
        border-color: #005a30;
    }

.lasallian-link[b-abhn6vgbyq] {
    color: #00703C;
    font-weight: 600;
    transition: color 0.2s ease;
}

    .lasallian-link:hover[b-abhn6vgbyq] {
        color: #004d29;
        text-decoration: underline !important;
    }

.btn-lasallian-green:hover[b-abhn6vgbyq],
.btn-lasallian-green:focus[b-abhn6vgbyq],
.btn-lasallian-green:active[b-abhn6vgbyq] {
    background-color: #146c43 !important; 
    color: #ffffff !important;
    border-color: #13653f !important;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5) !important;
}
/* _content/DispensingSystem/Components/Pages/Logs.razor.rz.scp.css */
.completed-request-wrapper[b-v88utc0xtp] {
    opacity: 0.6;
    filter: grayscale(0.35);
}

.form-control:focus[b-v88utc0xtp] {
    box-shadow: none;
    border-color: #198754;
}

.transition-fade[b-v88utc0xtp] {
    animation: fadeOut 3s forwards;
}

@@keyframes fadeOut {
    0%[b-v88utc0xtp] {
        opacity: 1;
    }

    80%[b-v88utc0xtp] {
        opacity: 1;
    }

    100%[b-v88utc0xtp] {
        opacity: 0;
        display: none;
    }
}


/* _content/DispensingSystem/Components/Pages/RequestItem/ECE_CPE_EE.razor.rz.scp.css */
.transition-fade[b-w2379wdzj6] {
    animation: fadeOut-b-w2379wdzj6 3s forwards;
}

@keyframes fadeOut-b-w2379wdzj6 {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

.catalog-toolbar[b-w2379wdzj6] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    max-width: 620px;
}

.catalog-toolbar-grid[b-w2379wdzj6] {
    display: grid;
    grid-template-columns: 1.3fr 0.9fr;
    gap: 10px;
    align-items: end;
}

.catalog-search-group[b-w2379wdzj6],
.catalog-filter-group[b-w2379wdzj6] {
    display: flex;
    flex-direction: column;
}

    .catalog-search-group .form-label[b-w2379wdzj6],
    .catalog-filter-group .form-label[b-w2379wdzj6] {
        font-size: 0.9rem;
        margin-bottom: 4px;
    }

.catalog-search-input[b-w2379wdzj6],
.catalog-filter-select[b-w2379wdzj6] {
    height: 38px;
    border-radius: 8px;
    font-size: 0.9rem;
    padding: 0.375rem 0.7rem;
}

    .catalog-search-input:focus[b-w2379wdzj6],
    .catalog-filter-select:focus[b-w2379wdzj6] {
        box-shadow: 0 0 0 0.16rem rgba(25, 135, 84, 0.15);
        border-color: #198754;
    }

.shop-layout[b-w2379wdzj6] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.shop-main[b-w2379wdzj6] {
    flex: 1;
    min-width: 0;
}

.shop-sidebar[b-w2379wdzj6] {
    width: 380px;
    min-width: 380px;
    position: sticky;
    top: 12px;
    align-self: flex-start;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
}

.shop-grid[b-w2379wdzj6] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.product-card[b-w2379wdzj6] {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e9ecef;
}

.product-card-img[b-w2379wdzj6] {
    width: 100%;
    height: 115px;
    object-fit: contain;
    background: #f8f9fa;
}

.product-card-body[b-w2379wdzj6] {
    padding: 8px;
}

.product-title[b-w2379wdzj6] {
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 3px;
    min-height: 28px;
}

.product-subtitle[b-w2379wdzj6] {
    font-size: 0.68rem;
    color: #6c757d;
    margin-bottom: 2px;
    line-height: 1.15;
}

.product-qty[b-w2379wdzj6] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #198754;
    margin-bottom: 3px;
}

.product-action-row[b-w2379wdzj6] {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-top: auto;
}

.product-qty-input[b-w2379wdzj6] {
    width: 42px;
    min-width: 42px;
    height: 24px;
    border-radius: 6px;
    font-size: 0.72rem;
    padding: 0 4px;
}

.product-add-btn[b-w2379wdzj6] {
    flex: 1;
    border-radius: 6px;
    white-space: nowrap;
    font-size: 0.7rem;
    padding: 0.18rem 0.35rem;
    height: 24px;
    line-height: 1;
}

.receipt-card[b-w2379wdzj6] {
    border-radius: 10px;
}

    .receipt-card .card-header[b-w2379wdzj6] {
        padding: 0.55rem 0.8rem;
        font-size: 0.9rem;
    }

.receipt-body[b-w2379wdzj6] {
    padding: 0.75rem;
}

.receipt-table-wrap[b-w2379wdzj6] {
    max-height: 220px;
    overflow: auto;
}

    .receipt-table-wrap table[b-w2379wdzj6] {
        font-size: 0.78rem;
    }

.receipt-qty-control[b-w2379wdzj6] {
    display: flex;
    align-items: center;
    gap: 4px;
}

    .receipt-qty-control .btn[b-w2379wdzj6] {
        padding: 0.1rem 0.35rem;
        font-size: 0.72rem;
    }

.professor-results[b-w2379wdzj6] {
    max-height: 180px;
    overflow-y: auto;
    border-radius: 8px;
}

.shop-pagination-wrap[b-w2379wdzj6] {
    display: flex;
    justify-content: center;
    margin-top: 22px;
    margin-bottom: 28px;
    padding-bottom: 8px;
}

.shop-pagination[b-w2379wdzj6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 10px 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    font-size: 0.85rem;
}

.pagination-btn[b-w2379wdzj6] {
    min-width: 82px;
    border-radius: 10px;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.42rem 0.8rem;
}

.pagination-page-box[b-w2379wdzj6] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 6px 10px;
}

.pagination-label[b-w2379wdzj6] {
    font-size: 0.84rem;
    font-weight: 600;
    color: #495057;
    white-space: nowrap;
}

.pagination-page-input[b-w2379wdzj6] {
    width: 72px;
    min-width: 72px;
    height: 36px;
    text-align: center;
    border-radius: 10px;
    font-size: 0.86rem;
    font-weight: 600;
}

    .pagination-page-input:focus[b-w2379wdzj6] {
        box-shadow: 0 0 0 0.16rem rgba(25, 135, 84, 0.15);
        border-color: #198754;
    }

.pagination-go-btn[b-w2379wdzj6] {
    border-radius: 10px;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.42rem 0.85rem;
    white-space: nowrap;
}

@media (max-width: 1400px) {
    .shop-grid[b-w2379wdzj6] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1200px) {
    .shop-grid[b-w2379wdzj6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .catalog-toolbar[b-w2379wdzj6] {
        max-width: 100%;
    }

    .catalog-toolbar-grid[b-w2379wdzj6] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .catalog-search-group[b-w2379wdzj6],
    .catalog-filter-group[b-w2379wdzj6] {
        width: 100%;
    }

    .shop-layout[b-w2379wdzj6] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .shop-main[b-w2379wdzj6] {
        order: 2;
        width: 100%;
    }

    .shop-sidebar[b-w2379wdzj6] {
        order: 1;
        width: 100%;
        min-width: 0;
        position: static;
        max-height: none;
        overflow: visible;
    }

    .shop-grid[b-w2379wdzj6] {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 1rem;
    }

    .product-action-row[b-w2379wdzj6] {
        flex-direction: column;
        gap: 0.5rem;
    }

        .product-action-row input[b-w2379wdzj6],
        .product-action-row button[b-w2379wdzj6] {
            width: 100%;
            min-width: 0;
        }
}

@media (max-width: 767.98px) {
    .product-card-img[b-w2379wdzj6] {
        height: 105px;
    }

    .shop-pagination-wrap[b-w2379wdzj6] {
        margin-top: 18px;
        margin-bottom: 24px;
    }

    .shop-pagination[b-w2379wdzj6] {
        width: 100%;
        gap: 8px;
        padding: 10px;
    }

    .pagination-btn[b-w2379wdzj6] {
        min-width: 70px;
        font-size: 0.76rem;
        padding: 0.38rem 0.6rem;
    }

    .pagination-page-box[b-w2379wdzj6] {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .pagination-page-input[b-w2379wdzj6] {
        width: 64px;
        min-width: 64px;
    }
}

@media (max-width: 575.98px) {
    .shop-grid[b-w2379wdzj6] {
        grid-template-columns: 1fr;
    }
}
/* _content/DispensingSystem/Components/Pages/Verify2FA.razor.rz.scp.css */
.lasallian-login-bg[b-ro2hrpr5mo] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-image: url('/images/ceat.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.45);
    background-blend-mode: overlay;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
}

@media (min-width: 641px) {
    .lasallian-login-bg[b-ro2hrpr5mo] {
        padding: 3rem 2rem;
    }
}

.header-section[b-ro2hrpr5mo] {
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
}

.text-shadow[b-ro2hrpr5mo] {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}

.tracking-wide[b-ro2hrpr5mo] {
    letter-spacing: 1.5px;
}

.lasallian-card[b-ro2hrpr5mo] {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    border-radius: 8px;
    border: none;
    border-top: 5px solid #00703C;
    background-color: #ffffff;
}

.custom-input-group .form-control[b-ro2hrpr5mo],
.custom-input-group .input-group-text[b-ro2hrpr5mo] {
    border: 1px solid #e0e0e0;
    box-shadow: none;
}

    .custom-input-group .form-control:focus[b-ro2hrpr5mo] {
        border-color: #00703C;
        box-shadow: none;
    }

.lasallian-text-green[b-ro2hrpr5mo] {
    color: #00703C;
}

.btn-lasallian-green[b-ro2hrpr5mo] {
    background-color: #00703C;
    border-color: #00703C;
    transition: all 0.2s ease-in-out;
}

    .btn-lasallian-green:hover[b-ro2hrpr5mo] {
        background-color: #005a30;
        border-color: #005a30;
    }

.lasallian-link[b-ro2hrpr5mo] {
    color: #00703C;
    font-weight: 600;
    transition: color 0.2s ease;
}

    .lasallian-link:hover[b-ro2hrpr5mo] {
        color: #004d29;
        text-decoration: underline !important;
    }

.btn-lasallian-green:hover[b-ro2hrpr5mo],
.btn-lasallian-green:focus[b-ro2hrpr5mo],
.btn-lasallian-green:active[b-ro2hrpr5mo] {
    background-color: #146c43 !important;
    color: #ffffff !important;
    border-color: #13653f !important;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5) !important;
}