@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Components/AccountingComponent.razor.rz.scp.css */

#accounting-menu[b-xav7ekhw1r]{
    border:1px solid greenyellow;
    width:90%;
    padding:10px;
}
#accounting-menu-items[b-xav7ekhw1r]{
    border:none;
}
/* /Components/CashBook/CashBookDetailBodyReportComponent.razor.rz.scp.css */
/*#bodyChartOfAccounts {
    height: 70vh;
    overflow-y: scroll;
}*/

#btnPrintCofA[b-3kedx6b1a0] {
    width: 120px;
    margin: 10px 0 10px 0;
}

#faPrint[b-3kedx6b1a0] {
    padding: 5px;
}

th[b-3kedx6b1a0] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


    th.ClassHeader[b-3kedx6b1a0] {
        background-color: lightslategrey;
        color: black;
        font-family: Calibri;
        font-size: large;
    }

.TitleFont[b-3kedx6b1a0] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-3kedx6b1a0] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-3kedx6b1a0], .h4Val[b-3kedx6b1a0] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table[b-3kedx6b1a0] {
    font-family: Calibri;
    font-size: medium;
}

    .table td[b-3kedx6b1a0], .table th[b-3kedx6b1a0] {
        padding: 2px;
    }

#page-bar[b-3kedx6b1a0] {
    display: flex;
    flex-wrap: nowrap;
    padding:10px;
}

#page-bar-right[b-3kedx6b1a0] {
    margin-left: auto;
}

.form-label[b-3kedx6b1a0] {
    font-weight: 700;
}

.btn-light-gray[b-3kedx6b1a0] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-3kedx6b1a0] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-3kedx6b1a0] {
    padding: 5px;
}

.label-format[b-3kedx6b1a0] {
    font-weight: 700;
}

.div-cashbook-details-header[b-3kedx6b1a0] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 20px 10px;
}

#flex-items-1[b-3kedx6b1a0] {
    width: 98%;
    border: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-3kedx6b1a0] {
    width: 98%;
    border: 1px solid #808080;
    padding: 10px;
/*    max-height: 10vh;*/
}

#flex-items-3[b-3kedx6b1a0] {
    width: 98%;
}

/* Fix height and enable scrolling */
.grid[b-3kedx6b1a0] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-3kedx6b1a0]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-3kedx6b1a0] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-3kedx6b1a0] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-3kedx6b1a0] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
/* /Components/CashBook/CashBookDetailHeaderReportComponent.razor.rz.scp.css */
/*#bodyChartOfAccounts {
    height: 70vh;
    overflow-y: scroll;
}*/

#btnPrintCofA[b-cwgd1enpqe] {
    width: 120px;
    margin: 10px 0 10px 0;
}

#faPrint[b-cwgd1enpqe] {
    padding: 5px;
}

th[b-cwgd1enpqe] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


    th.ClassHeader[b-cwgd1enpqe] {
        background-color: lightslategrey;
        color: black;
        font-family: Calibri;
        font-size: large;
    }

.TitleFont[b-cwgd1enpqe] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-cwgd1enpqe] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-cwgd1enpqe], .h4Val[b-cwgd1enpqe] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table[b-cwgd1enpqe] {
    font-family: Calibri;
    font-size: medium;
}

    .table td[b-cwgd1enpqe], .table th[b-cwgd1enpqe] {
        padding: 2px;
    }

#page-bar[b-cwgd1enpqe] {
    display: flex;
    flex-wrap: nowrap;
    padding:10px;
}

#page-bar-right[b-cwgd1enpqe] {
    margin-left: auto;
}

.form-label[b-cwgd1enpqe] {
    font-weight: 700;
}

.btn-light-gray[b-cwgd1enpqe] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-cwgd1enpqe] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-cwgd1enpqe] {
    padding: 5px;
}

.label-format[b-cwgd1enpqe] {
    font-weight: 700;
}

.div-cashbook-details-header[b-cwgd1enpqe] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 20px 10px;
}

#flex-items-1[b-cwgd1enpqe] {
    width: 98%;
    border: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-cwgd1enpqe] {
    width: 98%;
    border: 1px solid #808080;
    padding: 10px;
/*    max-height: 10vh;*/
}

#flex-items-3[b-cwgd1enpqe] {
    width: 98%;
}

/* /Components/CashBook/CashbookMonthEndComponent.razor.rz.scp.css */
select[b-zl780ij74k] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-zl780ij74k] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-zl780ij74k] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-zl780ij74k] {
    border-radius: 0;
}

.list-group-item[b-zl780ij74k] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-zl780ij74k] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-zl780ij74k] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-zl780ij74k] {
    background: #4285f4 !important;
}


#page-bar[b-zl780ij74k] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-zl780ij74k] {
    margin-left: auto;
}



.label-format[b-zl780ij74k] {
    font-weight: 700;
    font-size: 22px;
}

.cashbook-month-end-div[b-zl780ij74k] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-zl780ij74k] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-zl780ij74k] {
    /*  background-color: blue;*/
    width: 50%;
    height: 10vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-zl780ij74k] {
    /*    background-color: green;*/
    width: 50%;
    /* height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.card-body[b-zl780ij74k], .card-header[b-zl780ij74k], .card-footer[b-zl780ij74k] {
    padding: 10px;
}
/* /Components/CashBook/CashBookOpeningBalanceComponent.razor.rz.scp.css */
select[b-t6blm5uyru] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-t6blm5uyru] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-t6blm5uyru] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-t6blm5uyru] {
    border-radius: 0;
}

.list-group-item[b-t6blm5uyru] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-t6blm5uyru] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-t6blm5uyru] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-t6blm5uyru] {
    background: #4285f4 !important;
}


#page-bar[b-t6blm5uyru] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-t6blm5uyru] {
    margin-left: auto;
}



.label-format[b-t6blm5uyru] {
    font-weight: 700;
    font-size: 16px;
}

.cashbook-opening-balance-div[b-t6blm5uyru] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 80vh;
    margin: 0 10px;
}

#flex-items1[b-t6blm5uyru] {
    /*    background-color: red;*/
    width: 80%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-t6blm5uyru] {
    /*  background-color: blue;*/
    width: 80%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-t6blm5uyru] {
    /*    background-color: green;*/
    width: 80%;
    /* height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.card-body[b-t6blm5uyru], .card-header[b-t6blm5uyru], .card-footer[b-t6blm5uyru] {
    padding: 10px;
}
.border-color[b-t6blm5uyru]{
    border:1px solid green;
}
/* /Components/CashBook/CashbookReConcilledComponent.razor.rz.scp.css */

/* Fix height and enable scrolling */
.grid[b-2mef3zb01v] {
    /*    height: 25rem;*/
    height: 25vh;
    overflow-y: auto;
}

    .grid[b-2mef3zb01v]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-2mef3zb01v] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-2mef3zb01v] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-2mef3zb01v] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
.card-footer[b-2mef3zb01v] {
    background-color: #808080;
}

.text-right[b-2mef3zb01v] {
    text-align: right;
    padding-right:20px;
}
/* /Components/CashBook/CashbookReconcilliationComponent.razor.rz.scp.css */
select[b-1rfuw83vst] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-1rfuw83vst] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-1rfuw83vst] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-1rfuw83vst] {
    border-radius: 0;
}

.list-group-item[b-1rfuw83vst] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-1rfuw83vst] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-1rfuw83vst] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-1rfuw83vst] {
    background: #4285f4 !important;
}


#page-bar[b-1rfuw83vst] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-1rfuw83vst] {
    margin-left: auto;
}

.label-format[b-1rfuw83vst] {
    font-weight: 700;
    font-size: 16px;
}

#reconciliation-outer-div[b-1rfuw83vst] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

.cashbook-reconcilliation-div[b-1rfuw83vst] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
 /*   height: 30vh;*/
    margin: 0 10px;
}

#flex-items-1[b-1rfuw83vst], #flex-items-2[b-1rfuw83vst], #flex-items-3[b-1rfuw83vst], #flex-items-4[b-1rfuw83vst] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.card-body[b-1rfuw83vst], .card-header[b-1rfuw83vst], .card-footer[b-1rfuw83vst] {
    padding: 10px;
}

.border-color[b-1rfuw83vst] {
    border: 1px solid green;
}
#cb-unreconciled[b-1rfuw83vst], cb-reconcilled[b-1rfuw83vst] {
   /* height:40vh;*/
}
/* /Components/CashBook/CashBookSummaryReportComponent.razor.rz.scp.css */
#bodyChartOfAccounts[b-m65v8muxdp] {
    height: 70vh;
    overflow-y: scroll;
}

#btnPrintCofA[b-m65v8muxdp] {
    width: 120px;
    margin: 10px 0 10px 0;
}

#faPrint[b-m65v8muxdp] {
    padding: 5px;
}

th[b-m65v8muxdp] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


    th.ClassHeader[b-m65v8muxdp] {
        background-color: lightslategrey;
        color: black;
        font-family: Calibri;
        font-size: large;
    }

.TitleFont[b-m65v8muxdp] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-m65v8muxdp] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-m65v8muxdp], .h4Val[b-m65v8muxdp] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table[b-m65v8muxdp] {
    font-family: Calibri;
    font-size: medium;
}

.table td[b-m65v8muxdp], .table th[b-m65v8muxdp] {
        padding: 2px;
}

#page-bar[b-m65v8muxdp] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-m65v8muxdp] {
    margin-left: auto;
}

.form-label[b-m65v8muxdp] {
    font-weight: 700;
}

.btn-light-gray[b-m65v8muxdp] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-m65v8muxdp] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-m65v8muxdp] {
    padding: 5px;
}

.label-format[b-m65v8muxdp] {
    font-weight: 700;
}

.divChartOfAccounts[b-m65v8muxdp] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-m65v8muxdp] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-m65v8muxdp] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-m65v8muxdp] {
    width: 98%;
}
/*
#gl-control-account-edit {
    max-height: 60vh;
    overflow-y: auto;
}*/
/* /Components/CashBook/CashbookUnReconcilledComponent.razor.rz.scp.css */

/* Fix height and enable scrolling */
.grid[b-3c6ywz9tfm] {
   /* height: 25rem;*/
   height:25vh;
    overflow-y: auto;
}

    .grid[b-3c6ywz9tfm]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-3c6ywz9tfm] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-3c6ywz9tfm] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-3c6ywz9tfm] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

.card-footer[b-3c6ywz9tfm] {
    background-color: #808080;
}

.text-right[b-3c6ywz9tfm] {
    text-align: right;
    padding-right: 20px;
}
/* /Components/CashBook/CBAudtTrailComponent.razor.rz.scp.css */
table[b-iqfdsti3fq] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-iqfdsti3fq] {
        font-size: 14px;
        padding: 7px;
    }

    table.table td[b-iqfdsti3fq] {
        font-size: 14px;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-iqfdsti3fq], table.table td[b-iqfdsti3fq] {
        padding: 7px;
    }

#page-bar[b-iqfdsti3fq] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-iqfdsti3fq] {
    margin-left: auto;
}

.debtors-audit-trail[b-iqfdsti3fq] {
    display: flex;
    height: 90vh;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}


#flex-items-1[b-iqfdsti3fq], #flex-items-2[b-iqfdsti3fq], #flex-items-3[b-iqfdsti3fq] {
    width: 70vw;
    border: 2px solid #808080;
}

.pr-5[b-iqfdsti3fq]{
    padding-right:5px;
}

#audit-trail-details[b-iqfdsti3fq]{
    max-height:60vh;
    overflow:auto;
}

.text-small[b-iqfdsti3fq] {
    font-size: small;
}

.SmallFonts-heading[b-iqfdsti3fq] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-iqfdsti3fq] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
/* /Components/CashBook/CBBankEditComponent.razor.rz.scp.css */
*[b-9vc993owaa] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.text-light-greenyellow[b-9vc993owaa] {
    color: greenyellow;
}

.btn-light-gray[b-9vc993owaa] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-9vc993owaa] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-9vc993owaa] {
    padding: 5px;
}
.card-header[b-9vc993owaa] {
    padding:10px;
}
.label-format[b-9vc993owaa] {
    font-weight: 700;
}




#outer-flex[b-9vc993owaa] {
    margin-top: 20px;
    width: 90%;
    height: 75%;
    display: flex;
    padding: 10px;
    border: 1px solid #808080;
}

#outer-flex-item-1[b-9vc993owaa] {
    width: 65%;
    height: 75%;
    border: 1px solid #808080;
}

.accounts-cb-nst-header[b-9vc993owaa] {
    display: flex;
    height: 25%; /*350px;*/
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    /*margin: 0 10px;*/
}

#outer-flex-item-2[b-9vc993owaa] {
    width: 35%;
    height: 75%;
    margin-left: 10px;
/*    border: 1px solid #808080;*/
    padding: 5px;
}

#cb-nst-detail[b-9vc993owaa] {
    width: 100%;
    border: 1px solid #808080;
    /* padding:20px;*/
}



#flex-items-1[b-9vc993owaa] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
}

#flex-items-2[b-9vc993owaa] {
    /*  width: 70%;*/
    display: flex;
    border #808080;
    /* border-right: 1px solid #808080;*/
    padding: 20px;
    flex-direction: row;
    justify-content: space-between;
}

#flex-items-3[b-9vc993owaa] {
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
    max-height: 350px;
    /*    overflow-y: auto;*/
}



/*

*/
#page-bar[b-9vc993owaa] {
    display: flex;
    flex-wrap: nowrap;
}

.form-control[b-9vc993owaa] {
    line-height: 0.6em!important;
    border:solid 1px #b6ff00 !important;
}

#buttons-footer[b-9vc993owaa] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#page-bar-right[b-9vc993owaa] {
    margin-left: auto;
}

.btn-light-gray[b-9vc993owaa] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-9vc993owaa] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-9vc993owaa] {
    font-weight: 700;
}

/*.bank-details-container {
    display: flex;
    height: 80vh;
    height: 80%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top:20px;
    padding-right: 10px;
}*/

#flex-items1[b-9vc993owaa] {
    /*    background-color: red;*/
    width: 100%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-9vc993owaa] {
    /*  background-color: blue;*/
    width: 100%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-9vc993owaa] {
    /*    background-color: green;*/
    width: 100%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#card-body-details[b-9vc993owaa] {
   /* max-height: 40vh;*/
    max-height: 40%;
  /*  overflow-y: auto;*/
}


.bg-grey[b-9vc993owaa] {
    background: #706e6e;
}

.text-light-greenyellow[b-9vc993owaa] {
    color: greenyellow;
}

.mt-20[b-9vc993owaa] {
    margin-top: 20px !important;
}

table[b-9vc993owaa] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-9vc993owaa] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-9vc993owaa] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-9vc993owaa], table.table td[b-9vc993owaa] {
        padding: 7px;
    }
/* /Components/CashBook/CBGLTransTypesPageComponent.razor.rz.scp.css */

#header-flex-01[b-8b4t8cz6wn]{
    display:flex;
    justify-content:space-between;
    flex-direction:row;
}
.bg-grey[b-8b4t8cz6wn] {
    background: #706e6e;
}

.text-light-greenyellow[b-8b4t8cz6wn] {
    color: greenyellow;
}

.pr-5[b-8b4t8cz6wn] {
    padding-right: 5px;
}

.btn-light-gray[b-8b4t8cz6wn] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-8b4t8cz6wn] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
#trans-type-edit[b-8b4t8cz6wn] {
    padding: 20px;
    border: 1px solid #000;
    width:100%;
}

.label-format[b-8b4t8cz6wn] {
    font-weight: 700;
}
/* /Components/CashBook/CBNSTDetailsPageComponent.razor.rz.scp.css */
#flex-height-div[b-3neq07kpol] {
    width: 100%;
    height: 40px;
}

.btn-light-gray[b-3neq07kpol] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-3neq07kpol] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-3neq07kpol] {
    padding: 5px;
}

.label-format[b-3neq07kpol] {
    font-weight: 700;
}
.card[b-3neq07kpol] {
    border: 1px solid #808080;
    padding:10px;
}
.accounts-cb-nst-detail[b-3neq07kpol] {
    height: 25%;
    width: 100%;
    padding: 20px;
/*    border: 1px solid #808080;*/
    /*display: flex;
    height: 25%;*/ /*25vh;*/
    /*justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
    overflow:auto;*/
}

#flex-detail-items-1[b-3neq07kpol] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border: 1px solid #808080;
    padding: 10px;
    flex-direction:row;
/*    max-height: 350px;*/
}

#cb-nst-detail-page[b-3neq07kpol]{
    width:100%;
}

/*#flex-items-1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

#flex-details-items-2 {
    display:flex;
    justify-content:center;
    width: 100%;
    border: 1px solid #808080;
    padding:0px 20px; 
}

#flex-items-3 {
    width:100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 25vh;
    overflow-y: auto;
}

.pr-10{
    padding-right:10px;
}

.pl-10 {
    padding-left: 10px;
}

#flex-detail-items-1 {
    display: flex;
    width: 90%;
    justify-content: space-between;
    border: 1px solid #808080;
    padding: 10px;
    flex-direction:row;*/
/*    max-height: 350px;*/
/*overflow-y: auto;
}*/
#flex-details-table[b-3neq07kpol] {
    height: 25%;
    width: 100%;
    border: 1px solid #808080;
    overflow: auto;
}
/*
#flext-item-1{
    height:100px;
    border:solid 1px red;
    width:100px;
}

#flext-item-2 {
    height: 100px;
    border: solid 1px blue;
    width: 100px;
}

#flext-item-3 {
    height: 100px;
    border: solid 1px green;
    width: 100px;
}

#flext-item-4 {
    height: 100px;
    border: solid 1px orange;
    width: 100px;
}

*/
/* /Components/CashBook/CBNSTItemsOnFileComponent.razor.rz.scp.css */

.btn-light-gray[b-apobnvw54x] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-apobnvw54x] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-apobnvw54x] {
    padding: 5px;
}

.label-format[b-apobnvw54x] {
    font-weight: 700;
}
/* /Components/CashBook/CBParameterSetupPageComponent.razor.rz.scp.css */
table[b-bkdehqzth5] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-bkdehqzth5] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-bkdehqzth5] {
        font-size: large;
        line-height: 1.0em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-bkdehqzth5], table.table td[b-bkdehqzth5] {
        padding: 7px;
    }

#page-bar[b-bkdehqzth5] {
    display: flex;
    flex-wrap: nowrap;
}

.table-sm[b-bkdehqzth5] {
    font-size: 16px;
}

#page-bar-right[b-bkdehqzth5] {
    margin-left: auto;
}

.btn-light-gray[b-bkdehqzth5] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-bkdehqzth5] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-bkdehqzth5] {
    font-weight: 700;
}

.class-subjects[b-bkdehqzth5] {
    margin-top: 40px;
}

.module-parameters[b-bkdehqzth5] {
    width: 90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*    margin: 0 10px;*/
}

#flex-items1[b-bkdehqzth5] {
    height: 30%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
    overflow-y:scroll;
}

#flex-items2[b-bkdehqzth5] {
    height: 30%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}
/* /Components/CashBook/CBReadProcessImportConfirmExcelComponent.razor.rz.scp.css */
.quick-grid[b-mx4j5oz8mn] {
    height: 300px;
    overflow-y: scroll;
    overflow-x:scroll;
}

.import-container[b-mx4j5oz8mn] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
    width: 70vw;
}

/* Fix height and enable scrolling */
.grid[b-mx4j5oz8mn] {
    height: 30rem;
    overflow-y: auto;
}

    .grid[b-mx4j5oz8mn]  table {
        min-width: 100%;
    }

[b-mx4j5oz8mn] table {
    min-width: 100%;
}

[b-mx4j5oz8mn] th.search-column {
    width: 14rem;
}

/* Subtle stripe effect */
[b-mx4j5oz8mn] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-mx4j5oz8mn] tbody tr {
    height: 1.8rem;
}

/* /Components/CashBook/CBSupplierPaymentsComponent.razor.rz.scp.css */

#page-bar[b-csim981rj1], #btn-group-flex[b-csim981rj1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*#page-bar-right {
    margin-left: auto;
}

.page-bar-center{
    text-align:center;
}*/
.btn-light-gray[b-csim981rj1] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-csim981rj1] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-csim981rj1] {
    font-weight: 700;
}

/*#divClassUnpostedIndividualInvoices {
    height: 400px;
}*/

.create-new-supplier-invoice[b-csim981rj1] {
    display: flex;
    height: 98vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
 
}

#flex-items-1[b-csim981rj1] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-csim981rj1] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items-3[b-csim981rj1] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.form-group[b-csim981rj1] {
    margin: 0px;
}

#flex-items-2[b-csim981rj1] {
    max-height: 55vh;
    overflow-y: scroll;
}
/* /Components/CashBook/CBTransNSTHeaderComponent.razor.rz.scp.css */
*[b-jicj6svixl] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.text-light-greenyellow[b-jicj6svixl]{
    color:greenyellow;
}
.btn-light-gray[b-jicj6svixl] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-jicj6svixl] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-jicj6svixl] {
    padding: 5px;
}

.label-format[b-jicj6svixl] {
    font-weight: 700;
}




#outer-flex[b-jicj6svixl] {
    margin-top: 20px;
    width: 90%;
    height: 75%;
    display: flex;
}

#outer-flex-item-1[b-jicj6svixl] {
    width: 80%;
    height: 75%;
    border: 1px solid #808080;
}

.accounts-cb-nst-header[b-jicj6svixl] {
    display: flex;
    height: 25%; /*350px;*/
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    /*margin: 0 10px;*/
}
#outer-flex-item-2[b-jicj6svixl] {
    width: 20%;
    height: 75%;
    margin-left: 10px;
    border: 1px solid #808080;
    padding:5px;
}

#cb-nst-detail[b-jicj6svixl] {
    width: 100%;
    border: 1px solid #808080;
   /* padding:20px;*/
}



#flex-items-1[b-jicj6svixl] {   
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
}

#flex-items-2[b-jicj6svixl] {
    /*  width: 70%;*/
    display: flex;
    border #808080;
    /* border-right: 1px solid #808080;*/
    padding: 20px;
    flex-direction: row;
    justify-content: space-between;
}

#flex-items-3[b-jicj6svixl] {
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
    max-height: 350px;
/*    overflow-y: auto;*/
}
/*
#flex-height-div {
    width: 90%;
    height: 40px;
}

#flex-items-4 {
    width: 90%;
    max-height: 350px;
    overflow-y: auto;
}

.pr-10{
    padding-right:10px;
}
.pl-10 {
    padding-left:10px;
}
*/
/* /Components/CashBook/ExcelImportTemplateComponent.razor.rz.scp.css */
table[b-lzzi84ojj9] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-lzzi84ojj9] {
        font-size: 14px;
        padding: 7px;
    }

    table.table td[b-lzzi84ojj9] {
        font-size: 14px;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-lzzi84ojj9], table.table td[b-lzzi84ojj9] {
        padding: 7px;
    }

#page-bar[b-lzzi84ojj9] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-lzzi84ojj9] {
    margin-left: auto;
}

.debtors-audit-trail[b-lzzi84ojj9] {
    display: flex;
    height: 90vh;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}

a[b-lzzi84ojj9]{
    text-decoration:none;
}
#flex-items-1[b-lzzi84ojj9], #flex-items-2[b-lzzi84ojj9], #flex-items-3[b-lzzi84ojj9] {
    width: 50vw;
    border: 2px solid #808080;
}

.pr-5[b-lzzi84ojj9] {
    padding-right: 5px;
}
.p-2[b-lzzi84ojj9] {
    padding: 2px;
}
#audit-trail-details[b-lzzi84ojj9] {
    max-height: 60vh;
    overflow: auto;
}

.text-small[b-lzzi84ojj9] {
    font-size: small;
}

.SmallFonts-heading[b-lzzi84ojj9] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-lzzi84ojj9] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
/* /Components/CashBook/StudentCBReceiptReversalComponent.razor.rz.scp.css */
.btn-light-gray[b-gfbwy91xi1] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-gfbwy91xi1] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-gfbwy91xi1] {
    padding: 5px;
}

.label-format[b-gfbwy91xi1] {
    font-weight: 700;
}

.accounts-student-cb-receipt[b-gfbwy91xi1] {
    display: flex;
    height: 70vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-gfbwy91xi1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
}

#flex-items-2[b-gfbwy91xi1] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

#flex-items-3[b-gfbwy91xi1] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}



#flex-items-4[b-gfbwy91xi1] {
    width: 90%;
}

.text-readonly[b-gfbwy91xi1] {
    color: saddlebrown !important;
    border: 1px solid brown;
}

.card-header[b-gfbwy91xi1]{
    padding:10px;
}
/* /Components/CashBook/ViewPostCBTransactionsToGLComponent.razor.rz.scp.css */
table[b-p9b6qtwzgj] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-p9b6qtwzgj] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-p9b6qtwzgj] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-p9b6qtwzgj], table.table td[b-p9b6qtwzgj] {
        padding: 7px;
    }

#page-bar[b-p9b6qtwzgj] {
    display: flex;
    flex-wrap: nowrap;
    justify-content:space-between
}
.table-sm[b-p9b6qtwzgj]{
    font-size:16px;
}
/*#page-bar-right {
    margin-left: auto;
}*/
.btn-light-gray[b-p9b6qtwzgj] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-p9b6qtwzgj] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-p9b6qtwzgj] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.view-posted-unposted-cb-transactions[b-p9b6qtwzgj] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-p9b6qtwzgj] {
    /*    background-color: red;*/
    width: 70vw;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-p9b6qtwzgj] {
    /*  background-color: blue;*/
    width: 70vw;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-p9b6qtwzgj] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
#flex-items4[b-p9b6qtwzgj] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#pl-trans-details[b-p9b6qtwzgj] {
    max-height: 45vh;
    max-width:70vw;
    overflow: scroll;
}

#student-subjects[b-p9b6qtwzgj] {
    max-height: 40vh;
    overflow-y: scroll;
}

#class-subjects[b-p9b6qtwzgj] {
    max-height: 40vh;
    overflow-y: scroll;
}

#cardStaffProfile[b-p9b6qtwzgj] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-p9b6qtwzgj] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-p9b6qtwzgj] {
    background: #706e6e;
}

.text-light-greenyellow[b-p9b6qtwzgj] {
    color: greenyellow;
}

.mt-20[b-p9b6qtwzgj] {
    margin-top: 20px !important;
}
/* /Components/ChangePasswordComponent.razor.rz.scp.css */
#divRegisterCard[b-glbctscvfc] {
    margin-top: 20px;
}

.HIDE[b-glbctscvfc] {
    visibility: hidden;
}
#page-bar[b-glbctscvfc] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-glbctscvfc] {
    margin-left: auto;
}
#div-change-password[b-glbctscvfc] {
    display:flex;
    height:100vh;
    flex-flow:column;
    justify-content:center;
    align-items:center;
}
.btn-light-gray[b-glbctscvfc] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-glbctscvfc] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
/* /Components/ClassInvoiceComponent.razor.rz.scp.css */
#page-bar[b-2tr78xsy4d] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-2tr78xsy4d] {
    margin-left: auto;
}

/*.top-most-div {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    /*border: 1px solid green;*/
    /*width:80%;
    height:50%;
}*/

.top-most-div[b-2tr78xsy4d] {
    display: flex;
    height: 70vh;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    /*    border: 1px solid green;*/
}
#class-invoice-head[b-2tr78xsy4d] {
    display: flex;
    width:90%;
  
    flex-direction: column;
}
#class-invoice-entry[b-2tr78xsy4d] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}
#class-invoice-generate[b-2tr78xsy4d] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.btn-light-gray[b-2tr78xsy4d] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-2tr78xsy4d] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
.card-footer[b-2tr78xsy4d]{
    padding:5px;
}
.label-format[b-2tr78xsy4d] {
    font-weight: 700;
}


#flex-items-1[b-2tr78xsy4d] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-2tr78xsy4d] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height:40vh;
    overflow-y:auto;
}

#flex-items-3[b-2tr78xsy4d] {
    width: 100%;
}
#flex-item-4[b-2tr78xsy4d] {
    width: 100%;
}
.ml-5[b-2tr78xsy4d]{
    margin-left:5px;
}
/* /Components/ClassInvoiceUnpostedComponent.razor.rz.scp.css */
#page-bar[b-bakb3kn9ni] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-bakb3kn9ni] {
    margin-left: auto;
}

.btn-light-gray[b-bakb3kn9ni] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-bakb3kn9ni] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-bakb3kn9ni] {
    padding: 5px;
}
table th[b-bakb3kn9ni] {
    padding: 5px;
    font-size: 14px;
    background-color:grey;
}
table td[b-bakb3kn9ni] {
    font-size: 12px;
    padding: 3px;
    line-height: 1px;
    vertical-align: middle;
}
.label-format[b-bakb3kn9ni] {
    font-weight: 700;
}

.accounts-class-unposted-invoices[b-bakb3kn9ni] {
     display: flex;
    border: 1px solid #808080;
    justify-content: center;
    flex-direction: column;
    margin: 10px 0px;
    width: 100%;
}

.text-orangered[b-bakb3kn9ni] {
    color: orange;
}
/* /Components/Creditors/CreditorsAudtTrailComponent.razor.rz.scp.css */
table[b-roaacniwcn] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-roaacniwcn] {
        font-size: 14px;
        padding: 7px;
    }

    table.table td[b-roaacniwcn] {
        font-size: 14px;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-roaacniwcn], table.table td[b-roaacniwcn] {
        padding: 7px;
    }

#page-bar[b-roaacniwcn] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-roaacniwcn] {
    margin-left: auto;
}

.debtors-audit-trail[b-roaacniwcn] {
    display: flex;
    height: 90vh;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}


#flex-items-1[b-roaacniwcn], #flex-items-2[b-roaacniwcn], #flex-items-3[b-roaacniwcn] {
    width: 70vw;
    border: 2px solid #808080;
}

.pr-5[b-roaacniwcn]{
    padding-right:5px;
}

#audit-trail-details[b-roaacniwcn]{
    max-height:60vh;
    overflow:auto;
}

.text-small[b-roaacniwcn] {
    font-size: small;
}

.SmallFonts-heading[b-roaacniwcn] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-roaacniwcn] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
/* /Components/Creditors/CreditorsTransactionsComponent.razor.rz.scp.css */

#page-bar[b-glachabq6f], #btn-group-flex[b-glachabq6f] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*#page-bar-right {
    margin-left: auto;
}

.page-bar-center{
    text-align:center;
}*/
.btn-light-gray[b-glachabq6f] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-glachabq6f] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-glachabq6f] {
    font-weight: 700;
}

/*#divClassUnpostedIndividualInvoices {
    height: 400px;
}*/

.create-new-supplier-invoice[b-glachabq6f] {
    display: flex;
    height: 98vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
 
}

#flex-items-1[b-glachabq6f] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-glachabq6f] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items-3[b-glachabq6f] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.form-group[b-glachabq6f] {
    margin: 0px;
}

#flex-items-2[b-glachabq6f] {
    max-height: 55vh;
    overflow-y: scroll;
}
/* /Components/Creditors/PLParameterSetupPageComponent.razor.rz.scp.css */
table[b-8pnp0qwqii] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-8pnp0qwqii] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-8pnp0qwqii] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-8pnp0qwqii], table.table td[b-8pnp0qwqii] {
        padding: 7px;
    }

#page-bar[b-8pnp0qwqii] {
    display: flex;
    flex-wrap: nowrap;
}

.table-sm[b-8pnp0qwqii] {
    font-size: 16px;
}

#page-bar-right[b-8pnp0qwqii] {
    margin-left: auto;
}

.btn-light-gray[b-8pnp0qwqii] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-8pnp0qwqii] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-8pnp0qwqii] {
    font-weight: 700;
}

.class-subjects[b-8pnp0qwqii] {
    margin-top: 40px;
}

.module-parameters[b-8pnp0qwqii] {
    width: 90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*    margin: 0 10px;*/
}

#flex-items1[b-8pnp0qwqii] {
    height: 20%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}

#flex-items2[b-8pnp0qwqii] {
    height: 50%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}
/* /Components/Creditors/SupplierMasterComponent.razor.rz.scp.css */

#page-bar[b-ylwn2l4iy9], #btn-group-flex[b-ylwn2l4iy9] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*#page-bar-right {
    margin-left: auto;
}

.page-bar-center{
    text-align:center;
}*/
.btn-light-gray[b-ylwn2l4iy9] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ylwn2l4iy9] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-ylwn2l4iy9] {
    font-weight: 700;
}

/*#divClassUnpostedIndividualInvoices {
    height: 400px;
}*/

.create-new-supplier[b-ylwn2l4iy9] {
    display: flex;
    height: 98vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-ylwn2l4iy9] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-ylwn2l4iy9] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items-3[b-ylwn2l4iy9] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.form-group[b-ylwn2l4iy9]{
    margin:0px;
}
#flex-items-2[b-ylwn2l4iy9] {
    max-height: 55vh;
    overflow-y: scroll;
}
/* /Components/Creditors/SupplierRemittanceAdviceComponent.razor.rz.scp.css */
table[b-vx4bhoe84o] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-vx4bhoe84o] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-vx4bhoe84o] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-vx4bhoe84o], table.table td[b-vx4bhoe84o] {
        padding: 7px;
    }

#page-bar[b-vx4bhoe84o] {
    display: flex;
    flex-wrap: nowrap;
}


#footer-flex[b-vx4bhoe84o] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#page-bar-right[b-vx4bhoe84o] {
    margin-left: auto;
}

.btn-light-gray[b-vx4bhoe84o] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-vx4bhoe84o] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-vx4bhoe84o] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.remittance-advice[b-vx4bhoe84o] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

.footer-flex[b-vx4bhoe84o] {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

#flex-items1[b-vx4bhoe84o] {
    /*    background-color: red;*/
    width: 70vw;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-vx4bhoe84o] {
    /*  background-color: blue;*/
    width: 70vw;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-vx4bhoe84o] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items4[b-vx4bhoe84o] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#remittance-advice-details[b-vx4bhoe84o] {
    max-height: 45vh;
    max-width: 70vw;
    overflow: scroll;
}

.bg-grey[b-vx4bhoe84o] {
    background: #706e6e;
}

.text-light-greenyellow[b-vx4bhoe84o] {
    color: greenyellow;
}

.mt-20[b-vx4bhoe84o] {
    margin-top: 20px !important;
}

.pr-40[b-vx4bhoe84o] {
    padding-right: 40px;
}

.pr-10[b-vx4bhoe84o] {
    padding-right: 10px;
}
/* /Components/Creditors/ViewPostPLTransactionsToGLComponent.razor.rz.scp.css */
table[b-vo0bvxp0j3] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-vo0bvxp0j3] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-vo0bvxp0j3] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-vo0bvxp0j3], table.table td[b-vo0bvxp0j3] {
        padding: 7px;
    }

#page-bar[b-vo0bvxp0j3] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-vo0bvxp0j3] {
    margin-left: auto;
}

.btn-light-gray[b-vo0bvxp0j3] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-vo0bvxp0j3] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-vo0bvxp0j3] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.view-posted-unposted-pl-transactions[b-vo0bvxp0j3] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-vo0bvxp0j3] {
    /*    background-color: red;*/
    width: 70vw;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-vo0bvxp0j3] {
    /*  background-color: blue;*/
    width: 70vw;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-vo0bvxp0j3] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
#flex-items4[b-vo0bvxp0j3] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#pl-trans-details[b-vo0bvxp0j3] {
    max-height: 45vh;
    max-width:70vw;
    overflow: scroll;
}

#student-subjects[b-vo0bvxp0j3] {
    max-height: 40vh;
    overflow-y: scroll;
}

#class-subjects[b-vo0bvxp0j3] {
    max-height: 40vh;
    overflow-y: scroll;
}

#cardStaffProfile[b-vo0bvxp0j3] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-vo0bvxp0j3] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-vo0bvxp0j3] {
    background: #706e6e;
}

.text-light-greenyellow[b-vo0bvxp0j3] {
    color: greenyellow;
}

.mt-20[b-vo0bvxp0j3] {
    margin-top: 20px !important;
}
/* /Components/CSSComponents/NotificationBarComponent.razor.rz.scp.css */
/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
html[b-j1f218h1ot] {
    box-sizing: border-box
}

*[b-j1f218h1ot], *[b-j1f218h1ot]:before, *[b-j1f218h1ot]:after {
    box-sizing: inherit
}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html[b-j1f218h1ot] {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body[b-j1f218h1ot] {
    margin: 0
}
.card-head[b-j1f218h1ot]{
    padding:10px;
}
a[b-j1f218h1ot]{
    text-decoration:none;
}
p[b-j1f218h1ot]{
    padding:5px;
    justify-content:normal;
}
.bg-primary[b-j1f218h1ot] {
    background-color: #0275d8;
}
article[b-j1f218h1ot], aside[b-j1f218h1ot], details[b-j1f218h1ot], figcaption[b-j1f218h1ot], figure[b-j1f218h1ot], footer[b-j1f218h1ot], header[b-j1f218h1ot], main[b-j1f218h1ot], menu[b-j1f218h1ot], nav[b-j1f218h1ot], section[b-j1f218h1ot] {
    display: block
}

summary[b-j1f218h1ot] {
    display: list-item
}

audio[b-j1f218h1ot], canvas[b-j1f218h1ot], progress[b-j1f218h1ot], video[b-j1f218h1ot] {
    display: inline-block
}

progress[b-j1f218h1ot] {
    vertical-align: baseline
}

audio:not([controls])[b-j1f218h1ot] {
    display: none;
    height: 0
}

[hidden][b-j1f218h1ot], template[b-j1f218h1ot] {
    display: none
}

a[b-j1f218h1ot] {
    background-color: transparent
}

    a:active[b-j1f218h1ot], a:hover[b-j1f218h1ot] {
        outline-width: 0
    }

abbr[title][b-j1f218h1ot] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b[b-j1f218h1ot], strong[b-j1f218h1ot] {
    font-weight: bolder
}

dfn[b-j1f218h1ot] {
    font-style: italic
}

mark[b-j1f218h1ot] {
    background: #ff0;
    color: #000
}

small[b-j1f218h1ot] {
    font-size: 80%
}

sub[b-j1f218h1ot], sup[b-j1f218h1ot] {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub[b-j1f218h1ot] {
    bottom: -0.25em
}

sup[b-j1f218h1ot] {
    top: -0.5em
}

figure[b-j1f218h1ot] {
    margin: 1em 40px
}

img[b-j1f218h1ot] {
    border-style: none
}

code[b-j1f218h1ot], kbd[b-j1f218h1ot], pre[b-j1f218h1ot], samp[b-j1f218h1ot] {
    font-family: monospace,monospace;
    font-size: 1em
}

hr[b-j1f218h1ot] {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button[b-j1f218h1ot], input[b-j1f218h1ot], select[b-j1f218h1ot], textarea[b-j1f218h1ot], optgroup[b-j1f218h1ot] {
    font: inherit;
    margin: 0
}

optgroup[b-j1f218h1ot] {
    font-weight: bold
}

button[b-j1f218h1ot], input[b-j1f218h1ot] {
    overflow: visible
}

button[b-j1f218h1ot], select[b-j1f218h1ot] {
    text-transform: none
}

button[b-j1f218h1ot], [type=button][b-j1f218h1ot], [type=reset][b-j1f218h1ot], [type=submit][b-j1f218h1ot] {
    -webkit-appearance: button
}

    button[b-j1f218h1ot]::-moz-focus-inner, [type=button][b-j1f218h1ot]::-moz-focus-inner, [type=reset][b-j1f218h1ot]::-moz-focus-inner, [type=submit][b-j1f218h1ot]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring[b-j1f218h1ot], [type=button]:-moz-focusring[b-j1f218h1ot], [type=reset]:-moz-focusring[b-j1f218h1ot], [type=submit]:-moz-focusring[b-j1f218h1ot] {
        outline: 1px dotted ButtonText
    }

fieldset[b-j1f218h1ot] {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend[b-j1f218h1ot] {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea[b-j1f218h1ot] {
    overflow: auto
}

[type=checkbox][b-j1f218h1ot], [type=radio][b-j1f218h1ot] {
    padding: 0
}

[type=number][b-j1f218h1ot]::-webkit-inner-spin-button, [type=number][b-j1f218h1ot]::-webkit-outer-spin-button {
    height: auto
}

[type=search][b-j1f218h1ot] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search][b-j1f218h1ot]::-webkit-search-decoration {
        -webkit-appearance: none
    }

[b-j1f218h1ot]::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
/* End extract */
html[b-j1f218h1ot], body[b-j1f218h1ot] {
    font-family: Verdana,sans-serif;
    font-size: 15px;
    line-height: 1.5
}

html[b-j1f218h1ot] {
    overflow-x: hidden
}

h1[b-j1f218h1ot] {
    font-size: 36px
}

h2[b-j1f218h1ot] {
    font-size: 30px
}

h3[b-j1f218h1ot] {
    font-size: 24px
}

h4[b-j1f218h1ot] {
    font-size: 20px
}

h5[b-j1f218h1ot] {
    font-size: 18px
}

h6[b-j1f218h1ot] {
    font-size: 16px
}

.w3-serif[b-j1f218h1ot] {
    font-family: serif
}

.w3-sans-serif[b-j1f218h1ot] {
    font-family: sans-serif
}

.w3-cursive[b-j1f218h1ot] {
    font-family: cursive
}

.w3-monospace[b-j1f218h1ot] {
    font-family: monospace
}

h1[b-j1f218h1ot], h2[b-j1f218h1ot], h3[b-j1f218h1ot], h4[b-j1f218h1ot], h5[b-j1f218h1ot], h6[b-j1f218h1ot] {
    font-family: "Segoe UI",Arial,sans-serif;
    font-weight: 400;
    margin: 10px 0
}

.w3-wide[b-j1f218h1ot] {
    letter-spacing: 4px
}

hr[b-j1f218h1ot] {
    border: 0;
    border-top: 1px solid #eee;
    margin: 20px 0
}

.w3-image[b-j1f218h1ot] {
    max-width: 100%;
    height: auto
}

img[b-j1f218h1ot] {
    vertical-align: middle
}

a[b-j1f218h1ot] {
    color: inherit
}

.w3-table[b-j1f218h1ot], .w3-table-all[b-j1f218h1ot] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table
}

.w3-table-all[b-j1f218h1ot] {
    border: 1px solid #ccc
}

    .w3-bordered tr[b-j1f218h1ot], .w3-table-all tr[b-j1f218h1ot] {
        border-bottom: 1px solid #ddd
    }

.w3-striped tbody tr:nth-child(even)[b-j1f218h1ot] {
    background-color: #f1f1f1
}

.w3-table-all tr:nth-child(odd)[b-j1f218h1ot] {
    background-color: #fff
}

.w3-table-all tr:nth-child(even)[b-j1f218h1ot] {
    background-color: #f1f1f1
}

.w3-hoverable tbody tr:hover[b-j1f218h1ot], .w3-ul.w3-hoverable li:hover[b-j1f218h1ot] {
    background-color: #ccc
}

.w3-centered tr th[b-j1f218h1ot], .w3-centered tr td[b-j1f218h1ot] {
    text-align: center
}

.w3-table td[b-j1f218h1ot], .w3-table th[b-j1f218h1ot], .w3-table-all td[b-j1f218h1ot], .w3-table-all th[b-j1f218h1ot] {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top
}

    .w3-table th:first-child[b-j1f218h1ot], .w3-table td:first-child[b-j1f218h1ot], .w3-table-all th:first-child[b-j1f218h1ot], .w3-table-all td:first-child[b-j1f218h1ot] {
        padding-left: 16px
    }

.w3-btn[b-j1f218h1ot], .w3-button[b-j1f218h1ot] {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

    .w3-btn:hover[b-j1f218h1ot] {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
    }

.w3-btn[b-j1f218h1ot], .w3-button[b-j1f218h1ot] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .w3-disabled[b-j1f218h1ot], .w3-btn:disabled[b-j1f218h1ot], .w3-button:disabled[b-j1f218h1ot] {
        cursor: not-allowed;
        opacity: 0.3
    }

        .w3-disabled *[b-j1f218h1ot], :disabled *[b-j1f218h1ot] {
            pointer-events: none
        }

        .w3-btn.w3-disabled:hover[b-j1f218h1ot], .w3-btn:disabled:hover[b-j1f218h1ot] {
            box-shadow: none
        }

.w3-badge[b-j1f218h1ot], .w3-tag[b-j1f218h1ot] {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center
}

.w3-badge[b-j1f218h1ot] {
    border-radius: 50%
}

.w3-ul[b-j1f218h1ot] {
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .w3-ul li[b-j1f218h1ot] {
        padding: 8px 16px;
        border-bottom: 1px solid #ddd
    }

        .w3-ul li:last-child[b-j1f218h1ot] {
            border-bottom: none
        }

.w3-tooltip[b-j1f218h1ot], .w3-display-container[b-j1f218h1ot] {
    position: relative
}

    .w3-tooltip .w3-text[b-j1f218h1ot] {
        display: none
    }

    .w3-tooltip:hover .w3-text[b-j1f218h1ot] {
        display: inline-block
    }

.w3-ripple:active[b-j1f218h1ot] {
    opacity: 0.5
}

.w3-ripple[b-j1f218h1ot] {
    transition: opacity 0s
}

.w3-input[b-j1f218h1ot] {
    padding: 8px;
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%
}

.w3-select[b-j1f218h1ot] {
    padding: 9px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc
}

.w3-dropdown-click[b-j1f218h1ot], .w3-dropdown-hover[b-j1f218h1ot] {
    position: relative;
    display: inline-block;
    cursor: pointer
}

    .w3-dropdown-hover:hover .w3-dropdown-content[b-j1f218h1ot] {
        display: block
    }

    .w3-dropdown-hover:first-child[b-j1f218h1ot], .w3-dropdown-click:hover[b-j1f218h1ot] {
        background-color: #ccc;
        color: #000
    }

        .w3-dropdown-hover:hover > .w3-button:first-child[b-j1f218h1ot], .w3-dropdown-click:hover > .w3-button:first-child[b-j1f218h1ot] {
            background-color: #ccc;
            color: #000
        }

.w3-dropdown-content[b-j1f218h1ot] {
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    min-width: 160px;
    margin: 0;
    padding: 0;
    z-index: 1
}

.w3-check[b-j1f218h1ot], .w3-radio[b-j1f218h1ot] {
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px
}

.w3-sidebar[b-j1f218h1ot] {
    height: 100%;
    width: 260px;
    background-color: #5bc0de;
    position: fixed !important;
    z-index: 1;
    overflow: auto
}

.w3-bar-block .w3-dropdown-hover[b-j1f218h1ot], .w3-bar-block .w3-dropdown-click[b-j1f218h1ot] {
    width: 100%
}

    .w3-bar-block .w3-dropdown-hover .w3-dropdown-content[b-j1f218h1ot], .w3-bar-block .w3-dropdown-click .w3-dropdown-content[b-j1f218h1ot] {
        min-width: 100%
    }

    .w3-bar-block .w3-dropdown-hover .w3-button[b-j1f218h1ot], .w3-bar-block .w3-dropdown-click .w3-button[b-j1f218h1ot] {
        width: 100%;
        text-align: left;
        padding: 8px 16px
    }

.w3-main[b-j1f218h1ot], #main[b-j1f218h1ot] {
    transition: margin-left .4s
}

.w3-modal[b-j1f218h1ot] {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4)
}

.w3-modal-content[b-j1f218h1ot] {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px
}

.w3-bar[b-j1f218h1ot] {
    width: 100%;
    overflow: hidden
}

.w3-center .w3-bar[b-j1f218h1ot] {
    display: inline-block;
    width: auto
}

.w3-bar .w3-bar-item[b-j1f218h1ot] {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0
}

.w3-bar .w3-dropdown-hover[b-j1f218h1ot], .w3-bar .w3-dropdown-click[b-j1f218h1ot] {
    position: static;
    float: left
}

.w3-bar .w3-button[b-j1f218h1ot] {
    white-space: normal
}

.w3-bar-block .w3-bar-item[b-j1f218h1ot] {
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0
}

.w3-bar-block.w3-center .w3-bar-item[b-j1f218h1ot] {
    text-align: center
}

.w3-block[b-j1f218h1ot] {
    display: block;
    width: 100%
}

.w3-responsive[b-j1f218h1ot] {
    display: block;
    overflow-x: auto
}

.w3-container[b-j1f218h1ot]:after, .w3-container[b-j1f218h1ot]:before, .w3-panel[b-j1f218h1ot]:after, .w3-panel[b-j1f218h1ot]:before, .w3-row[b-j1f218h1ot]:after, .w3-row[b-j1f218h1ot]:before, .w3-row-padding[b-j1f218h1ot]:after, .w3-row-padding[b-j1f218h1ot]:before,
.w3-cell-row[b-j1f218h1ot]:before, .w3-cell-row[b-j1f218h1ot]:after, .w3-clear[b-j1f218h1ot]:after, .w3-clear[b-j1f218h1ot]:before, .w3-bar[b-j1f218h1ot]:before, .w3-bar[b-j1f218h1ot]:after {
    content: "";
    display: table;
    clear: both
}

.w3-col[b-j1f218h1ot], .w3-half[b-j1f218h1ot], .w3-third[b-j1f218h1ot], .w3-twothird[b-j1f218h1ot], .w3-threequarter[b-j1f218h1ot], .w3-quarter[b-j1f218h1ot] {
    float: left;
    width: 100%
}

    .w3-col.s1[b-j1f218h1ot] {
        width: 8.33333%
    }

    .w3-col.s2[b-j1f218h1ot] {
        width: 16.66666%
    }

    .w3-col.s3[b-j1f218h1ot] {
        width: 24.99999%
    }

    .w3-col.s4[b-j1f218h1ot] {
        width: 33.33333%
    }

    .w3-col.s5[b-j1f218h1ot] {
        width: 41.66666%
    }

    .w3-col.s6[b-j1f218h1ot] {
        width: 49.99999%
    }

    .w3-col.s7[b-j1f218h1ot] {
        width: 58.33333%
    }

    .w3-col.s8[b-j1f218h1ot] {
        width: 66.66666%
    }

    .w3-col.s9[b-j1f218h1ot] {
        width: 74.99999%
    }

    .w3-col.s10[b-j1f218h1ot] {
        width: 83.33333%
    }

    .w3-col.s11[b-j1f218h1ot] {
        width: 91.66666%
    }

    .w3-col.s12[b-j1f218h1ot] {
        width: 99.99999%
    }

@media (min-width:601px) {
    .w3-col.m1[b-j1f218h1ot] {
        width: 8.33333%
    }

    .w3-col.m2[b-j1f218h1ot] {
        width: 16.66666%
    }

    .w3-col.m3[b-j1f218h1ot], .w3-quarter[b-j1f218h1ot] {
        width: 24.99999%
    }

    .w3-col.m4[b-j1f218h1ot], .w3-third[b-j1f218h1ot] {
        width: 33.33333%
    }

    .w3-col.m5[b-j1f218h1ot] {
        width: 41.66666%
    }

    .w3-col.m6[b-j1f218h1ot], .w3-half[b-j1f218h1ot] {
        width: 49.99999%
    }

    .w3-col.m7[b-j1f218h1ot] {
        width: 58.33333%
    }

    .w3-col.m8[b-j1f218h1ot], .w3-twothird[b-j1f218h1ot] {
        width: 66.66666%
    }

    .w3-col.m9[b-j1f218h1ot], .w3-threequarter[b-j1f218h1ot] {
        width: 74.99999%
    }

    .w3-col.m10[b-j1f218h1ot] {
        width: 83.33333%
    }

    .w3-col.m11[b-j1f218h1ot] {
        width: 91.66666%
    }

    .w3-col.m12[b-j1f218h1ot] {
        width: 99.99999%
    }
}

@media (min-width:993px) {
    .w3-col.l1[b-j1f218h1ot] {
        width: 8.33333%
    }

    .w3-col.l2[b-j1f218h1ot] {
        width: 16.66666%
    }

    .w3-col.l3[b-j1f218h1ot] {
        width: 24.99999%
    }

    .w3-col.l4[b-j1f218h1ot] {
        width: 33.33333%
    }

    .w3-col.l5[b-j1f218h1ot] {
        width: 41.66666%
    }

    .w3-col.l6[b-j1f218h1ot] {
        width: 49.99999%
    }

    .w3-col.l7[b-j1f218h1ot] {
        width: 58.33333%
    }

    .w3-col.l8[b-j1f218h1ot] {
        width: 66.66666%
    }

    .w3-col.l9[b-j1f218h1ot] {
        width: 74.99999%
    }

    .w3-col.l10[b-j1f218h1ot] {
        width: 83.33333%
    }

    .w3-col.l11[b-j1f218h1ot] {
        width: 91.66666%
    }

    .w3-col.l12[b-j1f218h1ot] {
        width: 99.99999%
    }
}

.w3-rest[b-j1f218h1ot] {
    overflow: hidden
}

.w3-stretch[b-j1f218h1ot] {
    margin-left: -16px;
    margin-right: -16px
}

.w3-content[b-j1f218h1ot], .w3-auto[b-j1f218h1ot] {
    margin-left: auto;
    margin-right: auto
}

.w3-content[b-j1f218h1ot] {
    max-width: 980px
}

.w3-auto[b-j1f218h1ot] {
    max-width: 1140px
}

.w3-cell-row[b-j1f218h1ot] {
    display: table;
    width: 100%
}

.w3-cell[b-j1f218h1ot] {
    display: table-cell
}

.w3-cell-top[b-j1f218h1ot] {
    vertical-align: top
}

.w3-cell-middle[b-j1f218h1ot] {
    vertical-align: middle
}

.w3-cell-bottom[b-j1f218h1ot] {
    vertical-align: bottom
}

.w3-hide[b-j1f218h1ot] {
    display: none !important
}

.w3-show-block[b-j1f218h1ot], .w3-show[b-j1f218h1ot] {
    display: block !important
}

.w3-show-inline-block[b-j1f218h1ot] {
    display: inline-block !important
}

@media (max-width:1205px) {
    .w3-auto[b-j1f218h1ot] {
        max-width: 95%
    }
}

@media (max-width:600px) {
    .w3-modal-content[b-j1f218h1ot] {
        margin: 0 10px;
        width: auto !important
    }

    .w3-modal[b-j1f218h1ot] {
        padding-top: 30px
    }

    .w3-dropdown-hover.w3-mobile .w3-dropdown-content[b-j1f218h1ot], .w3-dropdown-click.w3-mobile .w3-dropdown-content[b-j1f218h1ot] {
        position: relative
    }

    .w3-hide-small[b-j1f218h1ot] {
        display: none !important
    }

    .w3-mobile[b-j1f218h1ot] {
        display: block;
        width: 100% !important
    }

    .w3-bar-item.w3-mobile[b-j1f218h1ot], .w3-dropdown-hover.w3-mobile[b-j1f218h1ot], .w3-dropdown-click.w3-mobile[b-j1f218h1ot] {
        text-align: center
    }

        .w3-dropdown-hover.w3-mobile[b-j1f218h1ot], .w3-dropdown-hover.w3-mobile .w3-btn[b-j1f218h1ot], .w3-dropdown-hover.w3-mobile .w3-button[b-j1f218h1ot], .w3-dropdown-click.w3-mobile[b-j1f218h1ot], .w3-dropdown-click.w3-mobile .w3-btn[b-j1f218h1ot], .w3-dropdown-click.w3-mobile .w3-button[b-j1f218h1ot] {
            width: 100%
        }
}

@media (max-width:768px) {
    .w3-modal-content[b-j1f218h1ot] {
        width: 500px
    }

    .w3-modal[b-j1f218h1ot] {
        padding-top: 50px
    }
}

@media (min-width:993px) {
    .w3-modal-content[b-j1f218h1ot] {
        width: 900px
    }

    .w3-hide-large[b-j1f218h1ot] {
        display: none !important
    }

    .w3-sidebar.w3-collapse[b-j1f218h1ot] {
        display: block !important
    }
}

@media (max-width:992px) and (min-width:601px) {
    .w3-hide-medium[b-j1f218h1ot] {
        display: none !important
    }
}

@media (max-width:992px) {
    .w3-sidebar.w3-collapse[b-j1f218h1ot] {
        display: none
    }

    .w3-main[b-j1f218h1ot] {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .w3-auto[b-j1f218h1ot] {
        max-width: 100%
    }
}

.w3-top[b-j1f218h1ot], .w3-bottom[b-j1f218h1ot] {
    position: fixed;
    width: 100%;
    z-index: 1
}

.w3-top[b-j1f218h1ot] {
    top: 0
}

.w3-bottom[b-j1f218h1ot] {
    bottom: 0
}

.w3-overlay[b-j1f218h1ot] {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2
}

.w3-display-topleft[b-j1f218h1ot] {
    position: absolute;
    left: 0;
    top: 0
}

.w3-display-topright[b-j1f218h1ot] {
    position: absolute;
    right: 0;
    top: 0
}

.w3-display-bottomleft[b-j1f218h1ot] {
    position: absolute;
    left: 0;
    bottom: 0
}

.w3-display-bottomright[b-j1f218h1ot] {
    position: absolute;
    right: 0;
    bottom: 0
}

.w3-display-middle[b-j1f218h1ot] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.w3-display-left[b-j1f218h1ot] {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%)
}

.w3-display-right[b-j1f218h1ot] {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%)
}

.w3-display-topmiddle[b-j1f218h1ot] {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}

.w3-display-bottommiddle[b-j1f218h1ot] {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}

.w3-display-container:hover .w3-display-hover[b-j1f218h1ot] {
    display: block
}

.w3-display-container:hover span.w3-display-hover[b-j1f218h1ot] {
    display: inline-block
}

.w3-display-hover[b-j1f218h1ot] {
    display: none
}

.w3-display-position[b-j1f218h1ot] {
    position: absolute
}

.w3-circle[b-j1f218h1ot] {
    border-radius: 50%
}

.w3-round-small[b-j1f218h1ot] {
    border-radius: 2px
}

.w3-round[b-j1f218h1ot], .w3-round-medium[b-j1f218h1ot] {
    border-radius: 4px
}

.w3-round-large[b-j1f218h1ot] {
    border-radius: 8px
}

.w3-round-xlarge[b-j1f218h1ot] {
    border-radius: 16px
}

.w3-round-xxlarge[b-j1f218h1ot] {
    border-radius: 32px
}

.w3-row-padding[b-j1f218h1ot], .w3-row-padding > .w3-half[b-j1f218h1ot], .w3-row-padding > .w3-third[b-j1f218h1ot], .w3-row-padding > .w3-twothird[b-j1f218h1ot], .w3-row-padding > .w3-threequarter[b-j1f218h1ot], .w3-row-padding > .w3-quarter[b-j1f218h1ot], .w3-row-padding > .w3-col[b-j1f218h1ot] {
    padding: 0 8px
}

.w3-container[b-j1f218h1ot], .w3-panel[b-j1f218h1ot] {
    padding: 0.01em 16px
}

.w3-panel[b-j1f218h1ot] {
    margin-top: 16px;
    margin-bottom: 16px
}

.w3-code[b-j1f218h1ot], .w3-codespan[b-j1f218h1ot] {
    font-family: Consolas,"courier new";
    font-size: 16px
}

.w3-code[b-j1f218h1ot] {
    width: auto;
    background-color: #fff;
    padding: 8px 12px;
    border-left: 4px solid #4CAF50;
    word-wrap: break-word
}

.w3-codespan[b-j1f218h1ot] {
    color: crimson;
    background-color: #f1f1f1;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 110%
}

.w3-card[b-j1f218h1ot], .w3-card-2[b-j1f218h1ot] {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.w3-card-4[b-j1f218h1ot], .w3-hover-shadow:hover[b-j1f218h1ot] {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}

.w3-spin[b-j1f218h1ot] {
    animation: w3-spin-b-j1f218h1ot 2s infinite linear
}

@keyframes w3-spin-b-j1f218h1ot {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.w3-animate-fading[b-j1f218h1ot] {
    animation: fading-b-j1f218h1ot 10s infinite
}

@keyframes fading-b-j1f218h1ot {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.w3-animate-opacity[b-j1f218h1ot] {
    animation: opac-b-j1f218h1ot 0.8s
}

@keyframes opac-b-j1f218h1ot {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.w3-animate-top[b-j1f218h1ot] {
    position: relative;
    animation: animatetop-b-j1f218h1ot 0.4s
}

@keyframes animatetop-b-j1f218h1ot {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.w3-animate-left[b-j1f218h1ot] {
    position: relative;
    animation: animateleft-b-j1f218h1ot 0.4s
}

@keyframes animateleft-b-j1f218h1ot {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

.w3-animate-right[b-j1f218h1ot] {
    position: relative;
    animation: animateright-b-j1f218h1ot 0.4s
}

@keyframes animateright-b-j1f218h1ot {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.w3-animate-bottom[b-j1f218h1ot] {
    position: relative;
    animation: animatebottom-b-j1f218h1ot 0.4s
}

@keyframes animatebottom-b-j1f218h1ot {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.w3-animate-zoom[b-j1f218h1ot] {
    animation: animatezoom-b-j1f218h1ot 0.6s
}

@keyframes animatezoom-b-j1f218h1ot {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.w3-animate-input[b-j1f218h1ot] {
    transition: width 0.4s ease-in-out
}

    .w3-animate-input:focus[b-j1f218h1ot] {
        width: 100% !important
    }

.w3-opacity[b-j1f218h1ot], .w3-hover-opacity:hover[b-j1f218h1ot] {
    opacity: 0.60
}

.w3-opacity-off[b-j1f218h1ot], .w3-hover-opacity-off:hover[b-j1f218h1ot] {
    opacity: 1
}

.w3-opacity-max[b-j1f218h1ot] {
    opacity: 0.25
}

.w3-opacity-min[b-j1f218h1ot] {
    opacity: 0.75
}

.w3-greyscale-max[b-j1f218h1ot], .w3-grayscale-max[b-j1f218h1ot], .w3-hover-greyscale:hover[b-j1f218h1ot], .w3-hover-grayscale:hover[b-j1f218h1ot] {
    filter: grayscale(100%)
}

.w3-greyscale[b-j1f218h1ot], .w3-grayscale[b-j1f218h1ot] {
    filter: grayscale(75%)
}

.w3-greyscale-min[b-j1f218h1ot], .w3-grayscale-min[b-j1f218h1ot] {
    filter: grayscale(50%)
}

.w3-sepia[b-j1f218h1ot] {
    filter: sepia(75%)
}

.w3-sepia-max[b-j1f218h1ot], .w3-hover-sepia:hover[b-j1f218h1ot] {
    filter: sepia(100%)
}

.w3-sepia-min[b-j1f218h1ot] {
    filter: sepia(50%)
}

.w3-tiny[b-j1f218h1ot] {
    font-size: 10px !important
}

.w3-small[b-j1f218h1ot] {
    font-size: 12px !important
}

.w3-medium[b-j1f218h1ot] {
    font-size: 15px !important
}

.w3-large[b-j1f218h1ot] {
    font-size: 18px !important
}

.w3-xlarge[b-j1f218h1ot] {
    font-size: 24px !important
}

.w3-xxlarge[b-j1f218h1ot] {
    font-size: 36px !important
}

.w3-xxxlarge[b-j1f218h1ot] {
    font-size: 48px !important
}

.w3-jumbo[b-j1f218h1ot] {
    font-size: 64px !important
}

.w3-left-align[b-j1f218h1ot] {
    text-align: left !important
}

.w3-right-align[b-j1f218h1ot] {
    text-align: right !important
}

.w3-justify[b-j1f218h1ot] {
    text-align: justify !important
}

.w3-center[b-j1f218h1ot] {
    text-align: center !important
}

.w3-border-0[b-j1f218h1ot] {
    border: 0 !important
}

.w3-border[b-j1f218h1ot] {
    border: 1px solid #ccc !important
}

.w3-border-top[b-j1f218h1ot] {
    border-top: 1px solid #ccc !important
}

.w3-border-bottom[b-j1f218h1ot] {
    border-bottom: 1px solid #ccc !important
}

.w3-border-left[b-j1f218h1ot] {
    border-left: 1px solid #ccc !important
}

.w3-border-right[b-j1f218h1ot] {
    border-right: 1px solid #ccc !important
}

.w3-topbar[b-j1f218h1ot] {
    border-top: 6px solid #ccc !important
}

.w3-bottombar[b-j1f218h1ot] {
    border-bottom: 6px solid #ccc !important
}

.w3-leftbar[b-j1f218h1ot] {
    border-left: 6px solid #ccc !important
}

.w3-rightbar[b-j1f218h1ot] {
    border-right: 6px solid #ccc !important
}

.w3-section[b-j1f218h1ot], .w3-code[b-j1f218h1ot] {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.w3-margin[b-j1f218h1ot] {
    margin: 16px !important
}

.w3-margin-top[b-j1f218h1ot] {
    margin-top: 16px !important
}

.w3-margin-bottom[b-j1f218h1ot] {
    margin-bottom: 16px !important
}

.w3-margin-left[b-j1f218h1ot] {
    margin-left: 16px !important
}

.w3-margin-right[b-j1f218h1ot] {
    margin-right: 16px !important
}

.w3-padding-small[b-j1f218h1ot] {
    padding: 4px 8px !important
}

.w3-padding[b-j1f218h1ot] {
    padding: 8px 16px !important
}

.w3-padding-large[b-j1f218h1ot] {
    padding: 12px 24px !important
}

.w3-padding-16[b-j1f218h1ot] {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.w3-padding-24[b-j1f218h1ot] {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.w3-padding-32[b-j1f218h1ot] {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.w3-padding-48[b-j1f218h1ot] {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.w3-padding-64[b-j1f218h1ot] {
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.w3-padding-top-64[b-j1f218h1ot] {
    padding-top: 64px !important
}

.w3-padding-top-48[b-j1f218h1ot] {
    padding-top: 48px !important
}

.w3-padding-top-32[b-j1f218h1ot] {
    padding-top: 32px !important
}

.w3-padding-top-24[b-j1f218h1ot] {
    padding-top: 24px !important
}

.w3-left[b-j1f218h1ot] {
    float: left !important
}

.w3-right[b-j1f218h1ot] {
    float: right !important
}

.w3-button:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #ccc !important
}

.w3-transparent[b-j1f218h1ot], .w3-hover-none:hover[b-j1f218h1ot] {
    background-color: transparent !important
}

.w3-hover-none:hover[b-j1f218h1ot] {
    box-shadow: none !important
}
/* Colors */
.w3-amber[b-j1f218h1ot], .w3-hover-amber:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #ffc107 !important
}

.w3-aqua[b-j1f218h1ot], .w3-hover-aqua:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #00ffff !important
}

.w3-blue[b-j1f218h1ot], .w3-hover-blue:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #2196F3 !important
}

.w3-light-blue[b-j1f218h1ot], .w3-hover-light-blue:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #87CEEB !important
}

.w3-brown[b-j1f218h1ot], .w3-hover-brown:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #795548 !important
}

.w3-cyan[b-j1f218h1ot], .w3-hover-cyan:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #00bcd4 !important
}

.w3-blue-grey[b-j1f218h1ot], .w3-hover-blue-grey:hover[b-j1f218h1ot], .w3-blue-gray[b-j1f218h1ot], .w3-hover-blue-gray:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #607d8b !important
}

.w3-green[b-j1f218h1ot], .w3-hover-green:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #4CAF50 !important
}

.w3-light-green[b-j1f218h1ot], .w3-hover-light-green:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #8bc34a !important
}

.w3-indigo[b-j1f218h1ot], .w3-hover-indigo:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #3f51b5 !important
}

.w3-khaki[b-j1f218h1ot], .w3-hover-khaki:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #f0e68c !important
}

.w3-lime[b-j1f218h1ot], .w3-hover-lime:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #cddc39 !important
}

.w3-orange[b-j1f218h1ot], .w3-hover-orange:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #ff9800 !important
}

.w3-deep-orange[b-j1f218h1ot], .w3-hover-deep-orange:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #ff5722 !important
}

.w3-pink[b-j1f218h1ot], .w3-hover-pink:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #e91e63 !important
}

.w3-purple[b-j1f218h1ot], .w3-hover-purple:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #9c27b0 !important
}

.w3-deep-purple[b-j1f218h1ot], .w3-hover-deep-purple:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #673ab7 !important
}

.w3-red[b-j1f218h1ot], .w3-hover-red:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #f44336 !important
}

.w3-sand[b-j1f218h1ot], .w3-hover-sand:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #fdf5e6 !important
}

.w3-teal[b-j1f218h1ot], .w3-hover-teal:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #009688 !important
}

.w3-yellow[b-j1f218h1ot], .w3-hover-yellow:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #ffeb3b !important
}

.w3-white[b-j1f218h1ot], .w3-hover-white:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #fff !important
}

.w3-black[b-j1f218h1ot], .w3-hover-black:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #000 !important
}

.w3-grey[b-j1f218h1ot], .w3-hover-grey:hover[b-j1f218h1ot], .w3-gray[b-j1f218h1ot], .w3-hover-gray:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #9e9e9e !important
}

.w3-light-grey[b-j1f218h1ot], .w3-hover-light-grey:hover[b-j1f218h1ot], .w3-light-gray[b-j1f218h1ot], .w3-hover-light-gray:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #f1f1f1 !important
}

.w3-dark-grey[b-j1f218h1ot], .w3-hover-dark-grey:hover[b-j1f218h1ot], .w3-dark-gray[b-j1f218h1ot], .w3-hover-dark-gray:hover[b-j1f218h1ot] {
    color: #fff !important;
    background-color: #616161 !important
}

.w3-pale-red[b-j1f218h1ot], .w3-hover-pale-red:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #ffdddd !important
}

.w3-pale-green[b-j1f218h1ot], .w3-hover-pale-green:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #ddffdd !important
}

.w3-pale-yellow[b-j1f218h1ot], .w3-hover-pale-yellow:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #ffffcc !important
}

.w3-pale-blue[b-j1f218h1ot], .w3-hover-pale-blue:hover[b-j1f218h1ot] {
    color: #000 !important;
    background-color: #ddffff !important
}

.w3-text-amber[b-j1f218h1ot], .w3-hover-text-amber:hover[b-j1f218h1ot] {
    color: #ffc107 !important
}

.w3-text-aqua[b-j1f218h1ot], .w3-hover-text-aqua:hover[b-j1f218h1ot] {
    color: #00ffff !important
}

.w3-text-blue[b-j1f218h1ot], .w3-hover-text-blue:hover[b-j1f218h1ot] {
    color: #2196F3 !important
}

.w3-text-light-blue[b-j1f218h1ot], .w3-hover-text-light-blue:hover[b-j1f218h1ot] {
    color: #87CEEB !important
}

.w3-text-brown[b-j1f218h1ot], .w3-hover-text-brown:hover[b-j1f218h1ot] {
    color: #795548 !important
}

.w3-text-cyan[b-j1f218h1ot], .w3-hover-text-cyan:hover[b-j1f218h1ot] {
    color: #00bcd4 !important
}

.w3-text-blue-grey[b-j1f218h1ot], .w3-hover-text-blue-grey:hover[b-j1f218h1ot], .w3-text-blue-gray[b-j1f218h1ot], .w3-hover-text-blue-gray:hover[b-j1f218h1ot] {
    color: #607d8b !important
}

.w3-text-green[b-j1f218h1ot], .w3-hover-text-green:hover[b-j1f218h1ot] {
    color: #4CAF50 !important
}

.w3-text-light-green[b-j1f218h1ot], .w3-hover-text-light-green:hover[b-j1f218h1ot] {
    color: #8bc34a !important
}

.w3-text-indigo[b-j1f218h1ot], .w3-hover-text-indigo:hover[b-j1f218h1ot] {
    color: #3f51b5 !important
}

.w3-text-khaki[b-j1f218h1ot], .w3-hover-text-khaki:hover[b-j1f218h1ot] {
    color: #b4aa50 !important
}

.w3-text-lime[b-j1f218h1ot], .w3-hover-text-lime:hover[b-j1f218h1ot] {
    color: #cddc39 !important
}

.w3-text-orange[b-j1f218h1ot], .w3-hover-text-orange:hover[b-j1f218h1ot] {
    color: #ff9800 !important
}

.w3-text-deep-orange[b-j1f218h1ot], .w3-hover-text-deep-orange:hover[b-j1f218h1ot] {
    color: #ff5722 !important
}

.w3-text-pink[b-j1f218h1ot], .w3-hover-text-pink:hover[b-j1f218h1ot] {
    color: #e91e63 !important
}

.w3-text-purple[b-j1f218h1ot], .w3-hover-text-purple:hover[b-j1f218h1ot] {
    color: #9c27b0 !important
}

.w3-text-deep-purple[b-j1f218h1ot], .w3-hover-text-deep-purple:hover[b-j1f218h1ot] {
    color: #673ab7 !important
}

.w3-text-red[b-j1f218h1ot], .w3-hover-text-red:hover[b-j1f218h1ot] {
    color: #f44336 !important
}

.w3-text-sand[b-j1f218h1ot], .w3-hover-text-sand:hover[b-j1f218h1ot] {
    color: #fdf5e6 !important
}

.w3-text-teal[b-j1f218h1ot], .w3-hover-text-teal:hover[b-j1f218h1ot] {
    color: #009688 !important
}

.w3-text-yellow[b-j1f218h1ot], .w3-hover-text-yellow:hover[b-j1f218h1ot] {
    color: #d2be0e !important
}

.w3-text-white[b-j1f218h1ot], .w3-hover-text-white:hover[b-j1f218h1ot] {
    color: #fff !important
}

.w3-text-black[b-j1f218h1ot], .w3-hover-text-black:hover[b-j1f218h1ot] {
    color: #000 !important
}

.w3-text-grey[b-j1f218h1ot], .w3-hover-text-grey:hover[b-j1f218h1ot], .w3-text-gray[b-j1f218h1ot], .w3-hover-text-gray:hover[b-j1f218h1ot] {
    color: #757575 !important
}

.w3-text-light-grey[b-j1f218h1ot], .w3-hover-text-light-grey:hover[b-j1f218h1ot], .w3-text-light-gray[b-j1f218h1ot], .w3-hover-text-light-gray:hover[b-j1f218h1ot] {
    color: #f1f1f1 !important
}

.w3-text-dark-grey[b-j1f218h1ot], .w3-hover-text-dark-grey:hover[b-j1f218h1ot], .w3-text-dark-gray[b-j1f218h1ot], .w3-hover-text-dark-gray:hover[b-j1f218h1ot] {
    color: #3a3a3a !important
}

.w3-border-amber[b-j1f218h1ot], .w3-hover-border-amber:hover[b-j1f218h1ot] {
    border-color: #ffc107 !important
}

.w3-border-aqua[b-j1f218h1ot], .w3-hover-border-aqua:hover[b-j1f218h1ot] {
    border-color: #00ffff !important
}

.w3-border-blue[b-j1f218h1ot], .w3-hover-border-blue:hover[b-j1f218h1ot] {
    border-color: #2196F3 !important
}

.w3-border-light-blue[b-j1f218h1ot], .w3-hover-border-light-blue:hover[b-j1f218h1ot] {
    border-color: #87CEEB !important
}

.w3-border-brown[b-j1f218h1ot], .w3-hover-border-brown:hover[b-j1f218h1ot] {
    border-color: #795548 !important
}

.w3-border-cyan[b-j1f218h1ot], .w3-hover-border-cyan:hover[b-j1f218h1ot] {
    border-color: #00bcd4 !important
}

.w3-border-blue-grey[b-j1f218h1ot], .w3-hover-border-blue-grey:hover[b-j1f218h1ot], .w3-border-blue-gray[b-j1f218h1ot], .w3-hover-border-blue-gray:hover[b-j1f218h1ot] {
    border-color: #607d8b !important
}

.w3-border-green[b-j1f218h1ot], .w3-hover-border-green:hover[b-j1f218h1ot] {
    border-color: #4CAF50 !important
}

.w3-border-light-green[b-j1f218h1ot], .w3-hover-border-light-green:hover[b-j1f218h1ot] {
    border-color: #8bc34a !important
}

.w3-border-indigo[b-j1f218h1ot], .w3-hover-border-indigo:hover[b-j1f218h1ot] {
    border-color: #3f51b5 !important
}

.w3-border-khaki[b-j1f218h1ot], .w3-hover-border-khaki:hover[b-j1f218h1ot] {
    border-color: #f0e68c !important
}

.w3-border-lime[b-j1f218h1ot], .w3-hover-border-lime:hover[b-j1f218h1ot] {
    border-color: #cddc39 !important
}

.w3-border-orange[b-j1f218h1ot], .w3-hover-border-orange:hover[b-j1f218h1ot] {
    border-color: #ff9800 !important
}

.w3-border-deep-orange[b-j1f218h1ot], .w3-hover-border-deep-orange:hover[b-j1f218h1ot] {
    border-color: #ff5722 !important
}

.w3-border-pink[b-j1f218h1ot], .w3-hover-border-pink:hover[b-j1f218h1ot] {
    border-color: #e91e63 !important
}

.w3-border-purple[b-j1f218h1ot], .w3-hover-border-purple:hover[b-j1f218h1ot] {
    border-color: #9c27b0 !important
}

.w3-border-deep-purple[b-j1f218h1ot], .w3-hover-border-deep-purple:hover[b-j1f218h1ot] {
    border-color: #673ab7 !important
}

.w3-border-red[b-j1f218h1ot], .w3-hover-border-red:hover[b-j1f218h1ot] {
    border-color: #f44336 !important
}

.w3-border-sand[b-j1f218h1ot], .w3-hover-border-sand:hover[b-j1f218h1ot] {
    border-color: #fdf5e6 !important
}

.w3-border-teal[b-j1f218h1ot], .w3-hover-border-teal:hover[b-j1f218h1ot] {
    border-color: #009688 !important
}

.w3-border-yellow[b-j1f218h1ot], .w3-hover-border-yellow:hover[b-j1f218h1ot] {
    border-color: #ffeb3b !important
}

.w3-border-white[b-j1f218h1ot], .w3-hover-border-white:hover[b-j1f218h1ot] {
    border-color: #fff !important
}

.w3-border-black[b-j1f218h1ot], .w3-hover-border-black:hover[b-j1f218h1ot] {
    border-color: #000 !important
}

.w3-border-grey[b-j1f218h1ot], .w3-hover-border-grey:hover[b-j1f218h1ot], .w3-border-gray[b-j1f218h1ot], .w3-hover-border-gray:hover[b-j1f218h1ot] {
    border-color: #9e9e9e !important
}

.w3-border-light-grey[b-j1f218h1ot], .w3-hover-border-light-grey:hover[b-j1f218h1ot], .w3-border-light-gray[b-j1f218h1ot], .w3-hover-border-light-gray:hover[b-j1f218h1ot] {
    border-color: #f1f1f1 !important
}

.w3-border-dark-grey[b-j1f218h1ot], .w3-hover-border-dark-grey:hover[b-j1f218h1ot], .w3-border-dark-gray[b-j1f218h1ot], .w3-hover-border-dark-gray:hover[b-j1f218h1ot] {
    border-color: #616161 !important
}

.w3-border-pale-red[b-j1f218h1ot], .w3-hover-border-pale-red:hover[b-j1f218h1ot] {
    border-color: #ffe7e7 !important
}

.w3-border-pale-green[b-j1f218h1ot], .w3-hover-border-pale-green:hover[b-j1f218h1ot] {
    border-color: #e7ffe7 !important
}

.w3-border-pale-yellow[b-j1f218h1ot], .w3-hover-border-pale-yellow:hover[b-j1f218h1ot] {
    border-color: #ffffcc !important
}

.w3-border-pale-blue[b-j1f218h1ot], .w3-hover-border-pale-blue:hover[b-j1f218h1ot] {
    border-color: #e7ffff !important
}
/* /Components/CSSComponents/SpinnerLoading.razor.rz.scp.css */
.loading-spinner[b-u7hejk72hn] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

.spinner-border[b-u7hejk72hn] {
    width: 3rem;
    height: 3rem;
    color: #6a1776; /* Change this to your desired color */
}
/* /Components/CSSComponents/TextModalComponent.razor.rz.scp.css */
.bg-dark-gray[b-88rb3k7de1] {
    background-color: #706e6e;
}

.text-light-greenyellow[b-88rb3k7de1] {
    color: #c8f288;
}

.modal-header[b-88rb3k7de1]{
    background-color:grey;
}

a[b-88rb3k7de1]{
    text-decoration:none;
}
/* /Components/DebtorsAudtTrailComponent.razor.rz.scp.css */
table[b-vzdkvq45ql] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-vzdkvq45ql] {
        font-size: 14px;
        padding: 7px;
    }

    table.table td[b-vzdkvq45ql] {
        font-size: 14px;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-vzdkvq45ql], table.table td[b-vzdkvq45ql] {
        padding: 7px;
    }

#page-bar[b-vzdkvq45ql] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-vzdkvq45ql] {
    margin-left: auto;
}
#debtors-audit-trail[b-vzdkvq45ql] {
    display: flex;
    height: 90vh;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}
.debtors-audit-trail[b-vzdkvq45ql] {
    display: flex;
    height: 90vh;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}


#flex-items-1[b-vzdkvq45ql], #flex-items-2[b-vzdkvq45ql], #flex-items-3[b-vzdkvq45ql] {
    width: 70vw;
    border: 2px solid #808080;
}

.pr-5[b-vzdkvq45ql]{
    padding-right:5px;
}

#audit-trail-details[b-vzdkvq45ql]{
    max-height:60vh;
    overflow:auto;
}

.text-small[b-vzdkvq45ql] {
    font-size: small;
}

.SmallFonts-heading[b-vzdkvq45ql] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-vzdkvq45ql] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

td[b-vzdkvq45ql] {
    color: #c8f288;
}
a[b-vzdkvq45ql] {
    text-decoration: none;
    color:greenyellow;
}

    a:hover[b-vzdkvq45ql] {
        font-size: 1.2em;
    }

.pr-2[b-vzdkvq45ql] {
    padding-right: 2px;
}

.text-right[b-vzdkvq45ql]{
    text-align:right;
}
[b-vzdkvq45ql] tr {
    height: 2em;
}
    [b-vzdkvq45ql] tr:has(> td:not(:empty)) > td {
        display: table-cell;
    }

[b-vzdkvq45ql] td:empty {
    display: none;
}
/* /Components/DebtorsStudentTransactionsComponent.razor.rz.scp.css */
table[b-ydq4lya0d2] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-ydq4lya0d2] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-ydq4lya0d2] {
        font-size: small;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-ydq4lya0d2], table.table td[b-ydq4lya0d2] {
        padding: 7px;
    }

#page-bar[b-ydq4lya0d2] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ydq4lya0d2] {
    margin-left: auto;
}

.form-label[b-ydq4lya0d2] {
    font-weight: 700;
}

.btn-light-gray[b-ydq4lya0d2] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ydq4lya0d2] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-ydq4lya0d2] {
    padding: 5px;
}

.label-format[b-ydq4lya0d2] {
    font-weight: 700;
}

#student-transactions[b-ydq4lya0d2] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

.pl-5[b-ydq4lya0d2] {
    padding-left: 5px !important;
}

.pr-5[b-ydq4lya0d2] {
    padding-right: 5px !important;
}

#transaction-details[b-ydq4lya0d2] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-ydq4lya0d2] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-ydq4lya0d2] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-ydq4lya0d2] {
    width: 98%;
}

#gl-account-edit[b-ydq4lya0d2] {
    max-height: 60vh;
    overflow-y: auto;
}

.bg-dark-gray[b-ydq4lya0d2] {
    background-color: #706e6e;
}
/* /Components/Debtors/ClassesNotNeededComponent.razor.rz.scp.css */
.exclude-classes[b-ovr1y03zss] {
    height: 30vh;
}
a[b-ovr1y03zss]{
    text-decoration:none;
}
table[b-ovr1y03zss] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-ovr1y03zss] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-ovr1y03zss] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-ovr1y03zss], table.table td[b-ovr1y03zss] {
        padding: 7px;
    }

#page-bar[b-ovr1y03zss] {
    display: flex;
    flex-wrap: nowrap;
    padding:10px;
}

#page-bar-right[b-ovr1y03zss] {
    margin-left: auto;
}

.form-label[b-ovr1y03zss] {
    font-weight: 700;
}

.btn-light-gray[b-ovr1y03zss] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ovr1y03zss] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-ovr1y03zss] {
    padding: 10px;
}

.label-format[b-ovr1y03zss] {
    font-weight: 700;
}

.gl-control-accounts[b-ovr1y03zss] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-ovr1y03zss] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-ovr1y03zss] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-ovr1y03zss] {
    width: 98%;
}

#gl-control-account-edit[b-ovr1y03zss] {
    height: 40vh;
    overflow-y: auto;
}


/* /Components/Debtors/InvoiceBankAssociation.razor.rz.scp.css */
.grid[b-oku5bpcn1k] {
    height: 38vh;
    overflow-x: auto;
}

[b-oku5bpcn1k] table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-oku5bpcn1k] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-oku5bpcn1k] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-oku5bpcn1k] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

.bg-dark-gray[b-oku5bpcn1k] {
    background-color: #706e6e;
}

.search-box[b-oku5bpcn1k] {
    margin: 5px;
    width: 200px;
    display: flex;
    justify-content: center;
}

.text-green-yellow[b-oku5bpcn1k] {
    color: greenyellow;
    font-size: 16px;
}

.search-box input[type="text"][b-oku5bpcn1k], .search-box input[type="search"][b-oku5bpcn1k] {
    width: 100%;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .search-box input[type="text"]:focus[b-oku5bpcn1k], .search-box input[type="search"]:focus[b-oku5bpcn1k] {
        border-color: #0078d4;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        outline: none;
    }

.search-icon[b-oku5bpcn1k] {
    margin-right: 12px;
    font-size: 18px;
    color: #666;
}
.mr-5[b-oku5bpcn1k]{
    margin-right:5px;
}
.mt-5[b-oku5bpcn1k]{
    margin-top:5px;
}

.mb-5[b-oku5bpcn1k] {
    margin-bottom: 5px;
}
/* /Components/Debtors/SchoolFeesTemplateComponent.razor.rz.scp.css */
/*#age-analysis {
    width: 80%;
    height: 60%;
        align-content:center;
}*/

#monthly-mark-schedule[b-td6q8xy1u2] {
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    height: 100vh; /* Full viewport height */
}

#mark-schedule[b-td6q8xy1u2] {
    width: 80%;
    height: 60%;
}

#page-bar[b-td6q8xy1u2] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-td6q8xy1u2] {
    margin-left: auto;
}

.bg-grey[b-td6q8xy1u2] {
    background-color: #808080;
}

a[b-td6q8xy1u2] {
    text-decoration: none;
}

/* Fix height and enable scrolling */
.grid[b-td6q8xy1u2] {
    height: 30rem;
    overflow-y: auto;
}

    .grid[b-td6q8xy1u2]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-td6q8xy1u2] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-td6q8xy1u2] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-td6q8xy1u2] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
/* /Components/Debtors/SchoolStatementComponent.razor.rz.scp.css */
#age-analysis[b-ipctval3sn] {
    width: 80%;
    height: 60%;
        align-content:center;
}

/* Fix height and enable scrolling */
.grid[b-ipctval3sn] {
    height: 30rem;
    overflow-y: auto;
}

    .grid[b-ipctval3sn]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-ipctval3sn] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-ipctval3sn] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-ipctval3sn] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
/* /Components/Debtors/StudentBalancesComponent.razor.rz.scp.css */
.grid-wrapper[b-qf06g4dvwi] {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#inner-div[b-qf06g4dvwi]{
    height:50vh;
    overflow-y:auto;
}
/* /Components/Debtors/StudentBalancesCriteriaComponent.razor.rz.scp.css */
.toggle-label[b-f8zuduaka5] {
    margin-left: 0.5rem;
    font-weight: bold;
}

.switch[b-f8zuduaka5] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .switch input[b-f8zuduaka5] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-f8zuduaka5] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #ccc;
    border-radius: 34px;
    transition: background-color 0.2s;
}

    .slider[b-f8zuduaka5]::before {
        content: "";
        position: absolute;
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        border-radius: 50%;
        transition: transform 0.2s;
    }

.switch input:checked + .slider[b-f8zuduaka5] {
    background-color: #4caf50;
}

    .switch input:checked + .slider[b-f8zuduaka5]::before {
        transform: translateX(26px);
    }

.dropdown-container[b-f8zuduaka5] {
    margin-top: 0.5rem;
}

.class-select[b-f8zuduaka5] {
    width: 200px;
    padding: 0.25rem;
}

select[b-f8zuduaka5] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-f8zuduaka5] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-f8zuduaka5] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-f8zuduaka5] {
    border-radius: 0;
}

.list-group-item[b-f8zuduaka5] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-f8zuduaka5] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-f8zuduaka5] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-f8zuduaka5] {
    background: #4285f4 !important;
}


.label-format[b-f8zuduaka5] {
    font-weight: 700;
}

.student-search[b-f8zuduaka5] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-f8zuduaka5] {
    /*    background-color: red;*/
    width: 50%;
    /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-f8zuduaka5] {
    /*  background-color: blue;*/
    width: 50%;
    max-height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
/*    overflow-y: scroll;*/
}

#flex-items3[b-f8zuduaka5] {
    /*    background-color: green;*/
    width: 50%;
    /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.card-footer[b-f8zuduaka5] {
    padding: 10px;
}
.text-right[b-f8zuduaka5] {
    text-align: right;
}

button[b-f8zuduaka5]{
    border:1px solid lightgreen;
}

button:hover[b-f8zuduaka5] {
    background-color: lightgreen;
    color: #706e6e!important;
}
.card-body[b-f8zuduaka5], .card-header[b-f8zuduaka5] {
    padding: 10px;
}
a[b-f8zuduaka5]{
    text-decoration:none;
}
.form-label[b-f8zuduaka5]{
    font-weight:bold;
}
/* /Components/Debtors/StudentReceiptReversalComponent.razor.rz.scp.css */
#page-bar[b-xp25zo2495] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-xp25zo2495] {
    margin-left: auto;
}

.btn-light-gray[b-xp25zo2495] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-xp25zo2495] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-xp25zo2495] {
    padding: 5px;
}

.label-format[b-xp25zo2495] {
    font-weight: 700;
}

.accounts-student-receipt[b-xp25zo2495] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-xp25zo2495] {
    width: 90%;
    padding: 10px;

}
#flex-items-2[b-xp25zo2495] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-xp25zo2495] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-xp25zo2495] {
    width: 90%;
}

#flex-items-4[b-xp25zo2495] {
    width: 90%;
}

.text-left-1[b-xp25zo2495]{
    text-align:left!important;
    padding-left:5px;
}

.text-center-1[b-xp25zo2495]{
    text-align:center!important;
}
.text-right-1[b-xp25zo2495]{
    text-align:right!important;
    padding-right:5px;
}

a[b-xp25zo2495]{
    text-decoration:none;
}
a:hover[b-xp25zo2495]{
    font-size:1.2em;
}
.pr-2[b-xp25zo2495]{
    padding-right:2px;
}
/* /Components/DownloadsComponent.razor.rz.scp.css */
table[b-v7rc2sn9eh] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-v7rc2sn9eh] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-v7rc2sn9eh] {
        font-size: small;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-v7rc2sn9eh], table.table td[b-v7rc2sn9eh] {
        padding: 7px;
    }

#page-bar[b-v7rc2sn9eh] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-v7rc2sn9eh] {
    margin-left: auto;
}

.form-label[b-v7rc2sn9eh] {
    font-weight: 700;
}

.btn-light-gray[b-v7rc2sn9eh] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-v7rc2sn9eh] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-v7rc2sn9eh] {
    padding: 5px;
}

.label-format[b-v7rc2sn9eh] {
    font-weight: 700;
}

.text-light-greenyellow[b-v7rc2sn9eh] {
    color: greenyellow !important;
}

#desktop-mobile-downloads[b-v7rc2sn9eh] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#div-account-header[b-v7rc2sn9eh] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-v7rc2sn9eh] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-v7rc2sn9eh] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-v7rc2sn9eh] {
    width: 90%;
}

#gl-control-account-edit[b-v7rc2sn9eh] {
    max-height: 60vh;
    overflow-y: auto;
}
/* /Components/FinalYearResultsAnalysisComponent.razor.rz.scp.css */
.container-fluid[b-6e1yhbxtui] {
    margin-top: 10px;
}
.no-padding[b-6e1yhbxtui] {
    padding: 0px !important;
    margin: 0px !important;
}
/* /Components/FixedAssets/AssetAcquisitionComponent.razor.rz.scp.css */
.category-container[b-llc0umdt8m] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

h3[b-llc0umdt8m] {
    color: lightgreen;
    background: linear-gradient(to right, #706e6e, #505050);
    padding: 10px;
    border-radius: 5px;
}

.form-container[b-llc0umdt8m] {
    border: solid 1px #706e6e;
    height: 50vh;
    overflow-y: auto;
    /* display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    background: linear-gradient(to bottom, #706e6e, #5a5a5a);
    padding: 20px;
    border-radius: 8px;*/
}

input[b-llc0umdt8m], button[b-llc0umdt8m], select[b-llc0umdt8m], optgroup[b-llc0umdt8m], textarea[b-llc0umdt8m] {
    /*padding: 5px;*/
    font-family: Calibri;
    font-size: 10px;
    background-color: #f2fff2;
    color: greenyellow;
    border: 1px solid #ccc;
/*    border-radius: 4px;*/
}

button[b-llc0umdt8m] {
    grid-column: span 2;
    background-color: #706e6e;
    color: greenyellow;
    font-weight: bold;
    padding: 10px 20px;
    border: none;
    font-size:14px;
    border:1px solid lightgreen;
/*    border-radius: 6px;*/
    cursor: pointer;
    transition: background 0.3s;
}
.text-light-greenyellow[b-llc0umdt8m] {
    color: #c8f288 !important;
}

.text-greenyellow[b-llc0umdt8m] {
    color: greenyellow !important;
}
button:hover[b-llc0umdt8m] {
    background-color: lightgreen;
    color: #706e6e;
}

.bg-dark-gray[b-llc0umdt8m] {
    background-color: #706e6e;
}
.form-label-custom[b-llc0umdt8m] {
    font-size: 12px;
    font-weight: bold;
    color: #706e6e;
}
.text-right[b-llc0umdt8m]{
    text-align:right;
}
.validation-message[b-llc0umdt8m]{
    font-size:x-small!important;
}

.form-group[b-llc0umdt8m], .form-control[b-llc0umdt8m] {
    font-size: 0.7rem !important;
}
a[b-llc0umdt8m]{
    text-decoration:none;
}
/* /Components/FixedAssets/AssetCategoriesComponent.razor.rz.scp.css */
.category-container[b-ha2kjpyye4] {
    display: flex;
    height: 100vh;
    width:70vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#page-bar[b-ha2kjpyye4] {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    width: 100%;
    margin-left: auto;
}
a[b-ha2kjpyye4]{
    text-decoration:none;
}

.pr-2[b-ha2kjpyye4]{
    padding-right:2px;
}
/*#page-bar-right {
    margin-left: auto;
}*/
.grid[b-ha2kjpyye4] {
    height: 16.5rem;
    border: solid 1px #706e6e;
    overflow: auto;
    width: 100%;
    font-size: 12px;
}

/* Sticky header while scrolling */
[b-ha2kjpyye4] thead {
    position: sticky;
    top: 0;
    background-color: #eee;
}

/* Subtle stripe effect */
[b-ha2kjpyye4] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}
[b-ha2kjpyye4] table {
    min-width: 100%;
}

[b-ha2kjpyye4] th.category-name {
    width: 12rem;
}
[b-ha2kjpyye4] th.description {
    width: 12rem;
}

/* Subtle stripe effect */
[b-ha2kjpyye4] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-ha2kjpyye4] tbody tr {
    height: 1.8rem;
}

/* Basic styling for the QuickGrid */
.quickgrid[b-ha2kjpyye4] {
    font-size: 12px;
    border: 1px solid #ccc;
    width: 100%;
}

    .quickgrid .qgrid-header[b-ha2kjpyye4] {
        background-color: #f8f9fa;
        font-weight: bold;
    }

    .quickgrid .qgrid-cell[b-ha2kjpyye4] {
        padding: 8px;
    }

    .quickgrid .qgrid-row:hover[b-ha2kjpyye4] {
        background-color: #e9ecef;
    }

.search-bar[b-ha2kjpyye4] {
    margin-bottom: 1rem;
}
/* /Components/FixedAssets/AssetCategoryAddNewComponent.razor.rz.scp.css */
.category-container[b-hakvab744g] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bg-dark-gray[b-hakvab744g] {
    background-color: #706e6e;
}

#btn-save[b-hakvab744g] {
    margin-top: 5px;
}

#btn-save:hover[b-hakvab744g] {
    margin-top:5px;
    background-color:lightgreen;
    color: #000000;
}

.entry-form[b-hakvab744g] {
    border: solid 1px #706e6e;
    padding:10px;
    max-height:50vh;
    overflow:auto;
}

.text-light-green-yellow[b-hakvab744g] {
    color: #ADFF2F !important;
}
.form-label[b-hakvab744g]{
    font-weight:700;
}
/* /Components/FixedAssets/AssetCategoryEditComponent.razor.rz.scp.css */
.category-container[b-brasfx0k80] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bg-dark-gray[b-brasfx0k80] {
    background-color: #706e6e;
}
#btn-save[b-brasfx0k80] {
    margin-top:5px;
}
#btn-save:hover[b-brasfx0k80] {
    background-color:lightgreen;
    color: #000;
}
.entry-form[b-brasfx0k80] {
    border: solid 1px #706e6e;
    padding: 10px;
}


.text-light-green-yellow[b-brasfx0k80] {
    color: #ADFF2F !important;
}
.form-label[b-brasfx0k80] {
    font-weight: 700;
}
/* /Components/FixedAssets/AssetCodePrefixAddNewComponent.razor.rz.scp.css */
.category-container[b-norf6pzi97] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bg-dark-gray[b-norf6pzi97] {
    background-color: #706e6e;
}

#btn-save[b-norf6pzi97] {
    margin-top: 5px;
}

#btn-save:hover[b-norf6pzi97] {
    margin-top:5px;
    background-color:lightgreen;
    color: #000000;
}

.entry-form[b-norf6pzi97] {
    border: solid 1px #706e6e;
    padding: 10px;
    max-height: 50vh;
    overflow: auto;
}

.text-light-green-yellow[b-norf6pzi97] {
    color: #ADFF2F !important;
}
.form-label[b-norf6pzi97]{
    font-weight:700;
}
/* /Components/FixedAssets/AssetCodePrefixComponent.razor.rz.scp.css */
.category-container[b-kbxowpr88e] {
    display: flex;
    height: 100vh;
    width:70vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#page-bar[b-kbxowpr88e] {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    width: 100%;
    margin-left: auto;
}
a[b-kbxowpr88e]{
    text-decoration:none;
}

.pr-2[b-kbxowpr88e]{
    padding-right:2px;
}
/*#page-bar-right {
    margin-left: auto;
}*/
.grid[b-kbxowpr88e] {
    height: 16.5rem;
    overflow: auto;
    width: 100%;
    font-size: 12px;
    border: solid 1px #706e6e;
}

/* Sticky header while scrolling */
[b-kbxowpr88e] thead {
    position: sticky;
    top: 0;
    background-color: #eee;
}

/* Subtle stripe effect */
[b-kbxowpr88e] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}
[b-kbxowpr88e] table {
    min-width: 100%;
}

[b-kbxowpr88e] th.category-name {
    width: 12rem;
}
[b-kbxowpr88e] th.description {
    width: 12rem;
}

/* Subtle stripe effect */
[b-kbxowpr88e] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-kbxowpr88e] tbody tr {
    height: 1.8rem;
}

/* Basic styling for the QuickGrid */
.quickgrid[b-kbxowpr88e] {
    font-size: 12px;
    border: 1px solid #ccc;
    width: 100%;
}

    .quickgrid .qgrid-header[b-kbxowpr88e] {
        background-color: #f8f9fa;
        font-weight: bold;
    }

    .quickgrid .qgrid-cell[b-kbxowpr88e] {
        padding: 8px;
    }

    .quickgrid .qgrid-row:hover[b-kbxowpr88e] {
        background-color: #e9ecef;
    }

.search-bar[b-kbxowpr88e] {
    margin-bottom: 1rem;
}
/* /Components/FixedAssets/AssetCodePrefixEditComponent.razor.rz.scp.css */
.category-container[b-vgsn65mx2z] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bg-dark-gray[b-vgsn65mx2z] {
    background-color: #706e6e;
}

#btn-save[b-vgsn65mx2z] {
    margin-top: 5px;
}

#btn-save:hover[b-vgsn65mx2z] {
    margin-top:5px;
    background-color:lightgreen;
    color: #000000;
}

.entry-form[b-vgsn65mx2z] {
    border: solid 1px #706e6e;
    padding: 10px;
    max-height: 50vh;
    overflow: auto;
}

.text-light-green-yellow[b-vgsn65mx2z] {
    color: #ADFF2F !important;
}
.form-label[b-vgsn65mx2z]{
    font-weight:700;
}
/* /Components/FixedAssets/AssetEditComponent.razor.rz.scp.css */
.category-container[b-eked35v535] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

h3[b-eked35v535] {
    color: lightgreen;
    background: linear-gradient(to right, #706e6e, #505050);
    padding: 10px;
    border-radius: 5px;
}

.form-container[b-eked35v535] {
    border: solid 1px #706e6e;
    height: 50vh;
    overflow-y: scroll;
    /* display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    background: linear-gradient(to bottom, #706e6e, #5a5a5a);
    padding: 20px;
    border-radius: 8px;*/
}

input[b-eked35v535], button[b-eked35v535], select[b-eked35v535], optgroup[b-eked35v535], textarea[b-eked35v535] {
    /*padding: 5px;*/
    font-family: Calibri;
    font-size: 10px;
    background-color: #f2fff2;
    color: greenyellow;
    border: 1px solid #ccc;
/*    border-radius: 4px;*/
}

button[b-eked35v535] {
    grid-column: span 2;
    background-color: #706e6e;
    color: greenyellow;
    font-weight: bold;
    padding: 10px 20px;
    border: none;
    font-size:14px;
    border:1px solid lightgreen;
/*    border-radius: 6px;*/
    cursor: pointer;
    transition: background 0.3s;
}
.text-light-greenyellow[b-eked35v535] {
    color: #c8f288 !important;
}

.text-greenyellow[b-eked35v535] {
    color: greenyellow !important;
}
button:hover[b-eked35v535] {
    background-color: lightgreen;
    color: #706e6e;
}

.bg-dark-gray[b-eked35v535] {
    background-color: #706e6e;
}
.form-label-custom[b-eked35v535] {
    font-size: 12px;
    font-weight: bold;
    color: #706e6e;
}
.text-right[b-eked35v535]{
    text-align:right;
}
/*col-md-6 col-lg-3 col-xl-3 col-sm-6*/
/* /Components/FixedAssets/AssetLocationAddNewComponent.razor.rz.scp.css */
.category-container[b-atj2wwm6zv] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bg-dark-gray[b-atj2wwm6zv] {
    background-color: #706e6e;
}

#btn-save[b-atj2wwm6zv] {
    margin-top: 5px;
}

#btn-save:hover[b-atj2wwm6zv] {
    margin-top:5px;
    background-color:lightgreen;
    color: #000000;
}

.entry-form[b-atj2wwm6zv] {
    border: solid 1px #706e6e;
    padding: 10px;
    max-height: 50vh;
    overflow: auto;
}

.text-light-green-yellow[b-atj2wwm6zv] {
    color: #ADFF2F !important;
}
.form-label[b-atj2wwm6zv]{
    font-weight:700;
}
/* /Components/FixedAssets/AssetLocationEditComponent.razor.rz.scp.css */
.category-container[b-n1kp30vz0z] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bg-dark-gray[b-n1kp30vz0z] {
    background-color: #706e6e;
}
#btn-save[b-n1kp30vz0z] {
    margin-top:5px;
}
#btn-save:hover[b-n1kp30vz0z] {
    background-color:lightgreen;
    color: #000;
}
.entry-form[b-n1kp30vz0z] {
    border: solid 1px #706e6e;
    padding: 10px;
}


.text-light-green-yellow[b-n1kp30vz0z] {
    color: #ADFF2F !important;
}
.form-label[b-n1kp30vz0z] {
    font-weight: 700;
}
/* /Components/FixedAssets/AssetLocationsComponent.razor.rz.scp.css */
.category-container[b-yyg8pg0o05] {
    display: flex;
    height: 100vh;
    width:70vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#page-bar[b-yyg8pg0o05] {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    width: 100%;
    margin-left: auto;
}
a[b-yyg8pg0o05]{
    text-decoration:none;
}

.pr-2[b-yyg8pg0o05]{
    padding-right:2px;
}
/*#page-bar-right {
    margin-left: auto;
}*/
.grid[b-yyg8pg0o05] {
    height: 16.5rem;
    overflow: auto;
    width: 100%;
    font-size: 12px;
    border: solid 1px #706e6e;
}

/* Sticky header while scrolling */
[b-yyg8pg0o05] thead {
    position: sticky;
    top: 0;
    background-color: #eee;
}

/* Subtle stripe effect */
[b-yyg8pg0o05] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}
[b-yyg8pg0o05] table {
    min-width: 100%;
}

[b-yyg8pg0o05] th.category-name {
    width: 12rem;
}
[b-yyg8pg0o05] th.description {
    width: 12rem;
}

/* Subtle stripe effect */
[b-yyg8pg0o05] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-yyg8pg0o05] tbody tr {
    height: 1.8rem;
}

/* Basic styling for the QuickGrid */
.quickgrid[b-yyg8pg0o05] {
    font-size: 12px;
    border: 1px solid #ccc;
    width: 100%;
}

    .quickgrid .qgrid-header[b-yyg8pg0o05] {
        background-color: #f8f9fa;
        font-weight: bold;
    }

    .quickgrid .qgrid-cell[b-yyg8pg0o05] {
        padding: 8px;
    }

    .quickgrid .qgrid-row:hover[b-yyg8pg0o05] {
        background-color: #e9ecef;
    }

.search-bar[b-yyg8pg0o05] {
    margin-bottom: 1rem;
}
/* /Components/FixedAssets/AssetRegisterComponent.razor.rz.scp.css */
.category-container[b-qj9jbwuxj6] {
    display: flex;
    height: 100vh;
    width:70vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#page-bar[b-qj9jbwuxj6] {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    width: 100%;
    margin-left: auto;
}
a[b-qj9jbwuxj6]{
    text-decoration:none;
}

.pr-2[b-qj9jbwuxj6]{
    padding-right:2px;
}
/*#page-bar-right {
    margin-left: auto;
}*/
.grid[b-qj9jbwuxj6] {
    height: 16.5rem;
    border: solid 1px #706e6e;
    overflow: auto;
    width: 100%;
    font-size: 12px;
}

/* Sticky header while scrolling */
[b-qj9jbwuxj6] thead {
    position: sticky;
    top: 0;
    background-color: #eee;
}

/* Subtle stripe effect */
[b-qj9jbwuxj6] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}
[b-qj9jbwuxj6] table {
    min-width: 100%;
}

[b-qj9jbwuxj6] th.category-name {
    width: 12rem;
}
[b-qj9jbwuxj6] th.description {
    width: 12rem;
}

/* Subtle stripe effect */
[b-qj9jbwuxj6] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-qj9jbwuxj6] tbody tr {
    height: 1.8rem;
}

/* Basic styling for the QuickGrid */
.quickgrid[b-qj9jbwuxj6] {
    font-size: 12px;
    border: 1px solid #ccc;
    width: 100%;
}

    .quickgrid .qgrid-header[b-qj9jbwuxj6] {
        background-color: #f8f9fa;
        font-weight: bold;
    }

    .quickgrid .qgrid-cell[b-qj9jbwuxj6] {
        padding: 8px;
    }

    .quickgrid .qgrid-row:hover[b-qj9jbwuxj6] {
        background-color: #e9ecef;
    }

.search-bar[b-qj9jbwuxj6] {
    margin-bottom: 1rem;
}
/* /Components/GeneralLedger/GLAccountDetailComponent.razor.rz.scp.css */
table[b-lsx7p3rsqz] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-lsx7p3rsqz] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-lsx7p3rsqz] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-lsx7p3rsqz], table.table td[b-lsx7p3rsqz] {
        padding: 7px;
    }

#page-bar[b-lsx7p3rsqz] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-lsx7p3rsqz] {
    margin-left: auto;
}
.form-label[b-lsx7p3rsqz]{
    font-weight:700;
}
.btn-light-gray[b-lsx7p3rsqz] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-lsx7p3rsqz] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-lsx7p3rsqz] {
    padding: 5px;
}

.label-format[b-lsx7p3rsqz] {
    font-weight: 700;
}

.gl-account-details[b-lsx7p3rsqz] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

.pl-5[b-lsx7p3rsqz]{
    padding-left:5px!important;
}

.pr-5[b-lsx7p3rsqz]{
    padding-right:5px!important;
}

#div-account-details[b-lsx7p3rsqz] {
    max-height: 50vh;
    overflow-y: auto;
}
#flex-items-1[b-lsx7p3rsqz] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-lsx7p3rsqz] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-lsx7p3rsqz] {
    width: 98%;
}

#gl-account-edit[b-lsx7p3rsqz] {
    max-height: 60vh;
    overflow-y: auto;
}


/* /Components/GeneralLedger/GLAccountEnquiryComponent.razor.rz.scp.css */
#page-bar[b-6b104wyj0o] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-6b104wyj0o] {
    margin-left: auto;
}

#gl-account-enquiry[b-6b104wyj0o] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#acc-body[b-6b104wyj0o]{
    max-height:60vh;
    overflow-y:auto;
}

#flex-items-1[b-6b104wyj0o] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-6b104wyj0o] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-6b104wyj0o] {
    width: 90%;
}


/* Table formatting */
th[b-6b104wyj0o] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


thead.table-header[b-6b104wyj0o] {
    background-color: lightslategrey;
    color: black;
    font-family: Calibri;
    font-size: large;
}

.TitleFont[b-6b104wyj0o] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-6b104wyj0o] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-6b104wyj0o], .h4Val[b-6b104wyj0o] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table-sm[b-6b104wyj0o] {
    font-family: Calibri;
    font-size: medium;
}
/* /Components/GeneralLedger/GLAccountHeaderComponent.razor.rz.scp.css */
table[b-11db88t35i] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-11db88t35i] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-11db88t35i] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-11db88t35i], table.table td[b-11db88t35i] {
        padding: 7px;
    }

#page-bar[b-11db88t35i] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-11db88t35i] {
    margin-left: auto;
}
.form-label[b-11db88t35i]{
    font-weight:700;
}
.btn-light-gray[b-11db88t35i] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-11db88t35i] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-11db88t35i] {
    padding: 5px;
}

.label-format[b-11db88t35i] {
    font-weight: 700;
}

.gl-currencies[b-11db88t35i] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#div-account-header[b-11db88t35i] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-11db88t35i] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-11db88t35i] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-11db88t35i] {
    width: 98%;
}

#gl-control-account-edit[b-11db88t35i] {
    max-height: 60vh;
    overflow-y: auto;
}


/* /Components/GeneralLedger/GLBalanceSheetComponent.razor.rz.scp.css */
#page-bar[b-u2osa8agjj] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-u2osa8agjj] {
    margin-left: auto;
}

#div-balance-sheet[b-u2osa8agjj] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-u2osa8agjj] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-u2osa8agjj] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-u2osa8agjj] {
    width: 90%;
}
/* /Components/GeneralLedger/GLChartOfAccountsComponent.razor.rz.scp.css */
/*#divTrialBalance, #divProfitAndLoss, #divBalanceSheet, #divChartOfAccounts {
    height: 500px;
    overflow-x: scroll;
}*/

#bodyChartOfAccounts[b-ak6cpqmnvz] {
    height: 70vh;
    overflow-y: scroll;
}

#btnPrintCofA[b-ak6cpqmnvz] {
    width: 120px;
    margin: 10px 0 10px 0;
}

#faPrint[b-ak6cpqmnvz] {
    padding: 5px;
}

th[b-ak6cpqmnvz] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


    th.ClassHeader[b-ak6cpqmnvz] {
        background-color: lightslategrey;
        color: black;
        font-family: Calibri;
        font-size: large;
    }

.TitleFont[b-ak6cpqmnvz] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-ak6cpqmnvz] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-ak6cpqmnvz], .h4Val[b-ak6cpqmnvz] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table[b-ak6cpqmnvz] {
    font-family: Calibri;
    font-size: medium;
}

.table td[b-ak6cpqmnvz], .table th[b-ak6cpqmnvz] {
        padding: 2px;
}

#page-bar[b-ak6cpqmnvz] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ak6cpqmnvz] {
    margin-left: auto;
}

.form-label[b-ak6cpqmnvz] {
    font-weight: 700;
}

.btn-light-gray[b-ak6cpqmnvz] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ak6cpqmnvz] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-ak6cpqmnvz] {
    padding: 5px;
}

.label-format[b-ak6cpqmnvz] {
    font-weight: 700;
}

.divChartOfAccounts[b-ak6cpqmnvz] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-ak6cpqmnvz] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-ak6cpqmnvz] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-ak6cpqmnvz] {
    width: 98%;
}
/*
#gl-control-account-edit {
    max-height: 60vh;
    overflow-y: auto;
}*/
/* /Components/GeneralLedger/GLCostCentersComponent.razor.rz.scp.css */
.grid[b-6j1abj6pxd] {
    height: 38vh;
    overflow-x: auto;
}

[b-6j1abj6pxd] table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-6j1abj6pxd] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-6j1abj6pxd] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-6j1abj6pxd] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

.bg-dark-gray[b-6j1abj6pxd] {
    background-color: #706e6e;
}

.search-box[b-6j1abj6pxd] {
    margin: 5px;
    width: 200px;
    display: flex;
    justify-content: center;
}

.text-green-yellow[b-6j1abj6pxd] {
    color: greenyellow!important;
    font-size: 16px;
}

.search-box input[type="text"][b-6j1abj6pxd], .search-box input[type="search"][b-6j1abj6pxd] {
    width: 100%;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .search-box input[type="text"]:focus[b-6j1abj6pxd], .search-box input[type="search"]:focus[b-6j1abj6pxd] {
        border-color: #0078d4;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        outline: none;
    }

.search-icon[b-6j1abj6pxd] {
    margin-right: 12px;
    font-size: 18px;
    color: #666;
}
.mr-5[b-6j1abj6pxd]{
    margin-right:5px;
}
.mt-5[b-6j1abj6pxd]{
    margin-top:5px;
}

.mb-5[b-6j1abj6pxd] {
    margin-bottom: 5px;
}
.text-red[b-6j1abj6pxd]{
    color:red;
}
/* /Components/GeneralLedger/GLCurrenciesComponent.razor.rz.scp.css */
table[b-s3y8udqk3t] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-s3y8udqk3t] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-s3y8udqk3t] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-s3y8udqk3t], table.table td[b-s3y8udqk3t] {
        padding: 7px;
    }

#page-bar[b-s3y8udqk3t] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-s3y8udqk3t] {
    margin-left: auto;
}
.form-label[b-s3y8udqk3t]{
    font-weight:700;
}
.btn-light-gray[b-s3y8udqk3t] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-s3y8udqk3t] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-s3y8udqk3t] {
    padding: 5px;
}

.label-format[b-s3y8udqk3t] {
    font-weight: 700;
}

.gl-currencies[b-s3y8udqk3t] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-s3y8udqk3t] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-s3y8udqk3t] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-s3y8udqk3t] {
    width: 98%;
}

#gl-control-account-edit[b-s3y8udqk3t] {
    height: 40vh;
    overflow-y: auto;
}


/* /Components/GeneralLedger/GLJournalDetailListingComponent.razor.rz.scp.css */
#page-bar[b-fwqguxfbh4] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-fwqguxfbh4] {
    margin-left: auto;
}

#gl-journal-listing[b-fwqguxfbh4] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-fwqguxfbh4] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-fwqguxfbh4] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-fwqguxfbh4] {
    width: 90%;
}


/* Table formatting */
th[b-fwqguxfbh4] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


thead.table-header[b-fwqguxfbh4] {
    background-color: lightslategrey;
    color: black;
    font-family: Calibri;
    font-size: large;
}

.TitleFont[b-fwqguxfbh4] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-fwqguxfbh4] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-fwqguxfbh4], .h4Val[b-fwqguxfbh4] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table-sm[b-fwqguxfbh4] {
    font-family: Calibri;
    font-size: medium;
}
/* /Components/GeneralLedger/GLJournalDetailsShow.razor.rz.scp.css */
/*table.table thead th {
    background-color: #808080;
    color: #ffffff;
}*/

table.table thead th[b-q2avn9s8rz], table.table td[b-q2avn9s8rz] {
    font-size: 14px;
    line-height: 0.8 !important;
}
#gl-journal-lines[b-q2avn9s8rz]{
    height:25vh;
    overflow-y:auto;
}
/* /Components/GeneralLedger/GLJournalLoadLine.razor.rz.scp.css */

.card-body-custom[b-jmahuof4n2]{
    padding:5px;
    overflow-x:hidden;
    overflow-y:auto;
}

.btn-unique[b-jmahuof4n2] {
    color: #fff;
    background-color: #880e4f !important
}

.btn-unique:hover[b-jmahuof4n2] {
    color: #fff;
    background-color: #9f105c
}

.btn-rounded[b-jmahuof4n2] {
    border-radius: 10em
}

.btn-cyan[b-jmahuof4n2] {
    color: #fff;
    background-color: #00bcd4 !important
}
/* /Components/GeneralLedger/GLJournalsComponent.razor.rz.scp.css */

table[b-jv0p3tq3r7] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-jv0p3tq3r7] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-jv0p3tq3r7] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-jv0p3tq3r7], table.table td[b-jv0p3tq3r7] {
        padding: 7px;
    }

#page-bar[b-jv0p3tq3r7] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-jv0p3tq3r7] {
    margin-left: auto;
}

.form-label[b-jv0p3tq3r7] {
    font-weight: 700;
}

.btn-light-gray[b-jv0p3tq3r7] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-jv0p3tq3r7] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-jv0p3tq3r7] {
    padding: 5px;
}

.label-format[b-jv0p3tq3r7] {
    font-weight: 700;
}

.gl-journals[b-jv0p3tq3r7] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-jv0p3tq3r7] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 0px;
}

#flex-items-2[b-jv0p3tq3r7] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 2px;
    max-height: 70vh;
    overflow-y: auto;
}

#flex-items-3[b-jv0p3tq3r7] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
}

#flex-items-4[b-jv0p3tq3r7] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 0px;
    height: 3vh;
}

#gl-account-edit[b-jv0p3tq3r7] {
    max-height: 70vh;
    overflow-y: auto;
    padding: 0px;
}
/* /Components/GeneralLedger/GLJournalsHeader.razor.rz.scp.css */
table[b-v6gjuqk57o] {
    font-family: Calibri;
    padding: 7px 0px;
}

.text-small[b-v6gjuqk57o] {
    line-height: 0.8px;
    padding: 2px;
    font-size: 14px;
    font-family: Calibri !important;
}

.card-body-custom[b-v6gjuqk57o] {
    padding: 2px;
}

.btn-unique[b-v6gjuqk57o] {
    color: #fff;
    background-color: #880e4f !important
}

    .btn-unique:hover[b-v6gjuqk57o] {
        color: #fff;
        background-color: #9f105c
    }
.btn-orange[b-v6gjuqk57o] {
    color: #fff;
    background-color: #f57c00 !important
}
.btn-cyan[b-v6gjuqk57o] {
    color: #fff;
    background-color: #00bcd4 !important
}
.pr-10[b-v6gjuqk57o]{
    padding-left:10px!important;
}
.btn-cyan:hover[b-v6gjuqk57o] {
    color: #fff;
    background-color: #00d3ee
}
    .btn-orange:hover[b-v6gjuqk57o] {
        color: #fff;
        background-color: #ff8910
    }
.btn-rounded[b-v6gjuqk57o] {
    border-radius: 10em
}

.form-control[b-v6gjuqk57o] {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 0.8;
    color: rgb(73, 80, 87);
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border: 1px solid rgb(206, 212, 218);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.form-label[b-v6gjuqk57o] {
    font-weight: 700;
}

table.table th[b-v6gjuqk57o] {
    font-size: small;
    padding: 7px;
}

table.table td[b-v6gjuqk57o] {
    font-size: small;
    line-height: 0.8em;
}

table.table th[b-v6gjuqk57o], table.table td[b-v6gjuqk57o] {
    padding: 7px;
}

#page-bar[b-v6gjuqk57o] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-v6gjuqk57o] {
    margin-left: auto;
}

.form-label[b-v6gjuqk57o] {
    font-weight: 700;
}

.btn-light-gray[b-v6gjuqk57o] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-v6gjuqk57o] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-v6gjuqk57o] {
    padding: 5px;
}

.label-format[b-v6gjuqk57o] {
    font-weight: 700;
}

.gl-account-details[b-v6gjuqk57o] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-v6gjuqk57o] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-v6gjuqk57o] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-v6gjuqk57o] {
    width: 98%;
}
#gl-journal-header[b-v6gjuqk57o] {
    max-height: 70vh;
    overflow-y: auto;
}
    #gl-account-edit[b-v6gjuqk57o] {
    max-height: 60vh;
    overflow-y: auto;
}
/* /Components/GeneralLedger/GLParameterSetupPageComponent.razor.rz.scp.css */
table[b-zbe74l84c9] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-zbe74l84c9] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-zbe74l84c9] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-zbe74l84c9], table.table td[b-zbe74l84c9] {
        padding: 7px;
    }

#page-bar[b-zbe74l84c9] {
    display: flex;
    flex-wrap: nowrap;
}
.table-sm[b-zbe74l84c9]{
    font-size:16px;
}
#page-bar-right[b-zbe74l84c9] {
    margin-left: auto;
}
.btn-light-gray[b-zbe74l84c9] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-zbe74l84c9] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-zbe74l84c9] {
    font-weight: 700;
}
.class-subjects[b-zbe74l84c9] {
    margin-top: 40px;
}
.module-parameters[b-zbe74l84c9] {
    width:90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
/*    margin: 0 10px;*/
}

#flex-items1[b-zbe74l84c9] { 
    height: 20%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}

#flex-items2[b-zbe74l84c9] {
    height: 50%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}



/* /Components/GeneralLedger/GLProfitAndLossComponent.razor.rz.scp.css */
#page-bar[b-9jx3g4bhro] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-9jx3g4bhro] {
    margin-left: auto;
}

#div-profit-loss[b-9jx3g4bhro] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-9jx3g4bhro] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-9jx3g4bhro] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-9jx3g4bhro] {
    width: 90%;
}
/* /Components/GeneralLedger/GLTrialBalanceComponent.razor.rz.scp.css */
#page-bar[b-7gxias18xf] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-7gxias18xf] {
    margin-left: auto;
}

#div-trial-balance[b-7gxias18xf] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-7gxias18xf] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-7gxias18xf] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-7gxias18xf] {
    width: 90%;
}
/* /Components/LockStudentResultsComponent.razor.rz.scp.css */
#page-bar[b-1snpu0adyy] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-1snpu0adyy] {
    margin-left: auto;
}

#lock-status-header[b-1snpu0adyy]{
  display:flex;
  height:100vh;
  justify-content:center;
  align-items:center;
  flex-flow:column;  
}
.report-size[b-1snpu0adyy] {
    height: 70vh;
}
.body-size[b-1snpu0adyy] {
    height: 50vh;
    overflow-y: scroll;
}
#tblUnLockedStudents[b-1snpu0adyy] {
    height: 450px;
    overflow-y: scroll;
}

table[b-1snpu0adyy], thead[b-1snpu0adyy], th[b-1snpu0adyy], td[b-1snpu0adyy] {
    font-size: small
}

.text-orange[b-1snpu0adyy] {
    color: orange;
    font-weight: 700;
}

.bar-back-color[b-1snpu0adyy], .bg-color[b-1snpu0adyy] {
    background: orange;
}
a[b-1snpu0adyy]{
    text-decoration:none;
}
.pl-5[b-1snpu0adyy]{
    padding-left:5px;
}
/* /Components/MarkSchedule.razor.rz.scp.css */
.form-control[b-l7ru5r6jw7] {
    width: 100px;
    line-height: 10px;
    height: 30px;
}

.card-header[b-l7ru5r6jw7]{
    border-bottom:none;
}

.table td[b-l7ru5r6jw7], .table th[b-l7ru5r6jw7] {
    padding: 0px !important;
}

a[b-l7ru5r6jw7], .btn-link[b-l7ru5r6jw7] {
    font-size: 14px;
/*    color: greenyellow;*/
}

    a:hover[b-l7ru5r6jw7] {
        background-color: black;
    }

/*#div-markschedule {
    width: 70%;
    margin: 5px;
}*/

#school-classes[b-l7ru5r6jw7] {
    max-width: 90%;    
}
#TermCode[b-l7ru5r6jw7] {
    width: 150px;
    line-height: 10px;
    height: 30px;
    text-align: left;
    padding-left: 2px;
}

#term-selection[b-l7ru5r6jw7]{
    display:flex;
    flex-flow:row;
    justify-content:center
}
table[b-l7ru5r6jw7], .form-group[b-l7ru5r6jw7] {
    margin-bottom: 0px !important;
}

    table td[b-l7ru5r6jw7], .table th[b-l7ru5r6jw7] {
        padding: 2px !important;
    }

.card-body[b-l7ru5r6jw7] {
    padding: 0px !important;
}

/*#div-markschedule {
    height: 70vh;
    overflow-y: scroll;
}*/
/* /Components/MarkScheduleMonthlyComponent.razor.rz.scp.css */
/* Code for CSS table */
#cssTable[b-o6bv8ckeb4] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}

#monthly-mark-schedule[b-o6bv8ckeb4] {
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    height: 100vh; /* Full viewport height */
}

#mark-schedule[b-o6bv8ckeb4] {
    width: 80%;
    height: 60%;
}

#page-bar[b-o6bv8ckeb4] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-o6bv8ckeb4] {
    margin-left: auto;
}

.table[b-o6bv8ckeb4] {
    display: table;
}

.table-row[b-o6bv8ckeb4] {
    display: table-row;
}

.table-cell[b-o6bv8ckeb4] {
    display: table-cell;
    padding: 2px !important;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-o6bv8ckeb4] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-o6bv8ckeb4] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-o6bv8ckeb4] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-o6bv8ckeb4] {
    display: block;
}

.yesPrint[b-o6bv8ckeb4] {
    display: block !important;
}



#mark-schedule[b-o6bv8ckeb4] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;   
    width: 100%;
    height: 500px;
    overflow: scroll;
}


#tbl-mark-schedule[b-o6bv8ckeb4] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}


.SmallFonts-heading[b-o6bv8ckeb4] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-o6bv8ckeb4] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-o6bv8ckeb4] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-o6bv8ckeb4], table.table td[b-o6bv8ckeb4] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}


table.table thead tr.tblHeaderClass[b-o6bv8ckeb4] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.form[b-o6bv8ckeb4] {
    padding-bottom: 3px;
}

#StudentReportMobileMobileHeader[b-o6bv8ckeb4] {
    text-align: center;
}


#divStudentReportMobile[b-o6bv8ckeb4] {
    display: block;
}
/* Fix height and enable scrolling */
.grid[b-o6bv8ckeb4] {
    height: 25rem;
    overflow-y: auto;
}
.grid-footer[b-o6bv8ckeb4] {
    background-color: gray;
}
.grid[b-o6bv8ckeb4]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-o6bv8ckeb4] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-o6bv8ckeb4] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-o6bv8ckeb4] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
@media only screen and (min-device-width : 600px) and (max-device-width : 800px) 
{
    #monthly-mark-schedule[b-o6bv8ckeb4] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #monthly-mark-schedule[b-o6bv8ckeb4] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 720px) and (max-device-width : 1280px) {
    #monthly-mark-schedule[b-o6bv8ckeb4] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px) {
    #monthly-mark-schedule[b-o6bv8ckeb4] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) {
    #monthly-mark-schedule[b-o6bv8ckeb4] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 900px) and (max-device-width : 1600px) {
    #monthly-mark-schedule[b-o6bv8ckeb4] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1050px) and (max-device-width : 1680px) {
    #monthly-mark-schedule[b-o6bv8ckeb4] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1080px) and (max-device-width : 1920px) {
    #monthly-mark-schedule[b-o6bv8ckeb4] {
        max-width: calc(100vw - 80px);
    }
} 
/* /Components/MarkScheduleTermlyComponent.razor.rz.scp.css */
/* Code for CSS table */
#cssTable[b-q8jttry3ru] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}
#page-bar[b-q8jttry3ru] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-q8jttry3ru] {
    margin-left: auto;
}
.bg-grey[b-q8jttry3ru] {
    background-color: #808080;
}

a[b-q8jttry3ru] {
    text-decoration: none;
}

#termly-mark-schedule[b-q8jttry3ru] {
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    height: 100vh; /* Full viewport height */
}

#mark-schedule[b-q8jttry3ru] {
    width: 80%;
    height: 60%;
}

.table[b-q8jttry3ru] {
    display: table;
}

.table-row[b-q8jttry3ru] {
    display: table-row;
}

.table-cell[b-q8jttry3ru] {
    display: table-cell;
    padding: 2px !important;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-q8jttry3ru] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-q8jttry3ru] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-q8jttry3ru] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-q8jttry3ru] {
    display: block;
}

.yesPrint[b-q8jttry3ru] {
    display: block !important;
}



#mark-schedule[b-q8jttry3ru] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;   
    width: 100%;
    height: 500px;
    overflow: scroll;
}


#tbl-mark-schedule[b-q8jttry3ru] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}


.SmallFonts-heading[b-q8jttry3ru] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-q8jttry3ru] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-q8jttry3ru] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-q8jttry3ru], table.table td[b-q8jttry3ru] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}


table.table thead tr.tblHeaderClass[b-q8jttry3ru] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.form[b-q8jttry3ru] {
    padding-bottom: 3px;
}

#StudentReportMobileMobileHeader[b-q8jttry3ru] {
    text-align: center;
}


#divStudentReportMobile[b-q8jttry3ru] {
    display: block;
}

/* Fix height and enable scrolling */
.grid[b-q8jttry3ru] {
    height: 25rem;
    overflow-y: auto;
}

.grid-footer[b-q8jttry3ru] {
    background-color: gray;
}

.grid[b-q8jttry3ru]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-q8jttry3ru] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-q8jttry3ru] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-q8jttry3ru] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
@media only screen and (min-device-width : 600px) and (max-device-width : 800px) 
{
    #termly-mark-schedule[b-q8jttry3ru] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #termly-mark-schedule[b-q8jttry3ru] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 720px) and (max-device-width : 1280px) {
    #termly-mark-schedule[b-q8jttry3ru] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px) {
    #termly-mark-schedule[b-q8jttry3ru] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) {
    #termly-mark-schedule[b-q8jttry3ru] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 900px) and (max-device-width : 1600px) {
    #termly-mark-schedule[b-q8jttry3ru] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1050px) and (max-device-width : 1680px) {
    #termly-mark-schedule[b-q8jttry3ru] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1080px) and (max-device-width : 1920px) {
    #termly-mark-schedule[b-q8jttry3ru] {
        max-width: calc(100vw - 80px);
    }
} 
/* /Components/NotificationsOptionsComponent.razor.rz.scp.css */

.text-light-greenyellow[b-60s90mhv0m] {
    color: greenyellow !important;
}

#notification-menu[b-60s90mhv0m] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-60s90mhv0m] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-60s90mhv0m] {
    padding: 5px !important;
}

.show-classs[b-60s90mhv0m]{
    display:block;
}
.hide-classs[b-60s90mhv0m]{
    display:none;
}

.show-student[b-60s90mhv0m] {
    display: block;
}

.hide-student[b-60s90mhv0m] {
    display: none;
}
/* /Components/OnlineExams/Collapsable.razor.rz.scp.css */
.collapsable-panel[b-1la3vejzhz] {
    border: 1px solid #eee;
   /* padding: 25px;*/
    background-color: white;
    overflow: hidden;
}

#flex-item-1[b-1la3vejzhz]{
    width:80%;
}
#flex-item-2[b-1la3vejzhz] {
    width: 20%;
}
.collapsable .title[b-1la3vejzhz] {
    display: table-cell
}

.collapsable .value[b-1la3vejzhz] {
    display: table-cell;
    /*display:block;*/
    text-align: right;
}
.title[b-1la3vejzhz], .fa-chevron-up[b-1la3vejzhz], .fa-chevron-down[b-1la3vejzhz] {
    cursor: pointer;
    /* width:150px;*/
}
#flex-item-1.title[b-1la3vejzhz] {
    background-color: #808080!important;
    padding:10px;
}

#flex-item-1[b-1la3vejzhz] {
    color: greenyellow !important;
    font-size:large;
}

.fa-solid.fa-chevron-down[b-1la3vejzhz], .fa-solid.fa-chevron-up[b-1la3vejzhz] {
    color: greenyellow !important;
    font-size: large;
    padding: 10px;
}
.collapsable #flex-container[b-1la3vejzhz] {
    background-color: #808080 !important;
}
#flex-item-2[b-1la3vejzhz] {
    text-align: right;
    padding-right: 5px;
}
/* /Components/PageHeaderComponent.razor.rz.scp.css */
/*.page-bar {
    display: flex;
    flex-wrap: nowrap;
}

.page-bar-right {
    margin-left: auto;
}*/
a[b-zl8d226vkq] {
    text-decoration:none;
}
.bg-dark-gray[b-zl8d226vkq] {
    background-color: #706e6e;
}

.text-light-greenyellow[b-zl8d226vkq] {
    color: #c8f288;
}
.card-header[b-zl8d226vkq]
{
    padding:5px;
}
/* /Components/Panels/VSplitPane.razor.rz.scp.css */
.v-split-container[b-geu5lt0z5n] {
    display: flex;
    height: 100%;
    width: 100%;
}

.pane[b-geu5lt0z5n] {
    overflow: auto;
}

.divider[b-geu5lt0z5n] {
    width: 2px;
    background-color: #ff0000;
    cursor: ew-resize;
}
/* /Components/ProfilesComponent.razor.rz.scp.css */
.list-group-item[b-tejioj4xp8] {
    background-color: #706e6e;
}

.mt-5[b-tejioj4xp8]{
    margin-top:5px!important;
}
.m-5[b-tejioj4xp8] {
    margin: 5px !important;
}
.p-5[b-tejioj4xp8] {
    padding: 5px !important;
}

ul li a[b-tejioj4xp8] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

/*ul a {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;*/
    /*box-sizing: border-box;*/
    /*border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid green;*/
    /*transition: 0.4s;
    overflow: hidden;
}*/

ul a i[b-tejioj4xp8] {
    margin-right: 16px;
}

ul li:hover a[b-tejioj4xp8] {
    color: greenyellow;
    /*background:#000;*/
    padding-left: 20px;
    font-size: 18px;
}


a[b-tejioj4xp8] {
    text-decoration: none;
}
.text-light-greenyellow[b-tejioj4xp8] {
    color: #ADFF2F;
}
/* /Components/RegisterStudentsComponent.razor.rz.scp.css */
select[b-5tji5n7n1c] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-5tji5n7n1c] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-5tji5n7n1c] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-5tji5n7n1c] {
    border-radius: 0;
}

.list-group-item[b-5tji5n7n1c] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-5tji5n7n1c] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-5tji5n7n1c] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-5tji5n7n1c] {
    background: #4285f4 !important;
}


#page-bar[b-5tji5n7n1c] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-5tji5n7n1c] {
    margin-left: auto;
}

/*#form-wrapper {*/
/*    height: 60vh;*/
    /*overflow-y: scroll;
}*/


.label-format[b-5tji5n7n1c] {
    font-weight: 700;
}

.register-student[b-5tji5n7n1c] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-5tji5n7n1c] {
    /*    background-color: red;*/
    width: 70%;
 /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-5tji5n7n1c] {
    /*  background-color: blue;*/
    width: 70%;
  /*  height: 30vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
   /* overflow-y:scroll;*/
}

#flex-items3[b-5tji5n7n1c] {
    /*    background-color: green;*/
    width: 70%;
    /*height: 5vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
.card-body[b-5tji5n7n1c]{
    padding:10px;
}
.card-footer[b-5tji5n7n1c]{
    padding:10px;
}
/* /Components/ReturnStudentSearch.razor.rz.scp.css */
.label-format[b-ccvpxglgdt] {
    font-weight: 700;
}

.mt-5[b-ccvpxglgdt] {
    margin-top: 5px !important;
    border: 1px solid greenyellow;
}
.text-small[b-ccvpxglgdt]{
    font-size:14px;
    text-align:center;
    padding:5px;
}
.p-5[b-ccvpxglgdt] {
    padding: 5px !important;
}
.form-control-custom[b-ccvpxglgdt] {
    width: 90% !important;
}
.btn-light-gray[b-ccvpxglgdt] {
    background-color: #fff;
    color: #000;
    width: 90% !important;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ccvpxglgdt] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-ccvpxglgdt] {
    background: #4285f4 !important;
}

/* /Components/ReturnStudentSearchResults.razor.rz.scp.css */
select[b-qkhf1a7mqq] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-qkhf1a7mqq] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-qkhf1a7mqq] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-qkhf1a7mqq] {
    border-radius: 0;
}

.list-group-item[b-qkhf1a7mqq] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-qkhf1a7mqq] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-qkhf1a7mqq] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-qkhf1a7mqq] {
    background: #4285f4 !important;
}


#page-bar[b-qkhf1a7mqq] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-qkhf1a7mqq] {
    margin-left: auto;
}

#form-wrapper[b-qkhf1a7mqq] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-qkhf1a7mqq] {
    font-weight: 700;
}

.student-search[b-qkhf1a7mqq] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-qkhf1a7mqq] {
    /*    background-color: red;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-qkhf1a7mqq] {
    /*  background-color: blue;*/
    width: 50%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-qkhf1a7mqq] {
    /*    background-color: green;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Components/SchoolLogo.razor.rz.scp.css */
#school-logo-name[b-50r9mky0ml]{
    display:flex;
    flex-flow:column;
    justify-content:center;
}
.schoollogo[b-50r9mky0ml] {
    width: 100px;
    height: 80px;
}

#SchoolName h5[b-50r9mky0ml]{
    color:#000;
    font-size:14px;
    text-align:center;
}
/* /Components/SchoolProfileComponent.razor.rz.scp.css */
#page-bar[b-krxisvjtk4] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-krxisvjtk4] {
    margin-left: auto;
}


/*.school-profile {
    margin-top: 3%;
    max-width: calc(90vw - 630px);
    max-height: 70vh;
    overflow-y: auto;
}*/
#form-wrapper[b-krxisvjtk4] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-krxisvjtk4] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-krxisvjtk4] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-krxisvjtk4] {
    font-weight: 700;
}

.top-school-div[b-krxisvjtk4] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-krxisvjtk4] {
    /*    background-color: red;*/
    width: 70%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-krxisvjtk4] {
    /*  background-color: blue;*/
    width: 70%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
}

#flex-items3[b-krxisvjtk4] {
    /*    background-color: green;*/
    width: 70%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
}
a[b-krxisvjtk4] {
    text-decoration: none;
}
/* /Components/SchoolSummaryStatistics.razor.rz.scp.css */
.circle-male[b-qqphpa2icy] {
    color: blue;
    padding: 10px;
}

.circle-female[b-qqphpa2icy] {
    color: purple;
    padding: 10px;
}

.students-in-class[b-qqphpa2icy] {
    height: 40vh;
    max-height: 40vh;
    overflow-y: scroll;
}

a[b-qqphpa2icy] {
    text-decoration:none;
}

.bg-grey[b-qqphpa2icy] {
    background: #706e6e;
}

.text-light-greenyellow[b-qqphpa2icy] {
    color: greenyellow;
}

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

.card-header[b-qqphpa2icy] {
    padding: 5px 40px;
}

.class-heading[b-qqphpa2icy] {
    background-color: #808080;
}

.class-heading a[b-qqphpa2icy] {
    color:greenyellow;
}

.class-heading a:hover[b-qqphpa2icy] {
        font-size:1.2em;
    }

.body-border[b-qqphpa2icy] {
    border: solid 1px #808080 !important;
}


[b-qqphpa2icy] table {
    min-width: 100%;
}

[b-qqphpa2icy] th.search-column {
    width: 14rem;
}

/* Subtle stripe effect */
[b-qqphpa2icy] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-qqphpa2icy] tbody tr {
    height: 1.8rem;
}

.input-formatter[b-qqphpa2icy] {
    border: none;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    color: blue;
}

    .input-formatter:hover[b-qqphpa2icy] {
        text-decoration: underline;
        font-size: 14px;
    }

input[b-qqphpa2icy] {
    border: none; /* Removes the border */
    outline: none; /* Removes the focus outline */
}

#gutters[b-qqphpa2icy] {
    height: 100px;
    background-color: grey;
}
/* /Components/ShowClassDetailsComponent.razor.rz.scp.css */
select[b-34y4la2foy] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-34y4la2foy] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-34y4la2foy] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-34y4la2foy] {
    border-radius: 0;
}

.list-group-item[b-34y4la2foy] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-34y4la2foy] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-34y4la2foy] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-34y4la2foy] {
    background: #4285f4 !important;
}



#page-bar[b-34y4la2foy] {
    display: flex;
    flex-wrap: nowrap;
    padding: 5px 10px;
}

#page-bar-right[b-34y4la2foy] {
    margin-left: auto;
}

#form-wrapper[b-34y4la2foy] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-34y4la2foy] {
    font-weight: 700;
}
#form-wrapper[b-34y4la2foy] {
    height: 50vh;
    overflow-y: auto;
}
.show-school-classes[b-34y4la2foy] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

.edit-school-class[b-34y4la2foy] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 93vh;
/*    width:100%;*/
    margin: 0 10px;
    border:none;
}

.edit-class-modal[b-34y4la2foy] {
    width: 100vw;
}
.modal-content[b-34y4la2foy]{
    border:none!important;
}
#flex-dialog-items1[b-34y4la2foy], #flex-dialog-items2[b-34y4la2foy], #flex-dialog-items3[b-34y4la2foy] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items1[b-34y4la2foy] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-34y4la2foy] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-34y4la2foy] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
    height: 5vh;
}

.fa-pencil-alt[b-34y4la2foy] {
    color: #000 !important;
}

a[b-34y4la2foy]{
    text-decoration:none;
}

.card-header[b-34y4la2foy] {
    padding: 5px 10px;
}
/* /Components/SLControlAccountsComponent.razor.rz.scp.css */
table[b-qu7jfo57tu] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-qu7jfo57tu] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-qu7jfo57tu] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-qu7jfo57tu], table.table td[b-qu7jfo57tu] {
        padding: 7px;
    }

#page-bar[b-qu7jfo57tu] {
    display: flex;
    flex-wrap: nowrap;
    padding:10px;
}

#page-bar-right[b-qu7jfo57tu] {
    margin-left: auto;
}
.form-label[b-qu7jfo57tu]{
    font-weight:700;
}
.btn-light-gray[b-qu7jfo57tu] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-qu7jfo57tu] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-qu7jfo57tu] {
    padding: 10px;
}

.label-format[b-qu7jfo57tu] {
    font-weight: 700;
}

.gl-control-accounts[b-qu7jfo57tu] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-qu7jfo57tu] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-qu7jfo57tu] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-qu7jfo57tu] {
    width: 98%;
}

#gl-control-account-edit[b-qu7jfo57tu] {
    height: 40vh;
    overflow-y: auto;
}


/* /Components/SLParameterSetupPageComponent.razor.rz.scp.css */
table[b-ug49a58jzt] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-ug49a58jzt] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-ug49a58jzt] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-ug49a58jzt], table.table td[b-ug49a58jzt] {
        padding: 7px;
    }

#page-bar[b-ug49a58jzt] {
    display: flex;
    flex-wrap: nowrap;
}

.table-sm[b-ug49a58jzt] {
    font-size: 16px;
}

#page-bar-right[b-ug49a58jzt] {
    margin-left: auto;
}

.btn-light-gray[b-ug49a58jzt] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ug49a58jzt] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-ug49a58jzt] {
    font-weight: 700;
}

.class-subjects[b-ug49a58jzt] {
    margin-top: 40px;
}

.module-parameters[b-ug49a58jzt] {
    width: 90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*    margin: 0 10px;*/
}

#flex-items1[b-ug49a58jzt] {
    height: 20%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}

#flex-items2[b-ug49a58jzt] {
    height: 50%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}
/* /Components/SMSAccountBalanceComponent.razor.rz.scp.css */
#page-bar[b-4o0cv61mwx] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-4o0cv61mwx] {
    margin-left: auto;
}

.btn-light-gray[b-4o0cv61mwx] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-4o0cv61mwx] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-4o0cv61mwx] {
    padding: 5px;
}

.label-format[b-4o0cv61mwx] {
    font-weight: 700;
}

.sms-credit-balance[b-4o0cv61mwx] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-4o0cv61mwx] {
    width: 60%;
    padding: 0px;
}

#flex-items-2[b-4o0cv61mwx] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

#flex-items-3[b-4o0cv61mwx] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

#message-send-response[b-4o0cv61mwx] {
    max-height: 20vh;
    width: 60%;
    max-width: 60%;
    overflow: auto;
}

.list-group-item[b-4o0cv61mwx] {
    font-size: small;
    padding: 5px;
}

.list-group[b-4o0cv61mwx] {
    padding: 5px;
}
/* /Components/SMSToPhoneListComponent.razor.rz.scp.css */
#page-bar[b-qm8rw76xrg] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-qm8rw76xrg] {
    margin-left: auto;
}

.btn-light-gray[b-qm8rw76xrg] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-qm8rw76xrg] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-qm8rw76xrg] {
    padding: 5px;
}

.label-format[b-qm8rw76xrg] {
    font-weight: 700;
}

.sms-to-phonelist[b-qm8rw76xrg] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-qm8rw76xrg] {
    width: 60%;
    padding: 0px;
}

#flex-items-2[b-qm8rw76xrg] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

#flex-items-3[b-qm8rw76xrg] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

#message-send-response[b-qm8rw76xrg] {
    max-height: 20vh;
    width: 60%;
    max-width: 60%;
    overflow: auto;
}

.list-group-item[b-qm8rw76xrg] {
    font-size: small;
    padding: 5px;
}

.list-group[b-qm8rw76xrg] {
    padding: 5px;
}
/* /Components/StudentCBReceiptComponent.razor.rz.scp.css */
/*#page-bar {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right {
    margin-left: auto;
}*/

.btn-light-gray[b-xplghaz4jw] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-xplghaz4jw] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-xplghaz4jw] {
    padding: 5px;
}

.label-format[b-xplghaz4jw] {
    font-weight: 700;
}

.accounts-student-cb-receipt[b-xplghaz4jw] {
    display: flex;
    height: 70vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-xplghaz4jw] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
}
#flex-items-2[b-xplghaz4jw] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-xplghaz4jw] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}



#flex-items-4[b-xplghaz4jw] {
    width: 90%;
}
.text-readonly[b-xplghaz4jw] {
    color: saddlebrown !important;
    border: 1px solid brown;
}
.card-header-custom[b-xplghaz4jw]{
    padding:10px;
}
a[b-xplghaz4jw] {
    text-decoration: none;
}
.pr-2[b-xplghaz4jw] {
    padding-right: 2px;
}
.pr-5[b-xplghaz4jw]{
    padding-right:5px;
}
/* /Components/StudentClassListComponent.razor.rz.scp.css */
#page-bar[b-4nqgzpxowd] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-4nqgzpxowd] {
    margin-left: auto;
}

.card-body[b-4nqgzpxowd]{
    height:40vh;
    overflow-y:scroll;
}
.students-in-class[b-4nqgzpxowd] {
    display: flex;
    max-width: 50%;
    /*max-height: 70vh;
    max-width:calc(100vw - 630px);
    */
    overflow-y: auto;
    align-items: center;
    justify-items: center;
    height: 100vh;
}

/* /Components/StudentClassNotificationsComponent.razor.rz.scp.css */

.text-light-greenyellow[b-tcbcm3w8je] {
    color: greenyellow !important;
}

#notification-menu[b-tcbcm3w8je] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-tcbcm3w8je] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-tcbcm3w8je] {
    padding: 5px !important;
}
#page-bar[b-tcbcm3w8je] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-tcbcm3w8je] {
    margin-left: auto;
}

.btn-light-gray[b-tcbcm3w8je] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-tcbcm3w8je] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-tcbcm3w8je] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-tcbcm3w8je] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-tcbcm3w8je] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-tcbcm3w8je] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-tcbcm3w8je] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Components/StudentCreditNoteComponent.razor.rz.scp.css */
#page-bar[b-ft02rpkgy9] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ft02rpkgy9] {
    margin-left: auto;
}

.btn-light-gray[b-ft02rpkgy9] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ft02rpkgy9] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-ft02rpkgy9] {
    padding: 5px;
}

.label-format[b-ft02rpkgy9] {
    font-weight: 700;
}

.accounts-student-cnote[b-ft02rpkgy9] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-ft02rpkgy9] {
    width: 90%;
    padding: 0px;
}
#flex-items-2[b-ft02rpkgy9] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-ft02rpkgy9] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-ft02rpkgy9] {
    width: 90%;
}

#flex-items-4[b-ft02rpkgy9] {
    width: 90%;
}
a[b-ft02rpkgy9] {
    text-decoration: none;
}

    a:hover[b-ft02rpkgy9] {
        font-size: 1.2em;
    }

.pr-2[b-ft02rpkgy9] {
    padding-right: 2px;
}
/* /Components/StudentECDReportComponent.razor.rz.scp.css */

#divStudentTermResults[b-81njy5mmtl], #divReportHeader[b-81njy5mmtl] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;
}

#divOverallPositions[b-81njy5mmtl] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#tblStudentTermResults[b-81njy5mmtl] {
    font-family: arial;    
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-81njy5mmtl] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table.table th[b-81njy5mmtl], table.table td[b-81njy5mmtl] {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: small;
}

/*#divECDResults {
    height: 60vh;
    overflow-y: scroll;
}*/
#results-body[b-81njy5mmtl] {
    height: 60vh;
    overflow-y:auto;
}

/* Code for CSS table */
/*#cssTable {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}*/

.table[b-81njy5mmtl] {
    display: table;
}

.table-row[b-81njy5mmtl] {
    display: table-row;
}

.table-cell[b-81njy5mmtl] {
    display: table-cell;
    padding: 2px;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-81njy5mmtl] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-81njy5mmtl] {
    margin-left: 20px;
}
#student-identity[b-81njy5mmtl]{
    text-align:right;
}
#border-div[b-81njy5mmtl]{
    border:2px solid grey;
    padding:5px;
}
@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-81njy5mmtl] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-81njy5mmtl] {
    display: block;
}

.yesPrint[b-81njy5mmtl] {
    display: block !important;
}


#divStudentTermResults[b-81njy5mmtl], #divReportHeader[b-81njy5mmtl] {
    border: solid 2px #808080;
    padding: 2px;
}

#divOverallPositions[b-81njy5mmtl] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#divStudentReport[b-81njy5mmtl] {
    max-width: 100%;
    max-height: 100%;
/*    overflow-y: scroll;*/
}

#tblStudentTermResults[b-81njy5mmtl] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-81njy5mmtl] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*.SmallFonts {
        font-family: Calibri;
        font-size: 10px;
        line-height: 0.9;
    }*/
.SmallFonts-heading[b-81njy5mmtl] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-81njy5mmtl] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-81njy5mmtl] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-81njy5mmtl], table.table td[b-81njy5mmtl] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}

/* if .col-1 width is not overwritten it takes 100% - for the why*/
.col-1[b-81njy5mmtl] {
    width: 8.33%;
}

table.table thead tr.tblHeaderClass[b-81njy5mmtl] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.print-div[b-81njy5mmtl] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Components/StudentIndividualInvoiceComponent.razor.rz.scp.css */
#page-bar[b-61wtb18pfd] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-61wtb18pfd] {
    margin-left: auto;
}

.btn-light-gray[b-61wtb18pfd] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-61wtb18pfd] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-61wtb18pfd] {
    padding: 5px;
}

.label-format[b-61wtb18pfd] {
    font-weight: 700;
}

.accounts-student-individual-invoices[b-61wtb18pfd] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-61wtb18pfd] {
    width: 90%;
    padding: 0px;
}
#flex-items-2[b-61wtb18pfd] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-61wtb18pfd] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-61wtb18pfd] {
    width: 90%;
}

#flex-items-4[b-61wtb18pfd] {
    width: 90%;
}
a[b-61wtb18pfd] {
    text-decoration: none;
}

    a:hover[b-61wtb18pfd] {
        font-size: 1.2em;
    }

.pr-2[b-61wtb18pfd] {
    padding-right: 2px;
}
/* /Components/StudentNotificationsComponent.razor.rz.scp.css */
#page-bar[b-wimqezmn4p] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-wimqezmn4p] {
    margin-left: auto;
}

.btn-light-gray[b-wimqezmn4p] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-wimqezmn4p] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-wimqezmn4p] {
    font-weight: 700;
}

.change-student-class[b-wimqezmn4p] {
    width: 30vw;
    max-width: 30vw;
    border: 2px solid #808080;
}
    /*.class-subjects {
        margin-top: 40px;
    }*/
    /*.change-student-class {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}*/

    #flex-items1[b-wimqezmn4p] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-wimqezmn4p] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-wimqezmn4p] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-red[b-wimqezmn4p] {
    color: red;
}
.text-light-greenyellow[b-wimqezmn4p] {
    color: greenyellow !important;
}

#notification-menu[b-wimqezmn4p] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-wimqezmn4p] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-wimqezmn4p] {
    padding: 5px !important;
}
#page-bar[b-wimqezmn4p] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-wimqezmn4p] {
    margin-left: auto;
}

.btn-light-gray[b-wimqezmn4p] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-wimqezmn4p] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-wimqezmn4p] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
/*.change-student-class {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}*/

#flex-items1[b-wimqezmn4p] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-wimqezmn4p] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-wimqezmn4p] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Components/StudentProfileClassListComponent.razor.rz.scp.css */
#student-profile[b-tu1zvt1xy5]{
    width:95%!important;
}
.table td[b-tu1zvt1xy5], .table th[b-tu1zvt1xy5] {
    padding: 0px;
}

.text-greenyellow[b-tu1zvt1xy5]{
    color:greenyellow;
}

#div-student-list[b-tu1zvt1xy5], #student-list[b-tu1zvt1xy5] {
    height: 300px;
    overflow: scroll;
}
.text-size[b-tu1zvt1xy5]{
    font-size:14px;
    font-family:Calibri;
    padding:5px;
}
.text-gold[b-tu1zvt1xy5]{
    color:gold;
}
a[b-tu1zvt1xy5] {
    text-decoration: none;
}
a[b-tu1zvt1xy5], .btn-link[b-tu1zvt1xy5]{
    color:greenyellow!important;
}
/* /Components/StudentProfileComponent.razor.rz.scp.css */
select[b-ysh6ozh03p] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-ysh6ozh03p] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-ysh6ozh03p] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-ysh6ozh03p] {
    border-radius: 0;
}

.webcam[b-ysh6ozh03p] {
    margin-top:10px;
}

.list-group-item[b-ysh6ozh03p] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}
.bg-light-gray[b-ysh6ozh03p] {
    background-color: #808080 !important;
}
.btn-light-gray[b-ysh6ozh03p] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ysh6ozh03p] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-ysh6ozh03p] {
    background: #4285f4 !important;
}


#page-bar[b-ysh6ozh03p] {
    display: flex;
    flex-wrap: nowrap;
}

/*#page-bar-right {
    margin-left: auto;
}*/

#form-wrapper[b-ysh6ozh03p] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-ysh6ozh03p] {
    font-weight: 700;
}

.top-student-div[b-ysh6ozh03p] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-ysh6ozh03p] {
    /*    background-color: red;*/
    width: 70%;
/*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 2px;
}

#flex-items2[b-ysh6ozh03p] {
    /*  background-color: blue;*/
    width: 70%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 5px;
}

#flex-items3[b-ysh6ozh03p] {
    /*    background-color: green;*/
    width: 70%;
    border: 1px solid #808080;
    padding: 0px;
}

.p-2[b-ysh6ozh03p]{
    padding:2px;
}

.card-body[b-ysh6ozh03p] {
    padding: 10px !important;
}
a:hover[b-ysh6ozh03p] {
    color: #000;
    font-size: 1.2em;
}
/* /Components/StudentReceiptComponent.razor.rz.scp.css */
#page-bar[b-j1xyt6hhtm] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-j1xyt6hhtm] {
    margin-left: auto;
}

.btn-light-gray[b-j1xyt6hhtm] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-j1xyt6hhtm] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-j1xyt6hhtm]{
    padding: 5px;
}

.card-header-custom[b-j1xyt6hhtm] {
    padding: 5px!important;
}

.label-format[b-j1xyt6hhtm] {
    font-weight: 700;
}

a[b-j1xyt6hhtm] {
    text-decoration: none;
}

.accounts-student-receipt[b-j1xyt6hhtm] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-j1xyt6hhtm] {
    width: 90%;
    padding: 10px;
}

#flex-items-2[b-j1xyt6hhtm] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

#flex-items-3[b-j1xyt6hhtm] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-j1xyt6hhtm] {
    width: 90%;
}

#flex-items-4[b-j1xyt6hhtm] {
    width: 90%;
}

.text-left-1[b-j1xyt6hhtm] {
    text-align: left !important;
    padding-left: 5px;
}

.text-center-1[b-j1xyt6hhtm] {
    text-align: center !important;
}

.text-right-1[b-j1xyt6hhtm] {
    text-align: right !important;
    padding-right: 5px;
}

a[b-j1xyt6hhtm] {
    text-decoration: none;
}

    a:hover[b-j1xyt6hhtm] {
        font-size: 1.2em;
    }

.pr-2[b-j1xyt6hhtm] {
    padding-right: 2px;
}

.text-gold[b-j1xyt6hhtm] {
    color: gold;
}

.pt-20[b-j1xyt6hhtm] {
    padding-top: 20px;
}

.pr-10[b-j1xyt6hhtm] {
    padding-top: 10px;
}

.text-size-small[b-j1xyt6hhtm] {
    font-family: Calibri;
    font-size: 18px;
}


/* /Components/StudentReportHeader.razor.rz.scp.css */

#mobile[b-7q3ql895k2]{
    display:none;
}

.SmallFonts-heading[b-7q3ql895k2], .SmallFonts[b-7q3ql895k2] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.row[b-7q3ql895k2] {
    margin-right: 0px;
     margin-left: 0px;
}
.form-check[b-7q3ql895k2] {
    line-height:.7px;
}
#ZimCortOfArms[b-7q3ql895k2] {
    text-align: center;
}

#imgCourOfArms[b-7q3ql895k2] {
    margin: 0px auto !important;
    padding: 2px !important;    
}

#not-mobile .row[b-7q3ql895k2]{
    width:100%;
}

@media all and (max-width: 767px) {
    #mobile[b-7q3ql895k2] {
        display: block;
    }

    #not-mobile[b-7q3ql895k2] {
        display: none;
    }
}

.text-right[b-7q3ql895k2]{
    text-align:right;
}
/* /Components/StudentSearch.razor.rz.scp.css */
.label-format[b-20lehiy8u2] {
    font-weight: 700;
}

.mt-5[b-20lehiy8u2] {
    margin-top: 5px !important;
    border: 1px solid greenyellow;
}
.text-small[b-20lehiy8u2]{
    font-size:14px;
    text-align:center;
    padding:5px;
}
.p-5[b-20lehiy8u2] {
    padding: 5px !important;
}
.form-control-custom[b-20lehiy8u2] {
    width: 90% !important;
}
.btn-light-gray[b-20lehiy8u2] {
    background-color: #fff;
    color: #000;
    width: 90% !important;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-20lehiy8u2] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-20lehiy8u2] {
    background: #4285f4 !important;
}

/* /Components/StudentSearchResultsComponent.razor.rz.scp.css */
select[b-jkrsdbzccj] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-jkrsdbzccj] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-jkrsdbzccj] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-jkrsdbzccj] {
    border-radius: 0;
}

.list-group-item[b-jkrsdbzccj] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-jkrsdbzccj] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-jkrsdbzccj] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-jkrsdbzccj] {
    background: #4285f4 !important;
}


#page-bar[b-jkrsdbzccj] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-jkrsdbzccj] {
    margin-left: auto;
}

#form-wrapper[b-jkrsdbzccj] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-jkrsdbzccj] {
    font-weight: 700;
}

.student-search[b-jkrsdbzccj] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-jkrsdbzccj] {
    /*    background-color: red;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-jkrsdbzccj] {
    /*  background-color: blue;*/
    width: 50%;
    max-height: 20vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
    overflow-y:scroll;
}

#flex-items3[b-jkrsdbzccj] {
    /*    background-color: green;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
.card-footer[b-jkrsdbzccj]{
    padding:10px;
}
/* /Components/StudentStatementComponent.razor.rz.scp.css */
table[b-f70khup8fv] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-f70khup8fv] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-f70khup8fv] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-f70khup8fv], table.table td[b-f70khup8fv] {
        padding: 7px;
    }

#page-bar[b-f70khup8fv] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-f70khup8fv] {
    margin-left: auto;
}

.student-statement[b-f70khup8fv] {
    display: flex;
    max-height: 90%;
    height:80%;
    width: 80%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top:40px;
    border-radius: 5px;
    padding: 0;
    margin:auto;
    
}

#statement-header[b-f70khup8fv] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-f70khup8fv], #flex-item-2[b-f70khup8fv], #flex-item-3[b-f70khup8fv], #flex-item-4[b-f70khup8fv] {
    width: 100%;
    border: 2px solid #808080;
}

 #flex-item-1[b-f70khup8fv] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-f70khup8fv] {
    height: 40vh;
    overflow-y: auto;
}

#flex-items-0[b-f70khup8fv] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-print-button[b-f70khup8fv] {
    margin-top: 10px;
}
.text-small[b-f70khup8fv] {
    font-size: small;
}

a[b-f70khup8fv] {
    text-decoration: none;
}

.SmallFonts-heading[b-f70khup8fv] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-f70khup8fv] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
#mobile-display[b-f70khup8fv]{
    display:none;
}
#school-details[b-f70khup8fv] {
    text-align: left;
}

.pr-10[b-f70khup8fv]{
    padding-right:10px!important;
}
.text-center[b-f70khup8fv]{
text-align:center;
}
#student-details[b-f70khup8fv] {
    text-align: right;
}
.card-header[b-f70khup8fv]{
    padding:10px;
}
@media all and (max-width: 767px) {
    #mobile-display[b-f70khup8fv] {
        display: block;
    }

    #none-mobile-display[b-f70khup8fv] {
        display: none;
    }

    #statement-time[b-f70khup8fv] {
        display: none;
    }

    #flex-item-1[b-f70khup8fv], #flex-item-2[b-f70khup8fv], #flex-item-3[b-f70khup8fv], #flex-item-4[b-f70khup8fv] {
        width: 100%;
    }
    .student-statement[b-f70khup8fv] {
        width: 98%;
    }
}    
    @media screen and (max-width: 1040px) {
        #mobile-display[b-f70khup8fv] {
            display: block;
        }

        #none-mobile-display[b-f70khup8fv] {
            display: none;
        }

        #statement-time[b-f70khup8fv] {
            display: none;
        }
    }

    @media screen and (max-width: 768px) {
        #school-details[b-f70khup8fv] {
            text-align: center;
        }

        #student-details[b-f70khup8fv] {
            text-align: center;
        }
    }
/* /Components/StudentsTermlyReportComponent.razor.rz.scp.css */
/* Code for CSS table */
#cssTable[b-y79b9gon9w] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}
#flex-items1[b-y79b9gon9w] {
    /*    background-color: red;*/
    width: 100%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
#page-bar[b-y79b9gon9w] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-y79b9gon9w] {
    margin-left: auto;
}
.bg-dark-gray[b-y79b9gon9w] {
    background-color: #706e6e;
}

.mt-5[b-y79b9gon9w] {
    margin-top: 5px;
}

.ml-10[b-y79b9gon9w] {
    margin-left: 10px;
}

.text-green-yellow[b-y79b9gon9w] {
    color: greenyellow!important;
}

.text-small[b-y79b9gon9w] {
    font-size: large;
}

.custom-close-button[b-y79b9gon9w] {
    filter: invert(40%) sepia(80%) saturate(500%) hue-rotate(90deg) brightness(100%) contrast(90%);
}

.text-gold[b-y79b9gon9w] {
    color: gold!important;
}

.bi-x-lg[b-y79b9gon9w] {
    font-size: 22px;
    font-weight: 800;
}
.p-2 img[b-y79b9gon9w] {
    width: 90%;
    height: 80%;
    padding: 5px;
}
.signature-size[b-y79b9gon9w] {
    width: 180px;
    height: 40px;
    padding: 2px;
}

.form-control[b-y79b9gon9w] {
    width:100%!important;
}

.form-control-custom[b-y79b9gon9w] {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

#divPositionTrend[b-y79b9gon9w] {
    max-width: calc(100vw - 650px);
}

.table[b-y79b9gon9w] {
    display: table;
}

.table-row[b-y79b9gon9w] {
    display: table-row;
}

.table-cell[b-y79b9gon9w] {
    display: table-cell;
    padding: 2px !important;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-y79b9gon9w] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-y79b9gon9w] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-y79b9gon9w] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-y79b9gon9w] {
    display: block;
}

.yesPrint[b-y79b9gon9w] {
    display: block !important;
}


#divStudentTermResults[b-y79b9gon9w], #divReportHeader[b-y79b9gon9w] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;
}

#divOverallPositions[b-y79b9gon9w] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#divStudentReport[b-y79b9gon9w] {
    max-width: 100%;
    /*height: 800px;*/
    /*overflow-y: scroll;*/
}

#tblStudentTermResults[b-y79b9gon9w] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-y79b9gon9w] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.form-control-custom[b-y79b9gon9w] {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #808080;
    line-height: 2.5em;
    display: block;
    padding: 2px;
}

    .form-control-custom:focus[b-y79b9gon9w] {
        border: solid 1px green;
    }


/*.SmallFonts {
        font-family: Calibri;
        font-size: 10px;
        line-height: 0.9;
    }*/
.SmallFonts-heading[b-y79b9gon9w] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-y79b9gon9w] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

/*#imgCourOfArms {
    margin: 0px auto !important;
    padding: 2px !important;
}*/

table.table thead th[b-y79b9gon9w], table.table td[b-y79b9gon9w] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}

/* if .col-1 width is not overwritten it takes 100% - for the why*/
.col-1[b-y79b9gon9w] {
    width: 8.33%;
}

table.table thead tr.tblHeaderClass[b-y79b9gon9w] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.form[b-y79b9gon9w] {
    padding-bottom: 3px;
}

#StudentReportMobileMobileHeader[b-y79b9gon9w] {
    text-align: center;
}


#divStudentReportMobile[b-y79b9gon9w] {
    display: block;
}

.HideDialog[b-y79b9gon9w] {
    display: none;
}

#observedremarks[b-y79b9gon9w]{
    padding:10px;
}

.ShowDialog[b-y79b9gon9w] {
    display: block;
}

.text-right[b-y79b9gon9w]{
    text-align:right;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: block;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: block;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: none;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: block;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: none;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: block;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: block;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: none;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: block;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: none;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: block;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: none;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w], .btn-pdf-mobile[b-y79b9gon9w] {
        display: block;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-y79b9gon9w], #divMonthlyReport[b-y79b9gon9w], .btn-pdf[b-y79b9gon9w] {
        display: none;
    }

    #divStudentReportMobile[b-y79b9gon9w], #divMonthlyReportMobile[b-y79b9gon9w] {
        display: block;
    }
   
}

.bg-grey[b-y79b9gon9w] {
    background-color: #9e9e9e !important;
}

.print-div[b-y79b9gon9w] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Components/StudentsWithNoPhotosComponent.razor.rz.scp.css */
#page-bar[b-gxxh6qjmy9] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-gxxh6qjmy9] {
    margin-left: auto;
}

.table td[b-gxxh6qjmy9], .table th[b-gxxh6qjmy9] {
    padding: 5px;
}

.table-sm[b-gxxh6qjmy9] {
    font-family: Calibri;
    font-size: medium;
}

.btn-light-gray[b-gxxh6qjmy9] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-gxxh6qjmy9] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-gxxh6qjmy9] {
    font-weight: 700;
}
/*.class-subjects {
        margin-top: 40px;
    }*/
.student-with-no-photos[b-gxxh6qjmy9] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#no-photos[b-gxxh6qjmy9] {
    height: 40vh;
    overflow-y: scroll;
}

#flex-items1[b-gxxh6qjmy9] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-gxxh6qjmy9] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-gxxh6qjmy9] {
    /*    background-color: green;*/
    width: 50%;
    height: 7vh;
    border: 1px solid #808080;
    padding: 0px;
}

.text-red[b-gxxh6qjmy9] {
    color: red;
}
/* /Components/Students/AgedDebtorsAnalysisComponent.razor.rz.scp.css */
/*#age-analysis {
    width: 80%;
    height: 60%;*/
    /*    align-content:center;*/
/*}*/

/* Fix height and enable scrolling */
.grid[b-6thg0bjqat] {
    height: 30rem;
    overflow-y: auto;
}

    .grid[b-6thg0bjqat]  table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-6thg0bjqat] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-6thg0bjqat] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-6thg0bjqat] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
/* /Components/Students/AllStudentsComponent.razor.rz.scp.css */
.grid[b-s71ncrtmqx] {
    height: 38vh;
    overflow-x: auto;
}
[b-s71ncrtmqx] table {
        min-width: 100%;
    }

/* Sticky header while scrolling */
[b-s71ncrtmqx] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-s71ncrtmqx] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-s71ncrtmqx] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
.bg-dark-gray[b-s71ncrtmqx] {
    background-color: #706e6e;
}
.search-box[b-s71ncrtmqx] {
    margin: 5px;
    width: 200px;
    display: flex;
    justify-content: center;
}
.text-green-yellow[b-s71ncrtmqx] {
    color: greenyellow;
    margin-right:10px;
    padding-top:10px;
    font-size: 16px;
}

    .search-box input[type="text"][b-s71ncrtmqx], .search-box input[type="search"][b-s71ncrtmqx] {
        width: 100%;
        padding: 5px;
        font-size: 16px;
        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        transition: border-color 0.3s, box-shadow 0.3s;
    }

        .search-box input[type="text"]:focus[b-s71ncrtmqx], .search-box input[type="search"]:focus[b-s71ncrtmqx] {
            border-color: #0078d4;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            outline: none;
        }

    .search-icon[b-s71ncrtmqx] {
        margin-right: 12px;
        font-size: 18px;
        color: #666;
    }
/* /Components/Students/AttendanceCalendarComponent.razor.rz.scp.css */
#attendance-calendar[b-e43jtuqg8c] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.calendar-header[b-e43jtuqg8c] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top:3px;
}

.text-green-yellow[b-e43jtuqg8c] {
    color:greenyellow;
}
.text-coral[b-e43jtuqg8c] {
    color: #c8f288;
}
.bg-dark-gray[b-e43jtuqg8c] {
    background-color: #706e6e;
}
.nav-button[b-e43jtuqg8c] {
    background-color: #706e6e;
    color: #c8f288;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
}

.weekdays[b-e43jtuqg8c] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.weekday[b-e43jtuqg8c] {
    padding: 5px;
}

.calendar[b-e43jtuqg8c] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
}

.calendar-day[b-e43jtuqg8c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.dots[b-e43jtuqg8c] {
    display: flex;
    gap: 2px;
}

.dot[b-e43jtuqg8c] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
}

.p[b-e43jtuqg8c] {
    background-color: green;
}

.l[b-e43jtuqg8c] {
    background-color: blue;
}

.a[b-e43jtuqg8c] {
    background-color: red;
}

.attendance-message[b-e43jtuqg8c] {
    margin-top: 1rem;
    padding: 1rem;
    background-color: #f0f0f0;
}

.ShowDialog[b-e43jtuqg8c] {
    display: block;
}
/* /Components/Students/EventDetailsComponent.razor.rz.scp.css */
.event-card[b-jplzel8ewm] {
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 1rem;
    background-color: #fafafa;
}

    .event-card h4[b-jplzel8ewm] {
        color: #007bff;
    }

    .event-card ul[b-jplzel8ewm] {
        list-style-type: none;
    }

    .event-card li[b-jplzel8ewm] {
        padding: 0.5rem 0;
        border-bottom: 1px solid #ccc;
    }

    .event-card h5[b-jplzel8ewm] {
        margin: 0;
    }

#parent-tracking-container[b-jplzel8ewm] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#event-details-show[b-jplzel8ewm]{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    max-height:60%;
    overflow-y:auto;
}
#events-card[b-jplzel8ewm] {
    width: 70%;
}

.card-bottom[b-jplzel8ewm] {
    width: 100%;
    height: 55px;
    padding: 5px 5px 5px 10px;
    background-color: darkgrey;
}
.text-green-yellow[b-jplzel8ewm] {
    color: #ADFF2F;
    font-weight:700;
}
/* /Components/Students/EventTrackingComponent.razor.rz.scp.css */
.category-container[b-1y04p5qf47] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.category-card[b-1y04p5qf47] {
    width: 90px;
    height: 90px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #f5f5f5;
    text-align: center;
    transition: 0.3s;
}
.category-text[b-1y04p5qf47]{
    font-family:Calibri;
    font-size:12px;
    font-weight:bold;
}
.category-card:hover[b-1y04p5qf47] {
    background-color: #ddd;
}

.category-icon[b-1y04p5qf47] {
/*    width: 50px;
    height: 50px;*/
}
.bg-green[b-1y04p5qf47]{
    background-color:green;
    color:white;
}

.bg-blue[b-1y04p5qf47] {
    background-color: blue;
    color: white;
}

.bg-orangered[b-1y04p5qf47] {
    background-color: orangered;
    color: white;
}

.bg-grey[b-1y04p5qf47] {
    background-color: grey;
    color: white;
}

.bg-teal[b-1y04p5qf47] {
    background-color: teal;
    color: white!important;
}

.bg-purple[b-1y04p5qf47] {
    background-color: mediumpurple;
    color: white;
}

.bg-deeppink[b-1y04p5qf47] {
    background-color: deeppink;
    color: white;
}

.bg-coral[b-1y04p5qf47] {
    background-color: coral;
    color: white;
}

#event-tracking-categories[b-1y04p5qf47] {
    display: flex;
    height: 100vh;   
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.parent-container[b-1y04p5qf47] {
    display: flex;
    height: 50vh;
    max-height: 50vh;
    /*    max-width: 100%;
    min-width: 100%;*/
    flex-grow: 1;
    overflow-x: auto;
    padding: 0px;
    border: 1px solid #ccc;
/*    flex-direction: column;*/
    justify-content: center;
   /* align-items: center;*/
}
/* /Components/Students/KnowledgeAreaComponent.razor.rz.scp.css */
.mnu-right[b-ljz4yq5ruv] {
    /* float: right;*/
}

.list-group[b-ljz4yq5ruv] {
    line-height: 10px;
}

.hide-div[b-ljz4yq5ruv] {
    display: none;
}

.show-div[b-ljz4yq5ruv] {
    display: block;
}
.page-bar-right[b-ljz4yq5ruv]{
    padding:5px;
}
.text-light-green-yellow[b-ljz4yq5ruv] {
    color: #ADFF2F !important;
}

a[b-ljz4yq5ruv] {
    text-decoration: none;
}

.footer-div[b-ljz4yq5ruv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.list-group[b-ljz4yq5ruv] {
    width: 220px;
    line-height: 10px;
}

.teacher-classes[b-ljz4yq5ruv] {
    max-height: 40vh;
    overflow-y: scroll;
}

.pl-5[b-ljz4yq5ruv] {
    padding-left: 5px;
}

.list-group-item[b-ljz4yq5ruv] {
    background-color: #706e6e;
    color: greenyellow;
}

    .list-group-item:hover[b-ljz4yq5ruv] {
        background-color: #000000;
        color: greenyellow;
    }

a[b-ljz4yq5ruv], .btn-link[b-ljz4yq5ruv] {
    color: #ADFF2F !important;
}

#knowledge-area-card-body[b-ljz4yq5ruv], #knowledge-area-list-group[b-ljz4yq5ruv] {
    padding: 0px !important;
}

.list-group[b-ljz4yq5ruv] {
    width: auto !important;
}

tr[b-ljz4yq5ruv], td[b-ljz4yq5ruv] {
    background-color: grey !important;
}
/* /Components/Students/KnowledgeAreaScoreDetailsComponent.razor.rz.scp.css */
/* 3 Panels CSS */

#outer-div[b-jkmutpzz3d] {
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full viewport height */
    width: 100%; /* Full width */
    flex-direction: column;
}

#page-bar[b-jkmutpzz3d] {
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    min-width: 95%;
    padding: 1px 10px;
    /*width: 65vw;  Full width of parent */
}

#page-bar-right[b-jkmutpzz3d] {
    margin-left: auto;
}

.parent-container[b-jkmutpzz3d] {
    display: flex;
    height: 60vh;
    max-height: 60vh;
    /*width: 65vw;*/
    max-width: 100%;
    min-width: 95%;
    flex-grow: 1;
    overflow-x: auto;
    padding: 0px;
    border: 1px solid #ccc;
}

.panel[b-jkmutpzz3d] {
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    margin: 5px;
    transition: flex 0.3s ease;
    height: 98%; /* Maintain full height */
     position: relative;

}

.panel-header[b-jkmutpzz3d] {
    background-color: #706e6e;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-title[b-jkmutpzz3d] {
    color: greenyellow;
    margin-right: auto; /* Push title to the left */
}

.panel-content[b-jkmutpzz3d] {
    padding: 10px;
    background-color: #fff;
    flex-grow: 1;
}

.collapsed-title[b-jkmutpzz3d] {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    writing-mode: vertical-rl;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* End of 3 Panels CSS*/

.body-height[b-jkmutpzz3d] {
    height: 220px;
}
.body-height-table[b-jkmutpzz3d] {
    max-height: 45%;
    overflow-y: auto;
}
 #score-update-form[b-jkmutpzz3d] {
    max-height: 78%;
    overflow-y: auto;
}
.custom-label[b-jkmutpzz3d] {
    /*width: 50%;
    background-color: gray;
    color: white;
    padding: 5px;*/
    padding-left:0px;
    padding-right:0px;
    font-weight:bold;
    text-align: right;
}
.card #class-subjects[b-jkmutpzz3d] {
    margin-top: 8px;
}

a[b-jkmutpzz3d] {
    text-decoration: none;
}

.btn-light-greenyellow[b-jkmutpzz3d] {
    color: greenyellow;
    border: 1px solid greenyellow;
}

    .btn-light-greenyellow:hover[b-jkmutpzz3d] {
        color: white;
        border: 1px solid white;
        font-size: 1.2rem;
    }

.pr-5[b-jkmutpzz3d] {
    padding-right: 10px;
}

.ml-5[b-jkmutpzz3d] {
    margin-left: 5px;
}


.grid[b-jkmutpzz3d] {
    height: 30rem;
    overflow-y: auto;
}

    .grid[b-jkmutpzz3d]  table {
        min-width: 100%;
    }

[b-jkmutpzz3d] table {
    min-width: 100%;
}
/* Sticky header while scrolling */
[b-jkmutpzz3d] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-jkmutpzz3d] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-jkmutpzz3d] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}


[b-jkmutpzz3d] th.search-column {
    width: 14rem;
}

/* Subtle stripe effect */
[b-jkmutpzz3d] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-jkmutpzz3d] tbody tr {
    height: 1.8rem;
}

.k-area[b-jkmutpzz3d] {
    display: block;
    width: 100%;
    background-color: #706e6e;
    color: greenyellow;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0px;
}

.e-grid .e-content[b-jkmutpzz3d] {
    height: 250px;
}

.btn-bg-gray[b-jkmutpzz3d] {
    background-color: #706e6e;
    border-color: greenyellow;
}

    .btn-bg-gray:hover[b-jkmutpzz3d] {
        border-color: purple;
    }

.btn .btn-large[b-jkmutpzz3d] {
    width: 60px;
}

.text-green-yellow:hover[b-jkmutpzz3d] {
    font-size: 1.3rem;
    color: yellow;
}
.text-center[b-jkmutpzz3d]{
    text-align:center;
}
.text-green-yellow[b-jkmutpzz3d] {
    color: greenyellow;
    font-size: 18px;
}

/*input[readonly] {
    background-color: grey;*/ /* Set your desired background color */
    /*color: #333;*/ /* Text color */
    /*border: 1px solid #ccc;*/ /* Border color */
    /*cursor: not-allowed;*/ /* Change cursor to indicate read-only */
/*}*/

input[readonly][b-jkmutpzz3d] {
    background-color: gray;
    border: 1px solid #f0f0f0;
    color: #666;
    cursor: not-allowed;
}

.selected-row[b-jkmutpzz3d] {
    background-color: #706e6e;
    color: greenyellow;
    font-weight: bold;
    font-size: 1.2rem;
}
/* /Components/Students/KnowledgeAreaScoresComponent.razor.rz.scp.css */

#page-bar[b-xi04rpxg1o] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-xi04rpxg1o] {
    margin-left: auto;
}

.btn-light-gray[b-xi04rpxg1o] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}
.card-header[b-xi04rpxg1o]{
    padding:5px 10px;
}
.btn-light-gray:hover[b-xi04rpxg1o] {
    background-color: #808080;
    color: greenyellow;
    border: 1px solid greenyellow;
}
a[b-xi04rpxg1o]{
    text-decoration:none;
}
.label-format[b-xi04rpxg1o] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
#area-scores[b-xi04rpxg1o] {
    display: flex;
    height: 70vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-xi04rpxg1o] {
    /*    background-color: red;*/
    width: 50%;
/*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-xi04rpxg1o] {
    /*  background-color: blue;*/
    width: 50%;
  /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-xi04rpxg1o] {
    /*    background-color: green;*/
    width: 50%;
 /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#student-subjects[b-xi04rpxg1o] {
    max-height: 55vh;
    overflow-y: scroll;
}

#class-subjects[b-xi04rpxg1o] {
    max-height: 55vh;
    overflow-y: scroll;
}


.input-group-text[b-xi04rpxg1o] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-xi04rpxg1o] {
    background: #706e6e;
}

.text-light-greenyellow[b-xi04rpxg1o] {
    color: greenyellow;
}

.mt-20[b-xi04rpxg1o] {
    margin-top: 20px !important;
}
.card-footer[b-xi04rpxg1o]{
    padding:10px;
}
/* /Components/Students/KnowledgeAreaSubjectAssociationsComponent.razor.rz.scp.css */
/* 3 Panels CSS */

#outer-div[b-qya4b7w365] {
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full viewport height */
    width: 100%; /* Full width */
    flex-direction: column;
}

#page-bar[b-qya4b7w365] {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    width: 50vw; /* Full width of parent */
}

#page-bar-right[b-qya4b7w365] {
    margin-left: auto;
}

.parent-container[b-qya4b7w365] {
    display: flex;
    height: 50vh;
    width: 50vw;
    padding: 0px;
    border: 1px solid #ccc;
}

.panel[b-qya4b7w365] {
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    margin: 5px;
    transition: flex 0.3s ease;
    height: 98%; /* Maintain full height */
    position: relative;
}

.panel-header[b-qya4b7w365] {
    background-color: #706e6e;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-title[b-qya4b7w365] {
    color: greenyellow;
    margin-right: auto; /* Push title to the left */
}

.panel-content[b-qya4b7w365] {
    padding: 10px;
    background-color: #fff;
    flex-grow: 1;
}

.collapsed-title[b-qya4b7w365] {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    writing-mode: vertical-rl;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* End of 3 Panels CSS*/

.body-height[b-qya4b7w365] {
    height: 220px;
    overflow-y: scroll;
}

.card #class-subjects[b-qya4b7w365] {
    margin-top: 8px;
}

a[b-qya4b7w365] {
    text-decoration: none;
}

.btn-light-greenyellow[b-qya4b7w365] {
    color: greenyellow;
    border: 1px solid greenyellow;
}

    .btn-light-greenyellow:hover[b-qya4b7w365] {
        color: white;
        border: 1px solid white;
        font-size: 1.2rem;
    }
/*select {
    border: none !important;
}

body {
    height: 100%;
}*/


/*Overwrite these input-sm styles so the login buttons come aligned*/
/*.input-sm {
    height: 36px;
    border-radius: 0;
}
.assessment-display-list {
    width: 20%;
}
.grade-subjects, .subject-associations {
    width: 35%;
}



select.input-sm {
    height: 36px;
    line-height: 36px;
}

.input-group-addon {
    border-radius: 0;
}

.list-group-item {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray {
    background-color: #fff;
    color: #000;
    width: 220px;
    border: 1px solid #000;
}

    .btn-light-gray:hover {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color {
    background: #4285f4 !important;
}

.text-black {
    color: #000;
}

td a:hover {
    background-color: #808080;
    color: greenyellow;
}

#page-bar {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right {
    margin-left: auto;
}

.label-format {
    font-weight: 700;
}

.class-subjects {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    padding: 5px;
}

#flex-items2 {
    max-height: 350px;
    overflow-y: auto;
    padding: 5px;
}

.body-height-table {
    height: 250px;
    overflow-y: auto;
    padding: 5px;
}
.assessment-input-form {
    height: 300px;
}

.body-height-form {
    height: 350px;
    overflow-y: auto;
    padding: 5px;
}

#subject-learning-areas {
    display: flex;
}

#learning-area-show, #learning-area-edit {
    max-height: 330px;
    height: 330px;
    width: 50%;
    margin: 5px;
    padding: 5px;
    overflow-y: auto;
}


#flex-items5 {
    width: 60%;
}

.card-footer .form-group {
    padding: 10px;
}



.card-body {
    border: 1px solid #808080;
}

.btn-light-greenyellow {
    color: greenyellow;
    border:1px solid greenyellow;
}

.btn-light-greenyellow:hover {
    color: white;
    border: 1px solid white;
    font-size:1.2rem;
}

.pr-5{
    padding-right:10px;
}

#flex-items1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;*/ /* Centers horizontally */
    /*align-items: center;*/ /* Centers vertically */
    /*height: 80vh;*/ /* Full viewport height */
/*}

#flex-row {
    display: flex;
    width: 90%;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

#flex-items2, #flex-items3, #flex-items4 {
    padding: 5px;
}

.table td, .table th {
    padding: 2px !important;
}

a.text-black, .table td {
    font-size: 12px;
}

.card-header {
    padding: 5px;
}

a {
    text-decoration: none;
}

.text-right {
    text-align: right;
}

#learning-area-flex {
    display: flex;
}

.ml-5 {
    margin-left: 5px;
}*/
/* /Components/Students/KnowledgeAssessmentAreasComponent.razor.rz.scp.css */
/* 3 Panels CSS */

#outer-div[b-a7mqwqif6u] {
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full viewport height */
    width: 100%; /* Full width */
    flex-direction: column;
}

#page-bar[b-a7mqwqif6u] {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    width: 50vw; /* Full width of parent */
}

#page-bar-right[b-a7mqwqif6u] {
    margin-left: auto;
}

.parent-container[b-a7mqwqif6u] {
    display: flex;
    height: 50vh;
    width: 50vw;
    padding: 0px;
    border: 1px solid #ccc;
}

.panel[b-a7mqwqif6u] {
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    margin: 5px;
    transition: flex 0.3s ease;
    height: 98%; /* Maintain full height */
    position: relative;
}

.panel-header[b-a7mqwqif6u] {
    background-color: #706e6e;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-title[b-a7mqwqif6u] {
    color: greenyellow;
    margin-right: auto; /* Push title to the left */
}

.panel-content[b-a7mqwqif6u] {
    padding: 10px;
    background-color: #fff;
    flex-grow: 1;
}

.collapsed-title[b-a7mqwqif6u] {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    writing-mode: vertical-rl;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* End of 3 Panels CSS*/

.body-height[b-a7mqwqif6u] {
    height: 220px;
}
.body-height-table[b-a7mqwqif6u] {
    max-height: 100%;
    overflow-y: auto;
}

.card #class-subjects[b-a7mqwqif6u] {
    margin-top: 8px;
}

a[b-a7mqwqif6u] {
    text-decoration: none;
}

.btn-light-greenyellow[b-a7mqwqif6u] {
    color: greenyellow;
    border: 1px solid greenyellow;
}

    .btn-light-greenyellow:hover[b-a7mqwqif6u] {
        color: white;
        border: 1px solid white;
        font-size: 1.2rem;
    }

.pr-5[b-a7mqwqif6u] {
    padding-right: 10px;
}
.ml-5[b-a7mqwqif6u] {
    margin-left: 5px;
}


.grid[b-a7mqwqif6u] {
    height: 30rem;
    overflow-y: auto;
}

.grid[b-a7mqwqif6u]  table {
        min-width: 100%;
    }

[b-a7mqwqif6u] table {
    min-width: 100%;
}
/* Sticky header while scrolling */
[b-a7mqwqif6u] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-a7mqwqif6u] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-a7mqwqif6u] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}


[b-a7mqwqif6u] th.search-column {
    width: 14rem;
}

/* Subtle stripe effect */
[b-a7mqwqif6u] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-a7mqwqif6u] tbody tr {
    height: 1.8rem;
}

.k-area[b-a7mqwqif6u] {
    display: block;
    width: 100%;
    background-color: #706e6e;
    color: greenyellow;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom:0px;
}
/* /Components/Students/KnowledgeSubjectAreasConceptsComponent.razor.rz.scp.css */
/* 3 Panels CSS */

#outer-div[b-w269e23id5] {
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full viewport height */
    width: 100%; /* Full width */
    flex-direction: column;
}

#page-bar[b-w269e23id5] {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    width: 50vw; /* Full width of parent */
}

#page-bar-right[b-w269e23id5] {
    margin-left: auto;
}

.parent-container[b-w269e23id5] {
    display: flex;
    height: 50vh;
    width: 50vw;
    padding: 0px;
    border: 1px solid #ccc;
}

.panel[b-w269e23id5] {
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    margin: 5px;
    transition: flex 0.3s ease;
    height: 98%; /* Maintain full height */
    position: relative;
}

.panel-header[b-w269e23id5] {
    background-color: #706e6e;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-title[b-w269e23id5] {
    color: greenyellow;
    margin-right: auto; /* Push title to the left */
}

.panel-content[b-w269e23id5] {
    padding: 10px;
    background-color: #fff;
    flex-grow: 1;
}

.collapsed-title[b-w269e23id5] {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    writing-mode: vertical-rl;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* End of 3 Panels CSS*/

.body-height[b-w269e23id5] {
    height: 220px;
    overflow-y: scroll;
}

.card #class-subjects[b-w269e23id5] {
    margin-top: 8px;
}

a[b-w269e23id5] {
    text-decoration: none;
}

.bg-color[b-w269e23id5] {
    background: #4285f4 !important;
}

.text-black[b-w269e23id5] {
    color: #000;
}

.pr-5[b-w269e23id5] {
    padding-right: 10px;
}

.ml-5[b-w269e23id5] {
    margin-left: 5px;
}

td a:hover[b-w269e23id5] {
    background-color: #808080;
    color: greenyellow;
}

.btn-light-greenyellow[b-w269e23id5] {
    color: greenyellow;
    border: 1px solid greenyellow;
}

    .btn-light-greenyellow:hover[b-w269e23id5] {
        color: white;
        border: 1px solid white;
        font-size: 1.2rem;
    }
/*select {
    border: none !important;
}

body {
    height: 100%;
}*/
/*Overwrite these input-sm styles so the login buttons come aligned*/
/*.input-sm {
    height: 36px;
    border-radius: 0;
}

.grade-subjects, .subject-associations, .assessment-display-list {
    width: 30%;
}



select.input-sm {
    height: 36px;
    line-height: 36px;
}

.input-group-addon {
    border-radius: 0;
}

.list-group-item {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray {
    background-color: #fff;
    color: #000;
    width: 220px;
    border: 1px solid #000;
}

    .btn-light-gray:hover {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color {
    background: #4285f4 !important;
}

.text-black {
    color: #000;
}

td a:hover {
    background-color: #808080;
    color: greenyellow;
}

#page-bar {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right {
    margin-left: auto;
}

.label-format {
    font-weight: 700;
}

.class-subjects {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    padding: 5px;
}

#flex-items2 {
    max-height: 350px;
    overflow-y: auto;
    padding: 5px;
}

.body-height-table {
    height: 250px;
    overflow-y: auto;
    padding: 5px;
}
.assessment-input-form {
    height: 300px;
}

.body-height-form {
    height: 350px;
    overflow-y: auto;
    padding: 5px;
}

#subject-learning-areas {
    display: flex;
}

#learning-area-show, #learning-area-edit {
    max-height: 330px;
    height: 330px;
    width: 50%;
    margin: 5px;
    padding: 5px;
    overflow-y: auto;
}


#flex-items5 {
    width: 60%;
}

.card-footer .form-group {
    padding: 10px;
}



.card-body {
    border: 1px solid #808080;
}

.btn-light-greenyellow {
    color: greenyellow;
    border:1px solid greenyellow;
}

.btn-light-greenyellow:hover {
    color: white;
    border: 1px solid white;
    font-size:1.2rem;
}

.pr-5{
    padding-right:10px;
}

#flex-items1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;*/ /* Centers horizontally */
    /*align-items: center;*/ /* Centers vertically */
    /*height: 80vh;*/ /* Full viewport height */
/*}

#flex-row {
    display: flex;
    width: 90%;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

#flex-items2, #flex-items3, #flex-items4 {
    padding: 5px;
}

.table td, .table th {
    padding: 2px !important;
}

a.text-black, .table td {
    font-size: 12px;
}

.card-header {
    padding: 5px;
}

a {
    text-decoration: none;
}

.text-right {
    text-align: right;
}

#learning-area-flex {
    display: flex;
}

.ml-5 {
    margin-left: 5px;
}*/
/* /Components/Students/StudentAttendanceRegister.razor.rz.scp.css */
#page-bar[b-te2e619tzt] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-te2e619tzt] {
    margin-left: auto;
}

#lock-status-header[b-te2e619tzt] {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.bg-grey[b-te2e619tzt]{
    background-color:#808080;
}

a[b-te2e619tzt] {
    text-decoration: none;
}

.report-size[b-te2e619tzt] {
    height: 50vh;
}

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

.body-size[b-te2e619tzt] {
    height: 40vh;
    overflow-y: scroll;
}

.pl-5[b-te2e619tzt] {
    padding-left: 5px !important;
}

.p-5[b-te2e619tzt] {
    padding: 5px !important;
}

.pr-5[b-te2e619tzt] {
    padding-right: 5px !important;
}

#tblUnLockedStudents[b-te2e619tzt] {
    height: 350px;
    overflow-y: scroll;
}

.mt-10[b-te2e619tzt] {
    margin-top: 10px;
}

table[b-te2e619tzt], thead[b-te2e619tzt], th[b-te2e619tzt], td[b-te2e619tzt] {
    /*    line-height: 1.2px;*/
    font-size: small
}

.text-orange[b-te2e619tzt] {
    color: orange;
    font-weight: 700;
}

.bar-back-color[b-te2e619tzt], .bg-color[b-te2e619tzt] {
    background: orange;
}

.text-center[b-te2e619tzt] {
    text-align: center !important;
}

.pl-5[b-te2e619tzt] {
    padding-left: 5px;
}
/* /Components/Students/StudentAttendanceRegisterMenu.razor.rz.scp.css */
#page-bar[b-4u8cacqvwt] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-4u8cacqvwt] {
    margin-left: auto;
}

#lock-status-header[b-4u8cacqvwt] {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.more-options[b-4u8cacqvwt] {
    width: 90%;
    margin:10px;
    padding: 10px;
    border: 1px solid greenyellow;
}
.report-size[b-4u8cacqvwt] {
    height: 70vh;
}
.control-label[b-4u8cacqvwt] {
    line-height: 10px;
}

.list-group[b-4u8cacqvwt] {
    width: 220px;
    line-height: 10px;
}
.table-height[b-4u8cacqvwt]{
    max-height:200px;
    overflow-y:scroll;
}
.table td[b-4u8cacqvwt], .table th[b-4u8cacqvwt] {
    padding: 0px;
}

a[b-4u8cacqvwt], .btn-link[b-4u8cacqvwt] {
    font-size: 14px;
}
.body-size[b-4u8cacqvwt] {
    height: 50vh;
    overflow-y: scroll;
}

#tblUnLockedStudents[b-4u8cacqvwt] {
    height: 450px;
    overflow-y: scroll;
}

table[b-4u8cacqvwt], thead[b-4u8cacqvwt], th[b-4u8cacqvwt], td[b-4u8cacqvwt] {
    font-size: small
}

.text-orange[b-4u8cacqvwt] {
    color: orange;
    font-weight: 700;
}

.bar-back-color[b-4u8cacqvwt], .bg-color[b-4u8cacqvwt] {
    background: orange;
}





table[b-4u8cacqvwt] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-4u8cacqvwt] {
        font-size: medium;
        padding: 7px;
    }

    table.table td[b-4u8cacqvwt] {
        font-size: medium;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-4u8cacqvwt], table.table td[b-4u8cacqvwt] {
        padding: 7px;
    }

#page-bar[b-4u8cacqvwt] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-4u8cacqvwt] {
    margin-left: auto;
}

.form-label[b-4u8cacqvwt] {
    font-weight: 700;
}

.btn-light-gray[b-4u8cacqvwt] {
    background-color: #808080;
    color: greenyellow;
    width: 100% !important;
    border: 1px solid greenyellow !important;
}

    .btn-light-gray:hover[b-4u8cacqvwt] {
        /*background-color: #fff;
        color: #000;*/
        font-size: 1.1em;
        /*border: 1px solid #000;*/
    }

.card-footer[b-4u8cacqvwt] {
    padding: 20px;
}

.label-format[b-4u8cacqvwt] {
    font-weight: 700;
}

.form-grade-comments[b-4u8cacqvwt] {
    display: flex;
    height: 50%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-4u8cacqvwt] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-4u8cacqvwt] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 70vh;
    overflow-y: auto;
}

#flex-items-3[b-4u8cacqvwt] {
    width: 50%;
}

#gl-control-account-edit[b-4u8cacqvwt] {
    height: 50%;
    overflow-y: auto;
}

.pr-5[b-4u8cacqvwt] {
    padding-right: 5px;
}

.p-5[b-4u8cacqvwt] {
    padding: 5px;
}

.mb-5[b-4u8cacqvwt] {
    margin-bottom: 5px;
}

.mt-20[b-4u8cacqvwt] {
    margin-top: 20px;
}

.pr-10[b-4u8cacqvwt] {
    padding-right: 10px;
}
/* /Components/Students/StudentAttendanceRegisterShowForMonthComponent.razor.rz.scp.css */
body[b-rowyl3x2th] {
}
/* /Components/Students/StudentClassChangeComponent.razor.rz.scp.css */

#page-bar[b-btwdxjmscm] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-btwdxjmscm] {
    margin-left: auto;
}

.btn-light-gray[b-btwdxjmscm] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-btwdxjmscm] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-btwdxjmscm] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-btwdxjmscm] {  
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-btwdxjmscm] {
    /*    background-color: red;*/
    width: 50%;
/*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-btwdxjmscm] {
    /*  background-color: blue;*/
    width: 50%;
  /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-btwdxjmscm] {
    /*    background-color: green;*/
    width: 50%;
 /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#student-subjects[b-btwdxjmscm] {
    max-height: 55vh;
    overflow-y: scroll;
}

#class-subjects[b-btwdxjmscm] {
    max-height: 55vh;
    overflow-y: scroll;
}


.input-group-text[b-btwdxjmscm] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-btwdxjmscm] {
    background: #706e6e;
}

.text-light-greenyellow[b-btwdxjmscm] {
    color: greenyellow;
}

.mt-20[b-btwdxjmscm] {
    margin-top: 20px !important;
}
.card-footer[b-btwdxjmscm]{
    padding:10px;
}
/* /Components/Students/StudentClassMonthResultsComponent.razor.rz.scp.css */
.student-class-term-results[b-xhf52rrr4t] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.custom-header[b-xhf52rrr4t] {
    background-color: #808080;
    color: #ADFF2F;
    font-weight: bold;
}


.bg-dark-gray[b-xhf52rrr4t] {
    background-color: #706e6e;
}

.class-term-results[b-xhf52rrr4t] {
    border: solid 1px #706e6e;
    padding: 10px;
    max-height: 50vh;
    overflow: auto;
}

.text-light-green-yellow[b-xhf52rrr4t] {
   color: #c8f288;

}

.card[b-xhf52rrr4t] {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s;
}

    .card:hover[b-xhf52rrr4t] {
        transform: translateY(-5px);
        color:#000;
    }

.card-header[b-xhf52rrr4t] {
    background-color: #808080;
    color: #c8f288;
    font-weight: bold;
    padding: 12px 15px;
}

.term-button[b-xhf52rrr4t] {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    padding: 8px 12px;
    background-color: #808080;
    color: greenyellow;
    border: none;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .term-button:hover[b-xhf52rrr4t] {
        background-color: #707070;
    }


.term-container[b-xhf52rrr4t] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.term-card[b-xhf52rrr4t] {
    width: 90px;
    height: 90px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #f5f5f5;
    text-align: center;
    transition: 0.3s;
}

.term-text[b-xhf52rrr4t] {
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
    color: #c8f288;
}

.term-card:hover[b-xhf52rrr4t] {
    background-color: #ddd;
}

.term-card:hover .term-text[b-xhf52rrr4t], .term-card:hover .term-icon[b-xhf52rrr4t] {
    color: #706e6e;
}


.bg-color[b-xhf52rrr4t] {
    background-color: #706e6e;
}

.term-icon[b-xhf52rrr4t] {
    color: #c8f288;
}
/* /Components/Students/StudentClassTermResultsComponent.razor.rz.scp.css */
.student-class-term-results[b-6rlrhk3nhn] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.custom-header[b-6rlrhk3nhn] {
    background-color: #808080;
    color: #ADFF2F;
    font-weight: bold;
}


.bg-dark-gray[b-6rlrhk3nhn] {
    background-color: #706e6e;
}

.class-term-results[b-6rlrhk3nhn] {
    border: solid 1px #706e6e;
    padding: 10px;
    max-height: 50vh;
    overflow: auto;
}

.text-light-green-yellow[b-6rlrhk3nhn] {
   color: #c8f288;

}

.card[b-6rlrhk3nhn] {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s;
}

    .card:hover[b-6rlrhk3nhn] {
        transform: translateY(-5px);
        color:#000;
    }

.card-header[b-6rlrhk3nhn] {
    background-color: #808080;
    color: #c8f288;
    font-weight: bold;
    padding: 12px 15px;
}

.term-button[b-6rlrhk3nhn] {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    padding: 8px 12px;
    background-color: #808080;
    color: greenyellow;
    border: none;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .term-button:hover[b-6rlrhk3nhn] {
        background-color: #707070;
    }


.term-container[b-6rlrhk3nhn] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.term-card[b-6rlrhk3nhn] {
    width: 90px;
    height: 90px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #f5f5f5;
    text-align: center;
    transition: 0.3s;
}

.term-text[b-6rlrhk3nhn] {
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
    color: #c8f288;
}

.term-card:hover[b-6rlrhk3nhn] {
    background-color: #ddd;
}

.term-card:hover .term-text[b-6rlrhk3nhn], .term-card:hover .term-icon[b-6rlrhk3nhn] {
    color: #706e6e;
}


.bg-color[b-6rlrhk3nhn] {
    background-color: #706e6e;
}

.term-icon[b-6rlrhk3nhn] {
    color: #c8f288;
}
/* /Components/Students/StudentIdentityCardsComponent.razor.rz.scp.css */
.w-60[b-3y8jeup96x] {
    width: 60% !important;
}

.w-70[b-3y8jeup96x] {
    width: 70% !important;
}

.w-80[b-3y8jeup96x] {
    width: 80% !important;
}

.w-90[b-3y8jeup96x] {
    width: 90% !important;
}

/*
    1075 x 650 pixels 
*/
.card-width[b-3y8jeup96x] {
    width: 500px;
    padding: 5px;
}

.card-height[b-3y8jeup96x] {
    height: 200px;
}

.card-border[b-3y8jeup96x] {
    border: 1px solid #D3D3D3;
}

.id-outline[b-3y8jeup96x] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 25px 25px 25px 25px 25px 25px 25px 25px 25px 25px;
    border: 1px solid #dcb9ff;
}

.card-footer.bg-dark-gray[b-3y8jeup96x]{
    padding:5px 10px;
    text-align:right;
}

.row-0[b-3y8jeup96x] {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 6;
    border: 1px solid #ffb9b9;
    padding: 5px;
    background-color: #ffe9d3;
    text-align: center;
}

.row-1[b-3y8jeup96x] {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 1;
    border-top: 1px solid #dcb9ff;
    border-right: 1px solid #dcb9ff;
    padding: 5px;
}

.row-2[b-3y8jeup96x] {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 2;
    border-right: 1px solid #dcb9ff;
    padding: 5px;
}

.row-3[b-3y8jeup96x] {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 3;
    border-right: 1px solid #dcb9ff;
    padding: 5px;
}

.row-4[b-3y8jeup96x] {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 4;
    border-right: 1px solid #dcb9ff;
    padding: 5px;
}

.row-5[b-3y8jeup96x] {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 5;
    border-bottom: 1px solid #ffb9b9;
    border-right: 1px solid #dcb9ff;
    padding: 5px;
}

.row-6[b-3y8jeup96x] {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 6;
    grid-row-end: 11;
    border: 1px solid #ffb9b9;
    background-color: #edfbd5;
    padding: 5px;
    text-align: center;
}

.row-7[b-3y8jeup96x] {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 6;
    border-right: 1px solid #dcb9ff;
    padding: 5px;
}

.row-8[b-3y8jeup96x] {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 7;
    grid-row-end: 7;
/*    border-right: 1px solid #dcb9ff;*/
    padding: 5px;
}

.row-9[b-3y8jeup96x] {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 8;
    grid-row-end: 8;
/*    border-right: 1px solid #dcb9ff;*/
    padding: 5px;
}

.row-10[b-3y8jeup96x] {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 9;
    grid-row-end: 9;
/*    border-right: 1px solid #dcb9ff;
    border-bottom: 1px solid #dcb9ff;*/
    padding: 5px;
}

.row-11[b-3y8jeup96x] {
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 7;
    grid-row-end: 11;
    border-right: 1px solid #dcb9ff;
    border-bottom: 1px solid #dcb9ff;
    padding: 5px;
    text-align: center;
}

.text-id-medium[b-3y8jeup96x] {
    font-family: Calibri;
    font-size: 16px;
    font-style: normal;
    font-weight: bolder;
}

.text-id-small[b-3y8jeup96x] {
    font-family: Calibri;
    font-size: 12px;
    font-style: italic;
}

.text-center[b-3y8jeup96x] {
    text-align: center;
}
/* /Components/Students/StudentsMonthlyReportComponent.razor.rz.scp.css */
#cssTable[b-bonh5x2i9t] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}

#flex-items1[b-bonh5x2i9t] {
    /*    background-color: red;*/
    width: 100%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#page-bar[b-bonh5x2i9t] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-bonh5x2i9t] {
    margin-left: auto;
}

.bg-dark-gray[b-bonh5x2i9t] {
    background-color: #706e6e;
}
.mt-5[b-bonh5x2i9t]{
    margin-top:5px;
}
.ml-10[b-bonh5x2i9t]{
    margin-left:10px;
}
.text-green-yellow[b-bonh5x2i9t] {
    color: greenyellow;
}
.text-small[b-bonh5x2i9t]{
    font-size:large;
}
.custom-close-button[b-bonh5x2i9t] {
    filter: invert(40%) sepia(80%) saturate(500%) hue-rotate(90deg) brightness(100%) contrast(90%);
}

.text-gold[b-bonh5x2i9t]{
    color:gold;
}

.bi-x-lg[b-bonh5x2i9t] {
    font-size: 22px;
    font-weight: 800;
}

.bar-back-color[b-bonh5x2i9t] {
    background-color: teal;
}

table.table-sm th[b-bonh5x2i9t] {
    line-height: 0.5em;
}

.bordered[b-bonh5x2i9t] {
    border: solid 1px #000000;
}

#divMonthlyReport[b-bonh5x2i9t] {
    border: solid 1px #808080;
    padding: 10px;

}
#ZimCortOfArms img[b-bonh5x2i9t] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.container-fluid[b-bonh5x2i9t] {
    padding:5px;
 /*   padding-right: 0px;
    padding-left: 0px;*/
}

.col-2[b-bonh5x2i9t], col-3[b-bonh5x2i9t], col-1[b-bonh5x2i9t], col-4[b-bonh5x2i9t], col-5[b-bonh5x2i9t] {
    padding-bottom: 0px !important;
}

table.table-sm td[b-bonh5x2i9t] {
    padding-bottom: 0px !important;
    font-size: smaller;
    font-family: Calibri;
}

table.table td[b-bonh5x2i9t], table.table td[b-bonh5x2i9t] {
    padding: 2px;
}

.width-100[b-bonh5x2i9t] {
    min-width: 100%;
    max-width: 100%;
}

.SmallFonts-heading[b-bonh5x2i9t] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-bonh5x2i9t] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.header-container[b-bonh5x2i9t]{
    display:flex;  
    justify-content:space-between;
    flex-wrap:wrap;
}
.header-item[b-bonh5x2i9t] {
    /* Flex item also being a flex container*/
    display: flex;
    justify-content:center;
}

.form[b-bonh5x2i9t] {
    padding-bottom: 3px;
}

.bg-grey[b-bonh5x2i9t] {
    background-color: #9e9e9e !important;
}

.ShowDialog[b-bonh5x2i9t] {
    display: block;
}

.text-right[b-bonh5x2i9t] {
    text-align: right;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: block;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: block;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: none;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: block;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: none;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: block;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: block;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: none;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: block;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: none;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: block;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: none;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bonh5x2i9t], #divMonthlyReport[b-bonh5x2i9t] {
        display: none;
    }

    #divStudentReportMobile[b-bonh5x2i9t], #divMonthlyReportMobile[b-bonh5x2i9t] {
        display: block;
    }
}
.bg-grey[b-bonh5x2i9t] {
    background-color: #9e9e9e !important;
}
.print-div[b-bonh5x2i9t] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Components/Students/StudentsResultsLockedComponent.razor.rz.scp.css */
.modal-backdrop[b-nbtvj9u51n] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
}

.modal-dialog-box[b-nbtvj9u51n] {
    position: relative;
    background-color: white;
    padding: 2.5rem 2rem 2rem 2rem;
    border-radius: 8px;
    text-align: center;
    max-width: 450px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid lightcoral;
}

.modal-icon[b-nbtvj9u51n] {
    margin-bottom: 1.2rem;
}

.modal-message[b-nbtvj9u51n] {
    font-size: 0.8rem;
    font-weight: 500;
    color: lightcoral;
    margin-top: 0.5rem;
}

.modal-dismiss[b-nbtvj9u51n] {
    background-color: #808080;
    color: lightcoral;
    border: none;
    padding: 0.1rem 0.2rem;
    cursor: pointer;
    text-align: right;
}
.icon-size[b-nbtvj9u51n] {
    font-size: 3rem;
    color: lightcoral;
}

.close-button[b-nbtvj9u51n] {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
    background: none;
    border: none;
    font-size: 1.2rem;
    color: lightcoral;
    cursor: pointer;
    font-weight: bold;
}
/* /Components/Students/StudentTermlyLearningAreasComponents.razor.rz.scp.css */

a[b-91jfnq9fnn] {
    text-decoration: none;
}

.bg-grey[b-91jfnq9fnn] {
    background: #706e6e;
}

.text-light-greenyellow[b-91jfnq9fnn] {
    color: greenyellow;
}

.text-center[b-91jfnq9fnn] {
    text-align: center;
}

.card-header[b-91jfnq9fnn] {
    padding: 5px 40px;
}

.class-heading[b-91jfnq9fnn] {
    background-color: #808080;
}

    .class-heading a[b-91jfnq9fnn] {
        color: greenyellow;
    }

        .class-heading a:hover[b-91jfnq9fnn] {
            font-size: 1.2em;
        }

.body-border[b-91jfnq9fnn] {
    border: solid 1px #808080 !important;
}


[b-91jfnq9fnn] table {
    min-width: 100%;
}

[b-91jfnq9fnn] th.search-column {
    width: 14rem;
}

/* Subtle stripe effect */
[b-91jfnq9fnn] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-91jfnq9fnn] tbody tr {
    height: 1.8rem;
}

.input-formatter[b-91jfnq9fnn] {
    border: none;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    color: blue;
}

    .input-formatter:hover[b-91jfnq9fnn] {
        text-decoration: underline;
        font-size: 14px;
    }

input[b-91jfnq9fnn] {
    border: none; /* Removes the border */
    outline: none; /* Removes the focus outline */
}

#gutters[b-91jfnq9fnn] {
    height: 100px;
    background-color: grey;
}

.grid[b-91jfnq9fnn] {
    border: 1px solid #706e6e;
}
.grid[b-91jfnq9fnn] {
    /*    height: 25rem;*/
    height: 50vh;
    overflow-y: auto;
}

.mt-40[b-91jfnq9fnn] {
    margin-top:40px;
}

.pg-header[b-91jfnq9fnn] {
    border: 1px solid #706e6e;
}

#header1[b-91jfnq9fnn]{
    padding:10px;
}
#not-mobile[b-91jfnq9fnn] {
    border-left: 1px solid #706e6e;
    border-right: 1px solid #706e6e;
}
.bg-dark-gray[b-91jfnq9fnn] {
    background-color: #706e6e;
}
#ecd-learning-area-report[b-91jfnq9fnn]{
    margin:10px;
}

#each-learing-area[b-91jfnq9fnn] {
    margin-bottom: 10px;
    border: 1px solid #706e6e;
}
.card-footer[b-91jfnq9fnn] {
    padding: 10px;
    background-color: #706e6e;
}
.text-small[b-91jfnq9fnn]{
    font-size:14px;
}
/* /Components/Students/StudentTranscriptReportComponent.razor.rz.scp.css */
table[b-ztdzb2azx6] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-ztdzb2azx6] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-ztdzb2azx6] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-ztdzb2azx6], table.table td[b-ztdzb2azx6] {
        padding: 7px;
    }
.print-div[b-ztdzb2azx6]{
    text-align:right;
    padding:5px;
    margin:10px;
}
#page-bar[b-ztdzb2azx6] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ztdzb2azx6] {
    margin-left: auto;
}
.term-header[b-ztdzb2azx6]{
    padding:5px 0px;
}
.student-transcript[b-ztdzb2azx6] {
    display: flex;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}

#statement-header[b-ztdzb2azx6] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-ztdzb2azx6], #flex-item-2[b-ztdzb2azx6], #flex-item-3[b-ztdzb2azx6], #flex-item-4[b-ztdzb2azx6] {
    width: 70vw;
    border: 2px solid #808080;
}

#flex-item-1[b-ztdzb2azx6] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-ztdzb2azx6] {
   /* height: 40vh;*/
    overflow-y: auto;
}

#flex-items-4[b-ztdzb2azx6] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-small[b-ztdzb2azx6] {
    font-size: small;
}

.SmallFonts-heading[b-ztdzb2azx6] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-ztdzb2azx6] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#mobile-display[b-ztdzb2azx6] {
    display: none;
}

#school-details[b-ztdzb2azx6] {
    text-align: left;
}

#student-details[b-ztdzb2azx6] {
    text-align: right;
}
/* /Components/SYSParametersDetails.razor.rz.scp.css */
#sysparameters-show-edit[b-fpertpeahb]
{
 display:flex;
 justify-content:space-between;
 flex-direction:row;
}

#show-sysparameters[b-fpertpeahb] {
    border: 1px solid #808080;
    width: 60%;
    max-height:50%;
    overflow-y:scroll;
}
#edit-sysparameters[b-fpertpeahb] {
    border: 1px solid #808080;
    width: 35%;
    padding:5px;
}
table[b-fpertpeahb] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-fpertpeahb] {
        font-size: large;
        padding: 7px;
        background-color: #706e6e !important;
    }

/*    table.table thead {
        font-size: large;
        padding: 7px;
        background-color: #706e6e !important;
    }*/

    table.table td[b-fpertpeahb] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-fpertpeahb], table.table td[b-fpertpeahb] {
        padding: 7px;
    }

#page-bar-right[b-fpertpeahb] {
    margin-left: auto;
}
.class-subjects[b-fpertpeahb] {
    margin-top: 40px;
}
#page-bar[b-fpertpeahb] {
    display: flex;
    flex-wrap: nowrap;
}

.table-sm[b-fpertpeahb] {
    font-size: 16px;
}

.input-group-text[b-fpertpeahb] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-fpertpeahb] {
    background: #706e6e;
}

.bg-dark-gray[b-fpertpeahb], card-header.bg-dark-gray[b-fpertpeahb] {
    background-color: #706e6e!important;
}

.text-light-greenyellow[b-fpertpeahb] {
    color: greenyellow;
}

.mt-20[b-fpertpeahb] {
    margin-top: 20px !important;
}

.btn-light-gray[b-fpertpeahb] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}
    .btn-light-gray:hover[b-fpertpeahb] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-fpertpeahb] {
    font-weight: 700;
}

.form-control-custom-border[b-fpertpeahb]{
    border:1px solid aliceblue;
}

.form-control-custom-border[b-fpertpeahb] {
    border: 1px solid greenyellow;
}
/* /Components/TeacherProfileComponent.razor.rz.scp.css */

#page-bar[b-e9be3gm0p5] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-e9be3gm0p5] {
    margin-left: auto;
}

#form-wrapper[b-e9be3gm0p5] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-e9be3gm0p5] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-e9be3gm0p5] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
.label-format[b-e9be3gm0p5] {
    font-weight: 700;
}
.signature img[b-e9be3gm0p5]{
    height:40px;
    width:100%!important;
}
.top-teacher-div[b-e9be3gm0p5] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-e9be3gm0p5] {
    /*    background-color: red;*/
    width: 70%;
/*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 2px;
}

#flex-items2[b-e9be3gm0p5] {
    /*  background-color: blue;*/
    width: 70%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
}

#flex-items3[b-e9be3gm0p5] {
    /*    background-color: green;*/
    width: 70%;
    /*    height: 7vh;*/
    border: 1px solid #808080;
    //border-right: 1px solid #808080;
    padding: 2px;
}

#cardStaffProfile[b-e9be3gm0p5] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-e9be3gm0p5] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-e9be3gm0p5] {
    background: #706e6e;
}

.text-light-greenyellow[b-e9be3gm0p5] {
    color: greenyellow;
}

.mt-20[b-e9be3gm0p5] {
    margin-top: 20px !important;
}
.card-header[b-e9be3gm0p5]{
    padding:10px;
}
a[b-e9be3gm0p5]{
    text-decoration:none;
}
/* /Components/TeachersListComponent.razor.rz.scp.css */


.grid[b-zrp4u04ci8] {
    height: 38vh;
    width:100%;
    overflow-x: auto;
}

[b-zrp4u04ci8] table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[b-zrp4u04ci8] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-zrp4u04ci8] tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
}

[b-zrp4u04ci8] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}

.bg-dark-gray[b-zrp4u04ci8] {
    background-color: #706e6e;
}

.search-box[b-zrp4u04ci8] {
    margin: 5px;
    width: 200px;
    display: flex;
    justify-content: center;
}

.text-green-yellow[b-zrp4u04ci8] {
    color: greenyellow;
/*    margin-right: 10px;
    padding-top: 10px;
    font-size: 16px;*/
}

a[b-zrp4u04ci8]{
    text-decoration:none;
}

.text-black[b-zrp4u04ci8]{
    color:#000;
}
.search-box input[type="text"][b-zrp4u04ci8], .search-box input[type="search"][b-zrp4u04ci8] {
    width: 100%;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .search-box input[type="text"]:focus[b-zrp4u04ci8], .search-box input[type="search"]:focus[b-zrp4u04ci8] {
        border-color: #0078d4;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        outline: none;
    }

.search-icon[b-zrp4u04ci8] {
    margin-right: 12px;
    font-size: 18px;
    color: #666;
}
/* /Components/Teachers/GenerateAttendance.razor.rz.scp.css */
#page-bar[b-ax3df5svz9] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ax3df5svz9] {
    margin-left: auto;
}

#lock-status-header[b-ax3df5svz9] {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.report-size[b-ax3df5svz9] {
    height: 70vh;
}

.body-size[b-ax3df5svz9] {
    height: 50vh;
    overflow-y: scroll;
}

#tblUnLockedStudents[b-ax3df5svz9] {
    height: 450px;
    overflow-y: scroll;
}

table[b-ax3df5svz9], thead[b-ax3df5svz9], th[b-ax3df5svz9], td[b-ax3df5svz9] {
    font-size: small
}

.text-orange[b-ax3df5svz9] {
    color: orange;
    font-weight: 700;
}

.bar-back-color[b-ax3df5svz9], .bg-color[b-ax3df5svz9] {
    background: orange;
}





table[b-ax3df5svz9] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-ax3df5svz9] {
        font-size: medium;
        padding: 7px;
    }

    table.table td[b-ax3df5svz9] {
        font-size: medium;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-ax3df5svz9], table.table td[b-ax3df5svz9] {
        padding: 7px;
    }

#page-bar[b-ax3df5svz9] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ax3df5svz9] {
    margin-left: auto;
}

.form-label[b-ax3df5svz9] {
    font-weight: 700;
}

.btn-light-gray[b-ax3df5svz9] {
    background-color: #808080;
    color: greenyellow;
    width: 100%!important;
    border: 1px solid greenyellow!important;
}

    .btn-light-gray:hover[b-ax3df5svz9] {
        /*background-color: #fff;
        color: #000;*/
        font-size: 1.1em;
        /*border: 1px solid #000;*/
    }

.card-footer[b-ax3df5svz9] {
    padding: 20px;
}

.label-format[b-ax3df5svz9] {
    font-weight: 700;
}

.form-grade-comments[b-ax3df5svz9] {
    display: flex;
    height: 50%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-ax3df5svz9] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-ax3df5svz9] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 70vh;
    overflow-y: auto;
}

#flex-items-3[b-ax3df5svz9] {
    width: 50%;
}

#gl-control-account-edit[b-ax3df5svz9] {
    height: 50%;
    overflow-y: auto;
}

.pr-5[b-ax3df5svz9] {
    padding-right: 5px;
}

.p-5[b-ax3df5svz9] {
    padding: 5px;
}

.mb-5[b-ax3df5svz9] {
    margin-bottom: 5px;
}

.mt-20[b-ax3df5svz9] {
    margin-top: 20px;
}

.pr-10[b-ax3df5svz9] {
    padding-right: 10px;
}
/* /Components/Teachers/ObservedRemarksComponent.razor.rz.scp.css */
#page-bar[b-5ekxhh1iw3] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-5ekxhh1iw3] {
    margin-left: auto;
}

.btn-light-gray[b-5ekxhh1iw3] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-5ekxhh1iw3] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-5ekxhh1iw3] {
    font-weight: 700;
}

.change-student-class[b-5ekxhh1iw3] {
    width: 30vw;
    max-width: 30vw;
    border: 2px solid #808080;
}

#flex-items1[b-5ekxhh1iw3] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-5ekxhh1iw3] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-5ekxhh1iw3] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-red[b-5ekxhh1iw3] {
    color: red;
}

.text-light-greenyellow[b-5ekxhh1iw3] {
    color: greenyellow !important;
}

#notification-menu[b-5ekxhh1iw3] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-5ekxhh1iw3] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-5ekxhh1iw3] {
    padding: 5px !important;
}

#page-bar[b-5ekxhh1iw3] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-5ekxhh1iw3] {
    margin-left: auto;
}

.btn-light-gray[b-5ekxhh1iw3] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-5ekxhh1iw3] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-5ekxhh1iw3] {
    font-weight: 700;
}

#flex-items1[b-5ekxhh1iw3] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-5ekxhh1iw3] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-5ekxhh1iw3] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
.form-control[b-5ekxhh1iw3] {
    width: 100% !important;
    border: 1px solid #000!important;
}
a[b-5ekxhh1iw3]{
    text-decoration:none;
}
.card-footer[b-5ekxhh1iw3]{
    padding:10px;
}
/* /Components/Teachers/SubjectTeachersComponent.razor.rz.scp.css */
.teacher-subjects-container[b-p8ralkd0fy] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bg-dark-gray[b-p8ralkd0fy] {
    background-color: #706e6e;
}

table[b-p8ralkd0fy] {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.8rem; /* Small font size */
}

a[b-p8ralkd0fy] {
    text-decoration: none;
}
    .text-size-small[b-p8ralkd0fy]{
        font-size:small;
        padding :5px;
    }
    th[b-p8ralkd0fy], td[b-p8ralkd0fy], a.td[b-p8ralkd0fy] {
        border: 1px solid #ddd;
        padding: 3px;
        text-align: left;
    }
.text-right[b-p8ralkd0fy]{
    text-align:right;
}

.grade-form[b-p8ralkd0fy] {
    text-align: right;
    padding-right:0px;
    padding-top: 5px;
}

th[b-p8ralkd0fy] {
    background-color: #f2f2f2;
}

tr:hover[b-p8ralkd0fy] {
    background-color: #f5f5f5;
}

#btn-save[b-p8ralkd0fy] {
    margin-top: 5px;
}

    #btn-save:hover[b-p8ralkd0fy] {
        background-color: lightgreen;
        color: #000;
    }

.entry-form[b-p8ralkd0fy] {
    border: solid 1px #706e6e;
    padding: 10px;
}


.text-light-green-yellow[b-p8ralkd0fy] {
    color: #ADFF2F !important;
}

.subject-teachers[b-p8ralkd0fy] {
    max-height: 30vh;
    overflow: auto;
}
/* /Components/Teachers/TeacherEventsComponent.razor.rz.scp.css */
.text-light-green-yellow[b-apzn6cbdfh] {
    color: #ADFF2F !important;
}

a[b-apzn6cbdfh]{
    text-decoration:none;
}
/* /Components/Timer/TimerComponent.razor.rz.scp.css */
.clock[b-680w49nhcy] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    overflow: hidden;
}
.text-light-greenyellow[b-680w49nhcy] {
    color: #c8f288 !important;
}
h5[b-680w49nhcy], h6[b-680w49nhcy] {
    padding-bottom: 0px;
}
/* /Components/TryCatchBills/Billing.razor.rz.scp.css */

.bg-dark-gray[b-z1chf1u0uj]  {
    background-color: #706e6e!important;
}

.list-group-item[b-z1chf1u0uj] {
    background-color: #706e6e !important;
}
a[b-z1chf1u0uj]{
    text-decoration:none;
}
/* /Components/TryCatchBills/BillsHeader.razor.rz.scp.css */

p[b-q4xmkotacd] {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    font-family: Courier New, Courier, monospace;
    padding: 10px;
}

.text-left[b-q4xmkotacd] {
    text-align: left;
}

.text-right[b-q4xmkotacd] {
    text-align: right;
}

.pr-5[b-q4xmkotacd]{
    padding-right:5px;
}

.text-center[b-q4xmkotacd] {
    text-align: center;
}
/* /Components/TryCatchBills/TryCatchStatementSummary.razor.rz.scp.css */
table[b-bued7343q2] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-bued7343q2] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-bued7343q2] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-bued7343q2], table.table td[b-bued7343q2] {
        padding: 7px;
    }

a[b-bued7343q2] {
    text-decoration: none;
}

#page-bar[b-bued7343q2] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-bued7343q2] {
    margin-left: auto;
}

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

.page-bar-left[b-bued7343q2] {
    text-align: center;
}

.page-bar-right[b-bued7343q2] {
    text-align: right;
}

.student-statement[b-bued7343q2] {
    display: flex;
    max-height: 90%;
    height: 80%;
    width: 80%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: 40px;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}

#statement-header[b-bued7343q2] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-bued7343q2], #flex-item-2[b-bued7343q2], #flex-item-3[b-bued7343q2], #flex-item-4[b-bued7343q2] {
    width: 100%;
    border: 2px solid #808080;
}

#flex-item-1[b-bued7343q2] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-bued7343q2] {
    height: 40vh;
    overflow-y: auto;
}

#flex-items-0[b-bued7343q2] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-print-button[b-bued7343q2] {
    margin-top: 10px;
}

.text-small[b-bued7343q2] {
    font-size: small;
}

.SmallFonts-heading[b-bued7343q2] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-bued7343q2] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#mobile-display[b-bued7343q2] {
    display: none;
}

#school-details[b-bued7343q2] {
    text-align: left;
}

.pr-10[b-bued7343q2] {
    padding-right: 10px !important;
}

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

#student-details[b-bued7343q2] {
    text-align: right;
}

.card-header[b-bued7343q2] {
    padding: 10px;
}

@media all and (max-width: 767px) {
    #mobile-display[b-bued7343q2] {
        display: block;
    }

    #none-mobile-display[b-bued7343q2] {
        display: none;
    }

    #statement-time[b-bued7343q2] {
        display: none;
    }

    #flex-item-1[b-bued7343q2], #flex-item-2[b-bued7343q2], #flex-item-3[b-bued7343q2], #flex-item-4[b-bued7343q2] {
        width: 100%;
    }

    .student-statement[b-bued7343q2] {
        width: 98%;
    }
}

@media screen and (max-width: 1040px) {
    #mobile-display[b-bued7343q2] {
        display: block;
    }

    #none-mobile-display[b-bued7343q2] {
        display: none;
    }

    #statement-time[b-bued7343q2] {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #school-details[b-bued7343q2] {
        text-align: center;
    }

    #student-details[b-bued7343q2] {
        text-align: center;
    }
}
/* /Pages/Accountant/AccountantMenu.razor.rz.scp.css */
*[b-9evcbi7zfv] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.container-fluid[b-9evcbi7zfv] {
    left: 0;
    padding-left: 0px;
}

.flex-container[b-9evcbi7zfv] {
    display: flex;
    flex-direction: row;
}

.nav-bars[b-9evcbi7zfv] {
    max-height: 100vh;
    height: 100vh;
    overflow-x: hidden;
    padding: 5px;
}

/* Left menu bar */
.class-left-bar-open[b-9evcbi7zfv] {
    width: 260px;
    left: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-left-bar-close[b-9evcbi7zfv] {
    width: 40px;
    left: 0px;
}

.left-bar-items-open[b-9evcbi7zfv] {
    width: 260px;
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
}

.left-bar-items-close[b-9evcbi7zfv] {
    display: none;
}

/*   Right Menu bar  */

.class-right-bar-open[b-9evcbi7zfv] {
    width: 290px;
    max-width: 290px;
    right: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-right-bar-close[b-9evcbi7zfv] {
    width: 40px;
    max-width: 40px;
    right: 0px;
}

.right-bar-items-open[b-9evcbi7zfv] {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 290px;
}

.right-bar-items-close[b-9evcbi7zfv] {
    display: none;
}

/*    Align burger menu to the right */

.burger-menu-alignment[b-9evcbi7zfv] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#id-left-bar[b-9evcbi7zfv] {
    border-right: solid 2px #ccc;
}

#id-right-bar[b-9evcbi7zfv] {
    border-left: solid 2px #ccc;
}

#id-main-display-area[b-9evcbi7zfv] {
    /*    width: calc(100%-620px);*/
    max-width: calc(vw-630px);
    flex-grow: 1;
    max-height: 100%;
    height: 100%;
}

.dynamic-container[b-9evcbi7zfv] {
    display: flex;
    justify-content: center;
}
/* Burger menu definition */
.menu-toggle[b-9evcbi7zfv] {
    /* width: 260px;*/
    background: #706e6e;
    left: 0;
    display: flex;
    /* justify-content: flex-end;*/
    flex-direction: column;
    margin-bottom: 0px;
    transition: 0.5s;
}

.menu-toggle-close[b-9evcbi7zfv] {
    width: 40px;
    background: #706e6e;
    transition: 0.5s;
    overflow: hidden;
}

.menu-button[b-9evcbi7zfv] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}
/***/

.menu-button-open[b-9evcbi7zfv] {
    justify-content: end;
}



/**/
.menu-button-burger[b-9evcbi7zfv] {
    width: 30px;
    height: 3px;
    background: greenyellow;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(255,101,47,.2);
    transition: all .5s ease-in-out;
}

    .menu-button-burger[b-9evcbi7zfv]::before, .menu-button-burger[b-9evcbi7zfv]::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background: greenyellow;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(255,101,47,.2);
        transition: all .5s ease-in-out;
    }

    .menu-button-burger[b-9evcbi7zfv]::before {
        transform: translateY(-9px);
    }

    .menu-button-burger[b-9evcbi7zfv]::after {
        transform: translateY(9px);
    }

/* Animation */
.menu-button.open .menu-button-burger[b-9evcbi7zfv] {
    transform: translate(-30px);
    background: transparent;
    box-shadow: none;
    transition: all .5s ease-in-out;
}

    .menu-button.open .menu-button-burger[b-9evcbi7zfv]::before {
        transform: rotate(45deg) translate(21px, -21px);
        transition: all .5s ease-in-out;
    }

    .menu-button.open .menu-button-burger[b-9evcbi7zfv]::after {
        transform: rotate(-45deg) translate(21px, 21px);
        transition: all .5s ease-in-out;
    }

a[b-9evcbi7zfv] {
    text-decoration: none;
}
/* /Pages/Accountant/AccountantNavMenu.razor.rz.scp.css */

.header-class[b-k408vxd7s2]{
    display:flex;
    flex-flow:column;
    justify-content:center;
    background:#fff;
    border-radius:5%;
    margin:5px;
    padding:5px;
}
.text-black[b-k408vxd7s2]{
    color:#000;
}
/*#myschool-admin-photo {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding: 10px 0;
}*/
*[b-k408vxd7s2] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

a p[b-k408vxd7s2] {
  /*  color: greenyellow;*/
}

a img:hover[b-k408vxd7s2] {
    cursor: pointer;
}

li nav-link:hover[b-k408vxd7s2] {
    background-color: lightblue !important;
}

.list-group-item[b-k408vxd7s2] {
    background-color: #706e6e;
/*    /*    color: greenyellow;*/*/
}

#teacher-photo[b-k408vxd7s2] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding: 10px 0;
}

header[b-k408vxd7s2] {
    font-size: 20px;
/*    color: greenyellow;*/
    text-align: center;
    line-height: 30px;
    background: #706e6e;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    user-select: none;
}

ul a[b-k408vxd7s2] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
  /*  color: greenyellow;*/
    padding-left: 10px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid green;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-k408vxd7s2] {
        margin-right: 16px;
    }

ul li:hover a[b-k408vxd7s2] {
    padding-left: 20px;
    font-size: 18px;
    background-color: black;
}
    .social-links i:hover[b-k408vxd7s2] {
        background: #1492d1;
    }

/* Burger menu definition */
.menu-toggle[b-k408vxd7s2] {
    width: 250px;
    background: #706e6e;
    left: 0;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
    transition: 0.5s;
}

.menu-toggle-close[b-k408vxd7s2] {
    width: 40px;
    background: #706e6e;
    transition: 0.5s;
}

.menu-button[b-k408vxd7s2] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.menu-button-burger[b-k408vxd7s2] {
    width: 30px;
    height: 3px;
    background: greenyellow;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(255,101,47,.2);
    transition: all .5s ease-in-out;
}

    .menu-button-burger[b-k408vxd7s2]::before, .menu-button-burger[b-k408vxd7s2]::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background: greenyellow;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(255,101,47,.2);
        transition: all .5s ease-in-out;
    }

    .menu-button-burger[b-k408vxd7s2]::before {
        transform: translateY(-9px);
    }

    .menu-button-burger[b-k408vxd7s2]::after {
        transform: translateY(9px);
    }

/* Animation */
.menu-button.open .menu-button-burger[b-k408vxd7s2] {
    transform: translate(-30px);
    background: transparent;
    box-shadow: none;
    transition: all .5s ease-in-out;
}

    .menu-button.open .menu-button-burger[b-k408vxd7s2]::before {
        transform: rotate(45deg) translate(21px, -21px);
        transition: all .5s ease-in-out;
    }

    .menu-button.open .menu-button-burger[b-k408vxd7s2]::after {
        transform: rotate(-45deg) translate(21px, 21px);
        transition: all .5s ease-in-out;
    }
/* /Pages/Accountant/Accounting.razor.rz.scp.css */

#accounting-menu[b-omv1uqhd7b]{
    border:1px solid greenyellow;
    width:90%;
    padding:10px;
}
#accounting-menu-items[b-omv1uqhd7b]{
    border:none;
}
/* /Pages/Accountant/CashBook/CashbookMenu.razor.rz.scp.css */
#accounts-chasbhook-menu[b-bhpyj5f3zo] {
    width: 100%;
    border: 1px solid greenyellow;
}
#accounts-menu-transactions[b-bhpyj5f3zo], #accounts-menu-housekeeping[b-bhpyj5f3zo], #accounts-menu-processing[b-bhpyj5f3zo], #accounts-menu-reports[b-bhpyj5f3zo] {
    width: 100%;
    border: 1px solid greenyellow;
    padding: 5px;
}


.btn-light-gray[b-bhpyj5f3zo] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

.btn-outline-custom[b-bhpyj5f3zo] {
    border: 1px solid #adff2f; /* Greenyellow outline */
    color: #adff2f; /* Greenyellow text color */
    background-color: transparent;   
    height: 30px;
}

.btn-icon-width[b-bhpyj5f3zo] {
    width: 45px;
}
.btn-text-width[b-bhpyj5f3zo] {
    width: 135px;
    padding:2px!important
}

.custom-link[b-bhpyj5f3zo] {
    height: 30px;
}

/*.fs-small{
    font-size:8.5px;
    font-family:Calibri;
}*/

.btn-outline-custom:hover[b-bhpyj5f3zo] {
    /*border: 1px solid #adff2f;*/ /* Greenyellow outline */
    background-color: #adff2f; /* Greenyellow background on hover */
    color: #000; /* White text on hover */
    font-size:inherit;
}

.text-gold[b-bhpyj5f3zo] {
    color: gold;
}

    .btn-light-gray:hover[b-bhpyj5f3zo] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
        font-size:inherit;
    }
.list-group-item[b-bhpyj5f3zo] {
    line-height: 0.8em;
    color: greenyellow;
}

    .list-group-item:hover[b-bhpyj5f3zo] {
        background-color: black;
    }
    ul li:hover a[b-bhpyj5f3zo] {
        padding-left: 10px;
/*        font-size: 18px;*/
        background-color: black;
    }
.pr-5[b-bhpyj5f3zo] {
    padding-right: 5px;
}
.list-group[b-bhpyj5f3zo] {
    line-height: 10px;
}

.hide-div[b-bhpyj5f3zo] {
    /*height:0px;*/
    display: none;
}

.show-div[b-bhpyj5f3zo] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-bhpyj5f3zo] {
    color: #ADFF2F;
}

.footer-div[b-bhpyj5f3zo] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

table.table th[b-bhpyj5f3zo] {
    font-size: small;
    padding: 7px;
}

table.table td[b-bhpyj5f3zo] {
    font-size: small;
    line-height: 0.8em;
    background-color: #706e6e;
    border: 1px solid #fff;
}

table.table th[b-bhpyj5f3zo], table.table td[b-bhpyj5f3zo] {
    padding: 7px;
}
#class-students[b-bhpyj5f3zo]{
    height:20vh;
    overflow:auto;
}
.card-footer[b-bhpyj5f3zo]{
    margin:2px 2px;
}
a[b-bhpyj5f3zo] {
    text-decoration: none;
}
/* /Pages/Accountant/CashBook/CashBookSummaryReport.razor.rz.scp.css */
/*#divTrialBalance, #divProfitAndLoss, #divBalanceSheet, #divChartOfAccounts {
    height: 500px;
    overflow-x: scroll;
}*/

#bodyChartOfAccounts[b-ldpnzpubpg] {
    height: 70vh;
    overflow-y: scroll;
}

#btnPrintCofA[b-ldpnzpubpg] {
    width: 120px;
    margin: 10px 0 10px 0;
}

#faPrint[b-ldpnzpubpg] {
    padding: 5px;
}

th[b-ldpnzpubpg] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


    th.ClassHeader[b-ldpnzpubpg] {
        background-color: lightslategrey;
        color: black;
        font-family: Calibri;
        font-size: large;
    }

.TitleFont[b-ldpnzpubpg] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-ldpnzpubpg] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-ldpnzpubpg], .h4Val[b-ldpnzpubpg] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table[b-ldpnzpubpg] {
    font-family: Calibri;
    font-size: medium;
}

.table td[b-ldpnzpubpg], .table th[b-ldpnzpubpg] {
        padding: 2px;
}

#page-bar[b-ldpnzpubpg] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ldpnzpubpg] {
    margin-left: auto;
}

.form-label[b-ldpnzpubpg] {
    font-weight: 700;
}

.btn-light-gray[b-ldpnzpubpg] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ldpnzpubpg] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-ldpnzpubpg] {
    padding: 5px;
}

.label-format[b-ldpnzpubpg] {
    font-weight: 700;
}

.divChartOfAccounts[b-ldpnzpubpg] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-ldpnzpubpg] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-ldpnzpubpg] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-ldpnzpubpg] {
    width: 98%;
}
/*
#gl-control-account-edit {
    max-height: 60vh;
    overflow-y: auto;
}*/
/* /Pages/Accountant/CashBook/CBAudtTrail.razor.rz.scp.css */
table[b-rlvp6t43xx] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-rlvp6t43xx] {
        font-size: 14px;
        padding: 7px;
    }

    table.table td[b-rlvp6t43xx] {
        font-size: 14px;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-rlvp6t43xx], table.table td[b-rlvp6t43xx] {
        padding: 7px;
    }

#page-bar[b-rlvp6t43xx] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-rlvp6t43xx] {
    margin-left: auto;
}

.debtors-audit-trail[b-rlvp6t43xx] {
    display: flex;
    height: 90vh;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}


#flex-items-1[b-rlvp6t43xx], #flex-items-2[b-rlvp6t43xx], #flex-items-3[b-rlvp6t43xx] {
    width: 70vw;
    border: 2px solid #808080;
}

.pr-5[b-rlvp6t43xx]{
    padding-right:5px;
}

#audit-trail-details[b-rlvp6t43xx]{
    max-height:60vh;
    overflow:auto;
}

.text-small[b-rlvp6t43xx] {
    font-size: small;
}

.SmallFonts-heading[b-rlvp6t43xx] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-rlvp6t43xx] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
/* /Pages/Accountant/CashBook/CBBankEdit.razor.rz.scp.css */
*[b-rnawpmxcam] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*.text-light-greenyellow {
    color: greenyellow;
}*/

.btn-light-gray[b-rnawpmxcam] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-rnawpmxcam] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-rnawpmxcam] {
    padding: 5px;
}
.card-header[b-rnawpmxcam] {
    padding:10px;
}
.label-format[b-rnawpmxcam] {
    font-weight: 700;
}




#outer-flex[b-rnawpmxcam] {
    margin-top: 20px;
    width: 90%;
    height: 75%;
    display: flex;
    padding: 10px;
    border: 1px solid #808080;
}

#outer-flex-item-1[b-rnawpmxcam] {
    width: 65%;
    height: 75%;
    border: 1px solid #808080;
}

.accounts-cb-nst-header[b-rnawpmxcam] {
    display: flex;
    height: 25%; /*350px;*/
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    /*margin: 0 10px;*/
}

#outer-flex-item-2[b-rnawpmxcam] {
    width: 35%;
    height: 75%;
    margin-left: 10px;
/*    border: 1px solid #808080;*/
    padding: 5px;
}

#cb-nst-detail[b-rnawpmxcam] {
    width: 100%;
    border: 1px solid #808080;
    /* padding:20px;*/
}



#flex-items-1[b-rnawpmxcam] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
}

#flex-items-2[b-rnawpmxcam] {
    /*  width: 70%;*/
    display: flex;
    border #808080;
    /* border-right: 1px solid #808080;*/
    padding: 20px;
    flex-direction: row;
    justify-content: space-between;
}

#flex-items-3[b-rnawpmxcam] {
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
    max-height: 350px;
    /*    overflow-y: auto;*/
}



/*

*/
#page-bar[b-rnawpmxcam] {
    display: flex;
    flex-wrap: nowrap;
}

.form-control[b-rnawpmxcam] {
    line-height: 0.6em!important;
    border:solid 1px #b6ff00 !important;
}

#buttons-footer[b-rnawpmxcam] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#page-bar-right[b-rnawpmxcam] {
    margin-left: auto;
}

.btn-light-gray[b-rnawpmxcam] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-rnawpmxcam] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-rnawpmxcam] {
    font-weight: 700;
}

/*.bank-details-container {
    display: flex;
    height: 80vh;
    height: 80%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top:20px;
    padding-right: 10px;
}*/

#flex-items1[b-rnawpmxcam] {
    /*    background-color: red;*/
    width: 100%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-rnawpmxcam] {
    /*  background-color: blue;*/
    width: 100%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-rnawpmxcam] {
    /*    background-color: green;*/
    width: 100%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#card-body-details[b-rnawpmxcam] {
   /* max-height: 40vh;*/
    max-height: 40%;
  /*  overflow-y: auto;*/
}


.bg-grey[b-rnawpmxcam] {
    background: #706e6e;
}

.text-light-greenyellow[b-rnawpmxcam] {
    color: greenyellow;
}

.mt-20[b-rnawpmxcam] {
    margin-top: 20px !important;
}
/* /Pages/Accountant/CashBook/CBParameterSetupPage.razor.rz.scp.css */
table[b-mitsgflqeo] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-mitsgflqeo] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-mitsgflqeo] {
        font-size: large;
        line-height: 1.0em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-mitsgflqeo], table.table td[b-mitsgflqeo] {
        padding: 7px;
    }

#page-bar[b-mitsgflqeo] {
    display: flex;
    flex-wrap: nowrap;
}

.table-sm[b-mitsgflqeo] {
    font-size: 16px;
}

#page-bar-right[b-mitsgflqeo] {
    margin-left: auto;
}

.btn-light-gray[b-mitsgflqeo] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-mitsgflqeo] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-mitsgflqeo] {
    font-weight: 700;
}

.class-subjects[b-mitsgflqeo] {
    margin-top: 40px;
}

.module-parameters[b-mitsgflqeo] {
    width: 90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*    margin: 0 10px;*/
}

#flex-items1[b-mitsgflqeo] {
    height: 30%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
    overflow-y:scroll;
}

#flex-items2[b-mitsgflqeo] {
    height: 30%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}
/* /Pages/Accountant/CashBook/CBSupplierPayments.razor.rz.scp.css */

#page-bar[b-2naqcineka], #btn-group-flex[b-2naqcineka] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*#page-bar-right {
    margin-left: auto;
}

.page-bar-center{
    text-align:center;
}*/
.btn-light-gray[b-2naqcineka] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-2naqcineka] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-2naqcineka] {
    font-weight: 700;
}

/*#divClassUnpostedIndividualInvoices {
    height: 400px;
}*/

.create-new-supplier-invoice[b-2naqcineka] {
    display: flex;
    height: 98vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
 
}

#flex-items-1[b-2naqcineka] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-2naqcineka] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items-3[b-2naqcineka] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.form-group[b-2naqcineka] {
    margin: 0px;
}

#flex-items-2[b-2naqcineka] {
    max-height: 55vh;
    overflow-y: scroll;
}
/* /Pages/Accountant/CashBook/CBTransNSTHeader.razor.rz.scp.css */
*[b-4mpkbcua5n] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.text-light-greenyellow[b-4mpkbcua5n]{
    color:greenyellow;
}
.btn-light-gray[b-4mpkbcua5n] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-4mpkbcua5n] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-4mpkbcua5n] {
    padding: 5px;
}

.label-format[b-4mpkbcua5n] {
    font-weight: 700;
}




#outer-flex[b-4mpkbcua5n] {
    margin-top: 20px;
    width: 90%;
    height: 75%;
    display: flex;
}

#outer-flex-item-1[b-4mpkbcua5n] {
    width: 80%;
    height: 75%;
    border: 1px solid #808080;
}

.accounts-cb-nst-header[b-4mpkbcua5n] {
    display: flex;
    height: 25%; /*350px;*/
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    /*margin: 0 10px;*/
}
#outer-flex-item-2[b-4mpkbcua5n] {
    width: 20%;
    height: 75%;
    margin-left: 10px;
    border: 1px solid #808080;
    padding:5px;
}

#cb-nst-detail[b-4mpkbcua5n] {
    width: 100%;
    border: 1px solid #808080;
   /* padding:20px;*/
}



#flex-items-1[b-4mpkbcua5n] {   
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
}

#flex-items-2[b-4mpkbcua5n] {
    /*  width: 70%;*/
    display: flex;
    border #808080;
    /* border-right: 1px solid #808080;*/
    padding: 20px;
    flex-direction: row;
    justify-content: space-between;
}

#flex-items-3[b-4mpkbcua5n] {
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
    max-height: 350px;
/*    overflow-y: auto;*/
}
/*
#flex-height-div {
    width: 90%;
    height: 40px;
}

#flex-items-4 {
    width: 90%;
    max-height: 350px;
    overflow-y: auto;
}

.pr-10{
    padding-right:10px;
}
.pl-10 {
    padding-left:10px;
}
*/
/* /Pages/Accountant/CashBook/StudentCBReceipt.razor.rz.scp.css */
/*#page-bar {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right {
    margin-left: auto;
}*/

.btn-light-gray[b-9thkhz0ny4] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-9thkhz0ny4] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-9thkhz0ny4] {
    padding: 5px;
}

.label-format[b-9thkhz0ny4] {
    font-weight: 700;
}

.accounts-student-cb-receipt[b-9thkhz0ny4] {
    display: flex;
    height: 70vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-9thkhz0ny4] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
}
#flex-items-2[b-9thkhz0ny4] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-9thkhz0ny4] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}



#flex-items-4[b-9thkhz0ny4] {
    width: 90%;
}
/* /Pages/Accountant/CashBook/StudentCBReceiptReversal.razor.rz.scp.css */
/* /Pages/Accountant/CashBook/ViewPostCBTransactionsToGL.razor.rz.scp.css */
table[b-u4m3htw8pe] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-u4m3htw8pe] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-u4m3htw8pe] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-u4m3htw8pe], table.table td[b-u4m3htw8pe] {
        padding: 7px;
    }

#page-bar[b-u4m3htw8pe] {
    display: flex;
    flex-wrap: nowrap;
    justify-content:space-between
}
.table-sm[b-u4m3htw8pe]{
    font-size:16px;
}
/*#page-bar-right {
    margin-left: auto;
}*/
.btn-light-gray[b-u4m3htw8pe] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-u4m3htw8pe] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-u4m3htw8pe] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.view-posted-unposted-cb-transactions[b-u4m3htw8pe] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-u4m3htw8pe] {
    /*    background-color: red;*/
    width: 70vw;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-u4m3htw8pe] {
    /*  background-color: blue;*/
    width: 70vw;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-u4m3htw8pe] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
#flex-items4[b-u4m3htw8pe] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#pl-trans-details[b-u4m3htw8pe] {
    max-height: 45vh;
    max-width:70vw;
    overflow: scroll;
}

#student-subjects[b-u4m3htw8pe] {
    max-height: 40vh;
    overflow-y: scroll;
}

#class-subjects[b-u4m3htw8pe] {
    max-height: 40vh;
    overflow-y: scroll;
}

#cardStaffProfile[b-u4m3htw8pe] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-u4m3htw8pe] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-u4m3htw8pe] {
    background: #706e6e;
}

.text-light-greenyellow[b-u4m3htw8pe] {
    color: greenyellow;
}

.mt-20[b-u4m3htw8pe] {
    margin-top: 20px !important;
}
/* /Pages/Accountant/ChangePassword.razor.rz.scp.css */
select[b-et5m3h3fda] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-et5m3h3fda] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-et5m3h3fda] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-et5m3h3fda] {
    border-radius: 0;
}

.list-group-item[b-et5m3h3fda] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-et5m3h3fda] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-et5m3h3fda] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-et5m3h3fda] {
    background: #4285f4 !important;
}


#page-bar[b-et5m3h3fda] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-et5m3h3fda] {
    margin-left: auto;
}

#form-wrapper[b-et5m3h3fda] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-et5m3h3fda] {
    font-weight: 700;
}

.top-passwordchange-div[b-et5m3h3fda] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-et5m3h3fda] {
    /*    background-color: red;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-et5m3h3fda] {
    /*  background-color: blue;*/
    width: 50%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-et5m3h3fda] {
    /*    background-color: green;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Accountant/ChangeStudentClass.razor.rz.scp.css */

#page-bar[b-rhel224g00] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-rhel224g00] {
    margin-left: auto;
}

.btn-light-gray[b-rhel224g00] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-rhel224g00] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-rhel224g00] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-rhel224g00] {  
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-rhel224g00] {
    /*    background-color: red;*/
    width: 50%;
/*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-rhel224g00] {
    /*  background-color: blue;*/
    width: 50%;
  /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-rhel224g00] {
    /*    background-color: green;*/
    width: 50%;
 /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#student-subjects[b-rhel224g00] {
    max-height: 55vh;
    overflow-y: scroll;
}

#class-subjects[b-rhel224g00] {
    max-height: 55vh;
    overflow-y: scroll;
}


.input-group-text[b-rhel224g00] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-rhel224g00] {
    background: #706e6e;
}

.text-light-greenyellow[b-rhel224g00] {
    color: greenyellow;
}

.mt-20[b-rhel224g00] {
    margin-top: 20px !important;
}
.card-footer[b-rhel224g00]{
    padding:10px;
}
/* /Pages/Accountant/ClassInvoice.razor.rz.scp.css */
#page-bar[b-2e7eacrusg] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-2e7eacrusg] {
    margin-left: auto;
}

.btn-light-gray[b-2e7eacrusg] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-2e7eacrusg] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
.card-footer[b-2e7eacrusg]{
    padding:5px;
}
.label-format[b-2e7eacrusg] {
    font-weight: 700;
}

.accounts-class-invoices[b-2e7eacrusg] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-2e7eacrusg] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-2e7eacrusg] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height:40vh;
    overflow-y:auto;
}

#flex-items-3[b-2e7eacrusg] {
    width: 90%;
}
#flex-item-4[b-2e7eacrusg] {
    width: 90%;
}
/* /Pages/Accountant/ClassInvoiceUnposted.razor.rz.scp.css */
#page-bar[b-ve13hrwgda] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ve13hrwgda] {
    margin-left: auto;
}

.btn-light-gray[b-ve13hrwgda] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ve13hrwgda] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-ve13hrwgda] {
    padding: 5px;
}
table th[b-ve13hrwgda] {
    padding: 3px;
    font-size: 16px;
}
table td[b-ve13hrwgda] {
    font-size: 14px;
    padding: 3px;
    line-height: 1px;
    vertical-align: middle;
}
.label-format[b-ve13hrwgda] {
    font-weight: 700;
}

.accounts-class-unposted-invoices[b-ve13hrwgda] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-ve13hrwgda] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-ve13hrwgda] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-ve13hrwgda] {
    width: 90%;
}

#flex-item-4[b-ve13hrwgda] {
    width: 90%;
}
/* /Pages/Accountant/Creditors/CreditorsAudtTrail.razor.rz.scp.css */
table[b-pcrhj3nxii] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-pcrhj3nxii] {
        font-size: 14px;
        padding: 7px;
    }

    table.table td[b-pcrhj3nxii] {
        font-size: 14px;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-pcrhj3nxii], table.table td[b-pcrhj3nxii] {
        padding: 7px;
    }

#page-bar[b-pcrhj3nxii] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-pcrhj3nxii] {
    margin-left: auto;
}

.debtors-audit-trail[b-pcrhj3nxii] {
    display: flex;
    height: 90vh;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}


#flex-items-1[b-pcrhj3nxii], #flex-items-2[b-pcrhj3nxii], #flex-items-3[b-pcrhj3nxii] {
    width: 70vw;
    border: 2px solid #808080;
}

.pr-5[b-pcrhj3nxii]{
    padding-right:5px;
}

#audit-trail-details[b-pcrhj3nxii]{
    max-height:60vh;
    overflow:auto;
}

.text-small[b-pcrhj3nxii] {
    font-size: small;
}

.SmallFonts-heading[b-pcrhj3nxii] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-pcrhj3nxii] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
/* /Pages/Accountant/Creditors/CreditorsMenu.razor.rz.scp.css */
#accounts-debtors-menu[b-3u7faq26zc] {
    width: 100%;
    border: 1px solid greenyellow;
}
#accounts-menu-transactions[b-3u7faq26zc], #accounts-menu-housekeeping[b-3u7faq26zc], #accounts-menu-processing[b-3u7faq26zc], #accounts-menu-reports[b-3u7faq26zc] {
    width: 100%;
    border: 1px solid greenyellow;
    padding: 5px;
}
.btn-light-gray[b-3u7faq26zc] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-3u7faq26zc] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
.list-group-item[b-3u7faq26zc] {
    line-height: 0.8em;
    color: greenyellow;
}

    .list-group-item:hover[b-3u7faq26zc] {
        background-color: black;
    }
    ul li:hover a[b-3u7faq26zc] {
        padding-left: 10px;
        font-size: 18px;
        background-color: black;
    }
.pr-5[b-3u7faq26zc] {
    padding-right: 5px;
}
.list-group[b-3u7faq26zc] {
    line-height: 10px;
}

.hide-div[b-3u7faq26zc] {
    /*height:0px;*/
    display: none;
}

.show-div[b-3u7faq26zc] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-3u7faq26zc] {
    color: #ADFF2F;
}

.footer-div[b-3u7faq26zc] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

table.table th[b-3u7faq26zc] {
    font-size: small;
    padding: 7px;
}

table.table td[b-3u7faq26zc] {
    font-size: small;
    line-height: 0.8em;
    background-color: #706e6e;
    border: 1px solid #fff;
}

table.table th[b-3u7faq26zc], table.table td[b-3u7faq26zc] {
    padding: 7px;
}
#class-students[b-3u7faq26zc]{
    height:20vh;
    overflow:auto;
}
a[b-3u7faq26zc] {
    text-decoration: none;
}
/* /Pages/Accountant/Creditors/CreditorsTransactions.razor.rz.scp.css */

#page-bar[b-wua50hl5lm], #btn-group-flex[b-wua50hl5lm] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*#page-bar-right {
    margin-left: auto;
}

.page-bar-center{
    text-align:center;
}*/
.btn-light-gray[b-wua50hl5lm] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-wua50hl5lm] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-wua50hl5lm] {
    font-weight: 700;
}

/*#divClassUnpostedIndividualInvoices {
    height: 400px;
}*/

.create-new-supplier-invoice[b-wua50hl5lm] {
    display: flex;
    height: 98vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
 
}

#flex-items-1[b-wua50hl5lm] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-wua50hl5lm] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items-3[b-wua50hl5lm] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.form-group[b-wua50hl5lm] {
    margin: 0px;
}

#flex-items-2[b-wua50hl5lm] {
    max-height: 55vh;
    overflow-y: scroll;
}
/* /Pages/Accountant/Creditors/PLParameterSetupPage.razor.rz.scp.css */
table[b-qm7ap84m02] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-qm7ap84m02] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-qm7ap84m02] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-qm7ap84m02], table.table td[b-qm7ap84m02] {
        padding: 7px;
    }

#page-bar[b-qm7ap84m02] {
    display: flex;
    flex-wrap: nowrap;
}

.table-sm[b-qm7ap84m02] {
    font-size: 16px;
}

#page-bar-right[b-qm7ap84m02] {
    margin-left: auto;
}

.btn-light-gray[b-qm7ap84m02] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-qm7ap84m02] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-qm7ap84m02] {
    font-weight: 700;
}

.class-subjects[b-qm7ap84m02] {
    margin-top: 40px;
}

.module-parameters[b-qm7ap84m02] {
    width: 90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*    margin: 0 10px;*/
}

#flex-items1[b-qm7ap84m02] {
    height: 20%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}

#flex-items2[b-qm7ap84m02] {
    height: 50%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}
/* /Pages/Accountant/Creditors/SupplierMaster.razor.rz.scp.css */

#page-bar[b-v05f6bxsn0], #btn-group-flex[b-v05f6bxsn0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*#page-bar-right {
    margin-left: auto;
}

.page-bar-center{
    text-align:center;
}*/
.btn-light-gray[b-v05f6bxsn0] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-v05f6bxsn0] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-v05f6bxsn0] {
    font-weight: 700;
}

/*#divClassUnpostedIndividualInvoices {
    height: 400px;
}*/

.create-new-supplier[b-v05f6bxsn0] {
    display: flex;
    height: 98vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-v05f6bxsn0] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-v05f6bxsn0] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items-3[b-v05f6bxsn0] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.form-group[b-v05f6bxsn0]{
    margin:0px;
}
#flex-items-2[b-v05f6bxsn0] {
    max-height: 55vh;
    overflow-y: scroll;
}
/* /Pages/Accountant/Creditors/SupplierRemittanceAdvice.razor.rz.scp.css */
table[b-v5ocgjmuj3] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-v5ocgjmuj3] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-v5ocgjmuj3] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-v5ocgjmuj3], table.table td[b-v5ocgjmuj3] {
        padding: 7px;
    }

#page-bar[b-v5ocgjmuj3] {
    display: flex;
    flex-wrap: nowrap;
}


#footer-flex[b-v5ocgjmuj3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#page-bar-right[b-v5ocgjmuj3] {
    margin-left: auto;
}

.btn-light-gray[b-v5ocgjmuj3] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-v5ocgjmuj3] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-v5ocgjmuj3] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.remittance-advice[b-v5ocgjmuj3] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

.footer-flex[b-v5ocgjmuj3] {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

#flex-items1[b-v5ocgjmuj3] {
    /*    background-color: red;*/
    width: 70vw;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-v5ocgjmuj3] {
    /*  background-color: blue;*/
    width: 70vw;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-v5ocgjmuj3] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items4[b-v5ocgjmuj3] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#remittance-advice-details[b-v5ocgjmuj3] {
    max-height: 45vh;
    max-width: 70vw;
    overflow: scroll;
}

.bg-grey[b-v5ocgjmuj3] {
    background: #706e6e;
}

.text-light-greenyellow[b-v5ocgjmuj3] {
    color: greenyellow;
}

.mt-20[b-v5ocgjmuj3] {
    margin-top: 20px !important;
}

.pr-40[b-v5ocgjmuj3] {
    padding-right: 40px;
}

.pr-10[b-v5ocgjmuj3] {
    padding-right: 10px;
}
/* /Pages/Accountant/Creditors/ViewPostPLTransactionsToGL.razor.rz.scp.css */
table[b-b1zokx33ht] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-b1zokx33ht] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-b1zokx33ht] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-b1zokx33ht], table.table td[b-b1zokx33ht] {
        padding: 7px;
    }

#page-bar[b-b1zokx33ht] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-b1zokx33ht] {
    margin-left: auto;
}

.btn-light-gray[b-b1zokx33ht] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-b1zokx33ht] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-b1zokx33ht] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.view-posted-unposted-pl-transactions[b-b1zokx33ht] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-b1zokx33ht] {
    /*    background-color: red;*/
    width: 70vw;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-b1zokx33ht] {
    /*  background-color: blue;*/
    width: 70vw;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-b1zokx33ht] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
#flex-items4[b-b1zokx33ht] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#pl-trans-details[b-b1zokx33ht] {
    max-height: 45vh;
    max-width:70vw;
    overflow: scroll;
}

#student-subjects[b-b1zokx33ht] {
    max-height: 40vh;
    overflow-y: scroll;
}

#class-subjects[b-b1zokx33ht] {
    max-height: 40vh;
    overflow-y: scroll;
}

#cardStaffProfile[b-b1zokx33ht] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-b1zokx33ht] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-b1zokx33ht] {
    background: #706e6e;
}

.text-light-greenyellow[b-b1zokx33ht] {
    color: greenyellow;
}

.mt-20[b-b1zokx33ht] {
    margin-top: 20px !important;
}
/* /Pages/Accountant/DebtorsAudtTrail.razor.rz.scp.css */
table[b-r31ajbn8gz] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-r31ajbn8gz] {
        font-size: 14px;
        padding: 7px;
    }

    table.table td[b-r31ajbn8gz] {
        font-size: 14px;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-r31ajbn8gz], table.table td[b-r31ajbn8gz] {
        padding: 7px;
    }

#page-bar[b-r31ajbn8gz] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-r31ajbn8gz] {
    margin-left: auto;
}

.debtors-audit-trail[b-r31ajbn8gz] {
    display: flex;
    height: 90vh;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}


#flex-items-1[b-r31ajbn8gz], #flex-items-2[b-r31ajbn8gz], #flex-items-3[b-r31ajbn8gz] {
    width: 70vw;
    border: 2px solid #808080;
}

.pr-5[b-r31ajbn8gz]{
    padding-right:5px;
}

#audit-trail-details[b-r31ajbn8gz]{
    max-height:60vh;
    overflow:auto;
}

.text-small[b-r31ajbn8gz] {
    font-size: small;
}

.SmallFonts-heading[b-r31ajbn8gz] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-r31ajbn8gz] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
/* /Pages/Accountant/DebtorsMenu.razor.rz.scp.css */
#accounts-debtors-menu[b-2tiazlp6wf] {
    width: 100%;
    border: 1px solid greenyellow;
}
#accounts-menu-transactions[b-2tiazlp6wf], #accounts-menu-housekeeping[b-2tiazlp6wf], #accounts-menu-processing[b-2tiazlp6wf], #accounts-menu-reports[b-2tiazlp6wf] {
    width: 100%;
    border: 1px solid greenyellow;
    padding: 5px;
}
.btn-light-gray[b-2tiazlp6wf] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

.btn-outline-custom[b-2tiazlp6wf] {
    border: 1px solid #adff2f; /* Greenyellow outline */
    color: #adff2f; /* Greenyellow text color */
    background-color: transparent;
    height: 30px;
}

.btn-icon-width[b-2tiazlp6wf] {
    width: 45px;
}

.btn-text-width[b-2tiazlp6wf] {
    width: 135px;
    padding: 2px !important
}

.custom-link[b-2tiazlp6wf] {
    height: 30px;
}

/*.fs-small{
    font-size:8.5px;
    font-family:Calibri;
}*/

.btn-outline-custom:hover[b-2tiazlp6wf] {
    /*border: 1px solid #adff2f;*/ /* Greenyellow outline */
    background-color: #adff2f; /* Greenyellow background on hover */
    color: #000; /* White text on hover */
    font-size:inherit;
}

.text-gold[b-2tiazlp6wf] {
    color: gold;
}
.btn-light-gray:hover[b-2tiazlp6wf] {
    background-color: #808080;
    color: greenyellow;
    border: 1px solid greenyellow;
    font-size: inherit;
}
.list-group-item[b-2tiazlp6wf] {
    line-height: 0.8em;
    color: greenyellow;
}

.student-search[b-2tiazlp6wf]{
    border:1px solid brown;
    line-height:0.8em;
    color:brown;
}

.list-group-item:hover[b-2tiazlp6wf] {
    background-color: black;
    font-size: inherit;
}
    ul li:hover a[b-2tiazlp6wf] {
        padding-left: 10px;
/*        font-size: 18px;*/
        background-color: black;
    }
.pr-5[b-2tiazlp6wf] {
    padding-right: 5px;
}

.mt-3[b-2tiazlp6wf]{
    margin-top:3px;
}

.mb-3[b-2tiazlp6wf] {
    margin-bottom: 3px;
}

.list-group[b-2tiazlp6wf] {
    line-height: 10px;
}

.hide-div[b-2tiazlp6wf] {
    /*height:0px;*/
    display: none;
}

.show-div[b-2tiazlp6wf] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-2tiazlp6wf] {
    color: #ADFF2F;
}

.footer-div[b-2tiazlp6wf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

table.table th[b-2tiazlp6wf] {
    font-size: small;
    padding: 7px;
}

table.table td[b-2tiazlp6wf] {
    font-size: small;
    line-height: 0.8em;
    background-color: #706e6e;
    border:1px solid #fff;
}

table.table th[b-2tiazlp6wf], table.table td[b-2tiazlp6wf] {
    padding: 5px;
}
#class-students[b-2tiazlp6wf]{
    height:20vh;
    overflow:scroll;
}
.bg-dark-gray[b-2tiazlp6wf] {
    background-color: #706e6e;
}
a[b-2tiazlp6wf]{
    text-decoration:none;
}


[b-2tiazlp6wf] table {
    min-width: 100%;
}

[b-2tiazlp6wf] th.search-column {
    width: 14rem;
}

/* Subtle stripe effect */
[b-2tiazlp6wf] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-2tiazlp6wf] tbody tr {
    height: 1.8rem;
}

.input-formatter[b-2tiazlp6wf] {
    border: none;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    color: blue;
}

    .input-formatter:hover[b-2tiazlp6wf] {
        text-decoration: underline;
/*        font-size: 14px;*/
    }

input[b-2tiazlp6wf] {
    border: none; /* Removes the border */
    outline: none; /* Removes the focus outline */
}

#gutters[b-2tiazlp6wf] {
    height: 100px;
    background-color: grey;
}

.control-label[b-2tiazlp6wf] {
    font-weight: 700;
    color: #706e6e;
}
a[b-2tiazlp6wf] {
    text-decoration: none;
}
/* /Pages/Accountant/DebtorsStudentTransactions.razor.rz.scp.css */
table[b-a9vu9dhus2] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-a9vu9dhus2] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-a9vu9dhus2] {
        font-size: small;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-a9vu9dhus2], table.table td[b-a9vu9dhus2] {
        padding: 7px;
    }

#page-bar[b-a9vu9dhus2] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-a9vu9dhus2] {
    margin-left: auto;
}

.form-label[b-a9vu9dhus2] {
    font-weight: 700;
}

.btn-light-gray[b-a9vu9dhus2] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-a9vu9dhus2] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-a9vu9dhus2] {
    padding: 5px;
}

.label-format[b-a9vu9dhus2] {
    font-weight: 700;
}

#student-transactions[b-a9vu9dhus2] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

.pl-5[b-a9vu9dhus2] {
    padding-left: 5px !important;
}

.pr-5[b-a9vu9dhus2] {
    padding-right: 5px !important;
}

#transaction-details[b-a9vu9dhus2] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-a9vu9dhus2] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-a9vu9dhus2] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-a9vu9dhus2] {
    width: 98%;
}

#gl-account-edit[b-a9vu9dhus2] {
    max-height: 60vh;
    overflow-y: auto;
}
/* /Pages/Accountant/Debtors/FeesTemplate.razor.rz.scp.css */
body[b-1lnq4ewq5r] {
}
/* /Pages/Accountant/Debtors/SchoolStatement.razor.rz.scp.css */
body[b-lf94mrelxl] {
}
/* /Pages/Accountant/Debtors/SLControlAccounts.razor.rz.scp.css */
table[b-5m6mvgjvxd] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-5m6mvgjvxd] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-5m6mvgjvxd] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-5m6mvgjvxd], table.table td[b-5m6mvgjvxd] {
        padding: 7px;
    }

#page-bar[b-5m6mvgjvxd] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-5m6mvgjvxd] {
    margin-left: auto;
}
.form-label[b-5m6mvgjvxd]{
    font-weight:700;
}
.btn-light-gray[b-5m6mvgjvxd] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-5m6mvgjvxd] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-5m6mvgjvxd] {
    padding: 5px;
}

.label-format[b-5m6mvgjvxd] {
    font-weight: 700;
}

.gl-control-accounts[b-5m6mvgjvxd] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-5m6mvgjvxd] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-5m6mvgjvxd] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-5m6mvgjvxd] {
    width: 98%;
}

#gl-control-account-edit[b-5m6mvgjvxd] {
    height: 40vh;
    overflow-y: auto;
}


/* /Pages/Accountant/Debtors/SLParameterSetupPage.razor.rz.scp.css */
table[b-0ajrr78neo] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-0ajrr78neo] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-0ajrr78neo] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-0ajrr78neo], table.table td[b-0ajrr78neo] {
        padding: 7px;
    }

#page-bar[b-0ajrr78neo] {
    display: flex;
    flex-wrap: nowrap;
}

.table-sm[b-0ajrr78neo] {
    font-size: 16px;
}

#page-bar-right[b-0ajrr78neo] {
    margin-left: auto;
}

.btn-light-gray[b-0ajrr78neo] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-0ajrr78neo] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-0ajrr78neo] {
    font-weight: 700;
}

.class-subjects[b-0ajrr78neo] {
    margin-top: 40px;
}

.module-parameters[b-0ajrr78neo] {
    width: 90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*    margin: 0 10px;*/
}

#flex-items1[b-0ajrr78neo] {
    height: 20%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}

#flex-items2[b-0ajrr78neo] {
    height: 50%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}
/* /Pages/Accountant/Downloads.razor.rz.scp.css */
table[b-wjockel96e] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-wjockel96e] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-wjockel96e] {
        font-size: small;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-wjockel96e], table.table td[b-wjockel96e] {
        padding: 7px;
    }

#page-bar[b-wjockel96e] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-wjockel96e] {
    margin-left: auto;
}

.form-label[b-wjockel96e] {
    font-weight: 700;
}

.btn-light-gray[b-wjockel96e] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-wjockel96e] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-wjockel96e] {
    padding: 5px;
}

.label-format[b-wjockel96e] {
    font-weight: 700;
}

.text-light-greenyellow[b-wjockel96e] {
    color: greenyellow !important;
}

#desktop-mobile-downloads[b-wjockel96e] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#div-account-header[b-wjockel96e] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-wjockel96e] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-wjockel96e] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-wjockel96e] {
    width: 90%;
}

#gl-control-account-edit[b-wjockel96e] {
    max-height: 60vh;
    overflow-y: auto;
}
/* /Pages/Accountant/FixedAssets/FixedAssetsMenu.razor.rz.scp.css */
#accounts-chasbhook-menu[b-67eevb8xlx] {
    width: 100%;
    border: 1px solid greenyellow;
}
#accounts-menu-transactions[b-67eevb8xlx], #accounts-menu-housekeeping[b-67eevb8xlx], #accounts-menu-processing[b-67eevb8xlx], #accounts-menu-reports[b-67eevb8xlx] {
    width: 100%;
    border: 1px solid greenyellow;
    padding: 5px;
}
.btn-light-gray[b-67eevb8xlx] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-67eevb8xlx] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
.list-group-item[b-67eevb8xlx] {
    line-height: 0.8em;
    color: greenyellow;
}

    .list-group-item:hover[b-67eevb8xlx] {
        background-color: black;
    }
    ul li:hover a[b-67eevb8xlx] {
        padding-left: 10px;
        font-size: 18px;
        background-color: black;
    }
.pr-5[b-67eevb8xlx] {
    padding-right: 5px;
}
.list-group[b-67eevb8xlx] {
    line-height: 10px;
}

.hide-div[b-67eevb8xlx] {
    /*height:0px;*/
    display: none;
}

.show-div[b-67eevb8xlx] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-67eevb8xlx] {
    color: #ADFF2F;
}

.footer-div[b-67eevb8xlx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

table.table th[b-67eevb8xlx] {
    font-size: small;
    padding: 7px;
}

table.table td[b-67eevb8xlx] {
    font-size: small;
    line-height: 0.8em;
    background-color: #706e6e;
    border: 1px solid #fff;
}

table.table th[b-67eevb8xlx], table.table td[b-67eevb8xlx] {
    padding: 7px;
}
#class-students[b-67eevb8xlx]{
    height:20vh;
    overflow:auto;
}
.card-footer[b-67eevb8xlx]{
    margin:2px 2px;
}
a[b-67eevb8xlx] {
    text-decoration: none;
}
/* /Pages/Accountant/GeneralLedger/GeneralLedgerMenu.razor.rz.scp.css */
#accounts-gl-menu[b-b3242u0m8n] {
    width: 100%;
    border: 1px solid greenyellow;
}
#accounts-menu-transactions[b-b3242u0m8n], #accounts-menu-housekeeping[b-b3242u0m8n], #accounts-menu-processing[b-b3242u0m8n], #accounts-menu-reports[b-b3242u0m8n] {
    width: 100%;
    border: 1px solid greenyellow;
    padding: 5px;
}
.btn-light-gray[b-b3242u0m8n] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}
.btn-sm[b-b3242u0m8n]{

}
.btn-light-gray:hover[b-b3242u0m8n] {
    background-color: #808080;
    color: greenyellow;
    border: 1px solid greenyellow;
}
.list-group-item[b-b3242u0m8n] {
    line-height: 0.8em;
    color: greenyellow;
}

    .list-group-item:hover[b-b3242u0m8n] {
        background-color: black;
    }
    ul li:hover a[b-b3242u0m8n] {
        padding-left: 10px;
        font-size: 18px;
        background-color: black;
    }
.pr-5[b-b3242u0m8n] {
    padding-right: 5px;
}
.list-group[b-b3242u0m8n] {
    line-height: 10px;
}
#GlUnpostedJournals[b-b3242u0m8n]{
    height:20vh;
    overflow-y:auto;
}
.hide-div[b-b3242u0m8n] {
    /*height:0px;*/
    display: none;
}

.show-div[b-b3242u0m8n] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-b3242u0m8n] {
    color: #ADFF2F;
}

.footer-div[b-b3242u0m8n] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

table.table th[b-b3242u0m8n] {
    font-size: small;
    padding: 7px;
}

table.table td[b-b3242u0m8n] {
    font-size: small;
    line-height: 0.8em;
}

table.table th[b-b3242u0m8n], table.table td[b-b3242u0m8n] {
    padding: 7px;
}
#class-students[b-b3242u0m8n]{
    height:20vh;
    overflow:auto;
}

/*
    Trial Balance
*/
#flex-container[b-b3242u0m8n] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-b3242u0m8n] {
    margin-left: auto;
}

.text-black[b-b3242u0m8n]{
    color:#000!important;
}
a[b-b3242u0m8n] {
    text-decoration: none;
}
/* /Pages/Accountant/GeneralLedger/GLAccountDetail.razor.rz.scp.css */
table[b-womo6hdonj] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-womo6hdonj] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-womo6hdonj] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-womo6hdonj], table.table td[b-womo6hdonj] {
        padding: 7px;
    }

#page-bar[b-womo6hdonj] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-womo6hdonj] {
    margin-left: auto;
}
.form-label[b-womo6hdonj]{
    font-weight:700;
}
.btn-light-gray[b-womo6hdonj] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-womo6hdonj] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-womo6hdonj] {
    padding: 5px;
}

.label-format[b-womo6hdonj] {
    font-weight: 700;
}

.gl-account-details[b-womo6hdonj] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

.pl-5[b-womo6hdonj]{
    padding-left:5px!important;
}

.pr-5[b-womo6hdonj]{
    padding-right:5px!important;
}

#div-account-details[b-womo6hdonj] {
    max-height: 50vh;
    overflow-y: auto;
}
#flex-items-1[b-womo6hdonj] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-womo6hdonj] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-womo6hdonj] {
    width: 98%;
}

#gl-account-edit[b-womo6hdonj] {
    max-height: 60vh;
    overflow-y: auto;
}


/* /Pages/Accountant/GeneralLedger/GLAccountEnquiry.razor.rz.scp.css */
#page-bar[b-hw1efom3u1] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-hw1efom3u1] {
    margin-left: auto;
}

#gl-account-enquiry[b-hw1efom3u1] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#acc-body[b-hw1efom3u1]{
    max-height:60vh;
    overflow-y:auto;
}

#flex-items-1[b-hw1efom3u1] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-hw1efom3u1] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-hw1efom3u1] {
    width: 90%;
}


/* Table formatting */
th[b-hw1efom3u1] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


thead.table-header[b-hw1efom3u1] {
    background-color: lightslategrey;
    color: black;
    font-family: Calibri;
    font-size: large;
}

.TitleFont[b-hw1efom3u1] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-hw1efom3u1] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-hw1efom3u1], .h4Val[b-hw1efom3u1] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table-sm[b-hw1efom3u1] {
    font-family: Calibri;
    font-size: medium;
}
/* /Pages/Accountant/GeneralLedger/GLAccountHeader.razor.rz.scp.css */
table[b-57q6644jcf] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-57q6644jcf] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-57q6644jcf] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-57q6644jcf], table.table td[b-57q6644jcf] {
        padding: 7px;
    }

#page-bar[b-57q6644jcf] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-57q6644jcf] {
    margin-left: auto;
}
.form-label[b-57q6644jcf]{
    font-weight:700;
}
.btn-light-gray[b-57q6644jcf] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-57q6644jcf] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-57q6644jcf] {
    padding: 5px;
}

.label-format[b-57q6644jcf] {
    font-weight: 700;
}

.gl-currencies[b-57q6644jcf] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#div-account-header[b-57q6644jcf] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-57q6644jcf] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-57q6644jcf] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-57q6644jcf] {
    width: 98%;
}

#gl-control-account-edit[b-57q6644jcf] {
    max-height: 60vh;
    overflow-y: auto;
}


/* /Pages/Accountant/GeneralLedger/GLBalanceSheet.razor.rz.scp.css */
#page-bar[b-9792lovy0q] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-9792lovy0q] {
    margin-left: auto;
}

#div-balance-sheet[b-9792lovy0q] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-9792lovy0q] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-9792lovy0q] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-9792lovy0q] {
    width: 90%;
}
/* /Pages/Accountant/GeneralLedger/GLChartOfAccounts.razor.rz.scp.css */
/*#divTrialBalance, #divProfitAndLoss, #divBalanceSheet, #divChartOfAccounts {
    height: 500px;
    overflow-x: scroll;
}*/

#bodyChartOfAccounts[b-i3l1tdkos7] {
    height: 70vh;
    overflow-y: scroll;
}

#btnPrintCofA[b-i3l1tdkos7] {
    width: 120px;
    margin: 10px 0 10px 0;
}

#faPrint[b-i3l1tdkos7] {
    padding: 5px;
}

th[b-i3l1tdkos7] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


    th.ClassHeader[b-i3l1tdkos7] {
        background-color: lightslategrey;
        color: black;
        font-family: Calibri;
        font-size: large;
    }

.TitleFont[b-i3l1tdkos7] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-i3l1tdkos7] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-i3l1tdkos7], .h4Val[b-i3l1tdkos7] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table[b-i3l1tdkos7] {
    font-family: Calibri;
    font-size: medium;
}

.table td[b-i3l1tdkos7], .table th[b-i3l1tdkos7] {
        padding: 2px;
}

#page-bar[b-i3l1tdkos7] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-i3l1tdkos7] {
    margin-left: auto;
}

.form-label[b-i3l1tdkos7] {
    font-weight: 700;
}

.btn-light-gray[b-i3l1tdkos7] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-i3l1tdkos7] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-i3l1tdkos7] {
    padding: 5px;
}

.label-format[b-i3l1tdkos7] {
    font-weight: 700;
}

.divChartOfAccounts[b-i3l1tdkos7] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-i3l1tdkos7] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-i3l1tdkos7] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-i3l1tdkos7] {
    width: 98%;
}
/*
#gl-control-account-edit {
    max-height: 60vh;
    overflow-y: auto;
}*/
/* /Pages/Accountant/GeneralLedger/GLCurrencies.razor.rz.scp.css */
table[b-e2kqpix2id] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-e2kqpix2id] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-e2kqpix2id] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-e2kqpix2id], table.table td[b-e2kqpix2id] {
        padding: 7px;
    }

#page-bar[b-e2kqpix2id] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-e2kqpix2id] {
    margin-left: auto;
}
.form-label[b-e2kqpix2id]{
    font-weight:700;
}
.btn-light-gray[b-e2kqpix2id] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-e2kqpix2id] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-e2kqpix2id] {
    padding: 5px;
}

.label-format[b-e2kqpix2id] {
    font-weight: 700;
}

.gl-currencies[b-e2kqpix2id] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-e2kqpix2id] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-e2kqpix2id] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-e2kqpix2id] {
    width: 98%;
}

#gl-control-account-edit[b-e2kqpix2id] {
    height: 40vh;
    overflow-y: auto;
}


/* /Pages/Accountant/GeneralLedger/GLJournalDetailListing.razor.rz.scp.css */
#page-bar[b-wyjes1urzs] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-wyjes1urzs] {
    margin-left: auto;
}

#gl-journal-listing[b-wyjes1urzs] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-wyjes1urzs] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-wyjes1urzs] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-wyjes1urzs] {
    width: 90%;
}


/* Table formatting */
th[b-wyjes1urzs] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


thead.table-header[b-wyjes1urzs] {
    background-color: lightslategrey;
    color: black;
    font-family: Calibri;
    font-size: large;
}

.TitleFont[b-wyjes1urzs] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-wyjes1urzs] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-wyjes1urzs], .h4Val[b-wyjes1urzs] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table-sm[b-wyjes1urzs] {
    font-family: Calibri;
    font-size: medium;
}
/* /Pages/Accountant/GeneralLedger/GLJournals.razor.rz.scp.css */

table[b-gdiukxl4ra] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-gdiukxl4ra] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-gdiukxl4ra] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-gdiukxl4ra], table.table td[b-gdiukxl4ra] {
        padding: 7px;
    }

#page-bar[b-gdiukxl4ra] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-gdiukxl4ra] {
    margin-left: auto;
}

.form-label[b-gdiukxl4ra] {
    font-weight: 700;
}

.btn-light-gray[b-gdiukxl4ra] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-gdiukxl4ra] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-gdiukxl4ra] {
    padding: 5px;
}

.label-format[b-gdiukxl4ra] {
    font-weight: 700;
}

.gl-journals[b-gdiukxl4ra] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-gdiukxl4ra] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 0px;
}

#flex-items-2[b-gdiukxl4ra] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 2px;
    max-height: 70vh;
    overflow-y: auto;
}

#flex-items-3[b-gdiukxl4ra] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
}

#flex-items-4[b-gdiukxl4ra] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 0px;
    height: 3vh;
}

#gl-account-edit[b-gdiukxl4ra] {
    max-height: 70vh;
    overflow-y: auto;
    padding: 0px;
}
/* /Pages/Accountant/GeneralLedger/GLParameterSetupPage.razor.rz.scp.css */
table[b-2nozm7xuy9] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-2nozm7xuy9] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-2nozm7xuy9] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-2nozm7xuy9], table.table td[b-2nozm7xuy9] {
        padding: 7px;
    }

#page-bar[b-2nozm7xuy9] {
    display: flex;
    flex-wrap: nowrap;
}
.table-sm[b-2nozm7xuy9]{
    font-size:16px;
}
#page-bar-right[b-2nozm7xuy9] {
    margin-left: auto;
}
.btn-light-gray[b-2nozm7xuy9] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-2nozm7xuy9] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-2nozm7xuy9] {
    font-weight: 700;
}
.class-subjects[b-2nozm7xuy9] {
    margin-top: 40px;
}
.module-parameters[b-2nozm7xuy9] {
    width:90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
/*    margin: 0 10px;*/
}

#flex-items1[b-2nozm7xuy9] { 
    height: 20%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}

#flex-items2[b-2nozm7xuy9] {
    height: 50%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}



/* /Pages/Accountant/GeneralLedger/GLProfitAndLoss.razor.rz.scp.css */
#page-bar[b-smgjjypbcx] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-smgjjypbcx] {
    margin-left: auto;
}

#div-profit-loss[b-smgjjypbcx] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-smgjjypbcx] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-smgjjypbcx] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-smgjjypbcx] {
    width: 90%;
}
/* /Pages/Accountant/GeneralLedger/GLTrialBalance.razor.rz.scp.css */
#page-bar[b-bijjcb2d0f] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-bijjcb2d0f] {
    margin-left: auto;
}

#div-trial-balance[b-bijjcb2d0f] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-bijjcb2d0f] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-bijjcb2d0f] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-bijjcb2d0f] {
    width: 90%;
}
/* /Pages/Accountant/Index.razor.rz.scp.css */
.text-light-greenyellow-custom[b-fyatdxrt0n]{    
    color:#808080;
}
.container[b-fyatdxrt0n]{
    margin-top:40px;
}

.jumbotron[b-fyatdxrt0n] {
    background-color: #fff;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    padding: 10px !important;
}
/* /Pages/Accountant/LockStudentResults.razor.rz.scp.css */
#page-bar[b-ldpirih6xm] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ldpirih6xm] {
    margin-left: auto;
}

#lock-status-header[b-ldpirih6xm]{
  display:flex;
  height:100vh;
  justify-content:center;
  align-items:center;
  flex-flow:column;  
}
.report-size[b-ldpirih6xm] {
    height: 70vh;
}
.body-size[b-ldpirih6xm] {
    height: 50vh;
    overflow-y: scroll;
}
#tblUnLockedStudents[b-ldpirih6xm] {
    height: 450px;
    overflow-y: scroll;
}

table[b-ldpirih6xm], thead[b-ldpirih6xm], th[b-ldpirih6xm], td[b-ldpirih6xm] {
    line-height: 0.8px;
    font-size: large
}

.text-orange[b-ldpirih6xm] {
    color: orange;
    font-weight: 700;
}

.bar-back-color[b-ldpirih6xm], .bg-color[b-ldpirih6xm] {
    background: orange;
}
/* /Pages/Accountant/NotificationsOptions.razor.rz.scp.css */

.text-light-greenyellow[b-859g5m48cj] {
    color: greenyellow !important;
}

#notification-menu[b-859g5m48cj] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-859g5m48cj] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-859g5m48cj] {
    padding: 5px !important;
}

.show-classs[b-859g5m48cj]{
    display:block;
}
.hide-classs[b-859g5m48cj]{
    display:none;
}

.show-student[b-859g5m48cj] {
    display: block;
}

.hide-student[b-859g5m48cj] {
    display: none;
}
/* /Pages/Accountant/Profiles.razor.rz.scp.css */
.list-group-item[b-g0rumv77zb] {
    background-color: #706e6e;
}
.mt-5[b-g0rumv77zb] {
    margin-top: 5px !important;
    border: 1px solid greenyellow;
}
.p-5[b-g0rumv77zb]{
    padding:5px!important;
}

ul a[b-g0rumv77zb] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-g0rumv77zb] {
        margin-right: 16px;
    }

ul li:hover a[b-g0rumv77zb] {
    color: greenyellow;
    padding-left: 20px;
    font-size: 18px;
}
/* /Pages/Accountant/RegisterStudents.razor.rz.scp.css */
select[b-bz6b0i4hzm] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-bz6b0i4hzm] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-bz6b0i4hzm] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-bz6b0i4hzm] {
    border-radius: 0;
}

.list-group-item[b-bz6b0i4hzm] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-bz6b0i4hzm] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-bz6b0i4hzm] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-bz6b0i4hzm] {
    background: #4285f4 !important;
}


#page-bar[b-bz6b0i4hzm] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-bz6b0i4hzm] {
    margin-left: auto;
}

#form-wrapper[b-bz6b0i4hzm] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-bz6b0i4hzm] {
    font-weight: 700;
}

.register-student[b-bz6b0i4hzm] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-bz6b0i4hzm] {
    /*    background-color: red;*/
    width: 70%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-bz6b0i4hzm] {
    /*  background-color: blue;*/
    width: 70%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-bz6b0i4hzm] {
    /*    background-color: green;*/
    width: 70%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Accountant/SchoolClassMenu.razor.rz.scp.css */
.list-group-item[b-bqzkkbkkiy] {
    background-color: #706e6e;
}

.mt-5[b-bqzkkbkkiy] {
    margin-top: 10px !important;
    border:1px solid greenyellow;
}


span.p-5[b-bqzkkbkkiy] {
    padding: 5px !important;
    font-size:20px;
}
ul li a[b-bqzkkbkkiy] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-bqzkkbkkiy] {
        margin-right: 16px;
    }

ul li:hover a[b-bqzkkbkkiy] {
    color: greenyellow;
    /*background:#000;*/
    padding-left: 20px;
    font-size: 18px;
}


.hide-div[b-bqzkkbkkiy] {
    /*height:0px;*/
    display: none;
}

.show-div[b-bqzkkbkkiy] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-bqzkkbkkiy] {
    color: #ADFF2F;
}

/* /Pages/Accountant/SchoolProfile.razor.rz.scp.css */
#page-bar[b-egt5x08uvp] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-egt5x08uvp] {
    margin-left: auto;
}


/*.school-profile {
    margin-top: 3%;
    max-width: calc(90vw - 630px);
    max-height: 70vh;
    overflow-y: auto;
}*/
#form-wrapper[b-egt5x08uvp] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-egt5x08uvp] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-egt5x08uvp] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-egt5x08uvp] {
    font-weight: 700;
}

.top-school-div[b-egt5x08uvp] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-egt5x08uvp] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-egt5x08uvp] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-egt5x08uvp] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Accountant/ShowClassDetails.razor.rz.scp.css */
select[b-o1wrokqv3e] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-o1wrokqv3e] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-o1wrokqv3e] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-o1wrokqv3e] {
    border-radius: 0;
}

.list-group-item[b-o1wrokqv3e] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-o1wrokqv3e] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-o1wrokqv3e] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-o1wrokqv3e] {
    background: #4285f4 !important;
}



#page-bar[b-o1wrokqv3e] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-o1wrokqv3e] {
    margin-left: auto;
}

#form-wrapper[b-o1wrokqv3e] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-o1wrokqv3e] {
    font-weight: 700;
}
#form-wrapper[b-o1wrokqv3e] {
    height: 50vh;
    overflow-y: auto;
}
.show-school-classes[b-o1wrokqv3e] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

.edit-school-class[b-o1wrokqv3e] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 93vh;
/*    width:100%;*/
    margin: 0 10px;
    border:none;
}

.edit-class-modal[b-o1wrokqv3e] {
    width: 100vw;
}
.modal-content[b-o1wrokqv3e]{
    border:none!important;
}
#flex-dialog-items1[b-o1wrokqv3e], #flex-dialog-items2[b-o1wrokqv3e], #flex-dialog-items3[b-o1wrokqv3e] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items1[b-o1wrokqv3e] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-o1wrokqv3e] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-o1wrokqv3e] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
    height: 5vh;
}

.fa-pencil-alt[b-o1wrokqv3e] {
    color: #000 !important;
}
/* /Pages/Accountant/StudentClassNotifications.razor.rz.scp.css */

.text-light-greenyellow[b-gsht29j42q] {
    color: greenyellow !important;
}

#notification-menu[b-gsht29j42q] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-gsht29j42q] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-gsht29j42q] {
    padding: 5px !important;
}
#page-bar[b-gsht29j42q] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-gsht29j42q] {
    margin-left: auto;
}

.btn-light-gray[b-gsht29j42q] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-gsht29j42q] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-gsht29j42q] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-gsht29j42q] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-gsht29j42q] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-gsht29j42q] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-gsht29j42q] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Pages/Accountant/StudentCreditNote.razor.rz.scp.css */
#page-bar[b-l3e16lkhhg] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-l3e16lkhhg] {
    margin-left: auto;
}

.btn-light-gray[b-l3e16lkhhg] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-l3e16lkhhg] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-l3e16lkhhg] {
    padding: 5px;
}

.label-format[b-l3e16lkhhg] {
    font-weight: 700;
}

.accounts-student-cnote[b-l3e16lkhhg] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-l3e16lkhhg] {
    width: 90%;
    padding: 0px;
}
#flex-items-2[b-l3e16lkhhg] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-l3e16lkhhg] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-l3e16lkhhg] {
    width: 90%;
}

#flex-items-4[b-l3e16lkhhg] {
    width: 90%;
}
/* /Pages/Accountant/StudentECDReport.razor.rz.scp.css */

#divStudentTermResults[b-8z160upcvv], #divReportHeader[b-8z160upcvv] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;
}

#divOverallPositions[b-8z160upcvv] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#tblStudentTermResults[b-8z160upcvv] {
    font-family: arial;    
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-8z160upcvv] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table.table th[b-8z160upcvv], table.table td[b-8z160upcvv] {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: small;
}

#divECDResults[b-8z160upcvv] {
    height: 80vh;
    overflow-y: scroll;
}


/* Code for CSS table */
#cssTable[b-8z160upcvv] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.table[b-8z160upcvv] {
    display: table;
}

.table-row[b-8z160upcvv] {
    display: table-row;
}

.table-cell[b-8z160upcvv] {
    display: table-cell;
    padding: 2px;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-8z160upcvv] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-8z160upcvv] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-8z160upcvv] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-8z160upcvv] {
    display: block;
}

.yesPrint[b-8z160upcvv] {
    display: block !important;
}


#divStudentTermResults[b-8z160upcvv], #divReportHeader[b-8z160upcvv] {
    border: solid 2px #808080;
    padding: 2px;
}

#divOverallPositions[b-8z160upcvv] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#divStudentReport[b-8z160upcvv] {
    max-width: 100%;
    max-height: 100%;
    overflow-y: scroll;
}

#tblStudentTermResults[b-8z160upcvv] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-8z160upcvv] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*.SmallFonts {
        font-family: Calibri;
        font-size: 10px;
        line-height: 0.9;
    }*/
.SmallFonts-heading[b-8z160upcvv] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-8z160upcvv] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-8z160upcvv] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-8z160upcvv], table.table td[b-8z160upcvv] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}

/* if .col-1 width is not overwritten it takes 100% - for the why*/
.col-1[b-8z160upcvv] {
    width: 8.33%;
}

table.table thead tr.tblHeaderClass[b-8z160upcvv] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.print-div[b-8z160upcvv] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/Accountant/StudentIndividualInvoice.razor.rz.scp.css */
#page-bar[b-4m8448ogtc] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-4m8448ogtc] {
    margin-left: auto;
}

.btn-light-gray[b-4m8448ogtc] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-4m8448ogtc] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-4m8448ogtc] {
    padding: 5px;
}

.label-format[b-4m8448ogtc] {
    font-weight: 700;
}

.accounts-student-individual-invoices[b-4m8448ogtc] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-4m8448ogtc] {
    width: 90%;
    padding: 0px;
}
#flex-items-2[b-4m8448ogtc] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-4m8448ogtc] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-4m8448ogtc] {
    width: 90%;
}

#flex-items-4[b-4m8448ogtc] {
    width: 90%;
}
/* /Pages/Accountant/StudentNotifications.razor.rz.scp.css */
#page-bar[b-i7c22md71l] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-i7c22md71l] {
    margin-left: auto;
}

.btn-light-gray[b-i7c22md71l] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-i7c22md71l] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-i7c22md71l] {
    font-weight: 700;
}
/*.class-subjects {
        margin-top: 40px;
    }*/
.change-student-class[b-i7c22md71l] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-i7c22md71l] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-i7c22md71l] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-i7c22md71l] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-red[b-i7c22md71l] {
    color: red;
}
.text-light-greenyellow[b-i7c22md71l] {
    color: greenyellow !important;
}

#notification-menu[b-i7c22md71l] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-i7c22md71l] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-i7c22md71l] {
    padding: 5px !important;
}
#page-bar[b-i7c22md71l] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-i7c22md71l] {
    margin-left: auto;
}

.btn-light-gray[b-i7c22md71l] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-i7c22md71l] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-i7c22md71l] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-i7c22md71l] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-i7c22md71l] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-i7c22md71l] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-i7c22md71l] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Pages/Accountant/StudentProfile.razor.rz.scp.css */
select[b-qy6went47m] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-qy6went47m] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-qy6went47m] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-qy6went47m] {
    border-radius: 0;
}

.webcam[b-qy6went47m] {
    margin-top:10px;
}

.list-group-item[b-qy6went47m] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-qy6went47m] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-qy6went47m] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-qy6went47m] {
    background: #4285f4 !important;
}


#page-bar[b-qy6went47m] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-qy6went47m] {
    margin-left: auto;
}

#form-wrapper[b-qy6went47m] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-qy6went47m] {
    font-weight: 700;
}

.top-student-div[b-qy6went47m] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-qy6went47m] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-qy6went47m] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-qy6went47m] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Accountant/StudentReceipt.razor.rz.scp.css */
#page-bar[b-cb1mh131e2] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-cb1mh131e2] {
    margin-left: auto;
}

.btn-light-gray[b-cb1mh131e2] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-cb1mh131e2] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-cb1mh131e2] {
    padding: 5px;
}

.label-format[b-cb1mh131e2] {
    font-weight: 700;
}

.accounts-student-receipt[b-cb1mh131e2] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-cb1mh131e2] {
    width: 90%;
    padding: 0px;
}
#flex-items-2[b-cb1mh131e2] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-cb1mh131e2] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-cb1mh131e2] {
    width: 90%;
}

#flex-items-4[b-cb1mh131e2] {
    width: 90%;
}

/* /Pages/Accountant/StudentReceiptReversal.razor.rz.scp.css */
#page-bar[b-sq2s7mylqq] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-sq2s7mylqq] {
    margin-left: auto;
}

.btn-light-gray[b-sq2s7mylqq] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-sq2s7mylqq] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-sq2s7mylqq] {
    padding: 5px;
}

.label-format[b-sq2s7mylqq] {
    font-weight: 700;
}

.accounts-student-cnote[b-sq2s7mylqq] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-sq2s7mylqq] {
    width: 90%;
    padding: 0px;
}
#flex-items-2[b-sq2s7mylqq] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-sq2s7mylqq] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-sq2s7mylqq] {
    width: 90%;
}

#flex-items-4[b-sq2s7mylqq] {
    width: 90%;
}
/* /Pages/Accountant/Students.razor.rz.scp.css */
.mnu-right[b-nswoq1w3em] {
    /*float: right;*/
}

.list-group[b-nswoq1w3em] {
    line-height: 10px;
}

.hide-div[b-nswoq1w3em] {
    /*height:0px;*/
    display: none;
}

.show-div[b-nswoq1w3em] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-nswoq1w3em] {
    color: #ADFF2F;
}

.footer-div[b-nswoq1w3em] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.list-group[b-nswoq1w3em] {
    width: 220px;
    line-height: 10px;
}

.list-group-item[b-nswoq1w3em] {
    background-color: #706e6e;
/*    color: greenyellow;*/
}

    .list-group-item:hover[b-nswoq1w3em] {
        background-color: #000000;
        color: greenyellow;
    }

a[b-nswoq1w3em], .btn-link[b-nswoq1w3em] {
 /*   color: greenyellow;*/
}


tbody[b-nswoq1w3em] {
    background-color: #706e6e;
    font-size: 12px;
}
/* /Pages/Accountant/StudentSearchResults.razor.rz.scp.css */
select[b-5nbche3p38] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-5nbche3p38] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-5nbche3p38] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-5nbche3p38] {
    border-radius: 0;
}

.list-group-item[b-5nbche3p38] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-5nbche3p38] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-5nbche3p38] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-5nbche3p38] {
    background: #4285f4 !important;
}


#page-bar[b-5nbche3p38] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-5nbche3p38] {
    margin-left: auto;
}

#form-wrapper[b-5nbche3p38] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-5nbche3p38] {
    font-weight: 700;
}

.student-search[b-5nbche3p38] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-5nbche3p38] {
    /*    background-color: red;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-5nbche3p38] {
    /*  background-color: blue;*/
    width: 50%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-5nbche3p38] {
    /*    background-color: green;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Accountant/StudentsMonthlyReport.razor.rz.scp.css */
.bar-back-color[b-8dfk26hfa3] {
    background-color: teal;
}

table.table-sm th[b-8dfk26hfa3] {
    line-height: 0.5em;
}

.bordered[b-8dfk26hfa3] {
    border: solid 1px #000000;
}

#divMonthlyReport[b-8dfk26hfa3] {
    border: solid 1px #808080;
    padding: 10px;

}
#ZimCortOfArms img[b-8dfk26hfa3] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.container-fluid[b-8dfk26hfa3] {
    padding:5px;
 /*   padding-right: 0px;
    padding-left: 0px;*/
}

.col-2[b-8dfk26hfa3], col-3[b-8dfk26hfa3], col-1[b-8dfk26hfa3], col-4[b-8dfk26hfa3], col-5[b-8dfk26hfa3] {
    padding-bottom: 0px !important;
}

table.table-sm td[b-8dfk26hfa3] {
    padding-bottom: 0px !important;
    font-size: smaller;
    font-family: Calibri;
}

table.table td[b-8dfk26hfa3], table.table td[b-8dfk26hfa3] {
    padding: 2px;
}

.width-100[b-8dfk26hfa3] {
    min-width: 100%;
    max-width: 100%;
}

.SmallFonts-heading[b-8dfk26hfa3] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-8dfk26hfa3] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.header-container[b-8dfk26hfa3]{
    display:flex;  
    justify-content:space-between;
    flex-wrap:wrap;
}
.header-item[b-8dfk26hfa3] {
    /* Flex item also being a flex container*/
    display: flex;
    justify-content:center;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: block;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: block;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: none;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: block;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: none;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: block;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: block;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: none;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: block;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: none;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: block;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: none;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-8dfk26hfa3], #divMonthlyReport[b-8dfk26hfa3] {
        display: none;
    }

    #divStudentReportMobile[b-8dfk26hfa3], #divMonthlyReportMobile[b-8dfk26hfa3] {
        display: block;
    }
}
.bg-grey[b-8dfk26hfa3] {
    background-color: #9e9e9e !important;
}
.print-div[b-8dfk26hfa3] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/Accountant/StudentStatement.razor.rz.scp.css */
table[b-7ae8sqgz55] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-7ae8sqgz55] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-7ae8sqgz55] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-7ae8sqgz55], table.table td[b-7ae8sqgz55] {
        padding: 7px;
    }

#page-bar[b-7ae8sqgz55] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-7ae8sqgz55] {
    margin-left: auto;
}

.student-statement[b-7ae8sqgz55] {
    display: flex;
    max-height: 90%;
    height:80%;
    width: 80%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top:40px;
    border-radius: 5px;
    padding: 0;
    margin:auto;
    
}

#statement-header[b-7ae8sqgz55] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-7ae8sqgz55], #flex-item-2[b-7ae8sqgz55], #flex-item-3[b-7ae8sqgz55], #flex-item-4[b-7ae8sqgz55] {
    width: 100%;
    border: 2px solid #808080;
}

 #flex-item-1[b-7ae8sqgz55] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-7ae8sqgz55] {
    height: 40vh;
    overflow-y: auto;
}

#flex-items-0[b-7ae8sqgz55] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-print-button[b-7ae8sqgz55] {
    margin-top: 10px;
}
.text-small[b-7ae8sqgz55] {
    font-size: small;
}

.SmallFonts-heading[b-7ae8sqgz55] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-7ae8sqgz55] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
#mobile-display[b-7ae8sqgz55]{
    display:none;
}
#school-details[b-7ae8sqgz55] {
    text-align: left;
}

#student-details[b-7ae8sqgz55] {
    text-align: right;
}

@media all and (max-width: 767px) {
    #mobile-display[b-7ae8sqgz55] {
        display: block;
    }

    #none-mobile-display[b-7ae8sqgz55] {
        display: none;
    }

    #statement-time[b-7ae8sqgz55] {
        display: none;
    }

    #flex-item-1[b-7ae8sqgz55], #flex-item-2[b-7ae8sqgz55], #flex-item-3[b-7ae8sqgz55], #flex-item-4[b-7ae8sqgz55] {
        width: 100%;
    }
    .student-statement[b-7ae8sqgz55] {
        width: 98%;
    }
}    
    @media screen and (max-width: 1040px) {
        #mobile-display[b-7ae8sqgz55] {
            display: block;
        }

        #none-mobile-display[b-7ae8sqgz55] {
            display: none;
        }

        #statement-time[b-7ae8sqgz55] {
            display: none;
        }
    }

    @media screen and (max-width: 768px) {
        #school-details[b-7ae8sqgz55] {
            text-align: center;
        }

        #student-details[b-7ae8sqgz55] {
            text-align: center;
        }
    }
/* /Pages/Accountant/StudentTranscriptReport.razor.rz.scp.css */
table[b-7iznedlzka] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-7iznedlzka] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-7iznedlzka] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-7iznedlzka], table.table td[b-7iznedlzka] {
        padding: 7px;
    }
.print-div[b-7iznedlzka]{
    text-align:right;
    padding:5px;
    margin:10px;
}
#page-bar[b-7iznedlzka] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-7iznedlzka] {
    margin-left: auto;
}
.term-header[b-7iznedlzka]{
    padding:5px 0px;
}
.student-transcript[b-7iznedlzka] {
    display: flex;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}

#statement-header[b-7iznedlzka] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-7iznedlzka], #flex-item-2[b-7iznedlzka], #flex-item-3[b-7iznedlzka], #flex-item-4[b-7iznedlzka] {
    width: 70vw;
    border: 2px solid #808080;
}

#flex-item-1[b-7iznedlzka] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-7iznedlzka] {
   /* height: 40vh;*/
    overflow-y: auto;
}

#flex-items-4[b-7iznedlzka] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-small[b-7iznedlzka] {
    font-size: small;
}

.SmallFonts-heading[b-7iznedlzka] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-7iznedlzka] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#mobile-display[b-7iznedlzka] {
    display: none;
}

#school-details[b-7iznedlzka] {
    text-align: left;
}

#student-details[b-7iznedlzka] {
    text-align: right;
}
/* /Pages/Accountant/TeacherProfile.razor.rz.scp.css */

#page-bar[b-nll564htea] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-nll564htea] {
    margin-left: auto;
}

#form-wrapper[b-nll564htea] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-nll564htea] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-nll564htea] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
.label-format[b-nll564htea] {
    font-weight: 700;
}
.signature img[b-nll564htea]{
    height:40px;
    width:100%!important;
}
.top-teacher-div[b-nll564htea] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-nll564htea] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-nll564htea] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-nll564htea] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#cardStaffProfile[b-nll564htea] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-nll564htea] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-nll564htea] {
    background: #706e6e;
}

.text-light-greenyellow[b-nll564htea] {
    color: greenyellow;
}

.mt-20[b-nll564htea] {
    margin-top: 20px !important;
}
/* /Pages/Auth/Access.razor.rz.scp.css */
/* Base styles */
:root[b-aeugxxx427] {
    --primary: greenyellow;
    --secondary: #2c3e50;
    --light-grey: #f5f5f5;
    --dark-grey: #333;
    --light-greenyellow: #c8f288;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    --bg-dark-gray: #706e6e;
    --light-green: #000;
    --text-dark-gray: #90b493;
    --green-gray-01: #cde7ca;
    --green-gray-02: #b2d4b6;
    --green-gray-03: #90b493;
    --green-gray-04: #728370;
    --green-gray-05: #4b514a;
}

.login-container[b-aeugxxx427] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    min-width: 35vw;
    background: none; 
    padding: 10px;
}


.form-group[b-aeugxxx427] {
    margin-bottom: 5px !important;
}

a[b-aeugxxx427] {
    text-decoration: none;
}

.rounded-circle[b-aeugxxx427] {
    height: 50px;
    width: 60px;
}

.circle-style[b-aeugxxx427] {
    margin-top: -35px;
    margin-left: -90px;
    height: 55px;
    width: 65px;
    border: 2px solid #98d991;
    border-radius: 55%;
    z-index: 20;
}


img[b-aeugxxx427] {
    display: block;
    margin: 0 auto;
}

.alert-color[b-aeugxxx427] {
    color: greenyellow;
}
.alert-close[b-aeugxxx427] {
    color: greenyellow;
}
.school-search[b-aeugxxx427] {
    border: 1px solid brown;
    line-height: 0.8em;
    color: brown;
}

.login-header[b-aeugxxx427] {
    border-bottom: solid 1px #728370;
    padding-bottom: 0px;
    background: none;
    height:45px;
    margin-bottom:10px;
}

.login-card[b-aeugxxx427] {
    background: linear-gradient(lightgreen, crimson);
    border-radius: 0px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    width: 100%;
    padding: 5px 20px 5px 20px;
    transition: transform 0.3s ease;
}

    .login-card:hover[b-aeugxxx427] {
        transform: translateY(-5px);
    }

.login-title[b-aeugxxx427] {
    color: var(--secondary);
    text-align: center;
    margin-bottom: 10px;
    font-weight: 500;
}

.form-group[b-aeugxxx427] {
    margin-bottom: 20px;
}

label[b-aeugxxx427] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: var(--dark-grey);
}

.form-control[b-aeugxxx427] {
    width: 100%;
    padding: 5px !important;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 12px;
    transition: border-color 0.3s;
}

    .form-control:focus[b-aeugxxx427] {
        border-color: greenyellow;
        outline: none;
        box-shadow: 0 0 0 3px rgba(173, 255, 47, 0.2);
    }

.searchable-dropdown[b-aeugxxx427] {
    position: relative;
}

.dropdown-list[b-aeugxxx427] {
    position: absolute;
    z-index: 100;
    /* width: 100%;*/
    max-height: 200px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    margin-top: 5px;
}

.login-btn[b-aeugxxx427], .btn-cancel[b-aeugxxx427] {
    margin-top: 5px;
    width: 120px;
    padding: 5px;
    background-color: #b2d4b6;
    border: 1px solid #b2d4b6;
    border-radius: 6px;
    color: var(--green-gray-01);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
}

    .login-btn:hover[b-aeugxxx427], .btn-cancel:hover[b-aeugxxx427] {
        background: #728370;
        color: #cde7ca;
        transform: scale(1.02);
    }

.btn-find-school[b-aeugxxx427] {
    margin-top: 5px;
    width: 30px;
    margin-bottom: 5px;
    padding: 0px;
    background-color: none; /*#b2d4b6;*/
    border: 1px solid #728370;
    border-radius: 6px;
    color: #728370;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s;
}

    .btn-find-school:hover[b-aeugxxx427] {
        color: #b2d4b6;
        font-size: 16px;
        border: none; /*1px solid #b2d4b6;*/
        transform: scale(1.05);
    }

.text-green-gray-04[b-aeugxxx427] {
    color: #728370;
}

.text-green-gray-05[b-aeugxxx427] {
    color: #4b514a;
}

.alert[b-aeugxxx427] {
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 5px;
    font-size: 14px;
}

.alert-danger[b-aeugxxx427] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.text-dark-grey[b-aeugxxx427] {
    color: #728370; /*var(--text-dark-gray);*/
}

.text-right[b-aeugxxx427] {
    text-align: right;
}

.green-gray-gradient[b-aeugxxx427] {
    background: linear-gradient(#b2d4b6,#cde7ca);
}

.search-box[b-aeugxxx427] {
    margin: 5px 5px 5px 0px;
    width: 200px;
    display: flex;
    justify-content: center;
}

.text-green-yellow[b-aeugxxx427] {
    color: greenyellow;
    margin-right: 10px;
    padding-top: 10px;
    font-size: 16px;
}

.search-box input[type="text"][b-aeugxxx427], .search-box input[type="search"][b-aeugxxx427] {
    width: 100%;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .search-box input[type="text"]:focus[b-aeugxxx427], .search-box input[type="search"]:focus[b-aeugxxx427] {
        border-color: #0078d4;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        outline: none;
    }

.modal-body .modal-dialog[b-aeugxxx427] {
    width: 100%;
}

.search-icon[b-aeugxxx427] {
    margin-right: 12px;
    font-size: 18px;
    color: #666;
}

.quickgrid-container[b-aeugxxx427] {
    max-height: 200px;
    overflow-y: auto; /* Enables vertical scrolling */
    overflow-x: hidden;
    border: 1px solid #ccc;
}

/* ---------- AccessPage Styles ---------- */
.access-container[b-aeugxxx427] {
    width: 100%;
    max-width: 600px;
    margin: 2rem auto;
}

.input-wrapper[b-aeugxxx427] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-find[b-aeugxxx427] {
    padding: 0.5rem 1rem;
    background-color: greenyellow;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

    .btn-find:hover[b-aeugxxx427] {
        background-color: #ccff66;
    }

/*.col-6 {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0.5rem;
}*/
/*
    Orientation Media Query: The CSS rule within @media (orientation: portrait) 
    checks if the device is currently held in portrait mode. 
    When true, it overrides any Bootstrap column widths by setting both flex and max-width 
    properties to 100% for any child element having a class starting with col-. 
    This ensures a one-column layout.
*/
@media (orientation: portrait) {
    .grid-two-col [class*="col-"][b-aeugxxx427] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* Mobile portrait styles */
@media (max-width: 320px) and (orientation: portrait) {   
    .text-green-gray-04[b-aeugxxx427]{
        font-size:small;
        font-family:Calibri;
        padding-left:-10px;
    }
     .circle-style[b-aeugxxx427] {
        margin-left: -30px;
    }
    .myschool-text[b-aeugxxx427]{
        font-size:small;
        font-family:Calibri;
        margin-left:-10px;
    }
    .page-close-btn[b-aeugxxx427] {
        margin-right: -10px;
    }
}

/* Mobile portrait */
@media (max-width: 575.98px) and (orientation: portrait) {
    .text-green-gray-04[b-aeugxxx427] {
        font-size: small;
        font-family: Calibri;
        padding-left: -10px;
    }

    .circle-style[b-aeugxxx427] {
        margin-left: -30px;
    }

    .myschool-text[b-aeugxxx427] {
        font-size: small;
        font-family: Calibri;
        margin-left: -10px;
    }

    .page-close-btn[b-aeugxxx427] {
        margin-right: -10px;
    }
}

/* Mobile Landscape */
@media (min-width: 576px)  and (orientation: landscape){
    #forgot-password[b-aeugxxx427] {
    margin-top:-40px!important;
    padding:0px!important;
    z-index:-40;
}
    .login-header[b-aeugxxx427] {
        margin-top: 20px;
        padding: 0px !important;
        z-index: -40;
    }
    .circle-style[b-aeugxxx427] {
        margin-top: -15px;
    }
}






/* /Pages/Auth/ChangePassword.razor.rz.scp.css */
#divRegisterCard[b-6qx4ra2i9f] {
    margin-top: 20px;
}

.HIDE[b-6qx4ra2i9f] {
    visibility: hidden;
}
#page-bar[b-6qx4ra2i9f] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-6qx4ra2i9f] {
    margin-left: auto;
}
#div-change-password[b-6qx4ra2i9f] {
    display:flex;
    height:100vh;
    flex-flow:column;
    justify-content:center;
    align-items:center;
}
/* /Pages/Auth/ForgotPassword.razor.rz.scp.css */
/*.bg-blue-gradient {
    background: linear-gradient(lightblue, orangered);
}*/
select[b-rilecltqya] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-rilecltqya] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-rilecltqya] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-rilecltqya] {
    border-radius: 0;
}

.list-group-item[b-rilecltqya] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-rilecltqya] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-rilecltqya] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-rilecltqya] {
    background: #4285f4 !important;
}


#page-bar[b-rilecltqya] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-rilecltqya] {
    margin-left: auto;
}

#form-wrapper[b-rilecltqya] {
    padding: 0px;
}


.label-format[b-rilecltqya] {
    font-weight: 700;
}

.top-forgot-div[b-rilecltqya] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 70vh;
    margin: 0 10px;
    width: 80vw;
}

#flex-items1[b-rilecltqya] {
    /*    background-color: red;*/
    width: 100%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-rilecltqya] {
    /*  background-color: blue;*/
    width: 100%;
    /*height: 30%;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
    /*  margin-top: 1rem;*/
}

#flex-items3[b-rilecltqya] {
    /*    background-color: green;*/
    width: 100%;
    /* height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#forgot-password[b-rilecltqya] {
    margin-bottom: 0px !important;
}

#btn-login[b-rilecltqya] {
    padding-left: 0px;
}

#link-forgot-password[b-rilecltqya] {
    padding-right: 0px;
}

@media (min-width: 576px) and (orientation: landscape) {
    .top-forgot-div[b-rilecltqya] {
        width: 60vw;
    }
}
/* /Pages/Auth/Login.razor.rz.scp.css */
select[b-dtkfxprfmp] {
    border: none !important;
}
.header-login-div[b-dtkfxprfmp] {
    width: 55vw;
    max-width: 70vw;
    border: 2px solid #808080;
}
#imgCourOfArms[b-dtkfxprfmp] {
    height: 100%;
    width: 100%;
}

a[b-dtkfxprfmp]{
    text-decoration:none;
}
.circle-style[b-dtkfxprfmp] {
    margin-top: -45px;
    height: 90px;
    width: 120px;
    background-color: #808080;
    border: 2px solid greenyellow;
    border-radius: 50%;
    z-index: 20;
}

#flex-items2[b-dtkfxprfmp] {
    margin-top: 20px;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-dtkfxprfmp] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-dtkfxprfmp] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-dtkfxprfmp] {
    border-radius: 0;
}

.list-group-item[b-dtkfxprfmp] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-dtkfxprfmp] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-dtkfxprfmp] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-dtkfxprfmp] {
    background: #4285f4 !important;
}


.label-format[b-dtkfxprfmp] {
    font-weight: 700;
}


#flex-items1[b-dtkfxprfmp] {
    display: flex;
    flex-direction: column;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}



.form-div[b-dtkfxprfmp] {
    padding: 10px;
}



#forgot-password[b-dtkfxprfmp] {
    text-align:right;
}

#btn-login[b-dtkfxprfmp] {
    padding-left: 0px;
}

#link-forgot-password[b-dtkfxprfmp] {
    padding-right: 0px;
}

/*
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
*/


/* Mobile phones, tablets and small laptop Displays */
@media only screen and (max-width: 768px) {
    .circle-style[b-dtkfxprfmp] {
        height: 70px;
        width: 90px;
    }
    .label-format[b-dtkfxprfmp] {
        font-weight: 500;
    }
}

@media all and (max-width: 392px) {
    .header-login-div[b-dtkfxprfmp] {
        width: 100%;
/*        height: 90%;*/
    }
    .label-format[b-dtkfxprfmp] {
        font-weight: 400;
    }

    #imgCourOfArms[b-dtkfxprfmp] {
        height: 100%;
        width: 100%;
    }

    .circle-style[b-dtkfxprfmp] {
        height: 50px;
        width: 70px;
        margin-top: -35px;
    }
}
/* /Pages/Auth/LoginNew.razor.rz.scp.css */
:root[b-4qmmpyw19i] {
    --primary: #2c3e50;
    --secondary: #3498db;
    --accent: #1abc9c;
    --light: #ecf0f1;
    --dark: #2c3e50;
    --success: #27ae60;
    --danger: #e74c3c;
    --warning: #f39c12;
    --gray-01: #f8f9fa;
    --gray-02: #e9ecef;
    --gray-03: #dee2e6;
    --gray-04: #ced4da;
    --gray-05: #adb5bd;
    --text-green-gray-04: #5a6268;
    --text-green-gray-05: #495057;
    --light-greenyellow: #ADFF2F;
}

body[b-4qmmpyw19i] {
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
}

.login-container[b-4qmmpyw19i] {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.login-card[b-4qmmpyw19i] {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    transition: all 0.3s ease;
}

.login-header[b-4qmmpyw19i] {
    background: linear-gradient(90deg,lightgreen,crimson);
    padding: 20px;
    color: white;
    position: relative;
}

.circle-style[b-4qmmpyw19i] {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: 3px solid #1abc9c; /*var(--accent);*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .circle-style img[b-4qmmpyw19i] {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }

.close-btn[b-4qmmpyw19i] {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: all 0.2s;
}

    .close-btn:hover[b-4qmmpyw19i] {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.1);
    }


.login-body[b-4qmmpyw19i] {
    padding: 25px;
}

.form-group[b-4qmmpyw19i] {
    margin-bottom: 1.5rem;
}

.label-format[b-4qmmpyw19i] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
    color: var(--text-green-gray-05);
}

.form-control[b-4qmmpyw19i] {
    border-radius: 8px;
    padding: 12px 15px;
    border: 2px solid var(--gray-03);
    transition: all 0.3s;
    width: 100%;
}

    .form-control:focus[b-4qmmpyw19i] {
        border-color: var(--secondary);
        box-shadow: 0 0 0 0.25rem rgba(52, 152, 219, 0.25);
        outline: none;
    }

.btn-find-school[b-4qmmpyw19i] {
    background: transparent;
    border: none;
    color: var(--secondary);
    font-size: 1.2rem;
    padding: 0;
    transition: all 0.2s;
}

    .btn-find-school:hover[b-4qmmpyw19i] {
        color: var(--primary);
        transform: scale(1.1);
    }

.login-btn[b-4qmmpyw19i] {
    background: linear-gradient(90deg, #3498db, #1abc9c);
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s;
    width: 100%;
    cursor: pointer;
}

    .login-btn:hover[b-4qmmpyw19i] {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        background: linear-gradient(90deg, #1abc9c, #3498db);
    }

.forgot-password[b-4qmmpyw19i] {
    color: var(--light-greenyellow);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s;
}

    .forgot-password:hover[b-4qmmpyw19i] {
        color: var(--accent);
        text-decoration: underline;
    }

.alert-message[b-4qmmpyw19i] {
    padding: 10px 15px;
    border-radius: 8px;
    margin-top: 15px;
    font-weight: 500;
}

.alert-success[b-4qmmpyw19i] {
    background-color: rgba(39, 174, 96, 0.15);
    border: 1px solid var(--success);
    color: var(--success);
}

.alert-danger[b-4qmmpyw19i] {
    background-color: rgba(231, 76, 60, 0.15);
    border: 1px solid var(--danger);
    color: var(--danger);
}

.alert-warning[b-4qmmpyw19i] {
    background-color: rgba(243, 156, 18, 0.15);
    border: 1px solid var(--warning);
    color: var(--warning);
}

.close-alert[b-4qmmpyw19i] {
    background: transparent;
    border: none;
    color: inherit;
    font-size: 1.2rem;
    opacity: 0.7;
    transition: all 0.2s;
    float: right;
    cursor: pointer;
}

    .close-alert:hover[b-4qmmpyw19i] {
        opacity: 1;
    }

.card-footer[b-4qmmpyw19i] {
    background: var(--gray-01);
    border-top: 1px solid var(--gray-03);
    padding: 20px;
}

.text-green-gray-04[b-4qmmpyw19i] {
    color: var(--text-green-gray-04);
}

.text-green-gray-05[b-4qmmpyw19i] {
    color: var(--text-green-gray-05);
}

.alert-color[b-4qmmpyw19i] {
    color: var(--danger);
}

.bg-dark-gray[b-4qmmpyw19i] {
    background-color: var(--dark);
}

.cicle-white[b-4qmmpyw19i] {
    color: white;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .login-header[b-4qmmpyw19i] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 15px;
    }

        .login-header > div[b-4qmmpyw19i] {
            margin-bottom: 10px;
        }

            .login-header > div:last-child[b-4qmmpyw19i] {
                position: absolute;
                top: 15px;
                right: 15px;
                margin-bottom: 0;
            }

    .circle-style[b-4qmmpyw19i] {
        margin: 10px 0;
    }

    .login-body[b-4qmmpyw19i] {
        padding: 20px 15px;
    }
}

@media (max-width: 575.98px) {
    .d-flex.justify-content-between[b-4qmmpyw19i] {
        flex-direction: column;
    }

    .btn-find-school[b-4qmmpyw19i] {
        align-self: flex-end;
        margin-top: 5px;
    }

    body[b-4qmmpyw19i] {
        padding: 10px;
    }
}

/* Animation for form elements */
@keyframes fadeIn-b-4qmmpyw19i {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.form-group[b-4qmmpyw19i] {
    animation: fadeIn-b-4qmmpyw19i 0.4s ease-out;
    animation-fill-mode: both;
}

    .form-group:nth-child(1)[b-4qmmpyw19i] {
        animation-delay: 0.1s;
    }

    .form-group:nth-child(2)[b-4qmmpyw19i] {
        animation-delay: 0.2s;
    }

    .form-group:nth-child(3)[b-4qmmpyw19i] {
        animation-delay: 0.3s;
    }

    .form-group:nth-child(4)[b-4qmmpyw19i] {
        animation-delay: 0.4s;
    }

    .form-group:nth-child(5)[b-4qmmpyw19i] {
        animation-delay: 0.5s;
    }

    .form-group:nth-child(6)[b-4qmmpyw19i] {
        animation-delay: 0.6s;
    }
/* /Pages/Cleanroom/SendUsEmail.razor.rz.scp.css */
*[b-1k528wxkpe] {
    text-transform: none;
}

.center[b-1k528wxkpe] {
    z-index: 5;
    width: 80%;
    height: 90%;
    background: linear-gradient( gray, greenyellow);
    border: 2px solid silver;
    border-radius: 10px;
    padding: 20px;
    font-size: calc(.7vw + .7vh);
}
.custom-card[b-1k528wxkpe] {
    height: 60%;
    padding:0 10px;
}
input[type="text"][b-1k528wxkpe], input[type="password"][b-1k528wxkpe], input[type="email"][b-1k528wxkpe] {
    height: 20px;
    font-size: calc(.7vw + .7vh);
}

select[b-1k528wxkpe], input[type="textarea"][b-1k528wxkpe] {
    height: 40px !important;
    font-size: calc(.7vw + .7vh);
}

.btn[b-1k528wxkpe] {
    color: greenyellow;
    font-size: calc(.7vw + .7vh);
    border-radius: 5%;
    height: 2.5rem;
    width: 150px;
 /*   padding: 5px;*/
    background: linear-gradient( gray, lightgray);
}

.btn-success[b-1k528wxkpe] {
    background-color: green;
    border-radius: 0px;
    margin-right: 20px;
}

.btn-warning[b-1k528wxkpe] {
    background-color: darkorange;
    margin-left: 20px;
    border-radius: 0px;
}

.btn-bottom[b-1k528wxkpe] {
    position: absolute;
    bottom: 5%;
    width: 100%;
}

.form-group[b-1k528wxkpe]{
    margin-bottom:0px!important;
}

h5[b-1k528wxkpe] {
    font-size: calc(1.2vw + 1.2vh);
}

.btn-close[b-1k528wxkpe] {
    display: block;
    padding: .2rem;
    font-size: calc(.7vw + .7vh);
    color: #fff;
    background: rgb(255,255,255,.2);
    box-shadow: 0 1rem 2rem rgb(0,0,0,.2);
    border-radius: .5rem;
    width: 100%;  
    text-align:center;
}
/* /Pages/Home.razor.rz.scp.css */
.btn-login[b-t9tryqv5rf] {
    font-size: calc(.8vw + .8vh);
    padding: 10px 20px;
    background: rgb(156, 39, 176);
    color: #fff;
    border-radius: 10em;
    box-shadow: 0 1rem 2rem rgb(0,0,0,.2);
    margin-top: 1rem;
    cursor: pointer;
    transition: .2s linear;
    border: 1px solid purple;
    /*    width: 10vw;*/
}

a[b-t9tryqv5rf] {
    text-decoration: none;
}

.btn-rounded[b-t9tryqv5rf] {
    border-radius: 10em;
}

.btn-purple[b-t9tryqv5rf] {
    color: #fff;
    background-color: #8e24aa !important;
}

.text-nav-color[b-t9tryqv5rf] {
    color: #b561ed;
}

.purple-gradient[b-t9tryqv5rf] {
    background: linear-gradient(40deg, #ff6ec4, #7873f5) !important;
}

.font-weight-bold[b-t9tryqv5rf] {
    font-weight: 700 !important;
}

.pr-5[b-t9tryqv5rf] {
    padding-right: 10px;
}

.purple-text[b-t9tryqv5rf] {
    color: #9c27b0 !important;
}

.card .card-circle .fas[b-t9tryqv5rf], .card .card-circle .fab[b-t9tryqv5rf], .card .card-circle .far[b-t9tryqv5rf] {
    font-size: 4rem;
}

.card .card-circle[b-t9tryqv5rf] {
    width: 7.5rem;
    height: 7.5rem;
    border: 2px solid #e0e0e0;
    border-radius: 50%;
}

.divider-custom[b-t9tryqv5rf] {
    margin: 1.25rem 0 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-body[b-t9tryqv5rf] {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.divider-custom .divider-custom-line[b-t9tryqv5rf] {
    margin-right: 1rem;
}

.divider-custom .divider-custom-line[b-t9tryqv5rf] {
    width: 100%;
    max-width: 15rem;
    height: 0.25rem;
    background-color: #8e24aa !important;
    border-radius: 1rem;
    border-color: #8e24aa !important;
}

.divider-custom .divider-custom-icon[b-t9tryqv5rf] {
    font-size: 2.5rem;
    color: #8e24aa !important;
    margin-right: 1rem;
}

@media (min-width: 600px) {
    .navbar.scrolling-navbar[b-t9tryqv5rf] {
        padding-top: 12px;
        padding-bottom: 12px;
        -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
        transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    }
}

@media (max-width: 740px) {
    html[b-t9tryqv5rf],
    body[b-t9tryqv5rf],
    header[b-t9tryqv5rf],
    .jarallax[b-t9tryqv5rf] {
        height: 100vh;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    html[b-t9tryqv5rf],
    body[b-t9tryqv5rf],
    header[b-t9tryqv5rf],
    .jarallax[b-t9tryqv5rf] {
        height: 100vh;
    }
}

@media (min-width: 560px) and (max-width: 650px) {
    header .jarallax h1[b-t9tryqv5rf] {
        margin-bottom: .5rem !important;
    }

    header .jarallax h5[b-t9tryqv5rf] {
        margin-bottom: .5rem !important;
    }
}


@media (min-width: 660px) and (max-width: 700px) {
    header .jarallax h1[b-t9tryqv5rf] {
        margin-bottom: 1.5rem !important;
    }

    header .jarallax h5[b-t9tryqv5rf] {
        margin-bottom: 1.5rem !important;
    }
}

.top-nav-collapse[b-t9tryqv5rf] {
    background-color: #b561ed !important;
    /*#9da4b1 #d384db*/
}

.navbar-toggler-icon[b-t9tryqv5rf] {
    color: #fff;
    border-color: #fff;
}

.navbar:not(.top-nav-collapse)[b-t9tryqv5rf], .top-nav-collapse[b-t9tryqv5rf] {
    color: #fff !important;
}

.top-nav-collapse[b-t9tryqv5rf] {
    color: #b561ed !important;
}

.navbar-toggle[b-t9tryqv5rf] {
    background-color: #fff;
}

.navbar:not(.top-nav-collapse)[b-t9tryqv5rf] {
    background: transparent !important;
}

@media (max-width: 768px) {
    .navbar:not(.top-nav-collapse)[b-t9tryqv5rf] {
        background: #9da4b1 !important;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse)[b-t9tryqv5rf] {
        background: #9da4b1 !important;
    }
}

footer.page-footer[b-t9tryqv5rf] {
    background-color: #9da4b1;
}


.home[b-t9tryqv5rf] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    height: 100%;
    overflow: hidden;
}

    .home img[b-t9tryqv5rf] {
        margin: 1rem 0;
        max-height: 20%;
        width: 45%;
        object-fit: cover;
        box-shadow: 0 0 0 .5rem rgb(255,255,255,.2);
    }

    .home h3[b-t9tryqv5rf] {
        font-size: calc(1vw + 1vh);
        font-weight: lighter;
        color: #fff;
    }

    .home .post[b-t9tryqv5rf] {
        padding: 1rem 0;
    }


    .home .box-container[b-t9tryqv5rf] {
        max-width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-around;
    }

.btn[b-t9tryqv5rf] {
    font-size: calc(.8vw + .8vh);
    padding: .2rem 1rem;
    background: rgb(255,255,255,.2);
    color: #fff;
    border-radius: 1rem;
    box-shadow: 0 1rem 2rem rgb(0,0,0,.2);
    margin-top: 1rem;
    cursor: pointer;
    transition: .2s linear;
    width: 10vw;
}

.theme-toggler[b-t9tryqv5rf] {
    background: rgb(255,255,255,.2);
    box-shadow: 0 1rem 2rem rgb(0,0,0,.2);
    border-radius: 1rem;
    backdrop-filter: blur(.4rem);
}

    .theme-toggler span[b-t9tryqv5rf] {
        display: inline-block;
        height: 2rem;
        width: 2rem;
        border-radius: 50%;
        cursor: pointer;
        margin: 1rem 1.5rem;
        box-shadow: 0 0 0 .5rem rgb(255,255,255,.2), 0 1rem 1rem rgb(0,0,0,.2);
    }

.divider-custom[b-t9tryqv5rf] {
    margin: 1.25rem 0 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .divider-custom .divider-custom-line[b-t9tryqv5rf] {
        margin-right: 1rem;
    }

    .divider-custom .divider-custom-line[b-t9tryqv5rf] {
        width: 100%;
        max-width: 15rem;
        height: 0.25rem;
        background-color: #fff;
        border-radius: 1rem;
        border-color: #fff;
    }

    .divider-custom .divider-custom-icon[b-t9tryqv5rf] {
        font-size: 2.5rem;
        color: #fff;
        margin-right: 1rem;
    }


.oi-account-login[b-t9tryqv5rf] {
    font-size: 18px;
    padding-right: 5px;
}

@media screen and (max-width: 1040px) {
    .css-container[b-t9tryqv5rf] {
        width: 90vw !important;
        border: 5px solid red;
    }

    .home[b-t9tryqv5rf] {
        width: 90%;
    }

    .oi-account-login[b-t9tryqv5rf] {
        display: none;
    }

    .btn[b-t9tryqv5rf] {
        width: 120px;
        font-size: large;
    }
}
/* /Pages/Messages/SendMessage.razor.rz.scp.css */

.text-light-greenyellow[b-6h5f86y8yg] {
    color: greenyellow !important;
}

#sms-menu[b-6h5f86y8yg] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-6h5f86y8yg] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-6h5f86y8yg] {
    padding: 5px !important;
}
/* /Pages/Messages/SMSAccountBalance.razor.rz.scp.css */
#page-bar[b-vsq9qhut64] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-vsq9qhut64] {
    margin-left: auto;
}

.btn-light-gray[b-vsq9qhut64] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-vsq9qhut64] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-vsq9qhut64] {
    padding: 5px;
}

.label-format[b-vsq9qhut64] {
    font-weight: 700;
}

.sms-credit-balance[b-vsq9qhut64] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-vsq9qhut64] {
    width: 60%;
    padding: 0px;
}

#flex-items-2[b-vsq9qhut64] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

#flex-items-3[b-vsq9qhut64] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

#message-send-response[b-vsq9qhut64] {
    max-height: 20vh;
    width: 60%;
    max-width: 60%;
    overflow: auto;
}

.list-group-item[b-vsq9qhut64] {
    font-size: small;
    padding: 5px;
}

.list-group[b-vsq9qhut64] {
    padding: 5px;
}
/* /Pages/Messages/SMSToPhoneList.razor.rz.scp.css */
#page-bar[b-ya19onkcfb] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ya19onkcfb] {
    margin-left: auto;
}

.btn-light-gray[b-ya19onkcfb] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ya19onkcfb] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-ya19onkcfb] {
    padding: 5px;
}

.label-format[b-ya19onkcfb] {
    font-weight: 700;
}

.sms-to-phonelist[b-ya19onkcfb] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-ya19onkcfb] {
    width: 60%;
    padding: 0px;
}

#flex-items-2[b-ya19onkcfb] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

#flex-items-3[b-ya19onkcfb] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

#message-send-response[b-ya19onkcfb] {
    max-height: 20vh;
    width: 60%;
    max-width: 60%;
    overflow: auto;
}

.list-group-item[b-ya19onkcfb] {
    font-size: small;
    padding: 5px;
}

.list-group[b-ya19onkcfb] {
    padding: 5px;
}
/* /Pages/MySchoolAdmin/Accounting.razor.rz.scp.css */

#accounting-menu[b-zfl39kffv7]{
    border:1px solid greenyellow;
    width:90%;
    padding:10px;
}
#accounting-menu-items[b-zfl39kffv7]{
    border:none;
}
/* /Pages/MySchoolAdmin/CashBook/CashBookSummaryReport.razor.rz.scp.css */
/*#divTrialBalance, #divProfitAndLoss, #divBalanceSheet, #divChartOfAccounts {
    height: 500px;
    overflow-x: scroll;
}*/

#bodyChartOfAccounts[b-c5ahn0a6vy] {
    height: 70vh;
    overflow-y: scroll;
}

#btnPrintCofA[b-c5ahn0a6vy] {
    width: 120px;
    margin: 10px 0 10px 0;
}

#faPrint[b-c5ahn0a6vy] {
    padding: 5px;
}

th[b-c5ahn0a6vy] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


    th.ClassHeader[b-c5ahn0a6vy] {
        background-color: lightslategrey;
        color: black;
        font-family: Calibri;
        font-size: large;
    }

.TitleFont[b-c5ahn0a6vy] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-c5ahn0a6vy] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-c5ahn0a6vy], .h4Val[b-c5ahn0a6vy] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table[b-c5ahn0a6vy] {
    font-family: Calibri;
    font-size: medium;
}

.table td[b-c5ahn0a6vy], .table th[b-c5ahn0a6vy] {
        padding: 2px;
}

#page-bar[b-c5ahn0a6vy] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-c5ahn0a6vy] {
    margin-left: auto;
}

.form-label[b-c5ahn0a6vy] {
    font-weight: 700;
}

.btn-light-gray[b-c5ahn0a6vy] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-c5ahn0a6vy] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-c5ahn0a6vy] {
    padding: 5px;
}

.label-format[b-c5ahn0a6vy] {
    font-weight: 700;
}

.divChartOfAccounts[b-c5ahn0a6vy] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-c5ahn0a6vy] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-c5ahn0a6vy] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-c5ahn0a6vy] {
    width: 98%;
}
/*
#gl-control-account-edit {
    max-height: 60vh;
    overflow-y: auto;
}*/
/* /Pages/MySchoolAdmin/CashBook/CBAudtTrail.razor.rz.scp.css */
table[b-vdq59qcc7g] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-vdq59qcc7g] {
        font-size: 14px;
        padding: 7px;
    }

    table.table td[b-vdq59qcc7g] {
        font-size: 14px;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-vdq59qcc7g], table.table td[b-vdq59qcc7g] {
        padding: 7px;
    }

#page-bar[b-vdq59qcc7g] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-vdq59qcc7g] {
    margin-left: auto;
}

.debtors-audit-trail[b-vdq59qcc7g] {
    display: flex;
    height: 90vh;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}


#flex-items-1[b-vdq59qcc7g], #flex-items-2[b-vdq59qcc7g], #flex-items-3[b-vdq59qcc7g] {
    width: 70vw;
    border: 2px solid #808080;
}

.pr-5[b-vdq59qcc7g]{
    padding-right:5px;
}

#audit-trail-details[b-vdq59qcc7g]{
    max-height:60vh;
    overflow:auto;
}

.text-small[b-vdq59qcc7g] {
    font-size: small;
}

.SmallFonts-heading[b-vdq59qcc7g] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-vdq59qcc7g] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
/* /Pages/MySchoolAdmin/CashBook/CBBankEdit.razor.rz.scp.css */
*[b-s4jx27dgnm] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.text-light-greenyellow[b-s4jx27dgnm] {
    color: greenyellow;
}

.btn-light-gray[b-s4jx27dgnm] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-s4jx27dgnm] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-s4jx27dgnm] {
    padding: 5px;
}
.card-header[b-s4jx27dgnm] {
    padding:10px;
}
.label-format[b-s4jx27dgnm] {
    font-weight: 700;
}




#outer-flex[b-s4jx27dgnm] {
    margin-top: 20px;
    width: 90%;
    height: 75%;
    display: flex;
    padding: 10px;
    border: 1px solid #808080;
}

#outer-flex-item-1[b-s4jx27dgnm] {
    width: 65%;
    height: 75%;
    border: 1px solid #808080;
}

.accounts-cb-nst-header[b-s4jx27dgnm] {
    display: flex;
    height: 25%; /*350px;*/
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    /*margin: 0 10px;*/
}

#outer-flex-item-2[b-s4jx27dgnm] {
    width: 35%;
    height: 75%;
    margin-left: 10px;
/*    border: 1px solid #808080;*/
    padding: 5px;
}

#cb-nst-detail[b-s4jx27dgnm] {
    width: 100%;
    border: 1px solid #808080;
    /* padding:20px;*/
}



#flex-items-1[b-s4jx27dgnm] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
}

#flex-items-2[b-s4jx27dgnm] {
    /*  width: 70%;*/
    display: flex;
    border #808080;
    /* border-right: 1px solid #808080;*/
    padding: 20px;
    flex-direction: row;
    justify-content: space-between;
}

#flex-items-3[b-s4jx27dgnm] {
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
    max-height: 350px;
    /*    overflow-y: auto;*/
}



/*

*/
#page-bar[b-s4jx27dgnm] {
    display: flex;
    flex-wrap: nowrap;
}

.form-control[b-s4jx27dgnm] {
    line-height: 0.6em!important;
    border:solid 1px #b6ff00 !important;
}

#buttons-footer[b-s4jx27dgnm] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#page-bar-right[b-s4jx27dgnm] {
    margin-left: auto;
}

.btn-light-gray[b-s4jx27dgnm] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-s4jx27dgnm] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-s4jx27dgnm] {
    font-weight: 700;
}

/*.bank-details-container {
    display: flex;
    height: 80vh;
    height: 80%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top:20px;
    padding-right: 10px;
}*/

#flex-items1[b-s4jx27dgnm] {
    /*    background-color: red;*/
    width: 100%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-s4jx27dgnm] {
    /*  background-color: blue;*/
    width: 100%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-s4jx27dgnm] {
    /*    background-color: green;*/
    width: 100%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#card-body-details[b-s4jx27dgnm] {
   /* max-height: 40vh;*/
    max-height: 40%;
  /*  overflow-y: auto;*/
}


.bg-grey[b-s4jx27dgnm] {
    background: #706e6e;
}

.text-light-greenyellow[b-s4jx27dgnm] {
    color: greenyellow;
}

.mt-20[b-s4jx27dgnm] {
    margin-top: 20px !important;
}
/* /Pages/MySchoolAdmin/CashBook/CBParameterSetupPage.razor.rz.scp.css */
table[b-berow8ho49] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-berow8ho49] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-berow8ho49] {
        font-size: large;
        line-height: 1.0em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-berow8ho49], table.table td[b-berow8ho49] {
        padding: 7px;
    }

#page-bar[b-berow8ho49] {
    display: flex;
    flex-wrap: nowrap;
}

.table-sm[b-berow8ho49] {
    font-size: 16px;
}

#page-bar-right[b-berow8ho49] {
    margin-left: auto;
}

.btn-light-gray[b-berow8ho49] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-berow8ho49] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-berow8ho49] {
    font-weight: 700;
}

.class-subjects[b-berow8ho49] {
    margin-top: 40px;
}

.module-parameters[b-berow8ho49] {
    width: 90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*    margin: 0 10px;*/
}

#flex-items1[b-berow8ho49] {
    height: 30%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
    overflow-y:scroll;
}

#flex-items2[b-berow8ho49] {
    height: 30%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}
/* /Pages/MySchoolAdmin/CashBook/CBSupplierPayments.razor.rz.scp.css */

#page-bar[b-rcdv63hkiv], #btn-group-flex[b-rcdv63hkiv] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*#page-bar-right {
    margin-left: auto;
}

.page-bar-center{
    text-align:center;
}*/
.btn-light-gray[b-rcdv63hkiv] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-rcdv63hkiv] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-rcdv63hkiv] {
    font-weight: 700;
}

/*#divClassUnpostedIndividualInvoices {
    height: 400px;
}*/

.create-new-supplier-invoice[b-rcdv63hkiv] {
    display: flex;
    height: 98vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
 
}

#flex-items-1[b-rcdv63hkiv] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-rcdv63hkiv] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items-3[b-rcdv63hkiv] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.form-group[b-rcdv63hkiv] {
    margin: 0px;
}

#flex-items-2[b-rcdv63hkiv] {
    max-height: 55vh;
    overflow-y: scroll;
}
/* /Pages/MySchoolAdmin/CashBook/CBTransNSTHeader.razor.rz.scp.css */
*[b-6tawdva47n] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.text-light-greenyellow[b-6tawdva47n]{
    color:greenyellow;
}
.btn-light-gray[b-6tawdva47n] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-6tawdva47n] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-6tawdva47n] {
    padding: 5px;
}

.label-format[b-6tawdva47n] {
    font-weight: 700;
}




#outer-flex[b-6tawdva47n] {
    margin-top: 20px;
    width: 90%;
    height: 75%;
    display: flex;
}

#outer-flex-item-1[b-6tawdva47n] {
    width: 80%;
    height: 75%;
    border: 1px solid #808080;
}

.accounts-cb-nst-header[b-6tawdva47n] {
    display: flex;
    height: 25%; /*350px;*/
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    /*margin: 0 10px;*/
}
#outer-flex-item-2[b-6tawdva47n] {
    width: 20%;
    height: 75%;
    margin-left: 10px;
    border: 1px solid #808080;
    padding:5px;
}

#cb-nst-detail[b-6tawdva47n] {
    width: 100%;
    border: 1px solid #808080;
   /* padding:20px;*/
}



#flex-items-1[b-6tawdva47n] {   
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
}

#flex-items-2[b-6tawdva47n] {
    /*  width: 70%;*/
    display: flex;
    border #808080;
    /* border-right: 1px solid #808080;*/
    padding: 20px;
    flex-direction: row;
    justify-content: space-between;
}

#flex-items-3[b-6tawdva47n] {
    width: 100%;
    border: 1px solid #808080;
    padding: 20px;
    max-height: 350px;
/*    overflow-y: auto;*/
}
/*
#flex-height-div {
    width: 90%;
    height: 40px;
}

#flex-items-4 {
    width: 90%;
    max-height: 350px;
    overflow-y: auto;
}

.pr-10{
    padding-right:10px;
}
.pl-10 {
    padding-left:10px;
}
*/
/* /Pages/MySchoolAdmin/CashBook/StudentCBReceipt.razor.rz.scp.css */
/*#page-bar {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right {
    margin-left: auto;
}*/

.btn-light-gray[b-lljul4irlh] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-lljul4irlh] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-lljul4irlh] {
    padding: 5px;
}

.label-format[b-lljul4irlh] {
    font-weight: 700;
}

.accounts-student-cb-receipt[b-lljul4irlh] {
    display: flex;
    height: 70vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-lljul4irlh] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
}
#flex-items-2[b-lljul4irlh] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-lljul4irlh] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}



#flex-items-4[b-lljul4irlh] {
    width: 90%;
}
/* /Pages/MySchoolAdmin/CashBook/ViewPostCBTransactionsToGL.razor.rz.scp.css */
table[b-cb7a878xl3] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-cb7a878xl3] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-cb7a878xl3] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-cb7a878xl3], table.table td[b-cb7a878xl3] {
        padding: 7px;
    }

#page-bar[b-cb7a878xl3] {
    display: flex;
    flex-wrap: nowrap;
    justify-content:space-between
}
.table-sm[b-cb7a878xl3]{
    font-size:16px;
}
/*#page-bar-right {
    margin-left: auto;
}*/
.btn-light-gray[b-cb7a878xl3] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-cb7a878xl3] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-cb7a878xl3] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.view-posted-unposted-cb-transactions[b-cb7a878xl3] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-cb7a878xl3] {
    /*    background-color: red;*/
    width: 70vw;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-cb7a878xl3] {
    /*  background-color: blue;*/
    width: 70vw;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-cb7a878xl3] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
#flex-items4[b-cb7a878xl3] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#pl-trans-details[b-cb7a878xl3] {
    max-height: 45vh;
    max-width:70vw;
    overflow: scroll;
}

#student-subjects[b-cb7a878xl3] {
    max-height: 40vh;
    overflow-y: scroll;
}

#class-subjects[b-cb7a878xl3] {
    max-height: 40vh;
    overflow-y: scroll;
}

#cardStaffProfile[b-cb7a878xl3] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-cb7a878xl3] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-cb7a878xl3] {
    background: #706e6e;
}

.text-light-greenyellow[b-cb7a878xl3] {
    color: greenyellow;
}

.mt-20[b-cb7a878xl3] {
    margin-top: 20px !important;
}
/* /Pages/MySchoolAdmin/ChangePassword.razor.rz.scp.css */
select[b-jp2fhel8xu] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-jp2fhel8xu] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-jp2fhel8xu] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-jp2fhel8xu] {
    border-radius: 0;
}

.list-group-item[b-jp2fhel8xu] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-jp2fhel8xu] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-jp2fhel8xu] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-jp2fhel8xu] {
    background: #4285f4 !important;
}


#page-bar[b-jp2fhel8xu] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-jp2fhel8xu] {
    margin-left: auto;
}

#form-wrapper[b-jp2fhel8xu] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-jp2fhel8xu] {
    font-weight: 700;
}

.top-passwordchange-div[b-jp2fhel8xu] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-jp2fhel8xu] {
    /*    background-color: red;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-jp2fhel8xu] {
    /*  background-color: blue;*/
    width: 50%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-jp2fhel8xu] {
    /*    background-color: green;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/MySchoolAdmin/ClassInvoice.razor.rz.scp.css */
#page-bar[b-f4p2fxt53x] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-f4p2fxt53x] {
    margin-left: auto;
}

.btn-light-gray[b-f4p2fxt53x] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-f4p2fxt53x] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
.card-footer[b-f4p2fxt53x]{
    padding:5px;
}
.label-format[b-f4p2fxt53x] {
    font-weight: 700;
}

.accounts-class-invoices[b-f4p2fxt53x] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-f4p2fxt53x] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-f4p2fxt53x] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height:40vh;
    overflow-y:auto;
}

#flex-items-3[b-f4p2fxt53x] {
    width: 90%;
}
#flex-item-4[b-f4p2fxt53x] {
    width: 90%;
}
/* /Pages/MySchoolAdmin/ClassInvoiceUnposted.razor.rz.scp.css */
#page-bar[b-hs33wpp7fi] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-hs33wpp7fi] {
    margin-left: auto;
}

.btn-light-gray[b-hs33wpp7fi] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-hs33wpp7fi] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-hs33wpp7fi] {
    padding: 5px;
}
table th[b-hs33wpp7fi] {
    padding: 3px;
    font-size: 16px;
}
table td[b-hs33wpp7fi] {
    font-size: 14px;
    padding: 3px;
    line-height: 1px;
    vertical-align: middle;
}
.label-format[b-hs33wpp7fi] {
    font-weight: 700;
}

.accounts-class-unposted-invoices[b-hs33wpp7fi] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-hs33wpp7fi] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-hs33wpp7fi] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-hs33wpp7fi] {
    width: 90%;
}

#flex-item-4[b-hs33wpp7fi] {
    width: 90%;
}
/* /Pages/MySchoolAdmin/ClassStudentListByTerm.razor.rz.scp.css */
#dg-student-list[b-euzkhv36nw] {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

.text-light-greenyellow[b-euzkhv36nw]{
    color:greenyellow;
}

.control-label[b-euzkhv36nw] {
    width: 220px;
}

.form-group[b-euzkhv36nw] {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 2px !important;
}

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-euzkhv36nw] {
    left: 0px !important;
    text-align: left;
}


a[b-euzkhv36nw], .btn-link[b-euzkhv36nw] {
    color: greenyellow;
}

tbody[b-euzkhv36nw] {
    background-color: #706e6e;
    font-size: 12px;
}

#students-in-class[b-euzkhv36nw] {
    max-height: 40vh;
    overflow-y: scroll;
}


.control-label[b-euzkhv36nw] {
    line-height: 10px;
}

.list-group[b-euzkhv36nw] {
    width: 220px;
    line-height: 10px;
}

.table td[b-euzkhv36nw], .table th[b-euzkhv36nw] {
    padding: 0px;
}

a[b-euzkhv36nw], .btn-link[b-euzkhv36nw] {
    font-size: 14px;
}

/* /Pages/MySchoolAdmin/ClassSubjects.razor.rz.scp.css */
select[b-e6dtrupwxk] {
    border: none !important;
}

body[b-e6dtrupwxk]{
    height:100%;
}
/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-e6dtrupwxk] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-e6dtrupwxk] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-e6dtrupwxk] {
    border-radius: 0;
}


.bg-dark-gray[b-e6dtrupwxk], tr[b-e6dtrupwxk] {
    background-color: #706e6e!important;
}
.list-group-item[b-e6dtrupwxk] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-e6dtrupwxk] {
    background-color: #fff;
    color: #000;
    width: 220px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-e6dtrupwxk] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-e6dtrupwxk] {
    background: #4285f4 !important;
}

.text-black[b-e6dtrupwxk] {
    color: #000;
}

td a:hover[b-e6dtrupwxk] {
    background-color: #808080;
    color: greenyellow;
}

#page-bar[b-e6dtrupwxk] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-e6dtrupwxk] {
    margin-left: auto;
}

.label-format[b-e6dtrupwxk] {
    font-weight: 700;
}

.class-subjects[b-e6dtrupwxk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.body-height[b-e6dtrupwxk] {
    height: 30vh;
    overflow-y: scroll;
}

#flex-row[b-e6dtrupwxk] {
    width: 70%;
}

#flex-items5[b-e6dtrupwxk] {
    width: 70%;
}

#flex-items1[b-e6dtrupwxk] {
    width: 70%;
}

#flex-items1[b-e6dtrupwxk] {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-row[b-e6dtrupwxk] {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}
/*#flex-row.col-md-4{
        padding:0px!important;
    }*/

#flex-items2[b-e6dtrupwxk], #flex-items3[b-e6dtrupwxk], #flex-items4[b-e6dtrupwxk] {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 5px;
}

.table td[b-e6dtrupwxk], .table th[b-e6dtrupwxk] {
    padding: 2px !important;
}

a.text-black[b-e6dtrupwxk], .table td[b-e6dtrupwxk] {
    font-size: 12px;
}

a[b-e6dtrupwxk]{
    text-decoration:none;
}

.text-green-yellow[b-e6dtrupwxk]{
    color:greenyellow!important;
}
.mt-2[b-e6dtrupwxk]{
    margin-top:2px;
}
.m-2[b-e6dtrupwxk]{
    margin:2px;
}

.ml-2[b-e6dtrupwxk]{
margin-left:2px;
}

.mt-1[b-e6dtrupwxk] {
    margin-top:1px;
}

.mr-5[b-e6dtrupwxk] {
    margin-right: 2px;
}
/* /Pages/MySchoolAdmin/Creditors/CreditorsAudtTrail.razor.rz.scp.css */
table[b-98pskp3mth] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-98pskp3mth] {
        font-size: 14px;
        padding: 7px;
    }

    table.table td[b-98pskp3mth] {
        font-size: 14px;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-98pskp3mth], table.table td[b-98pskp3mth] {
        padding: 7px;
    }

#page-bar[b-98pskp3mth] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-98pskp3mth] {
    margin-left: auto;
}

.debtors-audit-trail[b-98pskp3mth] {
    display: flex;
    height: 90vh;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}


#flex-items-1[b-98pskp3mth], #flex-items-2[b-98pskp3mth], #flex-items-3[b-98pskp3mth] {
    width: 70vw;
    border: 2px solid #808080;
}

.pr-5[b-98pskp3mth]{
    padding-right:5px;
}

#audit-trail-details[b-98pskp3mth]{
    max-height:60vh;
    overflow:auto;
}

.text-small[b-98pskp3mth] {
    font-size: small;
}

.SmallFonts-heading[b-98pskp3mth] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-98pskp3mth] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
/* /Pages/MySchoolAdmin/Creditors/CreditorsTransactions.razor.rz.scp.css */

#page-bar[b-u4dv4un0he], #btn-group-flex[b-u4dv4un0he] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*#page-bar-right {
    margin-left: auto;
}

.page-bar-center{
    text-align:center;
}*/
.btn-light-gray[b-u4dv4un0he] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-u4dv4un0he] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-u4dv4un0he] {
    font-weight: 700;
}

/*#divClassUnpostedIndividualInvoices {
    height: 400px;
}*/

.create-new-supplier-invoice[b-u4dv4un0he] {
    display: flex;
    height: 98vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
 
}

#flex-items-1[b-u4dv4un0he] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-u4dv4un0he] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items-3[b-u4dv4un0he] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.form-group[b-u4dv4un0he] {
    margin: 0px;
}

#flex-items-2[b-u4dv4un0he] {
    max-height: 55vh;
    overflow-y: scroll;
}
/* /Pages/MySchoolAdmin/Creditors/PLParameterSetupPage.razor.rz.scp.css */
table[b-6w74bsqfcr] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-6w74bsqfcr] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-6w74bsqfcr] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-6w74bsqfcr], table.table td[b-6w74bsqfcr] {
        padding: 7px;
    }

#page-bar[b-6w74bsqfcr] {
    display: flex;
    flex-wrap: nowrap;
}

.table-sm[b-6w74bsqfcr] {
    font-size: 16px;
}

#page-bar-right[b-6w74bsqfcr] {
    margin-left: auto;
}

.btn-light-gray[b-6w74bsqfcr] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-6w74bsqfcr] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-6w74bsqfcr] {
    font-weight: 700;
}

.class-subjects[b-6w74bsqfcr] {
    margin-top: 40px;
}

.module-parameters[b-6w74bsqfcr] {
    width: 90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*    margin: 0 10px;*/
}

#flex-items1[b-6w74bsqfcr] {
    height: 20%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}

#flex-items2[b-6w74bsqfcr] {
    height: 50%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}
/* /Pages/MySchoolAdmin/Creditors/SupplierMaster.razor.rz.scp.css */

#page-bar[b-rgju68ofw6], #btn-group-flex[b-rgju68ofw6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/*#page-bar-right {
    margin-left: auto;
}

.page-bar-center{
    text-align:center;
}*/
.btn-light-gray[b-rgju68ofw6] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-rgju68ofw6] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-rgju68ofw6] {
    font-weight: 700;
}

/*#divClassUnpostedIndividualInvoices {
    height: 400px;
}*/

.create-new-supplier[b-rgju68ofw6] {
    display: flex;
    height: 98vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-rgju68ofw6] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-rgju68ofw6] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items-3[b-rgju68ofw6] {
    width: 60vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.form-group[b-rgju68ofw6]{
    margin:0px;
}
#flex-items-2[b-rgju68ofw6] {
    max-height: 55vh;
    overflow-y: scroll;
}
/* /Pages/MySchoolAdmin/Creditors/SupplierRemittanceAdvice.razor.rz.scp.css */
table[b-08saez0x4s] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-08saez0x4s] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-08saez0x4s] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-08saez0x4s], table.table td[b-08saez0x4s] {
        padding: 7px;
    }

#page-bar[b-08saez0x4s] {
    display: flex;
    flex-wrap: nowrap;
}


#footer-flex[b-08saez0x4s] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#page-bar-right[b-08saez0x4s] {
    margin-left: auto;
}

.btn-light-gray[b-08saez0x4s] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-08saez0x4s] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-08saez0x4s] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.remittance-advice[b-08saez0x4s] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

.footer-flex[b-08saez0x4s] {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

#flex-items1[b-08saez0x4s] {
    /*    background-color: red;*/
    width: 70vw;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-08saez0x4s] {
    /*  background-color: blue;*/
    width: 70vw;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-08saez0x4s] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items4[b-08saez0x4s] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#remittance-advice-details[b-08saez0x4s] {
    max-height: 45vh;
    max-width: 70vw;
    overflow: scroll;
}

.bg-grey[b-08saez0x4s] {
    background: #706e6e;
}

.text-light-greenyellow[b-08saez0x4s] {
    color: greenyellow;
}

.mt-20[b-08saez0x4s] {
    margin-top: 20px !important;
}

.pr-40[b-08saez0x4s] {
    padding-right: 40px;
}

.pr-10[b-08saez0x4s] {
    padding-right: 10px;
}
/* /Pages/MySchoolAdmin/Creditors/ViewPostPLTransactionsToGL.razor.rz.scp.css */
table[b-q5cmdbpuis] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-q5cmdbpuis] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-q5cmdbpuis] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-q5cmdbpuis], table.table td[b-q5cmdbpuis] {
        padding: 7px;
    }

#page-bar[b-q5cmdbpuis] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-q5cmdbpuis] {
    margin-left: auto;
}

.btn-light-gray[b-q5cmdbpuis] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-q5cmdbpuis] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-q5cmdbpuis] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.view-posted-unposted-pl-transactions[b-q5cmdbpuis] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-q5cmdbpuis] {
    /*    background-color: red;*/
    width: 70vw;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-q5cmdbpuis] {
    /*  background-color: blue;*/
    width: 70vw;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-q5cmdbpuis] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
#flex-items4[b-q5cmdbpuis] {
    /*    background-color: green;*/
    width: 70vw;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#pl-trans-details[b-q5cmdbpuis] {
    max-height: 45vh;
    max-width:70vw;
    overflow: scroll;
}

#student-subjects[b-q5cmdbpuis] {
    max-height: 40vh;
    overflow-y: scroll;
}

#class-subjects[b-q5cmdbpuis] {
    max-height: 40vh;
    overflow-y: scroll;
}

#cardStaffProfile[b-q5cmdbpuis] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-q5cmdbpuis] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-q5cmdbpuis] {
    background: #706e6e;
}

.text-light-greenyellow[b-q5cmdbpuis] {
    color: greenyellow;
}

.mt-20[b-q5cmdbpuis] {
    margin-top: 20px !important;
}
/* /Pages/MySchoolAdmin/DebtorsAudtTrail.razor.rz.scp.css */
table[b-oaka8wl0eb] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-oaka8wl0eb] {
        font-size: 14px;
        padding: 7px;
    }

    table.table td[b-oaka8wl0eb] {
        font-size: 14px;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-oaka8wl0eb], table.table td[b-oaka8wl0eb] {
        padding: 7px;
    }

#page-bar[b-oaka8wl0eb] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-oaka8wl0eb] {
    margin-left: auto;
}

.debtors-audit-trail[b-oaka8wl0eb] {
    display: flex;
    height: 90vh;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}


#flex-items-1[b-oaka8wl0eb], #flex-items-2[b-oaka8wl0eb], #flex-items-3[b-oaka8wl0eb] {
    width: 70vw;
    border: 2px solid #808080;
}

.pr-5[b-oaka8wl0eb]{
    padding-right:5px;
}

#audit-trail-details[b-oaka8wl0eb]{
    max-height:60vh;
    overflow:auto;
}

.text-small[b-oaka8wl0eb] {
    font-size: small;
}

.SmallFonts-heading[b-oaka8wl0eb] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-oaka8wl0eb] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
/* /Pages/MySchoolAdmin/DebtorsStudentTransactions.razor.rz.scp.css */
table[b-ulrfdncxv9] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-ulrfdncxv9] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-ulrfdncxv9] {
        font-size: small;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-ulrfdncxv9], table.table td[b-ulrfdncxv9] {
        padding: 7px;
    }

#page-bar[b-ulrfdncxv9] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ulrfdncxv9] {
    margin-left: auto;
}

.form-label[b-ulrfdncxv9] {
    font-weight: 700;
}

.btn-light-gray[b-ulrfdncxv9] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ulrfdncxv9] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-ulrfdncxv9] {
    padding: 5px;
}

.label-format[b-ulrfdncxv9] {
    font-weight: 700;
}

#student-transactions[b-ulrfdncxv9] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

.pl-5[b-ulrfdncxv9] {
    padding-left: 5px !important;
}

.pr-5[b-ulrfdncxv9] {
    padding-right: 5px !important;
}

#transaction-details[b-ulrfdncxv9] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-ulrfdncxv9] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-ulrfdncxv9] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-ulrfdncxv9] {
    width: 98%;
}

#gl-account-edit[b-ulrfdncxv9] {
    max-height: 60vh;
    overflow-y: auto;
}
/* /Pages/MySchoolAdmin/Debtors/FeesTemplate.razor.rz.scp.css */
body[b-cl23o8qlt9] {
}
/* /Pages/MySchoolAdmin/Debtors/SLControlAccounts.razor.rz.scp.css */
table[b-2pkirnj0w4] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-2pkirnj0w4] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-2pkirnj0w4] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-2pkirnj0w4], table.table td[b-2pkirnj0w4] {
        padding: 7px;
    }

#page-bar[b-2pkirnj0w4] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-2pkirnj0w4] {
    margin-left: auto;
}
.form-label[b-2pkirnj0w4]{
    font-weight:700;
}
.btn-light-gray[b-2pkirnj0w4] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-2pkirnj0w4] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-2pkirnj0w4] {
    padding: 5px;
}

.label-format[b-2pkirnj0w4] {
    font-weight: 700;
}

.gl-control-accounts[b-2pkirnj0w4] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-2pkirnj0w4] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-2pkirnj0w4] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-2pkirnj0w4] {
    width: 98%;
}

#gl-control-account-edit[b-2pkirnj0w4] {
    height: 40vh;
    overflow-y: auto;
}


/* /Pages/MySchoolAdmin/Debtors/SLParameterSetupPage.razor.rz.scp.css */
table[b-xwlxs2pck8] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-xwlxs2pck8] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-xwlxs2pck8] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-xwlxs2pck8], table.table td[b-xwlxs2pck8] {
        padding: 7px;
    }

#page-bar[b-xwlxs2pck8] {
    display: flex;
    flex-wrap: nowrap;
}

.table-sm[b-xwlxs2pck8] {
    font-size: 16px;
}

#page-bar-right[b-xwlxs2pck8] {
    margin-left: auto;
}

.btn-light-gray[b-xwlxs2pck8] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-xwlxs2pck8] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-xwlxs2pck8] {
    font-weight: 700;
}

.class-subjects[b-xwlxs2pck8] {
    margin-top: 40px;
}

.module-parameters[b-xwlxs2pck8] {
    width: 90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /*    margin: 0 10px;*/
}

#flex-items1[b-xwlxs2pck8] {
    height: 20%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}

#flex-items2[b-xwlxs2pck8] {
    height: 50%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}
/* /Pages/MySchoolAdmin/Downloads.razor.rz.scp.css */
table[b-leu70n0yfk] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-leu70n0yfk] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-leu70n0yfk] {
        font-size: small;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-leu70n0yfk], table.table td[b-leu70n0yfk] {
        padding: 7px;
    }

#page-bar[b-leu70n0yfk] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-leu70n0yfk] {
    margin-left: auto;
}

.form-label[b-leu70n0yfk] {
    font-weight: 700;
}

.btn-light-gray[b-leu70n0yfk] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-leu70n0yfk] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-leu70n0yfk] {
    padding: 5px;
}

.label-format[b-leu70n0yfk] {
    font-weight: 700;
}

.text-light-greenyellow[b-leu70n0yfk] {
    color: greenyellow !important;
}

#desktop-mobile-downloads[b-leu70n0yfk] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#div-account-header[b-leu70n0yfk] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-leu70n0yfk] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-leu70n0yfk] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-leu70n0yfk] {
    width: 90%;
}

#gl-control-account-edit[b-leu70n0yfk] {
    max-height: 60vh;
    overflow-y: auto;
}
/* /Pages/MySchoolAdmin/ECDClassTeachers.razor.rz.scp.css */

#page-bar[b-in8qz52rp5] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-in8qz52rp5] {
    margin-left: auto;
}

/*#form-wrapper {
    height: 60vh;
    overflow-y: auto;
}*/

.btn-light-gray[b-in8qz52rp5] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-in8qz52rp5] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-in8qz52rp5] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.ecd-teachers[b-in8qz52rp5] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-in8qz52rp5] {
    /*    background-color: red;*/
    width: 70%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-in8qz52rp5] {
    /*  background-color: blue;*/
    width: 70%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-in8qz52rp5] {
    /*    background-color: green;*/
    width: 70%;
    /*   height: 7vh;*/
    border: 1px solid #808080;
/*    border-right: 1px solid #808080;*/
    padding: 0px;
}
.p-2[b-in8qz52rp5]{
    padding:2px;
}

#ecd-teacher-details[b-in8qz52rp5] {
    max-height: 55vh;
    overflow-y: auto;
}


.input-group-text[b-in8qz52rp5] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-in8qz52rp5] {
    background: #706e6e;
}

.text-light-greenyellow[b-in8qz52rp5] {
    color: greenyellow;
}

.mt-20[b-in8qz52rp5] {
    margin-top: 20px !important;
}
/* /Pages/MySchoolAdmin/FinalYearResults.razor.rz.scp.css */
.list-group-item[b-ejs2cqmlau] {
    background-color: #706e6e;
}

.hide-div[b-ejs2cqmlau] {
    /*height:0px;*/
    display: none;
}

.show-div[b-ejs2cqmlau] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-ejs2cqmlau] {
    color: #ADFF2F;
}

.mt-5[b-ejs2cqmlau] {
    margin-top: 5px !important;
    border: 1px solid greenyellow;
}

.p-5[b-ejs2cqmlau] {
    padding: 5px !important;
}

#teacher-list[b-ejs2cqmlau] {
    width: 90%;
    margin: 10px !important;
    padding: 10px;
    border: 1px solid greenyellow;
}

ul a[b-ejs2cqmlau] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-ejs2cqmlau] {
        margin-right: 16px;
    }

ul li:hover a[b-ejs2cqmlau] {
    color: greenyellow;
    padding-left: 20px;
    font-size: 18px;
}
#final-year-results[b-ejs2cqmlau]{
    padding:10px;
}
.label-format[b-ejs2cqmlau]{
    font-weight:700;
}
/* /Pages/MySchoolAdmin/FinalYearResultsAnalysis.razor.rz.scp.css */
.container-fluid[b-t6c9rl0wed] {
    margin-top: 10px;
}
.no-padding[b-t6c9rl0wed] {
    padding: 0px !important;
    margin: 0px !important;
}
/* /Pages/MySchoolAdmin/FinalYearResultsReport.razor.rz.scp.css */
/* /Pages/MySchoolAdmin/FinalYearResultsSubject.razor.rz.scp.css */
select[b-1a2w7c8vhi] {
    border: none !important;
}

body[b-1a2w7c8vhi] {
    height: 100%;
}
/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-1a2w7c8vhi] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-1a2w7c8vhi] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-1a2w7c8vhi] {
    border-radius: 0;
}

.list-group-item[b-1a2w7c8vhi] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-1a2w7c8vhi] {
    background-color: #fff;
    color: #000;
    width: 220px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-1a2w7c8vhi] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-1a2w7c8vhi] {
    background: #4285f4 !important;
}

.text-black[b-1a2w7c8vhi] {
    color: #000;
}

td a:hover[b-1a2w7c8vhi] {
    background-color: #808080;
    color: greenyellow;
}

#page-bar[b-1a2w7c8vhi] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-1a2w7c8vhi] {
    margin-left: auto;
}

.label-format[b-1a2w7c8vhi] {
    font-weight: 700;
}

.class-subjects[b-1a2w7c8vhi] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.body-height[b-1a2w7c8vhi] {
    height: 50vh;
    overflow-y: scroll;
}

#flex-row[b-1a2w7c8vhi] {
    width: 90%;
}

#flex-items5[b-1a2w7c8vhi] {
    width: 90%;
}

#flex-items1[b-1a2w7c8vhi] {
    width: 90%;
}

#flex-items1[b-1a2w7c8vhi] {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-row[b-1a2w7c8vhi] {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

#flex-items2[b-1a2w7c8vhi], #flex-items3[b-1a2w7c8vhi], #flex-items4[b-1a2w7c8vhi] {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 5px;
}

.table td[b-1a2w7c8vhi], .table th[b-1a2w7c8vhi] {
    padding: 2px !important;
/*    line-height:20px;*/
}

a.text-black[b-1a2w7c8vhi], .table td[b-1a2w7c8vhi] {
    font-size: 12px;
}
/* /Pages/MySchoolAdmin/FinalYearResultsSubjectEntry.razor.rz.scp.css */
select[b-dn4dfe6sll] {
    border: none !important;
}

body[b-dn4dfe6sll] {
    height: 100%;
}
/*Overwrite these input-sm styles so the login buttons come aligned*/
.show-results-entry[b-dn4dfe6sll]{
    display:block;
}
.hide-results-entry[b-dn4dfe6sll]{
    display:none;
}
.show-results-report[b-dn4dfe6sll]{
    display:block;
}
.hide-results-report[b-dn4dfe6sll] {
    display: none;
}
.input-sm[b-dn4dfe6sll] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-dn4dfe6sll] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-dn4dfe6sll] {
    border-radius: 0;
}

.list-group-item[b-dn4dfe6sll] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-dn4dfe6sll] {
    background-color: #fff;
    color: #000;
    width: 220px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-dn4dfe6sll] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-dn4dfe6sll] {
    background: #4285f4 !important;
}

.text-black[b-dn4dfe6sll] {
    color: #000;
}

td a:hover[b-dn4dfe6sll] {
    background-color: #808080;
    color: greenyellow;
}

#page-bar[b-dn4dfe6sll] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-dn4dfe6sll] {
    margin-left: auto;
}

.label-format[b-dn4dfe6sll] {
    font-weight: 700;
}

.class-subjects[b-dn4dfe6sll] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.body-height[b-dn4dfe6sll] {
    height: 50vh;
    overflow-y: scroll;
}

#flex-row[b-dn4dfe6sll] {
    width: 90%;
}

#flex-items5[b-dn4dfe6sll] {
    width: 90%;
}

#flex-items1[b-dn4dfe6sll] {
    width: 90%;
}

#flex-items1[b-dn4dfe6sll] {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-row[b-dn4dfe6sll] {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

#flex-items2[b-dn4dfe6sll], #flex-items3[b-dn4dfe6sll], #flex-items4[b-dn4dfe6sll] {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 5px;
}

.table td[b-dn4dfe6sll], .table th[b-dn4dfe6sll] {
    padding: 2px !important;
/*    line-height:20px;*/
}

a.text-black[b-dn4dfe6sll], .table td[b-dn4dfe6sll] {
    font-size: 12px;
}
/* /Pages/MySchoolAdmin/FinalYearResultsSubjectEntrySelection.razor.rz.scp.css */

/* /Pages/MySchoolAdmin/FinalYearResultsSubjectSelection.razor.rz.scp.css */

/* /Pages/MySchoolAdmin/FormsOrGrades.razor.rz.scp.css */
table[b-21hj4njcfk] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-21hj4njcfk] {
        font-size: medium;
        padding: 7px;
    }

    table.table td[b-21hj4njcfk] {
        font-size: medium;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-21hj4njcfk], table.table td[b-21hj4njcfk] {
        padding: 7px;
    }

#page-bar[b-21hj4njcfk] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-21hj4njcfk] {
    margin-left: auto;
}

.form-label[b-21hj4njcfk] {
    font-weight: 700;
}

.btn-light-gray[b-21hj4njcfk] {
    background-color: #808080;
    color: greenyellow;
    width: 100%;
    border: 1px solid greenyellow;
}

    .btn-light-gray:hover[b-21hj4njcfk] {
        /*background-color: #fff;
        color: #000;*/
        font-size: 1.1em;
        /*border: 1px solid #000;*/
    }

.card-footer[b-21hj4njcfk] {
    padding: 20px;
}

.label-format[b-21hj4njcfk] {
    font-weight: 700;
}

.form-grade-comments[b-21hj4njcfk] {
    display: flex;
    height: 50%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-21hj4njcfk] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-21hj4njcfk] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 70vh;
    overflow-y: auto;
}

#flex-items-3[b-21hj4njcfk] {
    width: 50%;
}

#gl-control-account-edit[b-21hj4njcfk] {
    height: 50%;
    overflow-y: auto;
}

.pr-5[b-21hj4njcfk] {
    padding-right: 5px;
}

.p-5[b-21hj4njcfk] {
    padding: 5px;
}

.mb-5[b-21hj4njcfk]{
    margin-bottom:5px;
}
.mt-20[b-21hj4njcfk]{
    margin-top:20px;
}

.pr-10[b-21hj4njcfk]{
    padding-right:10px;
}
/* /Pages/MySchoolAdmin/GeneralLedger/GLAccountDetail.razor.rz.scp.css */
table[b-sbsjlqxhvm] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-sbsjlqxhvm] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-sbsjlqxhvm] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-sbsjlqxhvm], table.table td[b-sbsjlqxhvm] {
        padding: 7px;
    }

#page-bar[b-sbsjlqxhvm] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-sbsjlqxhvm] {
    margin-left: auto;
}
.form-label[b-sbsjlqxhvm]{
    font-weight:700;
}
.btn-light-gray[b-sbsjlqxhvm] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-sbsjlqxhvm] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-sbsjlqxhvm] {
    padding: 5px;
}

.label-format[b-sbsjlqxhvm] {
    font-weight: 700;
}

.gl-account-details[b-sbsjlqxhvm] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

.pl-5[b-sbsjlqxhvm]{
    padding-left:5px!important;
}

.pr-5[b-sbsjlqxhvm]{
    padding-right:5px!important;
}

#div-account-details[b-sbsjlqxhvm] {
    max-height: 50vh;
    overflow-y: auto;
}
#flex-items-1[b-sbsjlqxhvm] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-sbsjlqxhvm] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-sbsjlqxhvm] {
    width: 98%;
}

#gl-account-edit[b-sbsjlqxhvm] {
    max-height: 60vh;
    overflow-y: auto;
}


/* /Pages/MySchoolAdmin/GeneralLedger/GLAccountEnquiry.razor.rz.scp.css */
#page-bar[b-ynoq5aiwj7] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ynoq5aiwj7] {
    margin-left: auto;
}

#gl-account-enquiry[b-ynoq5aiwj7] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#acc-body[b-ynoq5aiwj7]{
    max-height:60vh;
    overflow-y:auto;
}

#flex-items-1[b-ynoq5aiwj7] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-ynoq5aiwj7] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-ynoq5aiwj7] {
    width: 90%;
}


/* Table formatting */
th[b-ynoq5aiwj7] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


thead.table-header[b-ynoq5aiwj7] {
    background-color: lightslategrey;
    color: black;
    font-family: Calibri;
    font-size: large;
}

.TitleFont[b-ynoq5aiwj7] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-ynoq5aiwj7] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-ynoq5aiwj7], .h4Val[b-ynoq5aiwj7] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table-sm[b-ynoq5aiwj7] {
    font-family: Calibri;
    font-size: medium;
}
/* /Pages/MySchoolAdmin/GeneralLedger/GLAccountHeader.razor.rz.scp.css */
table[b-v8a0c9lbnd] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-v8a0c9lbnd] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-v8a0c9lbnd] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-v8a0c9lbnd], table.table td[b-v8a0c9lbnd] {
        padding: 7px;
    }

#page-bar[b-v8a0c9lbnd] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-v8a0c9lbnd] {
    margin-left: auto;
}
.form-label[b-v8a0c9lbnd]{
    font-weight:700;
}
.btn-light-gray[b-v8a0c9lbnd] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-v8a0c9lbnd] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-v8a0c9lbnd] {
    padding: 5px;
}

.label-format[b-v8a0c9lbnd] {
    font-weight: 700;
}

.gl-currencies[b-v8a0c9lbnd] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#div-account-header[b-v8a0c9lbnd] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-v8a0c9lbnd] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-v8a0c9lbnd] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-v8a0c9lbnd] {
    width: 98%;
}

#gl-control-account-edit[b-v8a0c9lbnd] {
    max-height: 60vh;
    overflow-y: auto;
}


/* /Pages/MySchoolAdmin/GeneralLedger/GLBalanceSheet.razor.rz.scp.css */
#page-bar[b-0bqdqyeemp] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-0bqdqyeemp] {
    margin-left: auto;
}

#div-balance-sheet[b-0bqdqyeemp] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-0bqdqyeemp] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-0bqdqyeemp] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-0bqdqyeemp] {
    width: 90%;
}
/* /Pages/MySchoolAdmin/GeneralLedger/GLChartOfAccounts.razor.rz.scp.css */
/*#divTrialBalance, #divProfitAndLoss, #divBalanceSheet, #divChartOfAccounts {
    height: 500px;
    overflow-x: scroll;
}*/

#bodyChartOfAccounts[b-f1d1k9obk0] {
    height: 70vh;
    overflow-y: scroll;
}

#btnPrintCofA[b-f1d1k9obk0] {
    width: 120px;
    margin: 10px 0 10px 0;
}

#faPrint[b-f1d1k9obk0] {
    padding: 5px;
}

th[b-f1d1k9obk0] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


    th.ClassHeader[b-f1d1k9obk0] {
        background-color: lightslategrey;
        color: black;
        font-family: Calibri;
        font-size: large;
    }

.TitleFont[b-f1d1k9obk0] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-f1d1k9obk0] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-f1d1k9obk0], .h4Val[b-f1d1k9obk0] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table[b-f1d1k9obk0] {
    font-family: Calibri;
    font-size: medium;
}

.table td[b-f1d1k9obk0], .table th[b-f1d1k9obk0] {
        padding: 2px;
}

#page-bar[b-f1d1k9obk0] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-f1d1k9obk0] {
    margin-left: auto;
}

.form-label[b-f1d1k9obk0] {
    font-weight: 700;
}

.btn-light-gray[b-f1d1k9obk0] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-f1d1k9obk0] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-f1d1k9obk0] {
    padding: 5px;
}

.label-format[b-f1d1k9obk0] {
    font-weight: 700;
}

.divChartOfAccounts[b-f1d1k9obk0] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-f1d1k9obk0] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-f1d1k9obk0] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-f1d1k9obk0] {
    width: 98%;
}
/*
#gl-control-account-edit {
    max-height: 60vh;
    overflow-y: auto;
}*/
/* /Pages/MySchoolAdmin/GeneralLedger/GLCurrencies.razor.rz.scp.css */
table[b-a9ms7619sg] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-a9ms7619sg] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-a9ms7619sg] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-a9ms7619sg], table.table td[b-a9ms7619sg] {
        padding: 7px;
    }

#page-bar[b-a9ms7619sg] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-a9ms7619sg] {
    margin-left: auto;
}
.form-label[b-a9ms7619sg]{
    font-weight:700;
}
.btn-light-gray[b-a9ms7619sg] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-a9ms7619sg] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-a9ms7619sg] {
    padding: 5px;
}

.label-format[b-a9ms7619sg] {
    font-weight: 700;
}

.gl-currencies[b-a9ms7619sg] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-a9ms7619sg] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-a9ms7619sg] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-a9ms7619sg] {
    width: 98%;
}

#gl-control-account-edit[b-a9ms7619sg] {
    height: 40vh;
    overflow-y: auto;
}


/* /Pages/MySchoolAdmin/GeneralLedger/GLJournalDetailListing.razor.rz.scp.css */
#page-bar[b-002qubzk86] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-002qubzk86] {
    margin-left: auto;
}

#gl-journal-listing[b-002qubzk86] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-002qubzk86] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-002qubzk86] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-002qubzk86] {
    width: 90%;
}


/* Table formatting */
th[b-002qubzk86] {
    background-color: grey;
    color: black;
    font-family: Calibri;
    font-size: large;
    line-height: 0.8em;
}


thead.table-header[b-002qubzk86] {
    background-color: lightslategrey;
    color: black;
    font-family: Calibri;
    font-size: large;
}

.TitleFont[b-002qubzk86] {
    font-family: Calibri;
    font-size: large;
}

td > h4[b-002qubzk86] {
    font-family: Calibri;
    font-size: large;
}

    td > h4.h4Val[b-002qubzk86], .h4Val[b-002qubzk86] {
        text-align: right;
        padding-right: 5px;
        line-height: 0.8em;
    }

.table-sm[b-002qubzk86] {
    font-family: Calibri;
    font-size: medium;
}
/* /Pages/MySchoolAdmin/GeneralLedger/GLJournals.razor.rz.scp.css */

table[b-eh27n8j18h] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-eh27n8j18h] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-eh27n8j18h] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-eh27n8j18h], table.table td[b-eh27n8j18h] {
        padding: 7px;
    }

#page-bar[b-eh27n8j18h] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-eh27n8j18h] {
    margin-left: auto;
}

.form-label[b-eh27n8j18h] {
    font-weight: 700;
}

.btn-light-gray[b-eh27n8j18h] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-eh27n8j18h] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-eh27n8j18h] {
    padding: 5px;
}

.label-format[b-eh27n8j18h] {
    font-weight: 700;
}

.gl-journals[b-eh27n8j18h] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-eh27n8j18h] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 0px;
}

#flex-items-2[b-eh27n8j18h] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 2px;
    max-height: 70vh;
    overflow-y: auto;
}

#flex-items-3[b-eh27n8j18h] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
}

#flex-items-4[b-eh27n8j18h] {
    width: 98%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 0px;
    height: 3vh;
}

#gl-account-edit[b-eh27n8j18h] {
    max-height: 70vh;
    overflow-y: auto;
    padding: 0px;
}
/* /Pages/MySchoolAdmin/GeneralLedger/GLParameterSetupPage.razor.rz.scp.css */
table[b-qixmbg5zxa] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-qixmbg5zxa] {
        font-size: large;
        padding: 7px;
    }

    table.table td[b-qixmbg5zxa] {
        font-size: large;
        line-height: 1.0em;
    }

    table.table th[b-qixmbg5zxa], table.table td[b-qixmbg5zxa] {
        padding: 7px;
    }

#page-bar[b-qixmbg5zxa] {
    display: flex;
    flex-wrap: nowrap;
}
.table-sm[b-qixmbg5zxa]{
    font-size:16px;
}
#page-bar-right[b-qixmbg5zxa] {
    margin-left: auto;
}
.btn-light-gray[b-qixmbg5zxa] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-qixmbg5zxa] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-qixmbg5zxa] {
    font-weight: 700;
}
.class-subjects[b-qixmbg5zxa] {
    margin-top: 40px;
}
.module-parameters[b-qixmbg5zxa] {
    width:90%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
/*    margin: 0 10px;*/
}

#flex-items1[b-qixmbg5zxa] { 
    height: 20%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}

#flex-items2[b-qixmbg5zxa] {
    height: 50%;
    width: 100%;
    border: 1px solid #808080;
    padding: 5px;
}



/* /Pages/MySchoolAdmin/GeneralLedger/GLProfitAndLoss.razor.rz.scp.css */
#page-bar[b-c9is9zwf0u] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-c9is9zwf0u] {
    margin-left: auto;
}

#div-profit-loss[b-c9is9zwf0u] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-c9is9zwf0u] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-c9is9zwf0u] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-c9is9zwf0u] {
    width: 90%;
}
/* /Pages/MySchoolAdmin/GeneralLedger/GLTrialBalance.razor.rz.scp.css */
#page-bar[b-vh1xa1hvnq] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-vh1xa1hvnq] {
    margin-left: auto;
}

#div-trial-balance[b-vh1xa1hvnq] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-vh1xa1hvnq] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-vh1xa1hvnq] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-vh1xa1hvnq] {
    width: 90%;
}
/* /Pages/MySchoolAdmin/GradeScaling.razor.rz.scp.css */
table[b-7evt7nghsg] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-7evt7nghsg] {
        font-size: medium;
        padding: 7px;
    }

    table.table td[b-7evt7nghsg] {
        font-size: medium;
        line-height: 0.8em;
    }

    table.table th[b-7evt7nghsg], table.table td[b-7evt7nghsg] {
        padding: 7px;
    }

#page-bar[b-7evt7nghsg] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-7evt7nghsg] {
    margin-left: auto;
}

.form-label[b-7evt7nghsg] {
    font-weight: 700;
}

.btn-light-gray[b-7evt7nghsg] {
    background-color: #808080;
    color: greenyellow;
    width: 100%;
    border: 1px solid greenyellow;
    
}

    .btn-light-gray:hover[b-7evt7nghsg] {
        /*background-color: #fff;
        color: #000;*/
        font-size: 1.1em;
        /*border: 1px solid #000;*/
    }

.card-footer[b-7evt7nghsg] {
    padding: 20px;
}

.label-format[b-7evt7nghsg] {
    font-weight: 700;
}

.grade-scaling[b-7evt7nghsg] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-7evt7nghsg] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-7evt7nghsg] {
    width: 98%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 70vh;
    overflow-y: auto;
}

#flex-items-3[b-7evt7nghsg] {
    width: 98%;
}

#gl-control-account-edit[b-7evt7nghsg] {
    height: 55vh;
    overflow-y: auto;
}

.pr-5[b-7evt7nghsg]{
    padding-right:5px;
}

.p-5[b-7evt7nghsg]{
    padding:5px;
}
/* /Pages/MySchoolAdmin/Housekeeping.razor.rz.scp.css */
.list-group-item[b-s3xoo6nzmj] {
    background-color: #706e6e;
}

.mt-5[b-s3xoo6nzmj] {
    margin-top: 5px !important;
    border: 1px solid greenyellow;
}

.p-5[b-s3xoo6nzmj] {
    padding: 5px !important;
}

ul a[b-s3xoo6nzmj] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-s3xoo6nzmj] {
        margin-right: 16px;
    }

ul li:hover a[b-s3xoo6nzmj] {
    color: greenyellow;
    padding-left: 20px;
    font-size: 18px;
}
/* /Pages/MySchoolAdmin/Index.razor.rz.scp.css */
.text-light-greenyellow-custom[b-ut48v4sdys]{    
    color:#808080;
}
.container[b-ut48v4sdys]{
    margin-top:40px;
}

.jumbotron[b-ut48v4sdys] {
    background-color: #fff;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    padding:10px!important;
}
/* /Pages/MySchoolAdmin/KnowledgeAreaScoresPage.razor.rz.scp.css */
body[b-fss7l26wn8] {
}
/* /Pages/MySchoolAdmin/KnowledgeAreaSubjectAssociationsPage.razor.rz.scp.css */
body[b-uhg59pgjyl] {
}
/* /Pages/MySchoolAdmin/KnowledgeAssessmentAreasPage.razor.rz.scp.css */
body[b-hnkfaukakn] {
}
/* /Pages/MySchoolAdmin/KnowledgeSubjectAreasConceptsPage.razor.rz.scp.css */
body[b-fm0mc0cq6i] {
}
/* /Pages/MySchoolAdmin/LockStudentResults.razor.rz.scp.css */
#page-bar[b-vj0fgmarla] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-vj0fgmarla] {
    margin-left: auto;
}

#lock-status-header[b-vj0fgmarla]{
  display:flex;
  height:100vh;
  justify-content:center;
  align-items:center;
  flex-flow:column;  
}
.report-size[b-vj0fgmarla] {
    height: 70vh;
}
.body-size[b-vj0fgmarla] {
    height: 50vh;
    overflow-y: scroll;
}
#tblUnLockedStudents[b-vj0fgmarla] {
    height: 450px;
    overflow-y: scroll;
}

table[b-vj0fgmarla], thead[b-vj0fgmarla], th[b-vj0fgmarla], td[b-vj0fgmarla] {
    line-height: 0.8px;
    font-size: large
}

.text-orange[b-vj0fgmarla] {
    color: orange;
    font-weight: 700;
}

.bar-back-color[b-vj0fgmarla], .bg-color[b-vj0fgmarla] {
    background: orange;
}
/* /Pages/MySchoolAdmin/MarkScheduleMonthly.razor.rz.scp.css */
/* Code for CSS table */
#cssTable[b-571id4r1s9] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}



.table[b-571id4r1s9] {
    display: table;
}

.table-row[b-571id4r1s9] {
    display: table-row;
}

.table-cell[b-571id4r1s9] {
    display: table-cell;
    padding: 2px !important;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-571id4r1s9] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-571id4r1s9] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-571id4r1s9] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-571id4r1s9] {
    display: block;
}

.yesPrint[b-571id4r1s9] {
    display: block !important;
}



#mark-schedule[b-571id4r1s9] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;   
    width: 100%;
    height: 500px;
    overflow: scroll;
}


#tbl-mark-schedule[b-571id4r1s9] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}


.SmallFonts-heading[b-571id4r1s9] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-571id4r1s9] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-571id4r1s9] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-571id4r1s9], table.table td[b-571id4r1s9] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}


table.table thead tr.tblHeaderClass[b-571id4r1s9] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.form[b-571id4r1s9] {
    padding-bottom: 3px;
}

#StudentReportMobileMobileHeader[b-571id4r1s9] {
    text-align: center;
}


#divStudentReportMobile[b-571id4r1s9] {
    display: block;
}

@media only screen and (min-device-width : 600px) and (max-device-width : 800px) 
{
    #monthly-mark-schedule[b-571id4r1s9] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #monthly-mark-schedule[b-571id4r1s9] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 720px) and (max-device-width : 1280px) {
    #monthly-mark-schedule[b-571id4r1s9] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px) {
    #monthly-mark-schedule[b-571id4r1s9] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) {
    #monthly-mark-schedule[b-571id4r1s9] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 900px) and (max-device-width : 1600px) {
    #monthly-mark-schedule[b-571id4r1s9] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1050px) and (max-device-width : 1680px) {
    #monthly-mark-schedule[b-571id4r1s9] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1080px) and (max-device-width : 1920px) {
    #monthly-mark-schedule[b-571id4r1s9] {
        max-width: calc(100vw - 80px);
    }
} 
/* /Pages/MySchoolAdmin/MarkScheduleTermly.razor.rz.scp.css */
/* Code for CSS table */
#cssTable[b-te0rk3tadn] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}



.table[b-te0rk3tadn] {
    display: table;
}

.table-row[b-te0rk3tadn] {
    display: table-row;
}

.table-cell[b-te0rk3tadn] {
    display: table-cell;
    padding: 2px !important;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-te0rk3tadn] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-te0rk3tadn] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-te0rk3tadn] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-te0rk3tadn] {
    display: block;
}

.yesPrint[b-te0rk3tadn] {
    display: block !important;
}



#mark-schedule[b-te0rk3tadn] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;   
    width: 100%;
    height: 500px;
    overflow: scroll;
}


#tbl-mark-schedule[b-te0rk3tadn] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}


.SmallFonts-heading[b-te0rk3tadn] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-te0rk3tadn] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-te0rk3tadn] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-te0rk3tadn], table.table td[b-te0rk3tadn] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}


table.table thead tr.tblHeaderClass[b-te0rk3tadn] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.form[b-te0rk3tadn] {
    padding-bottom: 3px;
}

#StudentReportMobileMobileHeader[b-te0rk3tadn] {
    text-align: center;
}


#divStudentReportMobile[b-te0rk3tadn] {
    display: block;
}

@media only screen and (min-device-width : 600px) and (max-device-width : 800px) 
{
    #termly-mark-schedule[b-te0rk3tadn] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #termly-mark-schedule[b-te0rk3tadn] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 720px) and (max-device-width : 1280px) {
    #termly-mark-schedule[b-te0rk3tadn] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px) {
    #termly-mark-schedule[b-te0rk3tadn] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) {
    #termly-mark-schedule[b-te0rk3tadn] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 900px) and (max-device-width : 1600px) {
    #termly-mark-schedule[b-te0rk3tadn] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1050px) and (max-device-width : 1680px) {
    #termly-mark-schedule[b-te0rk3tadn] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1080px) and (max-device-width : 1920px) {
    #termly-mark-schedule[b-te0rk3tadn] {
        max-width: calc(100vw - 80px);
    }
} 
/* /Pages/MySchoolAdmin/MySchoolAdminKnowledgeAreas.razor.rz.scp.css */
#knowledge-area-card[b-0wl51w5z6n] {
    padding:5px;
}
/* /Pages/MySchoolAdmin/MySchoolAdminLearningAreaReport.razor.rz.scp.css */
.form-control[b-cw6ismd6fc] {
    width: 210px;
    line-height: 10px;
    height: 30px;
}

.control-label[b-cw6ismd6fc] {
    line-height: 10px;
}

.list-group[b-cw6ismd6fc] {
    width: 220px;
    line-height: 10px;
}

table.table th[b-cw6ismd6fc] {
    font-size: 16px;
    padding: 7px;
}

table.table td[b-cw6ismd6fc] {
    font-size: 14px;
    line-height: 0.8em;
    background-color: #706e6e;
    border: 1px solid #fff;
}

table.table th[b-cw6ismd6fc], table.table td[b-cw6ismd6fc] {
    padding: 5px;
}
.student-list[b-cw6ismd6fc] {
    max-height: 300px;
    overflow-y: scroll;
}
/* /Pages/MySchoolAdmin/MySchoolAdminMenu.razor.rz.scp.css */
*[b-o9fze3w4hi] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.container-fluid[b-o9fze3w4hi] {
    left: 0;
    padding-left: 0px;
}

.flex-container[b-o9fze3w4hi] {
    display: flex;
    flex-direction: row;
}

.nav-bars[b-o9fze3w4hi] {
    max-height: 100vh;
    height: 100vh;
    overflow-x: hidden;
    padding: 5px;
}

/* Left menu bar */
.class-left-bar-open[b-o9fze3w4hi] {
    width: 260px;
    left: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-left-bar-close[b-o9fze3w4hi] {
    width: 40px;
    left: 0px;
}

.left-bar-items-open[b-o9fze3w4hi] {
    width: 260px;
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
}

.left-bar-items-close[b-o9fze3w4hi] {
    display: none;
}

/*   Right Menu bar  */

.class-right-bar-open[b-o9fze3w4hi] {
    width: 290px;
    max-width: 290px;
    right: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-right-bar-close[b-o9fze3w4hi] {
    width: 40px;
    max-width: 40px;
    right: 0px;
}

.right-bar-items-open[b-o9fze3w4hi] {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 290px;
}

.right-bar-items-close[b-o9fze3w4hi] {
    display: none;
}

/*    Align burger menu to the right */

.burger-menu-alignment[b-o9fze3w4hi] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#id-left-bar[b-o9fze3w4hi] {
    border-right: solid 2px #ccc;
}

#id-right-bar[b-o9fze3w4hi] {
    border-left: solid 2px #ccc;
}

#id-main-display-area[b-o9fze3w4hi] {
    /*    width: calc(100%-620px);*/
    max-width: calc(vw-630px);
    flex-grow: 1;
    max-height: 100%;
    height: 100%;
}

.dynamic-container[b-o9fze3w4hi] {
    display: flex;
    justify-content: center;
}
/* Burger menu definition */
.menu-toggle[b-o9fze3w4hi] {
    /* width: 260px;*/
    background: #706e6e;
    left: 0;
    display: flex;
    /* justify-content: flex-end;*/
    flex-direction: column;
    margin-bottom: 0px;
    transition: 0.5s;
}

.menu-toggle-close[b-o9fze3w4hi] {
    width: 40px;
    background: #706e6e;
    transition: 0.5s;
    overflow: hidden;
}

.menu-button[b-o9fze3w4hi] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}
/***/

.menu-button-open[b-o9fze3w4hi] {
    justify-content: end;
}



/**/
.menu-button-burger[b-o9fze3w4hi] {
    width: 30px;
    height: 3px;
    background: greenyellow;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(255,101,47,.2);
    transition: all .5s ease-in-out;
}

    .menu-button-burger[b-o9fze3w4hi]::before, .menu-button-burger[b-o9fze3w4hi]::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background: greenyellow;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(255,101,47,.2);
        transition: all .5s ease-in-out;
    }

    .menu-button-burger[b-o9fze3w4hi]::before {
        transform: translateY(-9px);
    }

    .menu-button-burger[b-o9fze3w4hi]::after {
        transform: translateY(9px);
    }

/* Animation */
.menu-button.open .menu-button-burger[b-o9fze3w4hi] {
    transform: translate(-30px);
    background: transparent;
    box-shadow: none;
    transition: all .5s ease-in-out;
}

    .menu-button.open .menu-button-burger[b-o9fze3w4hi]::before {
        transform: rotate(45deg) translate(21px, -21px);
        transition: all .5s ease-in-out;
    }

    .menu-button.open .menu-button-burger[b-o9fze3w4hi]::after {
        transform: rotate(-45deg) translate(21px, 21px);
        transition: all .5s ease-in-out;
    }

/* /Pages/MySchoolAdmin/MySchoolAdminNavMenu.razor.rz.scp.css */

.header-class[b-wf4iqm88b0]{
    display:flex;
    flex-flow:column;
    justify-content:center;
    background:#fff;
    border-radius:5%;
    margin:5px;
    padding:5px;
}
.text-black[b-wf4iqm88b0]{
    color:#000;
}
/*#myschool-admin-photo {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding: 10px 0;
}*/
*[b-wf4iqm88b0] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

a p[b-wf4iqm88b0] {
  /*  color: greenyellow;*/
}

a img:hover[b-wf4iqm88b0] {
    cursor: pointer;
}

li nav-link:hover[b-wf4iqm88b0] {
    background-color: lightblue !important;
}

.list-group-item[b-wf4iqm88b0] {
    background-color: #706e6e;
/*    /*    color: greenyellow;*/*/
}

#teacher-photo[b-wf4iqm88b0] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding: 10px 0;
}

header[b-wf4iqm88b0] {
    font-size: 20px;
/*    color: greenyellow;*/
    text-align: center;
    line-height: 30px;
    background: #706e6e;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    user-select: none;
}

ul a[b-wf4iqm88b0] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
  /*  color: greenyellow;*/
    padding-left: 10px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid green;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-wf4iqm88b0] {
        margin-right: 16px;
    }

ul li:hover a[b-wf4iqm88b0] {
    padding-left: 20px;
    font-size: 18px;
    background-color: black;
}
    .social-links i:hover[b-wf4iqm88b0] {
        background: #1492d1;
    }

/* Burger menu definition */
.menu-toggle[b-wf4iqm88b0] {
    width: 250px;
    background: #706e6e;
    left: 0;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0px;
    transition: 0.5s;
}

.menu-toggle-close[b-wf4iqm88b0] {
    width: 40px;
    background: #706e6e;
    transition: 0.5s;
}

.menu-button[b-wf4iqm88b0] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.menu-button-burger[b-wf4iqm88b0] {
    width: 30px;
    height: 3px;
    background: greenyellow;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(255,101,47,.2);
    transition: all .5s ease-in-out;
}

    .menu-button-burger[b-wf4iqm88b0]::before, .menu-button-burger[b-wf4iqm88b0]::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background: greenyellow;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(255,101,47,.2);
        transition: all .5s ease-in-out;
    }

    .menu-button-burger[b-wf4iqm88b0]::before {
        transform: translateY(-9px);
    }

    .menu-button-burger[b-wf4iqm88b0]::after {
        transform: translateY(9px);
    }

/* Animation */
.menu-button.open .menu-button-burger[b-wf4iqm88b0] {
    transform: translate(-30px);
    background: transparent;
    box-shadow: none;
    transition: all .5s ease-in-out;
}

    .menu-button.open .menu-button-burger[b-wf4iqm88b0]::before {
        transform: rotate(45deg) translate(21px, -21px);
        transition: all .5s ease-in-out;
    }

    .menu-button.open .menu-button-burger[b-wf4iqm88b0]::after {
        transform: rotate(-45deg) translate(21px, 21px);
        transition: all .5s ease-in-out;
    }
/* /Pages/MySchoolAdmin/MySchoolAdminStudentReports.razor.rz.scp.css */
.mnu-right[b-uepemn647z] {
 /*   float: right;*/
}

.list-group[b-uepemn647z] {
    line-height: 10px;
}

.hide-div[b-uepemn647z]{
    /*height:0px;*/
    display:none;
}
.show-div[b-uepemn647z]{
    /*height:auto;*/
    display:block;
}

.text-light-greenyellow[b-uepemn647z] {
    color: #ADFF2F;
}
.footer-div[b-uepemn647z]{
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.list-group[b-uepemn647z] {
    width:220px;
    line-height:10px;
}
.list-group-item[b-uepemn647z] {
    background-color: #706e6e;
/*    color: greenyellow;*/
}

.list-group-item:hover[b-uepemn647z] {
    background-color: #000000;
    color: greenyellow;
}

a[b-uepemn647z], .btn-link[b-uepemn647z] {
/*    color: greenyellow;*/
}


tbody[b-uepemn647z] {
    background-color: #706e6e;
    font-size:12px;
}
/* /Pages/MySchoolAdmin/MySchoolAdminStudentsMonthlyReport.razor.rz.scp.css */
#dg-student-list[b-13in6wh80j] {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    height: 60vh;
    max-height: 70vh;
    overflow-x: scroll;
}

.form-control[b-13in6wh80j] {
    width: 220px !important;
    line-height: 10px;
    height: 35px;
}

.control-label[b-13in6wh80j] {
    width: 220px;
}

.form-group[b-13in6wh80j] {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 2px !important;
}

.e-grid .e-content[b-13in6wh80j] {
    height: 45vh;
    max-height: 45vh;
}

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-13in6wh80j] {
    left: 0px !important;
    text-align: left;
}

a[b-13in6wh80j], .btn-link[b-13in6wh80j] {
    color: greenyellow;
}

tbody[b-13in6wh80j] {
    background-color: #706e6e;
    font-size: 12px;
}
.bg-dark-gray[b-13in6wh80j] {
    background-color: #706e6e!important;
}
/* /Pages/MySchoolAdmin/MySchoolAdminStudentsTermlyReport.razor.rz.scp.css */
#dg-student-list[b-uxrote7h87] {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

.form-control[b-uxrote7h87] {
    width: 220px !important;
    line-height: 10px;
    height: 35px;
}

.control-label[b-uxrote7h87] {
    width: 220px;
}

.form-group[b-uxrote7h87] {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 2px !important;
}

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-uxrote7h87] {
    left: 0px !important;
    text-align: left;
}


a[b-uxrote7h87], .btn-link[b-uxrote7h87] {
    color: greenyellow;
}

a[b-uxrote7h87] {
    text-decoration: none;
}

tbody[b-uxrote7h87] {
    background-color: #706e6e;
    font-size: 12px;
}

#students-in-class[b-uxrote7h87] {
    max-height: 40vh;
    overflow-y: scroll;
}

table.table th[b-uxrote7h87] {
    font-size: 16px;
    padding: 7px;
}

table.table td[b-uxrote7h87] {
    font-size: 14px;
    line-height: 0.8em;
    background-color: #706e6e;
    border: 1px solid #fff;
}

table.table th[b-uxrote7h87], table.table td[b-uxrote7h87] {
    padding: 5px;
}

.student-list[b-uxrote7h87] {
    max-height: 400px;
    overflow-y: scroll;
}
/* /Pages/MySchoolAdmin/MySchoolAdminStudentsTranscript.razor.rz.scp.css */
#dg-student-list[b-3eju8rp8fj] {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

.form-control[b-3eju8rp8fj] {
    width: 220px !important;
    line-height: 10px;
    height: 35px;
}

.control-label[b-3eju8rp8fj] {
    width: 220px;
}

.form-group[b-3eju8rp8fj] {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 2px !important;
}

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-3eju8rp8fj] {
    left: 0px !important;
    text-align: left;
}


a[b-3eju8rp8fj], .btn-link[b-3eju8rp8fj] {
    color: greenyellow;
}

tbody[b-3eju8rp8fj] {
    background-color: #706e6e;
    font-size: 12px;
}

#students-in-class[b-3eju8rp8fj] {
    max-height: 40vh;
    overflow-y: scroll;
}
/* /Pages/MySchoolAdmin/NewClass.razor.rz.scp.css */
select[b-n9qdbw6x1l] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-n9qdbw6x1l] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-n9qdbw6x1l] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-n9qdbw6x1l] {
    border-radius: 0;
}

.list-group-item[b-n9qdbw6x1l] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-n9qdbw6x1l] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-n9qdbw6x1l] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-n9qdbw6x1l] {
    background: #4285f4 !important;
}


#page-bar[b-n9qdbw6x1l] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-n9qdbw6x1l] {
    margin-left: auto;
}

#form-wrapper[b-n9qdbw6x1l] {
    height: 40vh;
    overflow-y: auto;
}


.label-format[b-n9qdbw6x1l] {
    font-weight: 700;
}

.add-school-class[b-n9qdbw6x1l] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-n9qdbw6x1l] {
    /*    background-color: red;*/
    width: 40%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-n9qdbw6x1l] {
    /*  background-color: blue;*/
    width: 40%;
   /* height: 30vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-n9qdbw6x1l] {
    /*    background-color: green;*/
    width: 40%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/MySchoolAdmin/NotificationsOptions.razor.rz.scp.css */

.text-light-greenyellow[b-jmoh246tr8] {
    color: greenyellow !important;
}

#notification-menu[b-jmoh246tr8] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-jmoh246tr8] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-jmoh246tr8] {
    padding: 5px !important;
}

.show-classs[b-jmoh246tr8]{
    display:block;
}
.hide-classs[b-jmoh246tr8]{
    display:none;
}

.show-student[b-jmoh246tr8] {
    display: block;
}

.hide-student[b-jmoh246tr8] {
    display: none;
}
/* /Pages/MySchoolAdmin/Profiles.razor.rz.scp.css */
.list-group-item[b-h9wnxdg8ta] {
    background-color: #706e6e;
}
.mt-5[b-h9wnxdg8ta] {
    margin-top: 5px !important;
    border: 1px solid greenyellow;
}
.p-5[b-h9wnxdg8ta]{
    padding:5px!important;
}

ul a[b-h9wnxdg8ta] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-h9wnxdg8ta] {
        margin-right: 16px;
    }

ul li:hover a[b-h9wnxdg8ta] {
    color: greenyellow;
    padding-left: 20px;
    font-size: 18px;
}
/* /Pages/MySchoolAdmin/RegisterStudents.razor.rz.scp.css */
select[b-z660cu8wr8] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-z660cu8wr8] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-z660cu8wr8] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-z660cu8wr8] {
    border-radius: 0;
}

.list-group-item[b-z660cu8wr8] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-z660cu8wr8] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-z660cu8wr8] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-z660cu8wr8] {
    background: #4285f4 !important;
}


#page-bar[b-z660cu8wr8] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-z660cu8wr8] {
    margin-left: auto;
}

#form-wrapper[b-z660cu8wr8] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-z660cu8wr8] {
    font-weight: 700;
}

.register-student[b-z660cu8wr8] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-z660cu8wr8] {
    /*    background-color: red;*/
    width: 70%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-z660cu8wr8] {
    /*  background-color: blue;*/
    width: 70%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-z660cu8wr8] {
    /*    background-color: green;*/
    width: 70%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/MySchoolAdmin/ResetPassword.razor.rz.scp.css */
select[b-7rl52094m3] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-7rl52094m3] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-7rl52094m3] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-7rl52094m3] {
    border-radius: 0;
}

.list-group-item[b-7rl52094m3] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-7rl52094m3] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-7rl52094m3] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-7rl52094m3] {
    background: #4285f4 !important;
}


#page-bar[b-7rl52094m3] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-7rl52094m3] {
    margin-left: auto;
}

#form-wrapper[b-7rl52094m3] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-7rl52094m3] {
    font-weight: 700;
}

.top-reset-div[b-7rl52094m3] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-7rl52094m3] {
    /*    background-color: red;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-7rl52094m3] {
    /*  background-color: blue;*/
    width: 50%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-7rl52094m3] {
    /*    background-color: green;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/MySchoolAdmin/SchoolClassMenu.razor.rz.scp.css */
.list-group-item[b-236c33kuff] {
    background-color: #706e6e;
}

.mt-5[b-236c33kuff] {
    margin-top: 10px !important;
    border:1px solid greenyellow;
}

a[b-236c33kuff]{
    text-decoration:none;
}
span.p-5[b-236c33kuff] {
    padding: 5px !important;
    font-size:20px;
}
ul li a[b-236c33kuff] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-236c33kuff] {
        margin-right: 16px;
    }

ul li:hover a[b-236c33kuff] {
    color: greenyellow;
    /*background:#000;*/
    padding-left: 20px;
    font-size: 18px;
}


.hide-div[b-236c33kuff] {
    /*height:0px;*/
    display: none;
}

.show-div[b-236c33kuff] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-236c33kuff] {
    color: #ADFF2F;
}

/* /Pages/MySchoolAdmin/SchoolMonthEnd.razor.rz.scp.css */
select[b-ms7v2jfb9l] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-ms7v2jfb9l] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-ms7v2jfb9l] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-ms7v2jfb9l] {
    border-radius: 0;
}

.list-group-item[b-ms7v2jfb9l] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-ms7v2jfb9l] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ms7v2jfb9l] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-ms7v2jfb9l] {
    background: #4285f4 !important;
}


#page-bar[b-ms7v2jfb9l] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ms7v2jfb9l] {
    margin-left: auto;
}



.label-format[b-ms7v2jfb9l] {
    font-weight: 700;
    font-size: 22px;
}

.school-month-end-div[b-ms7v2jfb9l] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-ms7v2jfb9l] {
    /*    background-color: red;*/
    width: 50%;
/*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-ms7v2jfb9l] {
    /*  background-color: blue;*/
    width: 50%;
    height: 10vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-ms7v2jfb9l] {
    /*    background-color: green;*/
    width: 50%;
   /* height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/MySchoolAdmin/SchoolProfile.razor.rz.scp.css */
#page-bar[b-d3jc6eosmk] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-d3jc6eosmk] {
    margin-left: auto;
}


/*.school-profile {
    margin-top: 3%;
    max-width: calc(90vw - 630px);
    max-height: 70vh;
    overflow-y: auto;
}*/
#form-wrapper[b-d3jc6eosmk] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-d3jc6eosmk] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-d3jc6eosmk] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-d3jc6eosmk] {
    font-weight: 700;
}

.top-school-div[b-d3jc6eosmk] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-d3jc6eosmk] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-d3jc6eosmk] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-d3jc6eosmk] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/MySchoolAdmin/SchoolTermEnd.razor.rz.scp.css */
select[b-nt6izbqq66] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-nt6izbqq66] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-nt6izbqq66] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-nt6izbqq66] {
    border-radius: 0;
}

.list-group-item[b-nt6izbqq66] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-nt6izbqq66] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-nt6izbqq66] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-nt6izbqq66] {
    background: #4285f4 !important;
}


#page-bar[b-nt6izbqq66] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-nt6izbqq66] {
    margin-left: auto;
}


.label-format[b-nt6izbqq66] {
    font-weight: 700;
    font-size:22px;
}

.school-term-end-div[b-nt6izbqq66] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-nt6izbqq66] {
    /*    background-color: red;*/
    width: 50%;
/*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-nt6izbqq66] {
    /*  background-color: blue;*/
    width: 50%;
    height: 10vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-nt6izbqq66] {
    /*    background-color: green;*/
    width: 50%;
   /* height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/MySchoolAdmin/SchoolYearEnd.razor.rz.scp.css */
select[b-b6i2ud0jny] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-b6i2ud0jny] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-b6i2ud0jny] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-b6i2ud0jny] {
    border-radius: 0;
}

.list-group-item[b-b6i2ud0jny] {
    padding: 3px 10px;
    /*height: 30px;*/
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-b6i2ud0jny] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-b6i2ud0jny] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-b6i2ud0jny] {
    background: #4285f4 !important;
}


#page-bar[b-b6i2ud0jny] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-b6i2ud0jny] {
    margin-left: auto;
}

.label-format[b-b6i2ud0jny] {
    font-weight: 700;
    font-size:22px;
}

.school-year-end-div[b-b6i2ud0jny] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-b6i2ud0jny] {
    /*    background-color: red;*/
    width: 97%;
/*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-b6i2ud0jny] {
    /*  background-color: blue;*/
    width: 97%;
/*    height: 10vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-b6i2ud0jny] {
    /*    background-color: green;*/
    width: 97%;
   /* height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#form-wrapper[b-b6i2ud0jny] {
    /*height:80vh;*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
}

#year-end-class-list[b-b6i2ud0jny] {
    height: 60vh;
/*    background: green;*/
    overflow-y: auto;
}

#year-end-instructions[b-b6i2ud0jny] {
    height: 60vh;
    overflow-y: auto;
}

.e-rowcell[b-b6i2ud0jny]{
    background:#808080;
    color:greenyellow;
}
/* /Pages/MySchoolAdmin/ShowClassDetails.razor.rz.scp.css */
select[b-h8xncpkotg] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-h8xncpkotg] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-h8xncpkotg] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-h8xncpkotg] {
    border-radius: 0;
}
a[b-h8xncpkotg]{
    text-decoration:none;
}
.list-group-item[b-h8xncpkotg] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-h8xncpkotg] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-h8xncpkotg] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-h8xncpkotg] {
    background: #4285f4 !important;
}



#page-bar[b-h8xncpkotg] {
    display: flex;
    flex-wrap: nowrap;  
}

#page-bar-right[b-h8xncpkotg] {
    margin-left: auto;
}

#form-wrapper[b-h8xncpkotg] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-h8xncpkotg] {
    font-weight: 700;
}
#form-wrapper[b-h8xncpkotg] {
    height: 50vh;
    overflow-y: auto;
}
.show-school-classes[b-h8xncpkotg] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

.edit-school-class[b-h8xncpkotg] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 93vh;
    margin: 0 10px;
    border:none;
}

.edit-class-modal[b-h8xncpkotg] {
    width: 100vw;
}
.modal-content[b-h8xncpkotg]{
    border:none!important;
}
#flex-dialog-items1[b-h8xncpkotg], #flex-dialog-items2[b-h8xncpkotg], #flex-dialog-items3[b-h8xncpkotg] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items1[b-h8xncpkotg] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-h8xncpkotg] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-h8xncpkotg] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
    height: 5vh;
}

.fa-pencil-alt[b-h8xncpkotg] {
    color: #000 !important;
}
.card-header[b-h8xncpkotg] {
    padding: 5px 10px;
}
/* /Pages/MySchoolAdmin/StaffAndTeacherRegistration.razor.rz.scp.css */
select[b-h6iennh9f8] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-h6iennh9f8] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-h6iennh9f8] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-h6iennh9f8] {
    border-radius: 0;
}

.list-group-item[b-h6iennh9f8] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-h6iennh9f8] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-h6iennh9f8] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-h6iennh9f8] {
    background: #4285f4 !important;
}


#page-bar[b-h6iennh9f8] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-h6iennh9f8] {
    margin-left: auto;
}

#form-wrapper[b-h6iennh9f8] {
  /*  height: 60vh;
    overflow-y: auto;*/
  padding:10px;
}


.label-format[b-h6iennh9f8] {
    font-weight: 700;
}

.register-staff[b-h6iennh9f8] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-h6iennh9f8] {
    /*    background-color: red;*/
    width: 70%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-h6iennh9f8] {
    /*  background-color: blue;*/
    width: 70%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-h6iennh9f8] {
    /*    background-color: green;*/
    width: 70%;
/*    height: 7vh;*/
    border: 1px solid #808080;
/*    border-right: 1px solid #808080;*/
    padding: 0px;
}
/* /Pages/MySchoolAdmin/StaffAndTeachers.razor.rz.scp.css */
.list-group-item[b-1ge6fcjxqs] {
    background-color: #706e6e;
}

.hide-div[b-1ge6fcjxqs] {
    /*height:0px;*/
    display: none;
}

.show-div[b-1ge6fcjxqs] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-1ge6fcjxqs] {
    color: #ADFF2F;
}

.mt-5[b-1ge6fcjxqs] {
    margin-top: 5px !important;
    border: 1px solid greenyellow;
}

.p-5[b-1ge6fcjxqs] {
    padding: 5px !important;
}

#teacher-list[b-1ge6fcjxqs] {
    width: 90%;
    margin: 10px !important;
    padding: 10px;
    border: 1px solid greenyellow;
}

ul a[b-1ge6fcjxqs] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-1ge6fcjxqs] {
        margin-right: 16px;
    }

ul li:hover a[b-1ge6fcjxqs] {
    color: greenyellow;
    padding-left: 20px;
    font-size: 18px;
}
/* /Pages/MySchoolAdmin/StudentClassChanges.razor.rz.scp.css */
/*#dg-student-list {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}*/

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-3gt3xoj8zl] {
    left: 0px !important;
    text-align: left;
}


a[b-3gt3xoj8zl], .btn-link[b-3gt3xoj8zl] {
    color: greenyellow;
}
a:hover[b-3gt3xoj8zl]{
    font-size:1.1em;
}
a[b-3gt3xoj8zl]{
    text-decoration:none;
}
tbody[b-3gt3xoj8zl] {
    background-color: #706e6e;
    font-size: 12px;
}

#students-in-class[b-3gt3xoj8zl] {
    max-height: 20vh;
    overflow-y: scroll;
}

.table td[b-3gt3xoj8zl], .table th[b-3gt3xoj8zl] {
    font-size:medium;
    padding: 2px !important;
    background-color: #706e6e;
}
.card-footer[b-3gt3xoj8zl]{
    padding:10px;
}
/* /Pages/MySchoolAdmin/StudentClassNotifications.razor.rz.scp.css */

.text-light-greenyellow[b-w1iabb3mdr] {
    color: greenyellow !important;
}

#notification-menu[b-w1iabb3mdr] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-w1iabb3mdr] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-w1iabb3mdr] {
    padding: 5px !important;
}
#page-bar[b-w1iabb3mdr] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-w1iabb3mdr] {
    margin-left: auto;
}

.btn-light-gray[b-w1iabb3mdr] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-w1iabb3mdr] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-w1iabb3mdr] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-w1iabb3mdr] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-w1iabb3mdr] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-w1iabb3mdr] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-w1iabb3mdr] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Pages/MySchoolAdmin/StudentCreditNote.razor.rz.scp.css */
#page-bar[b-5lh1qhhycr] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-5lh1qhhycr] {
    margin-left: auto;
}

.btn-light-gray[b-5lh1qhhycr] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-5lh1qhhycr] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-5lh1qhhycr] {
    padding: 5px;
}

.label-format[b-5lh1qhhycr] {
    font-weight: 700;
}

.accounts-student-cnote[b-5lh1qhhycr] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-5lh1qhhycr] {
    width: 90%;
    padding: 0px;
}
#flex-items-2[b-5lh1qhhycr] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-5lh1qhhycr] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-5lh1qhhycr] {
    width: 90%;
}

#flex-items-4[b-5lh1qhhycr] {
    width: 90%;
}
/* /Pages/MySchoolAdmin/StudentECDReport.razor.rz.scp.css */

#divStudentTermResults[b-epwyppn6xg], #divReportHeader[b-epwyppn6xg] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;
}

#divOverallPositions[b-epwyppn6xg] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#tblStudentTermResults[b-epwyppn6xg] {
    font-family: arial;    
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-epwyppn6xg] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table.table th[b-epwyppn6xg], table.table td[b-epwyppn6xg] {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: small;
}

#divECDResults[b-epwyppn6xg] {
    height: 80vh;
    overflow-y: scroll;
}


/* Code for CSS table */
#cssTable[b-epwyppn6xg] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.table[b-epwyppn6xg] {
    display: table;
}

.table-row[b-epwyppn6xg] {
    display: table-row;
}

.table-cell[b-epwyppn6xg] {
    display: table-cell;
    padding: 2px;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-epwyppn6xg] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-epwyppn6xg] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-epwyppn6xg] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-epwyppn6xg] {
    display: block;
}

.yesPrint[b-epwyppn6xg] {
    display: block !important;
}


#divStudentTermResults[b-epwyppn6xg], #divReportHeader[b-epwyppn6xg] {
    border: solid 2px #808080;
    padding: 2px;
}

#divOverallPositions[b-epwyppn6xg] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#divStudentReport[b-epwyppn6xg] {
    max-width: 100%;
    max-height: 100%;
    overflow-y: scroll;
}

#tblStudentTermResults[b-epwyppn6xg] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-epwyppn6xg] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*.SmallFonts {
        font-family: Calibri;
        font-size: 10px;
        line-height: 0.9;
    }*/
.SmallFonts-heading[b-epwyppn6xg] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-epwyppn6xg] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-epwyppn6xg] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-epwyppn6xg], table.table td[b-epwyppn6xg] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}

/* if .col-1 width is not overwritten it takes 100% - for the why*/
.col-1[b-epwyppn6xg] {
    width: 8.33%;
}

table.table thead tr.tblHeaderClass[b-epwyppn6xg] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.print-div[b-epwyppn6xg] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/MySchoolAdmin/StudentIndividualInvoice.razor.rz.scp.css */
#page-bar[b-mnulo6n9qh] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-mnulo6n9qh] {
    margin-left: auto;
}

.btn-light-gray[b-mnulo6n9qh] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-mnulo6n9qh] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-mnulo6n9qh] {
    padding: 5px;
}

.label-format[b-mnulo6n9qh] {
    font-weight: 700;
}

.accounts-student-individual-invoices[b-mnulo6n9qh] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-mnulo6n9qh] {
    width: 90%;
    padding: 0px;
}
#flex-items-2[b-mnulo6n9qh] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-mnulo6n9qh] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-mnulo6n9qh] {
    width: 90%;
}

#flex-items-4[b-mnulo6n9qh] {
    width: 90%;
}
/* /Pages/MySchoolAdmin/StudentNotifications.razor.rz.scp.css */
#page-bar[b-ba7orfv4ht] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ba7orfv4ht] {
    margin-left: auto;
}

.btn-light-gray[b-ba7orfv4ht] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ba7orfv4ht] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-ba7orfv4ht] {
    font-weight: 700;
}
/*.class-subjects {
        margin-top: 40px;
    }*/
.change-student-class[b-ba7orfv4ht] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-ba7orfv4ht] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-ba7orfv4ht] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-ba7orfv4ht] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-red[b-ba7orfv4ht] {
    color: red;
}
.text-light-greenyellow[b-ba7orfv4ht] {
    color: greenyellow !important;
}

#notification-menu[b-ba7orfv4ht] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-ba7orfv4ht] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-ba7orfv4ht] {
    padding: 5px !important;
}
#page-bar[b-ba7orfv4ht] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ba7orfv4ht] {
    margin-left: auto;
}

.btn-light-gray[b-ba7orfv4ht] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ba7orfv4ht] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-ba7orfv4ht] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-ba7orfv4ht] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-ba7orfv4ht] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-ba7orfv4ht] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-ba7orfv4ht] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Pages/MySchoolAdmin/StudentProfile.razor.rz.scp.css */
select[b-tdiclo5zxf] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-tdiclo5zxf] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-tdiclo5zxf] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-tdiclo5zxf] {
    border-radius: 0;
}

.webcam[b-tdiclo5zxf] {
    margin-top:10px;
}

.list-group-item[b-tdiclo5zxf] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-tdiclo5zxf] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-tdiclo5zxf] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-tdiclo5zxf] {
    background: #4285f4 !important;
}


#page-bar[b-tdiclo5zxf] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-tdiclo5zxf] {
    margin-left: auto;
}

#form-wrapper[b-tdiclo5zxf] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-tdiclo5zxf] {
    font-weight: 700;
}

.top-student-div[b-tdiclo5zxf] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-tdiclo5zxf] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-tdiclo5zxf] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-tdiclo5zxf] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/MySchoolAdmin/StudentReceipt.razor.rz.scp.css */
#page-bar[b-afpasdkv2c] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-afpasdkv2c] {
    margin-left: auto;
}

.btn-light-gray[b-afpasdkv2c] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-afpasdkv2c] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-afpasdkv2c] {
    padding: 5px;
}

.label-format[b-afpasdkv2c] {
    font-weight: 700;
}

.accounts-student-receipt[b-afpasdkv2c] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-afpasdkv2c] {
    width: 90%;
    padding: 0px;
}
#flex-items-2[b-afpasdkv2c] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-afpasdkv2c] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-afpasdkv2c] {
    width: 90%;
}

#flex-items-4[b-afpasdkv2c] {
    width: 90%;
}

/* /Pages/MySchoolAdmin/StudentReceiptReversal.razor.rz.scp.css */
#page-bar[b-olykvqkjqk] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-olykvqkjqk] {
    margin-left: auto;
}

.btn-light-gray[b-olykvqkjqk] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-olykvqkjqk] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-olykvqkjqk] {
    padding: 5px;
}

.label-format[b-olykvqkjqk] {
    font-weight: 700;
}

.accounts-student-cnote[b-olykvqkjqk] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-olykvqkjqk] {
    width: 90%;
    padding: 0px;
}
#flex-items-2[b-olykvqkjqk] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}
#flex-items-3[b-olykvqkjqk] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-olykvqkjqk] {
    width: 90%;
}

#flex-items-4[b-olykvqkjqk] {
    width: 90%;
}
/* /Pages/MySchoolAdmin/Students.razor.rz.scp.css */
.mnu-right[b-ptjjapyc1l] {
    /*float: right;*/
}

.card-body[b-ptjjapyc1l] {
    padding: 5px !important;
}

.text-light-greenyellow[b-ptjjapyc1l] {
    color: greenyellow !important;
}

#students-menu[b-ptjjapyc1l] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-ptjjapyc1l] {
    line-height: 10px;
}

.hide-div[b-ptjjapyc1l] {
    /*height:0px;*/
    display: none;
}

.show-div[b-ptjjapyc1l] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-ptjjapyc1l] {
    color: #ADFF2F;
}

.footer-div[b-ptjjapyc1l] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.list-group[b-ptjjapyc1l] {
    width: 100%;
    line-height: 10px;
}

.list-group-item[b-ptjjapyc1l] {
    background-color: #706e6e;
    /*    color: greenyellow;*/
}

    .list-group-item:hover[b-ptjjapyc1l] {
        background-color: #000000;
        color: greenyellow;
    }

a[b-ptjjapyc1l], .btn-link[b-ptjjapyc1l] {
    /*   color: greenyellow;*/
}

a[b-ptjjapyc1l] {
    text-decoration: none;
}

tbody[b-ptjjapyc1l] {
    background-color: #706e6e;
    font-size: 12px;
}

.btn-outline-custom[b-ptjjapyc1l] {
    border: 1px solid #adff2f; /* Greenyellow outline */
    color: #adff2f; /* Greenyellow text color */
    background-color: transparent;
    width: 45px;
    height: 30px;
}

.custom-link[b-ptjjapyc1l] {
    height: 30px;
}

.btn-outline-custom:hover[b-ptjjapyc1l] {
    background-color: #adff2f; /* Greenyellow background on hover */
    color: #fff; /* White text on hover */
}
/* /Pages/MySchoolAdmin/StudentSearchResults.razor.rz.scp.css */
select[b-k1jqdo2a25] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-k1jqdo2a25] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-k1jqdo2a25] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-k1jqdo2a25] {
    border-radius: 0;
}

.list-group-item[b-k1jqdo2a25] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-k1jqdo2a25] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-k1jqdo2a25] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-k1jqdo2a25] {
    background: #4285f4 !important;
}


#page-bar[b-k1jqdo2a25] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-k1jqdo2a25] {
    margin-left: auto;
}

#form-wrapper[b-k1jqdo2a25] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-k1jqdo2a25] {
    font-weight: 700;
}

.student-search[b-k1jqdo2a25] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-k1jqdo2a25] {
    /*    background-color: red;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-k1jqdo2a25] {
    /*  background-color: blue;*/
    width: 50%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-k1jqdo2a25] {
    /*    background-color: green;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/MySchoolAdmin/StudentsMonthlyReport.razor.rz.scp.css */
.bar-back-color[b-v9ccsdgwg0] {
    background-color: teal;
}

table.table-sm th[b-v9ccsdgwg0] {
    line-height: 0.5em;
}

.bordered[b-v9ccsdgwg0] {
    border: solid 1px #000000;
}

#divMonthlyReport[b-v9ccsdgwg0] {
    border: solid 1px #808080;
    padding: 10px;

}
#ZimCortOfArms img[b-v9ccsdgwg0] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.container-fluid[b-v9ccsdgwg0] {
    padding:5px;
 /*   padding-right: 0px;
    padding-left: 0px;*/
}

.col-2[b-v9ccsdgwg0], col-3[b-v9ccsdgwg0], col-1[b-v9ccsdgwg0], col-4[b-v9ccsdgwg0], col-5[b-v9ccsdgwg0] {
    padding-bottom: 0px !important;
}

table.table-sm td[b-v9ccsdgwg0] {
    padding-bottom: 0px !important;
    font-size: smaller;
    font-family: Calibri;
}

table.table td[b-v9ccsdgwg0], table.table td[b-v9ccsdgwg0] {
    padding: 2px;
}

.width-100[b-v9ccsdgwg0] {
    min-width: 100%;
    max-width: 100%;
}

.SmallFonts-heading[b-v9ccsdgwg0] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-v9ccsdgwg0] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.header-container[b-v9ccsdgwg0]{
    display:flex;  
    justify-content:space-between;
    flex-wrap:wrap;
}
.header-item[b-v9ccsdgwg0] {
    /* Flex item also being a flex container*/
    display: flex;
    justify-content:center;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: block;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: block;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: none;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: block;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: none;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: block;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: block;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: none;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: block;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: none;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: block;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: none;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-v9ccsdgwg0], #divMonthlyReport[b-v9ccsdgwg0] {
        display: none;
    }

    #divStudentReportMobile[b-v9ccsdgwg0], #divMonthlyReportMobile[b-v9ccsdgwg0] {
        display: block;
    }
}
.bg-grey[b-v9ccsdgwg0] {
    background-color: #9e9e9e !important;
}
.print-div[b-v9ccsdgwg0] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/MySchoolAdmin/StudentStatement.razor.rz.scp.css */
table[b-d81uhrlzge] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-d81uhrlzge] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-d81uhrlzge] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-d81uhrlzge], table.table td[b-d81uhrlzge] {
        padding: 7px;
    }

#page-bar[b-d81uhrlzge] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-d81uhrlzge] {
    margin-left: auto;
}

.student-statement[b-d81uhrlzge] {
    display: flex;
    max-height: 90%;
    height:80%;
    width: 80%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top:40px;
    border-radius: 5px;
    padding: 0;
    margin:auto;
    
}

#statement-header[b-d81uhrlzge] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-d81uhrlzge], #flex-item-2[b-d81uhrlzge], #flex-item-3[b-d81uhrlzge], #flex-item-4[b-d81uhrlzge] {
    width: 100%;
    border: 2px solid #808080;
}

 #flex-item-1[b-d81uhrlzge] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-d81uhrlzge] {
    height: 40vh;
    overflow-y: auto;
}

#flex-items-0[b-d81uhrlzge] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-print-button[b-d81uhrlzge] {
    margin-top: 10px;
}
.text-small[b-d81uhrlzge] {
    font-size: small;
}

.SmallFonts-heading[b-d81uhrlzge] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-d81uhrlzge] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
#mobile-display[b-d81uhrlzge]{
    display:none;
}
#school-details[b-d81uhrlzge] {
    text-align: left;
}

#student-details[b-d81uhrlzge] {
    text-align: right;
}

@media all and (max-width: 767px) {
    #mobile-display[b-d81uhrlzge] {
        display: block;
    }

    #none-mobile-display[b-d81uhrlzge] {
        display: none;
    }

    #statement-time[b-d81uhrlzge] {
        display: none;
    }

    #flex-item-1[b-d81uhrlzge], #flex-item-2[b-d81uhrlzge], #flex-item-3[b-d81uhrlzge], #flex-item-4[b-d81uhrlzge] {
        width: 100%;
    }
    .student-statement[b-d81uhrlzge] {
        width: 98%;
    }
}    
    @media screen and (max-width: 1040px) {
        #mobile-display[b-d81uhrlzge] {
            display: block;
        }

        #none-mobile-display[b-d81uhrlzge] {
            display: none;
        }

        #statement-time[b-d81uhrlzge] {
            display: none;
        }
    }

    @media screen and (max-width: 768px) {
        #school-details[b-d81uhrlzge] {
            text-align: center;
        }

        #student-details[b-d81uhrlzge] {
            text-align: center;
        }
    }
/* /Pages/MySchoolAdmin/StudentSubjects.razor.rz.scp.css */
/*#dg-student-list {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}*/

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-3b6fbucvxb] {
    left: 0px !important;
    text-align: left;
}


a[b-3b6fbucvxb], .btn-link[b-3b6fbucvxb] {
    color: greenyellow;
}
    a:hover[b-3b6fbucvxb] {
        font-size: 1.2em;
    }
tbody[b-3b6fbucvxb] {
    background-color: #706e6e;
    font-size: 12px;
}

#students-in-class[b-3b6fbucvxb] {
    max-height: 30vh;
    overflow-y: scroll;
    
}

.table td[b-3b6fbucvxb], .table th[b-3b6fbucvxb] {
    padding: 2px !important;
    font-size: medium;
    background-color: #706e6e;
}

.mt-5[b-3b6fbucvxb]{
    margin-top:5px;
}
.mb-5[b-3b6fbucvxb] {
    margin-bottom: 5px;
}

.bg-light-gray[b-3b6fbucvxb] {
    background-color: #706e6e;
}
a[b-3b6fbucvxb]{
    text-decoration:none;
}
.text-center .btn[b-3b6fbucvxb]{
    margin-top:7px;
    margin-bottom:7px;
}
/* /Pages/MySchoolAdmin/StudentSubjectsAllocations.razor.rz.scp.css */

#page-bar[b-vawunwklok] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-vawunwklok] {
    margin-left: auto;
}

#form-wrapper[b-vawunwklok] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-vawunwklok] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-vawunwklok] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-vawunwklok] {
    font-weight: 700;
}

.change-student-class[b-vawunwklok] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 80vh;
    margin: 0 10px;
}

#flex-items1[b-vawunwklok] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-vawunwklok] {
    /*  background-color: blue;*/
    width: 100%;
    height: 50vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-vawunwklok] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#student-subjects[b-vawunwklok] {
    max-height: 55vh;
    overflow-y: scroll;
}

#class-subjects[b-vawunwklok] {
    max-height: 55vh;
    overflow-y: scroll;
}

#cardStaffProfile[b-vawunwklok] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-vawunwklok] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-vawunwklok] {
    background: #706e6e;
}

.text-light-greenyellow[b-vawunwklok] {
    color: greenyellow;
}

.mt-20[b-vawunwklok] {
    margin-top: 20px !important;
}
/* /Pages/MySchoolAdmin/StudentsWithNoPhotos.razor.rz.scp.css */
#page-bar[b-kb2jlflft7] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-kb2jlflft7] {
    margin-left: auto;
}

.table td[b-kb2jlflft7], .table th[b-kb2jlflft7] {
    padding: 5px;
}

.table-sm[b-kb2jlflft7] {
    font-family: Calibri;
    font-size: medium;
}

.btn-light-gray[b-kb2jlflft7] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-kb2jlflft7] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-kb2jlflft7] {
    font-weight: 700;
}
/*.class-subjects {
        margin-top: 40px;
    }*/
.student-with-no-photos[b-kb2jlflft7] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#no-photos[b-kb2jlflft7] {
    height: 40vh;
    overflow-y: scroll;
}

#flex-items1[b-kb2jlflft7] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-kb2jlflft7] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-kb2jlflft7] {
    /*    background-color: green;*/
    width: 50%;
    height: 7vh;
    border: 1px solid #808080;
    padding: 0px;
}

.text-red[b-kb2jlflft7] {
    color: red;
}
/* /Pages/MySchoolAdmin/StudentTranscriptReport.razor.rz.scp.css */
table[b-i1alkkdp5w] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-i1alkkdp5w] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-i1alkkdp5w] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-i1alkkdp5w], table.table td[b-i1alkkdp5w] {
        padding: 7px;
    }
.print-div[b-i1alkkdp5w]{
    text-align:right;
    padding:5px;
    margin:10px;
}
#page-bar[b-i1alkkdp5w] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-i1alkkdp5w] {
    margin-left: auto;
}
.term-header[b-i1alkkdp5w]{
    padding:5px 0px;
}
.student-transcript[b-i1alkkdp5w] {
    display: flex;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}

#statement-header[b-i1alkkdp5w] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-i1alkkdp5w], #flex-item-2[b-i1alkkdp5w], #flex-item-3[b-i1alkkdp5w], #flex-item-4[b-i1alkkdp5w] {
    width: 70vw;
    border: 2px solid #808080;
}

#flex-item-1[b-i1alkkdp5w] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-i1alkkdp5w] {
   /* height: 40vh;*/
    overflow-y: auto;
}

#flex-items-4[b-i1alkkdp5w] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-small[b-i1alkkdp5w] {
    font-size: small;
}

.SmallFonts-heading[b-i1alkkdp5w] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-i1alkkdp5w] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#mobile-display[b-i1alkkdp5w] {
    display: none;
}

#school-details[b-i1alkkdp5w] {
    text-align: left;
}

#student-details[b-i1alkkdp5w] {
    text-align: right;
}
/* /Pages/MySchoolAdmin/StudentTransfer.razor.rz.scp.css */
.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-d2t63tfy2l] {
    left: 0px !important;
    text-align: left;
}


a[b-d2t63tfy2l], .btn-link[b-d2t63tfy2l] {
    color: greenyellow;
}

tbody[b-d2t63tfy2l] {
    background-color: #706e6e;
    font-size: 12px;
}

#students-in-class[b-d2t63tfy2l] {
    max-height: 30vh;
    overflow-y: scroll;
    max-width:300px;
}

table td[b-d2t63tfy2l], table th[b-d2t63tfy2l] {
    padding: 2px !important;
}
.text-dark-gray[b-d2t63tfy2l] {
    color: #706e6e !important;
}
a[b-d2t63tfy2l] {
    text-decoration: none;
}
.bg-light-gray[b-d2t63tfy2l] {
    background-color: #706e6e;
}
.text-light-greenyellow[b-d2t63tfy2l] {
    color: #c8f288 !important;
}

.student-search[b-d2t63tfy2l] {
    border: 1px solid brown;
    line-height: 0.8em;
    color: brown;
}

a[b-d2t63tfy2l], .btn-link[b-d2t63tfy2l] {
    color: greenyellow;
}

    a:hover[b-d2t63tfy2l] {
        font-size: 1.1em;
    }

a[b-d2t63tfy2l] {
    text-decoration: none;
}

.table td[b-d2t63tfy2l], .table th[b-d2t63tfy2l] {
    font-size: medium;
    padding: 2px !important;
    background-color: #706e6e;
}
/* /Pages/MySchoolAdmin/SubjectCreateUpdate.razor.rz.scp.css */
select[b-660wqarme5] {
    border: none !important;
}

body[b-660wqarme5] {
    height: 100%;
}
/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-660wqarme5] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-660wqarme5] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-660wqarme5] {
    border-radius: 0;
}

.list-group-item[b-660wqarme5] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-660wqarme5] {
    background-color: #fff;
    color: #000;
    width: 220px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-660wqarme5] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-660wqarme5] {
    background: #4285f4 !important;
}

.text-black[b-660wqarme5] {
    color: #000;
}

td a:hover[b-660wqarme5] {
    background-color: #808080;
    color: greenyellow;
}

#page-bar[b-660wqarme5] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-660wqarme5] {
    margin-left: auto;
}

.label-format[b-660wqarme5] {
    font-weight: 700;
}

.class-subjects[b-660wqarme5] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    padding: 5px;
}

#flex-items2[b-660wqarme5] {
    max-height: 600px;
    overflow-y: auto;
    padding: 5px;
}

.body-height-table[b-660wqarme5] {
    height: 270px;
    overflow-y: auto;
    padding: 5px;
}

.body-height-form[b-660wqarme5] {
    height: 600px;
    overflow-y: auto;
    padding: 5px;
}
#subject-learning-areas[b-660wqarme5] {
    display: flex;
}

#learning-area-show[b-660wqarme5], #learning-area-edit[b-660wqarme5] {
    max-height: 330px;
    height: 330px;
    width: 50%;
    margin: 5px;
    padding: 5px;
    overflow-y: auto;
}

/*#flex-items3 {*/
    /* height: 60vh;*/
    /*height: 300px;
    overflow-y: auto;
}*/

#flex-items5[b-660wqarme5] {
    width: 90%;
}

.card-footer .form-group[b-660wqarme5] {
    padding: 10px;
}

#flex-items1[b-660wqarme5] {
    width: 90%;
}

#flex-items1[b-660wqarme5] {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-row[b-660wqarme5] {
    display: flex;
    width: 90%;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

#flex-items2[b-660wqarme5], #flex-items3[b-660wqarme5], #flex-items4[b-660wqarme5] {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 5px;
}

.table td[b-660wqarme5], .table th[b-660wqarme5] {
    padding: 2px !important;
}

a.text-black[b-660wqarme5], .table td[b-660wqarme5] {
    font-size: 12px;
}

.card-header[b-660wqarme5] {
    padding: 5px;
}

a[b-660wqarme5] {
    text-decoration: none;
}

.text-right[b-660wqarme5] {
    text-align: right;
}

#learning-area-flex[b-660wqarme5] {
    display: flex;
}

.ml-5[b-660wqarme5] {
    margin-left: 5px;
}
/* /Pages/MySchoolAdmin/SubjectPrefixes.razor.rz.scp.css */
select[b-pmhj2v6iyw] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-pmhj2v6iyw] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-pmhj2v6iyw] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-pmhj2v6iyw] {
    border-radius: 0;
}

.list-group-item[b-pmhj2v6iyw] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-pmhj2v6iyw] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-pmhj2v6iyw] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-pmhj2v6iyw] {
    background: #4285f4 !important;
}


#page-bar[b-pmhj2v6iyw] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-pmhj2v6iyw] {
    margin-left: auto;
}

#form-wrapper[b-pmhj2v6iyw] {
    height: 55vh;
    overflow-y: auto;
}


.label-format[b-pmhj2v6iyw] {
    font-weight: 700;
}

.add-school-class[b-pmhj2v6iyw] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-pmhj2v6iyw] {
    /*    background-color: red;*/
    width: 80%;
    /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-pmhj2v6iyw] {
    /*  background-color: blue;*/
    width: 80%;
    /* height: 30vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-pmhj2v6iyw] {
    /*    background-color: green;*/
    width: 80%;
    /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-black[b-pmhj2v6iyw]{
    color:#048e1c!important;
}
.text-red[b-pmhj2v6iyw]{
    color:#ff6a00!important;
}
#new-edit-prefix[b-pmhj2v6iyw]{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:row;
}

#new-div[b-pmhj2v6iyw], #edit-div[b-pmhj2v6iyw] {
    height: 50vh;    
    border: 1px solid #808080;
    padding: 5px;
}
#new-div[b-pmhj2v6iyw] {
    width: 60%;
    overflow-y:auto;
}
#edit-div[b-pmhj2v6iyw] {
    width: 35%;
    margin-left: 5px;
}
/* /Pages/MySchoolAdmin/Subjects.razor.rz.scp.css */
.list-group-item[b-42twrbu6gp] {
    background-color: #706e6e;
}

.mt-5[b-42twrbu6gp] {
    margin-top: 5px !important;
    border: 1px solid greenyellow;
}

.p-5[b-42twrbu6gp] {
    padding: 5px !important;
}
a[b-42twrbu6gp]{
    text-decoration:none;
}
ul a[b-42twrbu6gp] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-42twrbu6gp] {
        margin-right: 16px;
    }

ul li:hover a[b-42twrbu6gp] {
    color: greenyellow;
    padding-left: 20px;
    font-size: 18px;
}
/* /Pages/MySchoolAdmin/TeacherAllocateSubjects.razor.rz.scp.css */
select[b-pucez705zc] {
    border: none !important;
}

body[b-pucez705zc] {
    height: 100%;
}
/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-pucez705zc] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-pucez705zc] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-pucez705zc] {
    border-radius: 0;
}

.list-group-item[b-pucez705zc] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-pucez705zc] {
    background-color: #fff;
    color: #000;
    width: 220px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-pucez705zc] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-pucez705zc] {
    background: #4285f4 !important;
}

.text-black[b-pucez705zc] {
    color: #000;
}

td a:hover[b-pucez705zc] {
    background-color: #808080;
    color: greenyellow;
}

#page-bar[b-pucez705zc] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-pucez705zc] {
    margin-left: auto;
}

.label-format[b-pucez705zc] {
    font-weight: 700;
}

.class-subjects[b-pucez705zc] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.body-height[b-pucez705zc] {
    height: 50vh;
    overflow-y: scroll;
}

#flex-row[b-pucez705zc] {
    width: 90%;
}

#flex-items5[b-pucez705zc] {
    width: 90%;
}

#flex-items1[b-pucez705zc] {
    width: 90%;
}

#flex-items1[b-pucez705zc] {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-row[b-pucez705zc] {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}

#flex-items2[b-pucez705zc], #flex-items3[b-pucez705zc], #flex-items4[b-pucez705zc] {
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 5px;
}

.table td[b-pucez705zc], .table th[b-pucez705zc] {
    padding: 2px !important;
/*    line-height:20px;*/
}

a.text-black[b-pucez705zc], .table td[b-pucez705zc] {
    font-size: 12px;
}
.bg-dark-gray[b-pucez705zc] {
    background-color: #706e6e;
}

a[b-pucez705zc]{
    text-decoration:none;
}

.text-black[b-pucez705zc]{
    color:#000!important;
}

.card-header[b-pucez705zc]{
    padding:10px;
}
/* /Pages/MySchoolAdmin/TeacherProfile.razor.rz.scp.css */

#page-bar[b-4buhuiddh2] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-4buhuiddh2] {
    margin-left: auto;
}

#form-wrapper[b-4buhuiddh2] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-4buhuiddh2] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-4buhuiddh2] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
.label-format[b-4buhuiddh2] {
    font-weight: 700;
}
.signature img[b-4buhuiddh2]{
    height:40px;
    width:100%!important;
}
.top-teacher-div[b-4buhuiddh2] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-4buhuiddh2] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-4buhuiddh2] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-4buhuiddh2] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#cardStaffProfile[b-4buhuiddh2] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-4buhuiddh2] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-4buhuiddh2] {
    background: #706e6e;
}

.text-light-greenyellow[b-4buhuiddh2] {
    color: greenyellow;
}

.mt-20[b-4buhuiddh2] {
    margin-top: 20px !important;
}
/* /Pages/MySchoolAdmin/TeachersClassSubjects.razor.rz.scp.css */


/* /Pages/MySchoolAdmin/TeacherSubjects.razor.rz.scp.css */

#page-bar[b-mx7ti3a16r] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-mx7ti3a16r] {
    margin-left: auto;
}

.btn-light-gray[b-mx7ti3a16r] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-mx7ti3a16r] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-mx7ti3a16r] {
    font-weight: 700;
}

.teacher-subjects[b-mx7ti3a16r] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80vh;
}

#detail-page[b-mx7ti3a16r] {
    display: flex;
    width: 90%;
    flex-direction: row;
    flex-wrap: wrap;
}

#flex-items1[b-mx7ti3a16r] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-mx7ti3a16r] {
    width: 50%;
    height: 55vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;    
}

#flex-items3[b-mx7ti3a16r] {
    width: 50%;
    height: 55vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/*#student-subjects {
    max-height: 55vh;
    overflow-y: scroll;
}*/

/*#teacher-subjects {
    max-height: 90vh;
}*/

.body-height[b-mx7ti3a16r]{
    height:50vh;
    overflow-y:auto;
}
.table td[b-mx7ti3a16r], .table th[b-mx7ti3a16r] {
    padding-top: .2rem;
    padding-bottom: .2rem;
    font-size: smaller;
}


a[b-mx7ti3a16r], .btn-link[b-mx7ti3a16r]{
    font-size:12px;
    color:#000;
}

.mt-5[b-mx7ti3a16r] {
    margin-top: 5px !important;
    border: 1px solid greenyellow;
}
.text-light-greenyellow[b-mx7ti3a16r] {
    color: greenyellow;
}

.mt-20[b-mx7ti3a16r] {
    margin-top: 20px !important;
}
/* /Pages/MySchoolAdmin/ThreeCollapsiblePannelsCorePilot.razor.rz.scp.css */
#outer-div[b-t03xilom8l] {
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full viewport height */
    width: 100%; /* Full width */
    flex-direction:column;

}
#page-bar[b-t03xilom8l] {
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    width: 50vw; /* Full width of parent */
}

#page-bar-right[b-t03xilom8l] {
    margin-left: auto;
}
.parent-container[b-t03xilom8l] {
    display: flex;
    height: 50vh;
    width: 50vw;
    padding: 0px;
    border: 1px solid #ccc;
    
}

.panel[b-t03xilom8l] {
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    margin: 5px;
    transition: flex 0.3s ease;
    height: 98%; /* Maintain full height */
    position: relative;
}

.panel-header[b-t03xilom8l] {
    background-color: #706e6e;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-title[b-t03xilom8l] {
    color: greenyellow;
    margin-right: auto; /* Push title to the left */
}

.panel-content[b-t03xilom8l] {
    padding: 10px;
    background-color: #fff;
    flex-grow: 1;
}

.collapsed-title[b-t03xilom8l] {
    color: #000;
    font-weight:500;
    font-size:18px;
    writing-mode: vertical-rl;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center; 
}

/* /Pages/Receptionist/ChangePassword.razor.rz.scp.css */
select[b-ik58cp7zyf] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-ik58cp7zyf] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-ik58cp7zyf] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-ik58cp7zyf] {
    border-radius: 0;
}

.list-group-item[b-ik58cp7zyf] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-ik58cp7zyf] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ik58cp7zyf] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-ik58cp7zyf] {
    background: #4285f4 !important;
}


#page-bar[b-ik58cp7zyf] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ik58cp7zyf] {
    margin-left: auto;
}

#form-wrapper[b-ik58cp7zyf] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-ik58cp7zyf] {
    font-weight: 700;
}

.top-passwordchange-div[b-ik58cp7zyf] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-ik58cp7zyf] {
    /*    background-color: red;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-ik58cp7zyf] {
    /*  background-color: blue;*/
    width: 50%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-ik58cp7zyf] {
    /*    background-color: green;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Receptionist/Index.razor.rz.scp.css */
.text-light-greenyellow-custom[b-igy1al4e96] {
    color: #808080;
}

.container[b-igy1al4e96] {
    margin-top: 40px;
}

.jumbotron[b-igy1al4e96] {
    background-color: #fff;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    padding: 10px !important;
}
/* /Pages/Receptionist/NotificationsOptions.razor.rz.scp.css */

.text-light-greenyellow[b-uxjwqcj9nx] {
    color: greenyellow !important;
}

#notification-menu[b-uxjwqcj9nx] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-uxjwqcj9nx] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-uxjwqcj9nx] {
    padding: 5px !important;
}

.show-classs[b-uxjwqcj9nx]{
    display:block;
}
.hide-classs[b-uxjwqcj9nx]{
    display:none;
}

.show-student[b-uxjwqcj9nx] {
    display: block;
}

.hide-student[b-uxjwqcj9nx] {
    display: none;
}
/* /Pages/Receptionist/Profiles.razor.rz.scp.css */
.list-group-item[b-794haeqdti] {
    background-color: #706e6e;
}
.mt-5[b-794haeqdti]{
    margin-top:5px!important;
}
.p-5[b-794haeqdti]{
    padding:5px!important;
}

ul a[b-794haeqdti] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    /*box-sizing: border-box;*/
    /*border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid green;*/
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-794haeqdti] {
        margin-right: 16px;
    }

ul li:hover a[b-794haeqdti] {
    color: greenyellow;
    padding-left: 20px;
    font-size: 18px;
/*    background-color: black;*/
}
/* /Pages/Receptionist/ReceptionistMenu.razor.rz.scp.css */
*[b-b6la8oufbh] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.container-fluid[b-b6la8oufbh] {
    left: 0;
    padding-left: 0px;
}

.flex-container[b-b6la8oufbh] {
    display: flex;
    flex-direction: row;
}

.nav-bars[b-b6la8oufbh] {
    max-height: 100vh;
    height: 100vh;
    overflow-x: hidden;
    padding: 5px;
}

/* Left menu bar */
.class-left-bar-open[b-b6la8oufbh] {
    width: 260px;
    left: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-left-bar-close[b-b6la8oufbh] {
    width: 40px;
    left: 0px;
}

.left-bar-items-open[b-b6la8oufbh] {
    width: 260px;
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
}

.left-bar-items-close[b-b6la8oufbh] {
    display: none;
}

/*   Right Menu bar  */

.class-right-bar-open[b-b6la8oufbh] {
    width: 290px;
    max-width: 290px;
    right: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-right-bar-close[b-b6la8oufbh] {
    width: 40px;
    max-width: 40px;
    right: 0px;
}

.right-bar-items-open[b-b6la8oufbh] {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 290px;
}

.right-bar-items-close[b-b6la8oufbh] {
    display: none;
}

/*    Align burger menu to the right */

.burger-menu-alignment[b-b6la8oufbh] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#id-left-bar[b-b6la8oufbh] {
    border-right: solid 2px #ccc;
}

#id-right-bar[b-b6la8oufbh] {
    border-left: solid 2px #ccc;
}

#id-main-display-area[b-b6la8oufbh] {
    /*    width: calc(100%-620px);*/
    max-width: calc(vw-630px);
    flex-grow: 1;
    max-height: 100%;
    height: 100%;
}

.dynamic-container[b-b6la8oufbh] {
    display: flex;
    justify-content: center;
}
/* Burger menu definition */
.menu-toggle[b-b6la8oufbh] {
    /* width: 260px;*/
    background: #706e6e;
    left: 0;
    display: flex;
    /* justify-content: flex-end;*/
    flex-direction: column;
    margin-bottom: 0px;
    transition: 0.5s;
}

.menu-toggle-close[b-b6la8oufbh] {
    width: 40px;
    background: #706e6e;
    transition: 0.5s;
    overflow: hidden;
}

.menu-button[b-b6la8oufbh] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}
/***/

.menu-button-open[b-b6la8oufbh] {
    justify-content: end;
}



/**/
.menu-button-burger[b-b6la8oufbh] {
    width: 30px;
    height: 3px;
    background: greenyellow;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(255,101,47,.2);
    transition: all .5s ease-in-out;
}

    .menu-button-burger[b-b6la8oufbh]::before, .menu-button-burger[b-b6la8oufbh]::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background: greenyellow;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(255,101,47,.2);
        transition: all .5s ease-in-out;
    }

    .menu-button-burger[b-b6la8oufbh]::before {
        transform: translateY(-9px);
    }

    .menu-button-burger[b-b6la8oufbh]::after {
        transform: translateY(9px);
    }

/* Animation */
.menu-button.open .menu-button-burger[b-b6la8oufbh] {
    transform: translate(-30px);
    background: transparent;
    box-shadow: none;
    transition: all .5s ease-in-out;
}

    .menu-button.open .menu-button-burger[b-b6la8oufbh]::before {
        transform: rotate(45deg) translate(21px, -21px);
        transition: all .5s ease-in-out;
    }

    .menu-button.open .menu-button-burger[b-b6la8oufbh]::after {
        transform: rotate(-45deg) translate(21px, 21px);
        transition: all .5s ease-in-out;
    }
/* /Pages/Receptionist/ReceptionistNavMenu.razor.rz.scp.css */
*[b-gjq8nbxpj2] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.header-class[b-gjq8nbxpj2] {
    display: flex;
    flex-flow: column;
    justify-content: center;
    background: #fff;
    border-radius: 5%;
    margin: 5px;
    padding: 5px;
}

.text-black[b-gjq8nbxpj2] {
    color: #000;
}

a p[b-gjq8nbxpj2] {
    /* color: greenyellow;*/
}

a img:hover[b-gjq8nbxpj2] {
    cursor: pointer;
}

li nav-link:hover[b-gjq8nbxpj2] {
    background-color: lightblue !important;
}

.list-group-item[b-gjq8nbxpj2] {
    background-color: #706e6e;
    /*    color: greenyellow;*/
}

#teacher-photo[b-gjq8nbxpj2] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding: 10px 0;
}

header[b-gjq8nbxpj2] {
    font-size: 20px;
    /*    color: greenyellow;*/
    text-align: center;
    line-height: 30px;
    background: #706e6e;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    user-select: none;
}

ul a[b-gjq8nbxpj2] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    /*    color: greenyellow;*/
    padding-left: 10px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid green;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-gjq8nbxpj2] {
        margin-right: 16px;
    }

ul li:hover a[b-gjq8nbxpj2] {
    padding-left: 20px;
    font-size: 18px;
    background-color: black;
}
/* /Pages/Receptionist/RegisterStudents.razor.rz.scp.css */
select[b-6y4g1a4b0o] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-6y4g1a4b0o] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-6y4g1a4b0o] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-6y4g1a4b0o] {
    border-radius: 0;
}

.list-group-item[b-6y4g1a4b0o] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-6y4g1a4b0o] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-6y4g1a4b0o] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-6y4g1a4b0o] {
    background: #4285f4 !important;
}


#page-bar[b-6y4g1a4b0o] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-6y4g1a4b0o] {
    margin-left: auto;
}

#form-wrapper[b-6y4g1a4b0o] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-6y4g1a4b0o] {
    font-weight: 700;
}

.register-student[b-6y4g1a4b0o] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-6y4g1a4b0o] {
    /*    background-color: red;*/
    width: 70%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-6y4g1a4b0o] {
    /*  background-color: blue;*/
    width: 70%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-6y4g1a4b0o] {
    /*    background-color: green;*/
    width: 70%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Receptionist/SchoolProfile.razor.rz.scp.css */
#page-bar[b-2kjs3jatyj] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-2kjs3jatyj] {
    margin-left: auto;
}


/*.school-profile {
    margin-top: 3%;
    max-width: calc(90vw - 630px);
    max-height: 70vh;
    overflow-y: auto;
}*/
#form-wrapper[b-2kjs3jatyj] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-2kjs3jatyj] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-2kjs3jatyj] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-2kjs3jatyj] {
    font-weight: 700;
}

.top-school-div[b-2kjs3jatyj] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-2kjs3jatyj] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-2kjs3jatyj] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-2kjs3jatyj] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Receptionist/ShowClassDetails.razor.rz.scp.css */
select[b-2hkjl1jwxq] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-2hkjl1jwxq] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-2hkjl1jwxq] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-2hkjl1jwxq] {
    border-radius: 0;
}

.list-group-item[b-2hkjl1jwxq] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-2hkjl1jwxq] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-2hkjl1jwxq] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-2hkjl1jwxq] {
    background: #4285f4 !important;
}



#page-bar[b-2hkjl1jwxq] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-2hkjl1jwxq] {
    margin-left: auto;
}

#form-wrapper[b-2hkjl1jwxq] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-2hkjl1jwxq] {
    font-weight: 700;
}
#form-wrapper[b-2hkjl1jwxq] {
    height: 50vh;
    overflow-y: auto;
}
.show-school-classes[b-2hkjl1jwxq] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

.edit-school-class[b-2hkjl1jwxq] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 93vh;
/*    width:100%;*/
    margin: 0 10px;
    border:none;
}

.edit-class-modal[b-2hkjl1jwxq] {
    width: 100vw;
}
.modal-content[b-2hkjl1jwxq]{
    border:none!important;
}
#flex-dialog-items1[b-2hkjl1jwxq], #flex-dialog-items2[b-2hkjl1jwxq], #flex-dialog-items3[b-2hkjl1jwxq] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items1[b-2hkjl1jwxq] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-2hkjl1jwxq] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-2hkjl1jwxq] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
    height: 5vh;
}

.fa-pencil-alt[b-2hkjl1jwxq] {
    color: #000 !important;
}
/* /Pages/Receptionist/StudentClassNotifications.razor.rz.scp.css */

.text-light-greenyellow[b-16uakkaolz] {
    color: greenyellow !important;
}

#notification-menu[b-16uakkaolz] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-16uakkaolz] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-16uakkaolz] {
    padding: 5px !important;
}
#page-bar[b-16uakkaolz] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-16uakkaolz] {
    margin-left: auto;
}

.btn-light-gray[b-16uakkaolz] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-16uakkaolz] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-16uakkaolz] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-16uakkaolz] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-16uakkaolz] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-16uakkaolz] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-16uakkaolz] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Pages/Receptionist/StudentECDReport.razor.rz.scp.css */

#divStudentTermResults[b-r7iaz99kdr], #divReportHeader[b-r7iaz99kdr] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;
}

#divOverallPositions[b-r7iaz99kdr] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#tblStudentTermResults[b-r7iaz99kdr] {
    font-family: arial;    
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-r7iaz99kdr] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table.table th[b-r7iaz99kdr], table.table td[b-r7iaz99kdr] {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: small;
}

#divECDResults[b-r7iaz99kdr] {
    height: 80vh;
    overflow-y: scroll;
}


/* Code for CSS table */
#cssTable[b-r7iaz99kdr] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.table[b-r7iaz99kdr] {
    display: table;
}

.table-row[b-r7iaz99kdr] {
    display: table-row;
}

.table-cell[b-r7iaz99kdr] {
    display: table-cell;
    padding: 2px;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-r7iaz99kdr] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-r7iaz99kdr] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-r7iaz99kdr] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-r7iaz99kdr] {
    display: block;
}

.yesPrint[b-r7iaz99kdr] {
    display: block !important;
}


#divStudentTermResults[b-r7iaz99kdr], #divReportHeader[b-r7iaz99kdr] {
    border: solid 2px #808080;
    padding: 2px;
}

#divOverallPositions[b-r7iaz99kdr] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#divStudentReport[b-r7iaz99kdr] {
    max-width: 100%;
    max-height: 100%;
    overflow-y: scroll;
}

#tblStudentTermResults[b-r7iaz99kdr] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-r7iaz99kdr] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*.SmallFonts {
        font-family: Calibri;
        font-size: 10px;
        line-height: 0.9;
    }*/
.SmallFonts-heading[b-r7iaz99kdr] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-r7iaz99kdr] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-r7iaz99kdr] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-r7iaz99kdr], table.table td[b-r7iaz99kdr] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}

/* if .col-1 width is not overwritten it takes 100% - for the why*/
.col-1[b-r7iaz99kdr] {
    width: 8.33%;
}

table.table thead tr.tblHeaderClass[b-r7iaz99kdr] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.print-div[b-r7iaz99kdr] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/Receptionist/StudentNotifications.razor.rz.scp.css */
#page-bar[b-mmt2cysfis] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-mmt2cysfis] {
    margin-left: auto;
}

.btn-light-gray[b-mmt2cysfis] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-mmt2cysfis] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-mmt2cysfis] {
    font-weight: 700;
}
/*.class-subjects {
        margin-top: 40px;
    }*/
.change-student-class[b-mmt2cysfis] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-mmt2cysfis] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-mmt2cysfis] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-mmt2cysfis] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-red[b-mmt2cysfis] {
    color: red;
}
.text-light-greenyellow[b-mmt2cysfis] {
    color: greenyellow !important;
}

#notification-menu[b-mmt2cysfis] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-mmt2cysfis] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-mmt2cysfis] {
    padding: 5px !important;
}
#page-bar[b-mmt2cysfis] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-mmt2cysfis] {
    margin-left: auto;
}

.btn-light-gray[b-mmt2cysfis] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-mmt2cysfis] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-mmt2cysfis] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-mmt2cysfis] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-mmt2cysfis] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-mmt2cysfis] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-mmt2cysfis] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Pages/Receptionist/StudentProfile.razor.rz.scp.css */
select[b-2m9yqvnhl7] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-2m9yqvnhl7] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-2m9yqvnhl7] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-2m9yqvnhl7] {
    border-radius: 0;
}

.webcam[b-2m9yqvnhl7] {
    margin-top:10px;
}

.list-group-item[b-2m9yqvnhl7] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-2m9yqvnhl7] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-2m9yqvnhl7] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-2m9yqvnhl7] {
    background: #4285f4 !important;
}


#page-bar[b-2m9yqvnhl7] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-2m9yqvnhl7] {
    margin-left: auto;
}

#form-wrapper[b-2m9yqvnhl7] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-2m9yqvnhl7] {
    font-weight: 700;
}

.top-student-div[b-2m9yqvnhl7] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-2m9yqvnhl7] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-2m9yqvnhl7] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-2m9yqvnhl7] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Receptionist/StudentReports.razor.rz.scp.css */
.mnu-right[b-ubsrq9954f] {
   /* margin: auto;*/

}

.list-group[b-ubsrq9954f] {
    line-height: 10px;
}

.hide-div[b-ubsrq9954f]{
    /*height:0px;*/
    display:none;
}
.show-div[b-ubsrq9954f]{
    /*height:auto;*/
    display:block;
}

.text-light-greenyellow[b-ubsrq9954f] {
    color: #ADFF2F;
}
.footer-div[b-ubsrq9954f]{
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.list-group[b-ubsrq9954f] {
    width:220px;
    line-height:10px;
}
.list-group-item[b-ubsrq9954f] {
    background-color: #706e6e;
    color: greenyellow;
}

.list-group-item:hover[b-ubsrq9954f] {
    background-color: #000000;
    color: greenyellow;
}

a[b-ubsrq9954f], .btn-link[b-ubsrq9954f] {
    color: greenyellow;
}

.form-control-custom[b-ubsrq9954f]{
    margin:5px!important;
}
tbody[b-ubsrq9954f] {
    background-color: #706e6e;
    font-size: 12px;
}
/* /Pages/Receptionist/StudentSearchResults.razor.rz.scp.css */
select[b-nc9k8w5tmu] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-nc9k8w5tmu] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-nc9k8w5tmu] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-nc9k8w5tmu] {
    border-radius: 0;
}

.list-group-item[b-nc9k8w5tmu] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-nc9k8w5tmu] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-nc9k8w5tmu] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-nc9k8w5tmu] {
    background: #4285f4 !important;
}


#page-bar[b-nc9k8w5tmu] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-nc9k8w5tmu] {
    margin-left: auto;
}

#form-wrapper[b-nc9k8w5tmu] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-nc9k8w5tmu] {
    font-weight: 700;
}

.student-search[b-nc9k8w5tmu] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-nc9k8w5tmu] {
    /*    background-color: red;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-nc9k8w5tmu] {
    /*  background-color: blue;*/
    width: 50%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-nc9k8w5tmu] {
    /*    background-color: green;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Receptionist/StudentsMonthlyReport.razor.rz.scp.css */
.bar-back-color[b-bbvy9oherm] {
    background-color: teal;
}

table.table-sm th[b-bbvy9oherm] {
    line-height: 0.5em;
}

.bordered[b-bbvy9oherm] {
    border: solid 1px #000000;
}

#divMonthlyReport[b-bbvy9oherm] {
    border: solid 1px #808080;
    padding: 10px;

}
#ZimCortOfArms img[b-bbvy9oherm] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.container-fluid[b-bbvy9oherm] {
    padding:5px;
 /*   padding-right: 0px;
    padding-left: 0px;*/
}

.col-2[b-bbvy9oherm], col-3[b-bbvy9oherm], col-1[b-bbvy9oherm], col-4[b-bbvy9oherm], col-5[b-bbvy9oherm] {
    padding-bottom: 0px !important;
}

table.table-sm td[b-bbvy9oherm] {
    padding-bottom: 0px !important;
    font-size: smaller;
    font-family: Calibri;
}

table.table td[b-bbvy9oherm], table.table td[b-bbvy9oherm] {
    padding: 2px;
}

.width-100[b-bbvy9oherm] {
    min-width: 100%;
    max-width: 100%;
}

.SmallFonts-heading[b-bbvy9oherm] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-bbvy9oherm] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.header-container[b-bbvy9oherm]{
    display:flex;  
    justify-content:space-between;
    flex-wrap:wrap;
}
.header-item[b-bbvy9oherm] {
    /* Flex item also being a flex container*/
    display: flex;
    justify-content:center;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: block;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: block;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: none;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: block;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: none;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: block;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: block;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: none;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: block;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: none;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: block;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: none;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-bbvy9oherm], #divMonthlyReport[b-bbvy9oherm] {
        display: none;
    }

    #divStudentReportMobile[b-bbvy9oherm], #divMonthlyReportMobile[b-bbvy9oherm] {
        display: block;
    }
}
.bg-grey[b-bbvy9oherm] {
    background-color: #9e9e9e !important;
}
.print-div[b-bbvy9oherm] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/Receptionist/StudentTranscriptReport.razor.rz.scp.css */
table[b-f8i92wlep1] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-f8i92wlep1] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-f8i92wlep1] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-f8i92wlep1], table.table td[b-f8i92wlep1] {
        padding: 7px;
    }
.print-div[b-f8i92wlep1]{
    text-align:right;
    padding:5px;
    margin:10px;
}
#page-bar[b-f8i92wlep1] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-f8i92wlep1] {
    margin-left: auto;
}
.term-header[b-f8i92wlep1]{
    padding:5px 0px;
}
.student-transcript[b-f8i92wlep1] {
    display: flex;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}

#statement-header[b-f8i92wlep1] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-f8i92wlep1], #flex-item-2[b-f8i92wlep1], #flex-item-3[b-f8i92wlep1], #flex-item-4[b-f8i92wlep1] {
    width: 70vw;
    border: 2px solid #808080;
}

#flex-item-1[b-f8i92wlep1] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-f8i92wlep1] {
   /* height: 40vh;*/
    overflow-y: auto;
}

#flex-items-4[b-f8i92wlep1] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-small[b-f8i92wlep1] {
    font-size: small;
}

.SmallFonts-heading[b-f8i92wlep1] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-f8i92wlep1] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#mobile-display[b-f8i92wlep1] {
    display: none;
}

#school-details[b-f8i92wlep1] {
    text-align: left;
}

#student-details[b-f8i92wlep1] {
    text-align: right;
}
/* /Pages/Receptionist/TeacherProfile.razor.rz.scp.css */

#page-bar[b-esnvwytppw] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-esnvwytppw] {
    margin-left: auto;
}

#form-wrapper[b-esnvwytppw] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-esnvwytppw] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-esnvwytppw] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
.label-format[b-esnvwytppw] {
    font-weight: 700;
}
.signature img[b-esnvwytppw]{
    height:40px;
    width:100%!important;
}
.top-teacher-div[b-esnvwytppw] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-esnvwytppw] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-esnvwytppw] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-esnvwytppw] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#cardStaffProfile[b-esnvwytppw] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-esnvwytppw] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-esnvwytppw] {
    background: #706e6e;
}

.text-light-greenyellow[b-esnvwytppw] {
    color: greenyellow;
}

.mt-20[b-esnvwytppw] {
    margin-top: 20px !important;
}
/* /Pages/Receptionist/TeachersList.razor.rz.scp.css */

#teacher-list[b-iaxv49eses]{
    max-width:95%
}
/* /Pages/SchoolHead/ChangePassword.razor.rz.scp.css */
select[b-9zy5c0zerf] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-9zy5c0zerf] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-9zy5c0zerf] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-9zy5c0zerf] {
    border-radius: 0;
}

.list-group-item[b-9zy5c0zerf] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-9zy5c0zerf] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-9zy5c0zerf] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-9zy5c0zerf] {
    background: #4285f4 !important;
}


#page-bar[b-9zy5c0zerf] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-9zy5c0zerf] {
    margin-left: auto;
}

#form-wrapper[b-9zy5c0zerf] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-9zy5c0zerf] {
    font-weight: 700;
}

.top-passwordchange-div[b-9zy5c0zerf] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-9zy5c0zerf] {
    /*    background-color: red;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-9zy5c0zerf] {
    /*  background-color: blue;*/
    width: 50%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-9zy5c0zerf] {
    /*    background-color: green;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/SchoolHead/Debtors/FeesTemplate.razor.rz.scp.css */
body[b-bvjdtmmt3k] {
}
/* /Pages/SchoolHead/Debtors/StudentBalancesCriteria.razor.rz.scp.css */
.toggle-label[b-yuzpb1jziu] {
    margin-left: 0.5rem;
    font-weight: bold;
}

.switch[b-yuzpb1jziu] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .switch input[b-yuzpb1jziu] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-yuzpb1jziu] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #ccc;
    border-radius: 34px;
    transition: background-color 0.2s;
}

    .slider[b-yuzpb1jziu]::before {
        content: "";
        position: absolute;
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        border-radius: 50%;
        transition: transform 0.2s;
    }

.switch input:checked + .slider[b-yuzpb1jziu] {
    background-color: #4caf50;
}

    .switch input:checked + .slider[b-yuzpb1jziu]::before {
        transform: translateX(26px);
    }

.dropdown-container[b-yuzpb1jziu] {
    margin-top: 0.5rem;
}

.class-select[b-yuzpb1jziu] {
    width: 200px;
    padding: 0.25rem;
}

select[b-yuzpb1jziu] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-yuzpb1jziu] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-yuzpb1jziu] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-yuzpb1jziu] {
    border-radius: 0;
}

.list-group-item[b-yuzpb1jziu] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-yuzpb1jziu] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-yuzpb1jziu] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-yuzpb1jziu] {
    background: #4285f4 !important;
}


.label-format[b-yuzpb1jziu] {
    font-weight: 700;
}

.student-search[b-yuzpb1jziu] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-yuzpb1jziu] {
    /*    background-color: red;*/
    width: 50%;
    /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-yuzpb1jziu] {
    /*  background-color: blue;*/
    width: 50%;
    max-height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
/*    overflow-y: scroll;*/
}

#flex-items3[b-yuzpb1jziu] {
    /*    background-color: green;*/
    width: 50%;
    /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.card-footer[b-yuzpb1jziu] {
    padding: 10px;
}
.text-right[b-yuzpb1jziu] {
    text-align: right;
}

button[b-yuzpb1jziu]{
    border:1px solid lightgreen;
}

button:hover[b-yuzpb1jziu] {
    background-color: lightgreen;
    color: #706e6e!important;
}
.card-body[b-yuzpb1jziu], .card-header[b-yuzpb1jziu] {
    padding: 10px;
}
a[b-yuzpb1jziu]{
    text-decoration:none;
}
.form-label[b-yuzpb1jziu]{
    font-weight:bold;
}
/* /Pages/SchoolHead/Downloads.razor.rz.scp.css */
table[b-ndkqyo9s9j] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-ndkqyo9s9j] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-ndkqyo9s9j] {
        font-size: small;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-ndkqyo9s9j], table.table td[b-ndkqyo9s9j] {
        padding: 7px;
    }

#page-bar[b-ndkqyo9s9j] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ndkqyo9s9j] {
    margin-left: auto;
}

.form-label[b-ndkqyo9s9j] {
    font-weight: 700;
}

.btn-light-gray[b-ndkqyo9s9j] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ndkqyo9s9j] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-ndkqyo9s9j] {
    padding: 5px;
}

.label-format[b-ndkqyo9s9j] {
    font-weight: 700;
}

.text-light-greenyellow[b-ndkqyo9s9j] {
    color: greenyellow !important;
}

#desktop-mobile-downloads[b-ndkqyo9s9j] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#div-account-header[b-ndkqyo9s9j] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-ndkqyo9s9j] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-ndkqyo9s9j] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-ndkqyo9s9j] {
    width: 90%;
}

#gl-control-account-edit[b-ndkqyo9s9j] {
    max-height: 60vh;
    overflow-y: auto;
}
/* /Pages/SchoolHead/Index.razor.rz.scp.css */
.text-light-greenyellow-custom[b-8k3f6ey3rq] {
    color: #808080;
}

.container[b-8k3f6ey3rq] {
    margin-top: 40px;
}

.jumbotron[b-8k3f6ey3rq] {
    background-color: #fff;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    padding: 10px !important;
}
/* /Pages/SchoolHead/LockStudentResults.razor.rz.scp.css */
#page-bar[b-fl5qarbgq6] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-fl5qarbgq6] {
    margin-left: auto;
}

#lock-status-header[b-fl5qarbgq6]{
  display:flex;
  height:100vh;
  justify-content:center;
  align-items:center;
  flex-flow:column;  
}
.report-size[b-fl5qarbgq6] {
    height: 70vh;
}
.body-size[b-fl5qarbgq6] {
    height: 50vh;
    overflow-y: scroll;
}
#tblUnLockedStudents[b-fl5qarbgq6] {
    height: 450px;
    overflow-y: scroll;
}

table[b-fl5qarbgq6], thead[b-fl5qarbgq6], th[b-fl5qarbgq6], td[b-fl5qarbgq6] {
    line-height: 0.8px;
    font-size: large
}

.text-orange[b-fl5qarbgq6] {
    color: orange;
    font-weight: 700;
}

.bar-back-color[b-fl5qarbgq6], .bg-color[b-fl5qarbgq6] {
    background: orange;
}
/* /Pages/SchoolHead/MarkScheduleMonthly.razor.rz.scp.css */
/* Code for CSS table */
#cssTable[b-og74w9vl0k] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}



.table[b-og74w9vl0k] {
    display: table;
}

.table-row[b-og74w9vl0k] {
    display: table-row;
}

.table-cell[b-og74w9vl0k] {
    display: table-cell;
    padding: 2px !important;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-og74w9vl0k] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-og74w9vl0k] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-og74w9vl0k] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-og74w9vl0k] {
    display: block;
}

.yesPrint[b-og74w9vl0k] {
    display: block !important;
}



#mark-schedule[b-og74w9vl0k] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;   
    width: 100%;
    height: 500px;
    overflow: scroll;
}


#tbl-mark-schedule[b-og74w9vl0k] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}


.SmallFonts-heading[b-og74w9vl0k] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-og74w9vl0k] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-og74w9vl0k] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-og74w9vl0k], table.table td[b-og74w9vl0k] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}


table.table thead tr.tblHeaderClass[b-og74w9vl0k] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.form[b-og74w9vl0k] {
    padding-bottom: 3px;
}

#StudentReportMobileMobileHeader[b-og74w9vl0k] {
    text-align: center;
}


#divStudentReportMobile[b-og74w9vl0k] {
    display: block;
}

@media only screen and (min-device-width : 600px) and (max-device-width : 800px) 
{
    #monthly-mark-schedule[b-og74w9vl0k] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #monthly-mark-schedule[b-og74w9vl0k] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 720px) and (max-device-width : 1280px) {
    #monthly-mark-schedule[b-og74w9vl0k] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px) {
    #monthly-mark-schedule[b-og74w9vl0k] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) {
    #monthly-mark-schedule[b-og74w9vl0k] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 900px) and (max-device-width : 1600px) {
    #monthly-mark-schedule[b-og74w9vl0k] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1050px) and (max-device-width : 1680px) {
    #monthly-mark-schedule[b-og74w9vl0k] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1080px) and (max-device-width : 1920px) {
    #monthly-mark-schedule[b-og74w9vl0k] {
        max-width: calc(100vw - 80px);
    }
} 
/* /Pages/SchoolHead/MarkScheduleTermly.razor.rz.scp.css */
/* Code for CSS table */
#cssTable[b-n552llh4og] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}



.table[b-n552llh4og] {
    display: table;
}

.table-row[b-n552llh4og] {
    display: table-row;
}

.table-cell[b-n552llh4og] {
    display: table-cell;
    padding: 2px !important;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-n552llh4og] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-n552llh4og] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-n552llh4og] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-n552llh4og] {
    display: block;
}

.yesPrint[b-n552llh4og] {
    display: block !important;
}



#mark-schedule[b-n552llh4og] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;   
    width: 100%;
    height: 500px;
    overflow: scroll;
}


#tbl-mark-schedule[b-n552llh4og] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}


.SmallFonts-heading[b-n552llh4og] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-n552llh4og] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-n552llh4og] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-n552llh4og], table.table td[b-n552llh4og] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}


table.table thead tr.tblHeaderClass[b-n552llh4og] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.form[b-n552llh4og] {
    padding-bottom: 3px;
}

#StudentReportMobileMobileHeader[b-n552llh4og] {
    text-align: center;
}


#divStudentReportMobile[b-n552llh4og] {
    display: block;
}

@media only screen and (min-device-width : 600px) and (max-device-width : 800px) 
{
    #termly-mark-schedule[b-n552llh4og] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #termly-mark-schedule[b-n552llh4og] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 720px) and (max-device-width : 1280px) {
    #termly-mark-schedule[b-n552llh4og] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px) {
    #termly-mark-schedule[b-n552llh4og] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) {
    #termly-mark-schedule[b-n552llh4og] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 900px) and (max-device-width : 1600px) {
    #termly-mark-schedule[b-n552llh4og] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1050px) and (max-device-width : 1680px) {
    #termly-mark-schedule[b-n552llh4og] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1080px) and (max-device-width : 1920px) {
    #termly-mark-schedule[b-n552llh4og] {
        max-width: calc(100vw - 80px);
    }
} 
/* /Pages/SchoolHead/NotificationsOptions.razor.rz.scp.css */

.text-light-greenyellow[b-iwot3c81ed] {
    color: greenyellow !important;
}

#notification-menu[b-iwot3c81ed] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-iwot3c81ed] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-iwot3c81ed] {
    padding: 5px !important;
}

.show-classs[b-iwot3c81ed]{
    display:block;
}
.hide-classs[b-iwot3c81ed]{
    display:none;
}

.show-student[b-iwot3c81ed] {
    display: block;
}

.hide-student[b-iwot3c81ed] {
    display: none;
}
/* /Pages/SchoolHead/Profiles.razor.rz.scp.css */
.list-group-item[b-aynis1zplm] {
    background-color: #706e6e;
}
.mt-5[b-aynis1zplm]{
    margin-top:5px!important;
}
.p-5[b-aynis1zplm]{
    padding:5px!important;
}

ul a[b-aynis1zplm] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    /*box-sizing: border-box;*/
    /*border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid green;*/
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-aynis1zplm] {
        margin-right: 16px;
    }

ul li:hover a[b-aynis1zplm] {
    color: greenyellow;
    padding-left: 20px;
    font-size: 18px;
/*    background-color: black;*/
}

a[b-aynis1zplm]{
    text-decoration:none;
}
/* /Pages/SchoolHead/RegisterStudents.razor.rz.scp.css */
select[b-wxq5kf2fzv] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-wxq5kf2fzv] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-wxq5kf2fzv] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-wxq5kf2fzv] {
    border-radius: 0;
}

.list-group-item[b-wxq5kf2fzv] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-wxq5kf2fzv] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-wxq5kf2fzv] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-wxq5kf2fzv] {
    background: #4285f4 !important;
}


#page-bar[b-wxq5kf2fzv] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-wxq5kf2fzv] {
    margin-left: auto;
}

#form-wrapper[b-wxq5kf2fzv] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-wxq5kf2fzv] {
    font-weight: 700;
}

.register-student[b-wxq5kf2fzv] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-wxq5kf2fzv] {
    /*    background-color: red;*/
    width: 70%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-wxq5kf2fzv] {
    /*  background-color: blue;*/
    width: 70%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-wxq5kf2fzv] {
    /*    background-color: green;*/
    width: 70%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/SchoolHead/SchoolHeadMenu.razor.rz.scp.css */
*[b-mftjsj5dw0] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
.container-fluid[b-mftjsj5dw0] {
    left: 0;
    padding-left:0px;
}

.flex-container[b-mftjsj5dw0] {
    display: flex;
    flex-direction: row;
}

.nav-bars[b-mftjsj5dw0] {
    max-height: 100vh;
    height: 100vh;
    overflow-x:hidden;
    padding:5px;
}

/* Left menu bar */
.class-left-bar-open[b-mftjsj5dw0] {
    width: 260px;
    left: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-left-bar-close[b-mftjsj5dw0] {
    width: 40px;
    left: 0px;
}

.left-bar-items-open[b-mftjsj5dw0] {
    width: 260px;
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
}

.left-bar-items-close[b-mftjsj5dw0] {
    display:none;
}
 
 /*   Right Menu bar  */

.class-right-bar-open[b-mftjsj5dw0] {
    width: 290px;
    max-width: 290px;
    right: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-right-bar-close[b-mftjsj5dw0] {
    width: 40px;
    max-width: 40px;
    right: 0px;
}
.right-bar-items-open[b-mftjsj5dw0] {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 290px;
}

.right-bar-items-close[b-mftjsj5dw0] {
    display: none;
}

/*    Align burger menu to the right */

.burger-menu-alignment[b-mftjsj5dw0] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#id-left-bar[b-mftjsj5dw0] {
    border-right: solid 2px #ccc;
}

#id-right-bar[b-mftjsj5dw0] {
    border-left: solid 2px #ccc;
}

#id-main-display-area[b-mftjsj5dw0] {
    /*    width: calc(100%-620px);*/
    max-width: calc(vw-630px);
    flex-grow: 1;
    max-height: 100%;
    height: 100%;
}

.dynamic-container[b-mftjsj5dw0] {
    display:flex;
    justify-content: center;
}
/* Burger menu definition */
.menu-toggle[b-mftjsj5dw0] {
    /* width: 260px;*/
    background: #706e6e;
    left: 0;
    display: flex;
    /* justify-content: flex-end;*/
    flex-direction: column;
    margin-bottom: 0px;
    transition: 0.5s;
}

.menu-toggle-close[b-mftjsj5dw0] {
    width: 40px;
    background: #706e6e;
    transition: 0.5s;
    overflow:hidden;
}

.menu-button[b-mftjsj5dw0] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}
/***/

.menu-button-open[b-mftjsj5dw0]{
    justify-content:end;
}



/**/
.menu-button-burger[b-mftjsj5dw0] {
    width: 30px;
    height: 3px;
    background: greenyellow;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(255,101,47,.2);
    transition: all .5s ease-in-out;
}

    .menu-button-burger[b-mftjsj5dw0]::before, .menu-button-burger[b-mftjsj5dw0]::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background: greenyellow;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(255,101,47,.2);
        transition: all .5s ease-in-out;
    }

    .menu-button-burger[b-mftjsj5dw0]::before {
        transform: translateY(-9px);
    }

    .menu-button-burger[b-mftjsj5dw0]::after {
        transform: translateY(9px);
    }

/* Animation */
.menu-button.open .menu-button-burger[b-mftjsj5dw0] {
    transform: translate(-30px);
    background: transparent;
    box-shadow: none;
    transition: all .5s ease-in-out;
}

    .menu-button.open .menu-button-burger[b-mftjsj5dw0]::before {
        transform: rotate(45deg) translate(21px, -21px);
        transition: all .5s ease-in-out;
    }

    .menu-button.open .menu-button-burger[b-mftjsj5dw0]::after {
        transform: rotate(-45deg) translate(21px, 21px);
        transition: all .5s ease-in-out;
    }
/* /Pages/SchoolHead/SchoolHeadNavMenu.razor.rz.scp.css */
*[b-9dw8vxsnzz] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
.header-class[b-9dw8vxsnzz] {
    display: flex;
    flex-flow: column;
    justify-content: center;
    background: #fff;
    border-radius: 5%;
    margin: 5px;
    padding: 5px;
}

.text-black[b-9dw8vxsnzz] {
    color: #000;
}
a p[b-9dw8vxsnzz] {
   /* color: greenyellow;*/
}

a img:hover[b-9dw8vxsnzz] {
    cursor: pointer;
}

li nav-link:hover[b-9dw8vxsnzz] {
    background-color: lightblue !important;
}

.list-group-item[b-9dw8vxsnzz] {
    background-color: #706e6e;
/*    color: greenyellow;*/
}
#teacher-photo[b-9dw8vxsnzz] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding: 10px 0;
}

header[b-9dw8vxsnzz] {
    font-size: 20px;
/*    color: greenyellow;*/
    text-align: center;
    line-height: 30px;
    background: #706e6e;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    user-select: none;
}

ul a[b-9dw8vxsnzz] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
/*    color: greenyellow;*/
    padding-left: 10px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid green;
    transition: 0.4s;
    overflow:hidden;
}

ul a i[b-9dw8vxsnzz] {
        margin-right: 16px;
    }

ul li:hover a[b-9dw8vxsnzz] {
    padding-left: 20px;
    font-size: 18px;
    background-color: black;
}
/* /Pages/SchoolHead/SchoolHeadStudentClassList.razor.rz.scp.css */
/*.card-body, th{
    padding:5px!important;
}*/
table[b-h8bxy739ts], .form-group[b-h8bxy739ts]{
    margin-bottom:0px!important;
}
table td[b-h8bxy739ts], .table th[b-h8bxy739ts] {
    padding: 2px !important;
}
.card-body[b-h8bxy739ts]{
    padding:0px!important;
}

#divClassList[b-h8bxy739ts] {
    height: 70vh;
    overflow-y: scroll;
}

.bg-dark-gray[b-h8bxy739ts] {
    background-color: #706e6e;
}
/* /Pages/SchoolHead/SchoolHeadStudentReports.razor.rz.scp.css */
.mnu-right[b-8zx0lllk82] {
   /* margin: auto;*/
   padding:5px;
}

.list-group[b-8zx0lllk82] {
    line-height: 10px;
}

.hide-div[b-8zx0lllk82]{
    /*height:0px;*/
    display:none;
}
.show-div[b-8zx0lllk82]{
    /*height:auto;*/
    display:block;
}
.card-body[b-8zx0lllk82]{
    padding:2px!important;
}

.text-light-greenyellow[b-8zx0lllk82] {
    color: #ADFF2F;
}
.text-greenyellow[b-8zx0lllk82] {
    color: greenyellow;
}

.bg-dark-grey[b-8zx0lllk82] {
    background-color: #706e6e!important;
}

.btn-outline-custom[b-8zx0lllk82] {
    border: 1px solid #adff2f; /* Greenyellow outline */
    color: #adff2f; /* Greenyellow text color */
    background-color: transparent;
    width: 45px;
    height: 30px;
}
.custom-link[b-8zx0lllk82] {
    height: 30px;
}
.btn-outline-custom:hover[b-8zx0lllk82] {
    background-color: #adff2f; /* Greenyellow background on hover */
    color: #fff; /* White text on hover */
}
.text-gold[b-8zx0lllk82]{
    color:gold;
}

.footer-div[b-8zx0lllk82] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*.list-group {
    width:100%;
    line-height:10px;
}*/
.list-group-item[b-8zx0lllk82] {
    background-color: #706e6e;
    color: greenyellow;
}
a[b-8zx0lllk82]{
    text-decoration:none;
}
ul li a[b-8zx0lllk82] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

.list-group-item:hover[b-8zx0lllk82] {
    background-color: #000000;
    color: greenyellow;
}

a[b-8zx0lllk82], .btn-link[b-8zx0lllk82] {
    color: greenyellow;
}


tbody[b-8zx0lllk82] {
    background-color: #706e6e;
    font-size:12px;
}
.pr-2[b-8zx0lllk82]{
    padding-right:5px;
}
/* /Pages/SchoolHead/SchoolHeadStudentsMonthlyReport.razor.rz.scp.css */
#dg-student-list[b-0nabum12j3] {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    height: 60vh;
    max-height: 70vh;
    overflow-x:scroll;
}

.form-control[b-0nabum12j3] {
    width: 220px !important;
    line-height:10px;
    height:35px;
}

.control-label[b-0nabum12j3] {
    width: 220px;
}
a[b-0nabum12j3]{
    text-decoration:none;
}
.text-black[b-0nabum12j3]{
    color:#000;
}
.custom-tbody[b-0nabum12j3], #custom-body[b-0nabum12j3] {
    background-color: #706e6e !important; /* Light green */
}

tbody[b-0nabum12j3] {
    background-color: #706e6e !important; /* Light gray */
}
.form-group[b-0nabum12j3] {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 2px !important;
}

.e-grid .e-content[b-0nabum12j3] {
    height: 45vh;
    max-height: 45vh;
}

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-0nabum12j3] {
    left: 0px !important;
    text-align:left;
}

a[b-0nabum12j3], .btn-link[b-0nabum12j3] {
    color: greenyellow;
}

tbody[b-0nabum12j3] {
    background-color: #706e6e;
    font-size: 12px;
}
/* /Pages/SchoolHead/SchoolHeadStudentsTermlyReport.razor.rz.scp.css */
#dg-student-list[b-111sjejhrs] {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
/*    height: 70vh;
    max-height: 80vh;*/
}

.form-control[b-111sjejhrs] {
    width: 220px !important;
    line-height:10px;
    height:35px;
}

.control-label[b-111sjejhrs] {
    width: 220px;
}
a[b-111sjejhrs] {
    text-decoration: none;
}

.text-black[b-111sjejhrs] {
    color: #000;
}
.custom-tbody[b-111sjejhrs], #custom-body[b-111sjejhrs] {
    background-color: #706e6e !important; /* Light green */
}

tbody[b-111sjejhrs] {
    background-color: #706e6e!important; /* Light gray */
}
.form-group[b-111sjejhrs] {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 2px !important;
}

/*.e-grid .e-content {
    height: 45vh;
    max-height: 45vh;
}*/

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-111sjejhrs] {
    left: 0px !important;
    text-align:left;
}


a[b-111sjejhrs], .btn-link[b-111sjejhrs] {
    color: greenyellow;
}

tbody[b-111sjejhrs] {
    background-color: #706e6e;
    font-size:12px;
}

#students-in-class[b-111sjejhrs]{
    max-height:40vh;
    overflow-y:scroll;
}
/* /Pages/SchoolHead/SchoolHeadTranscript.razor.rz.scp.css */
#dg-student-list[b-k21i2dnrsp] {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

.form-control[b-k21i2dnrsp] {
    width: 220px !important;
    line-height: 10px;
    height: 35px;
}

.control-label[b-k21i2dnrsp] {
    width: 220px;
}

.form-group[b-k21i2dnrsp] {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 2px !important;
}

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-k21i2dnrsp] {
    left: 0px !important;
    text-align: left;
}


a[b-k21i2dnrsp], .btn-link[b-k21i2dnrsp] {
    color: greenyellow;
}

tbody[b-k21i2dnrsp] {
    background-color: #706e6e;
    font-size: 12px;
}

#students-in-class[b-k21i2dnrsp] {
    max-height: 40vh;
    overflow-y: scroll;
}
/* /Pages/SchoolHead/SchoolProfile.razor.rz.scp.css */
#page-bar[b-n82gkna1nx] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-n82gkna1nx] {
    margin-left: auto;
}


/*.school-profile {
    margin-top: 3%;
    max-width: calc(90vw - 630px);
    max-height: 70vh;
    overflow-y: auto;
}*/
#form-wrapper[b-n82gkna1nx] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-n82gkna1nx] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-n82gkna1nx] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-n82gkna1nx] {
    font-weight: 700;
}

.top-school-div[b-n82gkna1nx] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-n82gkna1nx] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-n82gkna1nx] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-n82gkna1nx] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
a[b-n82gkna1nx] {
    text-decoration: none;
}
/* /Pages/SchoolHead/ShowClassDetails.razor.rz.scp.css */
select[b-5mfjn6h4qb] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-5mfjn6h4qb] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-5mfjn6h4qb] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-5mfjn6h4qb] {
    border-radius: 0;
}

.list-group-item[b-5mfjn6h4qb] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-5mfjn6h4qb] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-5mfjn6h4qb] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-5mfjn6h4qb] {
    background: #4285f4 !important;
}



#page-bar[b-5mfjn6h4qb] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-5mfjn6h4qb] {
    margin-left: auto;
}

#form-wrapper[b-5mfjn6h4qb] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-5mfjn6h4qb] {
    font-weight: 700;
}
#form-wrapper[b-5mfjn6h4qb] {
    height: 50vh;
    overflow-y: auto;
}
.show-school-classes[b-5mfjn6h4qb] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

.edit-school-class[b-5mfjn6h4qb] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 93vh;
/*    width:100%;*/
    margin: 0 10px;
    border:none;
}

.edit-class-modal[b-5mfjn6h4qb] {
    width: 100vw;
}
.modal-content[b-5mfjn6h4qb]{
    border:none!important;
}
#flex-dialog-items1[b-5mfjn6h4qb], #flex-dialog-items2[b-5mfjn6h4qb], #flex-dialog-items3[b-5mfjn6h4qb] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items1[b-5mfjn6h4qb] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-5mfjn6h4qb] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-5mfjn6h4qb] {
    width: 60%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
    height: 5vh;
}

.fa-pencil-alt[b-5mfjn6h4qb] {
    color: #000 !important;
}
/* /Pages/SchoolHead/StudentClassList.razor.rz.scp.css */
#page-bar[b-lh2jr6nbre] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-lh2jr6nbre] {
    margin-left: auto;
}

.card-body[b-lh2jr6nbre]{
    height:70vh;
    overflow-y:scroll;
}
.students-in-class[b-lh2jr6nbre] {
    display: flex;
    max-width: calc(100vw - 630px);
    /*max-height: 70vh;*/
    overflow-y: auto;
    align-items: center;
    justify-items: center;
    height: 100vh;
}

/* /Pages/SchoolHead/StudentClassNotifications.razor.rz.scp.css */

.text-light-greenyellow[b-rra5ygx1wd] {
    color: greenyellow !important;
}

#notification-menu[b-rra5ygx1wd] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-rra5ygx1wd] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-rra5ygx1wd] {
    padding: 5px !important;
}
#page-bar[b-rra5ygx1wd] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-rra5ygx1wd] {
    margin-left: auto;
}

.btn-light-gray[b-rra5ygx1wd] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-rra5ygx1wd] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-rra5ygx1wd] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-rra5ygx1wd] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-rra5ygx1wd] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-rra5ygx1wd] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-rra5ygx1wd] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Pages/SchoolHead/StudentECDReport.razor.rz.scp.css */

#divStudentTermResults[b-3l7djip4zr], #divReportHeader[b-3l7djip4zr] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;
}

#divOverallPositions[b-3l7djip4zr] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#tblStudentTermResults[b-3l7djip4zr] {
    font-family: arial;    
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-3l7djip4zr] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table.table th[b-3l7djip4zr], table.table td[b-3l7djip4zr] {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: small;
}

#divECDResults[b-3l7djip4zr] {
    height: 80vh;
    overflow-y: scroll;
}


/* Code for CSS table */
#cssTable[b-3l7djip4zr] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.table[b-3l7djip4zr] {
    display: table;
}

.table-row[b-3l7djip4zr] {
    display: table-row;
}

.table-cell[b-3l7djip4zr] {
    display: table-cell;
    padding: 2px;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-3l7djip4zr] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-3l7djip4zr] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-3l7djip4zr] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-3l7djip4zr] {
    display: block;
}

.yesPrint[b-3l7djip4zr] {
    display: block !important;
}


#divStudentTermResults[b-3l7djip4zr], #divReportHeader[b-3l7djip4zr] {
    border: solid 2px #808080;
    padding: 2px;
}

#divOverallPositions[b-3l7djip4zr] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#divStudentReport[b-3l7djip4zr] {
    max-width: 100%;
    max-height: 100%;
    overflow-y: scroll;
}

#tblStudentTermResults[b-3l7djip4zr] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-3l7djip4zr] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*.SmallFonts {
        font-family: Calibri;
        font-size: 10px;
        line-height: 0.9;
    }*/
.SmallFonts-heading[b-3l7djip4zr] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-3l7djip4zr] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-3l7djip4zr] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-3l7djip4zr], table.table td[b-3l7djip4zr] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}

/* if .col-1 width is not overwritten it takes 100% - for the why*/
.col-1[b-3l7djip4zr] {
    width: 8.33%;
}

table.table thead tr.tblHeaderClass[b-3l7djip4zr] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.print-div[b-3l7djip4zr] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/SchoolHead/StudentNotifications.razor.rz.scp.css */
#page-bar[b-0zbvlghemy] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-0zbvlghemy] {
    margin-left: auto;
}

.btn-light-gray[b-0zbvlghemy] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-0zbvlghemy] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-0zbvlghemy] {
    font-weight: 700;
}
/*.class-subjects {
        margin-top: 40px;
    }*/
.change-student-class[b-0zbvlghemy] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-0zbvlghemy] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-0zbvlghemy] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-0zbvlghemy] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-red[b-0zbvlghemy] {
    color: red;
}
.text-light-greenyellow[b-0zbvlghemy] {
    color: greenyellow !important;
}

#notification-menu[b-0zbvlghemy] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-0zbvlghemy] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-0zbvlghemy] {
    padding: 5px !important;
}
#page-bar[b-0zbvlghemy] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-0zbvlghemy] {
    margin-left: auto;
}

.btn-light-gray[b-0zbvlghemy] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-0zbvlghemy] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-0zbvlghemy] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-0zbvlghemy] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-0zbvlghemy] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-0zbvlghemy] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-0zbvlghemy] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Pages/SchoolHead/StudentProfile.razor.rz.scp.css */
select[b-tlda0q3w7i] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-tlda0q3w7i] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-tlda0q3w7i] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-tlda0q3w7i] {
    border-radius: 0;
}

.webcam[b-tlda0q3w7i] {
    margin-top:10px;
}

.list-group-item[b-tlda0q3w7i] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-tlda0q3w7i] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-tlda0q3w7i] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-tlda0q3w7i] {
    background: #4285f4 !important;
}


#page-bar[b-tlda0q3w7i] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-tlda0q3w7i] {
    margin-left: auto;
}

#form-wrapper[b-tlda0q3w7i] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-tlda0q3w7i] {
    font-weight: 700;
}

.top-student-div[b-tlda0q3w7i] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-tlda0q3w7i] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-tlda0q3w7i] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-tlda0q3w7i] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/SchoolHead/StudentSearchResults.razor.rz.scp.css */
select[b-wjl4kaqazo] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-wjl4kaqazo] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-wjl4kaqazo] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-wjl4kaqazo] {
    border-radius: 0;
}

.list-group-item[b-wjl4kaqazo] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-wjl4kaqazo] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-wjl4kaqazo] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-wjl4kaqazo] {
    background: #4285f4 !important;
}


#page-bar[b-wjl4kaqazo] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-wjl4kaqazo] {
    margin-left: auto;
}

#form-wrapper[b-wjl4kaqazo] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-wjl4kaqazo] {
    font-weight: 700;
}

.student-search[b-wjl4kaqazo] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-wjl4kaqazo] {
    /*    background-color: red;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-wjl4kaqazo] {
    /*  background-color: blue;*/
    width: 50%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-wjl4kaqazo] {
    /*    background-color: green;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/SchoolHead/StudentsMonthlyReport.razor.rz.scp.css */
.bar-back-color[b-ra6p0t54xj] {
    background-color: teal;
}

table.table-sm th[b-ra6p0t54xj] {
    line-height: 0.5em;
}

.bordered[b-ra6p0t54xj] {
    border: solid 1px #000000;
}

#divMonthlyReport[b-ra6p0t54xj] {
    border: solid 1px #808080;
    padding: 10px;

}
#ZimCortOfArms img[b-ra6p0t54xj] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.container-fluid[b-ra6p0t54xj] {
    padding:5px;
 /*   padding-right: 0px;
    padding-left: 0px;*/
}

.col-2[b-ra6p0t54xj], col-3[b-ra6p0t54xj], col-1[b-ra6p0t54xj], col-4[b-ra6p0t54xj], col-5[b-ra6p0t54xj] {
    padding-bottom: 0px !important;
}

table.table-sm td[b-ra6p0t54xj] {
    padding-bottom: 0px !important;
    font-size: smaller;
    font-family: Calibri;
}

table.table td[b-ra6p0t54xj], table.table td[b-ra6p0t54xj] {
    padding: 2px;
}

.width-100[b-ra6p0t54xj] {
    min-width: 100%;
    max-width: 100%;
}

.SmallFonts-heading[b-ra6p0t54xj] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-ra6p0t54xj] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.header-container[b-ra6p0t54xj]{
    display:flex;  
    justify-content:space-between;
    flex-wrap:wrap;
}
.header-item[b-ra6p0t54xj] {
    /* Flex item also being a flex container*/
    display: flex;
    justify-content:center;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: block;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: block;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: none;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: block;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: none;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: block;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: block;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: none;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: block;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: none;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: block;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: none;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-ra6p0t54xj], #divMonthlyReport[b-ra6p0t54xj] {
        display: none;
    }

    #divStudentReportMobile[b-ra6p0t54xj], #divMonthlyReportMobile[b-ra6p0t54xj] {
        display: block;
    }
}
.bg-grey[b-ra6p0t54xj] {
    background-color: #9e9e9e !important;
}
.print-div[b-ra6p0t54xj] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/SchoolHead/StudentStatement.razor.rz.scp.css */
table[b-a4lnj0ph4d] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-a4lnj0ph4d] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-a4lnj0ph4d] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-a4lnj0ph4d], table.table td[b-a4lnj0ph4d] {
        padding: 7px;
    }

#page-bar[b-a4lnj0ph4d] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-a4lnj0ph4d] {
    margin-left: auto;
}

.student-statement[b-a4lnj0ph4d] {
    display: flex;
    max-height: 90%;
    height:80%;
    width: 80%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top:40px;
    border-radius: 5px;
    padding: 0;
    margin:auto;
    
}

#statement-header[b-a4lnj0ph4d] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-a4lnj0ph4d], #flex-item-2[b-a4lnj0ph4d], #flex-item-3[b-a4lnj0ph4d], #flex-item-4[b-a4lnj0ph4d] {
    width: 100%;
    border: 2px solid #808080;
}

 #flex-item-1[b-a4lnj0ph4d] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-a4lnj0ph4d] {
    height: 40vh;
    overflow-y: auto;
}

#flex-items-0[b-a4lnj0ph4d] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-print-button[b-a4lnj0ph4d] {
    margin-top: 10px;
}
.text-small[b-a4lnj0ph4d] {
    font-size: small;
}

.SmallFonts-heading[b-a4lnj0ph4d] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-a4lnj0ph4d] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
#mobile-display[b-a4lnj0ph4d]{
    display:none;
}
#school-details[b-a4lnj0ph4d] {
    text-align: left;
}

#student-details[b-a4lnj0ph4d] {
    text-align: right;
}

@media all and (max-width: 767px) {
    #mobile-display[b-a4lnj0ph4d] {
        display: block;
    }

    #none-mobile-display[b-a4lnj0ph4d] {
        display: none;
    }

    #statement-time[b-a4lnj0ph4d] {
        display: none;
    }

    #flex-item-1[b-a4lnj0ph4d], #flex-item-2[b-a4lnj0ph4d], #flex-item-3[b-a4lnj0ph4d], #flex-item-4[b-a4lnj0ph4d] {
        width: 100%;
    }
    .student-statement[b-a4lnj0ph4d] {
        width: 98%;
    }
}    
    @media screen and (max-width: 1040px) {
        #mobile-display[b-a4lnj0ph4d] {
            display: block;
        }

        #none-mobile-display[b-a4lnj0ph4d] {
            display: none;
        }

        #statement-time[b-a4lnj0ph4d] {
            display: none;
        }
    }

    @media screen and (max-width: 768px) {
        #school-details[b-a4lnj0ph4d] {
            text-align: center;
        }

        #student-details[b-a4lnj0ph4d] {
            text-align: center;
        }
    }
/* /Pages/SchoolHead/StudentTranscriptReport.razor.rz.scp.css */
table[b-lahbqkqksz] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-lahbqkqksz] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-lahbqkqksz] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-lahbqkqksz], table.table td[b-lahbqkqksz] {
        padding: 7px;
    }
.print-div[b-lahbqkqksz]{
    text-align:right;
    padding:5px;
    margin:10px;
}
#page-bar[b-lahbqkqksz] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-lahbqkqksz] {
    margin-left: auto;
}
.term-header[b-lahbqkqksz]{
    padding:5px 0px;
}
.student-transcript[b-lahbqkqksz] {
    display: flex;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}

#statement-header[b-lahbqkqksz] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-lahbqkqksz], #flex-item-2[b-lahbqkqksz], #flex-item-3[b-lahbqkqksz], #flex-item-4[b-lahbqkqksz] {
    width: 70vw;
    border: 2px solid #808080;
}

#flex-item-1[b-lahbqkqksz] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-lahbqkqksz] {
   /* height: 40vh;*/
    overflow-y: auto;
}

#flex-items-4[b-lahbqkqksz] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-small[b-lahbqkqksz] {
    font-size: small;
}

.SmallFonts-heading[b-lahbqkqksz] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-lahbqkqksz] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#mobile-display[b-lahbqkqksz] {
    display: none;
}

#school-details[b-lahbqkqksz] {
    text-align: left;
}

#student-details[b-lahbqkqksz] {
    text-align: right;
}
/* /Pages/SchoolHead/TeacherProfile.razor.rz.scp.css */

#page-bar[b-zlwyi5yjp2] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-zlwyi5yjp2] {
    margin-left: auto;
}

#form-wrapper[b-zlwyi5yjp2] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-zlwyi5yjp2] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-zlwyi5yjp2] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
.label-format[b-zlwyi5yjp2] {
    font-weight: 700;
}
.signature img[b-zlwyi5yjp2]{
    height:40px;
    width:100%!important;
}
.top-teacher-div[b-zlwyi5yjp2] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-zlwyi5yjp2] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-zlwyi5yjp2] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-zlwyi5yjp2] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#cardStaffProfile[b-zlwyi5yjp2] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-zlwyi5yjp2] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-zlwyi5yjp2] {
    background: #706e6e;
}

.text-light-greenyellow[b-zlwyi5yjp2] {
    color: greenyellow;
}

.mt-20[b-zlwyi5yjp2] {
    margin-top: 20px !important;
}
/* /Pages/SchoolHead/TeachersList.razor.rz.scp.css */

#teacher-list[b-abs1dqpxmd]{
    max-width:95%
}
/* /Pages/Students/ChangePassword.razor.rz.scp.css */
select[b-qu16hzijdw] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-qu16hzijdw] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-qu16hzijdw] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-qu16hzijdw] {
    border-radius: 0;
}

.list-group-item[b-qu16hzijdw] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-qu16hzijdw] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-qu16hzijdw] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-qu16hzijdw] {
    background: #4285f4 !important;
}


#page-bar[b-qu16hzijdw] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-qu16hzijdw] {
    margin-left: auto;
}

#form-wrapper[b-qu16hzijdw] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-qu16hzijdw] {
    font-weight: 700;
}

.top-passwordchange-div[b-qu16hzijdw] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-qu16hzijdw] {
    /*    background-color: red;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-qu16hzijdw] {
    /*  background-color: blue;*/
    width: 50%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-qu16hzijdw] {
    /*    background-color: green;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Students/Downloads.razor.rz.scp.css */
table[b-1k51bl3hef] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-1k51bl3hef] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-1k51bl3hef] {
        font-size: small;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-1k51bl3hef], table.table td[b-1k51bl3hef] {
        padding: 7px;
    }

#page-bar[b-1k51bl3hef] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-1k51bl3hef] {
    margin-left: auto;
}

.form-label[b-1k51bl3hef] {
    font-weight: 700;
}

.btn-light-gray[b-1k51bl3hef] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-1k51bl3hef] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-1k51bl3hef] {
    padding: 5px;
}

.label-format[b-1k51bl3hef] {
    font-weight: 700;
}

.text-light-greenyellow[b-1k51bl3hef] {
    color: greenyellow !important;
}

#desktop-mobile-downloads[b-1k51bl3hef] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#div-account-header[b-1k51bl3hef] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-1k51bl3hef] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-1k51bl3hef] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-1k51bl3hef] {
    width: 90%;
}

#gl-control-account-edit[b-1k51bl3hef] {
    max-height: 60vh;
    overflow-y: auto;
}
/* /Pages/Students/Index.razor.rz.scp.css */
.card-container[b-nlwgllocth] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.card-item[b-nlwgllocth] {
    width: 400px;
    height: 250px;
}

.black[b-nlwgllocth] {
    background: #000000;
}

.brown[b-nlwgllocth] {
    background: brown;
}

.purple[b-nlwgllocth] {
    background: purple;
}
/* /Pages/Students/LearningAreaReport.razor.rz.scp.css */
.form-control[b-mdyppopvd9] {
    width: 210px;
    line-height: 10px;
    height: 30px;
}

.control-label[b-mdyppopvd9] {
    line-height: 10px;
}

.list-group[b-mdyppopvd9] {
    width: 220px;
    line-height: 10px;
}
/* /Pages/Students/ResultsLocked.razor.rz.scp.css */
.text-light-greenyellow-custom[b-pglaeq8z18] {
    color: #808080;
}

.container[b-pglaeq8z18] {
    margin-top: 40px;
}

.jumbotron[b-pglaeq8z18] {
    background-color: #fff;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    margin-top:5px;
}
.lock-results img[b-pglaeq8z18]{
    height:100px;
    width:100px;
    border-radius:10%;
}
.text-locked-results[b-pglaeq8z18]{
    color:coral;
    
}
.lock-div[b-pglaeq8z18]{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-flow:column;
}
/* /Pages/Students/StudentAccounts.razor.rz.scp.css */
#student-accounts[b-p6lz65stlg] {
    width: 90%;
}
.list-group-item[b-p6lz65stlg]{
    line-height:0.8em;
}
.pr-2[b-p6lz65stlg]{
    padding-right:5px;
}
a[b-p6lz65stlg]{
    text-decoration:none;
}
/* /Pages/Students/StudentECDReport.razor.rz.scp.css */

#divStudentTermResults[b-91s0w3k1ax], #divReportHeader[b-91s0w3k1ax] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;
}

#divOverallPositions[b-91s0w3k1ax] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#tblStudentTermResults[b-91s0w3k1ax] {
    font-family: arial;    
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-91s0w3k1ax] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table.table th[b-91s0w3k1ax], table.table td[b-91s0w3k1ax] {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: small;
}

#divECDResults[b-91s0w3k1ax] {
    height: 80vh;
    overflow-y: scroll;
}


/* Code for CSS table */
#cssTable[b-91s0w3k1ax] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.table[b-91s0w3k1ax] {
    display: table;
}

.table-row[b-91s0w3k1ax] {
    display: table-row;
}

.table-cell[b-91s0w3k1ax] {
    display: table-cell;
    padding: 2px;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-91s0w3k1ax] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-91s0w3k1ax] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-91s0w3k1ax] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-91s0w3k1ax] {
    display: block;
}

.yesPrint[b-91s0w3k1ax] {
    display: block !important;
}


#divStudentTermResults[b-91s0w3k1ax], #divReportHeader[b-91s0w3k1ax] {
    border: solid 2px #808080;
    padding: 2px;
}

#divOverallPositions[b-91s0w3k1ax] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#divStudentReport[b-91s0w3k1ax] {
    max-width: 100%;
    max-height: 100%;
    overflow-y: scroll;
}

#tblStudentTermResults[b-91s0w3k1ax] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-91s0w3k1ax] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*.SmallFonts {
        font-family: Calibri;
        font-size: 10px;
        line-height: 0.9;
    }*/
.SmallFonts-heading[b-91s0w3k1ax] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-91s0w3k1ax] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-91s0w3k1ax] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-91s0w3k1ax], table.table td[b-91s0w3k1ax] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}

/* if .col-1 width is not overwritten it takes 100% - for the why*/
.col-1[b-91s0w3k1ax] {
    width: 8.33%;
}

table.table thead tr.tblHeaderClass[b-91s0w3k1ax] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.print-div[b-91s0w3k1ax] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/Students/StudentNewsAndNotices.razor.rz.scp.css */
#page-bar[b-xe9cp5upya] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-xe9cp5upya] {
    margin-left: auto;
}

.news-and-notices[b-xe9cp5upya] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;   
}

#flex-items-1[b-xe9cp5upya] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-xe9cp5upya] {
    width: 50%;
    border: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 20px;
    height:40vh;
    overflow-y:auto;
}

#flex-items-3[b-xe9cp5upya] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

@media screen and (max-width: 768px) {
    #flex-items-1[b-xe9cp5upya], #flex-items-2[b-xe9cp5upya], #flex-items-3[b-xe9cp5upya] {
        width: 96%;
    }

}
/* /Pages/Students/StudentOnlineCurrentExamResults.razor.rz.scp.css */
#page-bar[b-vce329xelq] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-vce329xelq] {
    margin-left: auto;
}

.btn-light-gray[b-vce329xelq] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-vce329xelq] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-vce329xelq] {
    font-weight: 700;
}
/*.fa-2x{
    font-size:26px;
    font-weight:500;
}*/
.exam-results[b-vce329xelq] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-vce329xelq] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
table[b-vce329xelq] {
    margin-bottom: 0px;
    margin-top: 0px;
}
#flex-items-2[b-vce329xelq] {
    width: 70%;
    border: 1px solid #808080;
    padding: 5px;
    height:30vh;
    overflow-y:scroll;
}
.pr-5[b-vce329xelq]{
    padding-right:5px;
}
.p-10[b-vce329xelq] {
    padding:10px;
}
a[b-vce329xelq]{
    text-decoration:none;
}
.pr-10[b-vce329xelq]{
    padding-right:10px;
}
#flex-items2 .card-body[b-vce329xelq] {
    height: 40vh;
    overflow-y: auto;
}

#flex-items-3[b-vce329xelq] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

#flex-items-4[b-vce329xelq] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

#flex-items-5[b-vce329xelq] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
}

.not-mobile[b-vce329xelq] {
    display: block;
}

.mobile[b-vce329xelq] {
    display: none;
}

@media all and (max-width: 767px) {
    .exam-results[b-vce329xelq]{
        height:100vh;
    }
    .not-mobile[b-vce329xelq] {
        display: none;
    }

    .mobile[b-vce329xelq] {
        display: block;
    }

    #div-exam-details-mobile[b-vce329xelq] {
        height: 30vh;
        overflow-y: scroll;
    }
    #flex-items-2[b-vce329xelq], #flex-items-5[b-vce329xelq], #flex-items-1[b-vce329xelq], #flex-items-3[b-vce329xelq], #flex-items-4[b-vce329xelq] {
        width: 98%;
    }
}
/* /Pages/Students/StudentOnlineCurrentExamResultsList.razor.rz.scp.css */
#page-bar[b-djeaoa4jjs] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-djeaoa4jjs] {
    margin-left: auto;
}

.btn-light-gray[b-djeaoa4jjs] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-djeaoa4jjs] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-djeaoa4jjs] {
    font-weight: 700;
}

.current-exam-results[b-djeaoa4jjs] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-djeaoa4jjs] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-djeaoa4jjs] {
    width: 70%;    
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 5px;
}

    #flex-items2 .card-body[b-djeaoa4jjs] {
        height: 40vh;
        overflow-y:auto;
    }
#flex-items-3[b-djeaoa4jjs] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

.non-mobile[b-djeaoa4jjs] {
    display: block;
}
.mobile[b-djeaoa4jjs] {
    display: none;
}
@media all and (max-width: 767px) {
    .current-exam-results[b-djeaoa4jjs]{
        height:100vh;
    }
    #flex-items-1[b-djeaoa4jjs], #flex-items-2[b-djeaoa4jjs], #flex-items-3[b-djeaoa4jjs], #flex-items-4[b-djeaoa4jjs], #flex-items-3[b-djeaoa4jjs], #flex-items-5[b-djeaoa4jjs] {
        width: 98%;
    }
    .non-mobile[b-djeaoa4jjs] {
        display: none;
    }

    .mobile[b-djeaoa4jjs] {
        display: block;
    }

    .mobile .card-body[b-djeaoa4jjs]{
        padding:0px!important;
    }
    .table td[b-djeaoa4jjs], .table th[b-djeaoa4jjs]{
        padding:5px;
    }
}
/* /Pages/Students/StudentOnlineExams.razor.rz.scp.css */
.card-header[b-qa355fm7p4] {
    padding: 5px 10px;
}

a[b-qa355fm7p4] {
    text-decoration: none;
}

.card-footer[b-qa355fm7p4] {
    background-color: #808080;
    padding: 10px;
}
/* /Pages/Students/StudentOnlineExamsDue.razor.rz.scp.css */
#page-bar[b-te00oo165y] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-te00oo165y] {
    margin-left: auto;
}
#mobile[b-te00oo165y]{
    display:none;
}
.student-due-exams[b-te00oo165y] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
    overflow-y: scroll;
}
.card-footer[b-te00oo165y] {
    background-color: #808080;
    padding: 10px;
}

.card-header[b-te00oo165y] {
    padding: 5px 10px;
}

a[b-te00oo165y] {
    text-decoration: none;
}
.pl-5[b-te00oo165y]{
    padding-left:20px;
}
#flex-items-1[b-te00oo165y] {
    width: 80%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 0px;
}

#flex-items-2[b-te00oo165y] {
    width: 80%;
    padding: 5px 20px;
    border: 2px solid #808080;
}
    #flex-items-2 .card-body[b-te00oo165y] {
        height: 50vh;
        overflow-y:auto;
    }

    #flex-items-3[b-te00oo165y] {
        width: 80%;
        padding: 0;
        border: 2px solid #808080;
    }
.card-body[b-te00oo165y] {
    padding: 0px !important;
}

@media all and (max-width: 767px) {
    .student-due-exams[b-te00oo165y]{
        height:100vh;
    }
    #flex-items-1[b-te00oo165y], #flex-items-2[b-te00oo165y], #flex-items-3[b-te00oo165y], #flex-items-4[b-te00oo165y], #flex-items-3[b-te00oo165y], #flex-items-5[b-te00oo165y] {
        width: 98%;
    }
    #mobile[b-te00oo165y] {
        display: block;
    }
       .flex-items-2.card-body[b-te00oo165y] {
            padding: 0px !important;
        }
       table.table[b-te00oo165y]{
           font-size:small;
       }
    th[b-te00oo165y], td[b-te00oo165y] {
        padding:2px;
    }
   
    #not-mobile[b-te00oo165y] {
        display: none;
    }
}
/* /Pages/Students/StudentOnlineExamShowQuestionResponses.razor.rz.scp.css */

.form-check-label[b-1cz3zpue96]{
    font-size:20px;
}
.form-check[b-1cz3zpue96]{
   line-height:1px;
}
.card-header h4[b-1cz3zpue96]{
    font-size:20px;
}
/* /Pages/Students/StudentOnlineExamsIndex.razor.rz.scp.css */
#page-bar[b-98jec6ywf2] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-98jec6ywf2] {
    margin-left: auto;
}

.online-exams-index[b-98jec6ywf2] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-98jec6ywf2] {
    width: 80%;
    border: 2px solid #808080;
    padding: 0px;
}

#flex-items-2[b-98jec6ywf2] {
    width: 80%;
    border: 2px solid #808080;
    padding: 20px;
}
#flex-items-3[b-98jec6ywf2] {
    width: 80%;
    border: 2px solid #808080;
    height:3vh;
}

.text-light-greenyellow-links[b-98jec6ywf2], .text-light-greenyellow-bold[b-98jec6ywf2] {
    color: #000000;
}
.text-light-greenyellow-green[b-98jec6ywf2]{
    color:darkgreen;
}

.text-light-greenyellow-blue[b-98jec6ywf2] {
    color: darkblue;
}

.text-light-greenyellow-orange[b-98jec6ywf2] {
    color: orangered;
}
.text-light-greenyellow-bold[b-98jec6ywf2] {
    font-weight: 700;
}
/* /Pages/Students/StudentOnlineTakeExam.razor.rz.scp.css */
#page-bar[b-hu56ib7hvs] {
    display: flex;
    flex-wrap: nowrap;
}

.list-group-item[b-hu56ib7hvs] {
    cursor: pointer;
}

    .list-group-item.active[b-hu56ib7hvs] {
        background-color: lightgray;
        color: lightcoral;
    }

#page-bar-right[b-hu56ib7hvs] {
    margin-left: auto;
}
.exam-time[b-hu56ib7hvs]{
    padding-left:10px;
    padding-right:10px;
    padding-bottom:0px;
    padding-top:5px;
}

h5[b-hu56ib7hvs], h6[b-hu56ib7hvs]{
    padding-bottom:0px;
}

#question-responses[b-hu56ib7hvs], #div-questions[b-hu56ib7hvs], #div-reviews[b-hu56ib7hvs] {
    height: 55vh;
    padding: 2px;
    overflow: hidden;
}

    #question-responses .card-body[b-hu56ib7hvs], #div-questions .card-body[b-hu56ib7hvs], #div-reviews .card-body[b-hu56ib7hvs]{
        height: 35vh;
        overflow-y: auto;
    }

.card-body[b-hu56ib7hvs] {
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
}

.list-group-item[b-hu56ib7hvs] {
    padding: 0px !important;
}

.list-group-item[b-hu56ib7hvs] {
    font-size: 22px;
    font-weight: 700;
}
.form-check[b-hu56ib7hvs]{
    padding-left:0px;
    line-height:1px;
}
.btn-light-gray[b-hu56ib7hvs] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-hu56ib7hvs] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-hu56ib7hvs] {
    font-weight: 700;
}

.online-exam-take-exam[b-hu56ib7hvs] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
    overflow-y: scroll;
}

#flex-items-1[b-hu56ib7hvs] {
    width: 80%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 0px;
}

#flex-items-2[b-hu56ib7hvs] {
    width: 80%;
    padding: 5px 20px;
    border: 2px solid #808080;
}

#flex-items-3[b-hu56ib7hvs] {
    width: 80%;
    padding: 5px 20px;
    border: 2px solid #808080;
}

.card-footer[b-hu56ib7hvs] {
    background-color: #808080;
    padding: 10px;
}

.card-header[b-hu56ib7hvs] {
    padding: 5px 10px;
}

a[b-hu56ib7hvs] {
    text-decoration: none;
}
.text-purple[b-hu56ib7hvs]{
    color:mediumpurple;
}

.radio-left[b-hu56ib7hvs] {
    margin-left: 10px;
}
/* The container */
.container[b-hu56ib7hvs] {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-top: 0px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .container input[b-hu56ib7hvs] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark[b-hu56ib7hvs] {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark[b-hu56ib7hvs] {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark[b-hu56ib7hvs] {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark[b-hu56ib7hvs]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark[b-hu56ib7hvs]:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark[b-hu56ib7hvs]:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
@media all and (max-width: 767px) {
    .online-exam-take-exam[b-hu56ib7hvs] {
        height: 100vh;
    }

    .flex-items-2[b-hu56ib7hvs] {
        height: 100%;
    }
    .flex-items-1[b-hu56ib7hvs], .flex-items-2[b-hu56ib7hvs], .flex-items-3[b-hu56ib7hvs], .flex-items-4[b-hu56ib7hvs], .flex-items-3[b-hu56ib7hvs], .flex-items-5[b-hu56ib7hvs] {
        width: 98%;
    }
    #question-responses[b-hu56ib7hvs] {
        height: 80%;
        width: 90vw;
    }

  #question-responses .card-body[b-hu56ib7hvs] {
        height: 70%;
        overflow-y: auto;
    }

    #div-questions[b-hu56ib7hvs] {
        height: 15%;
        width: 96vw;
        overflow-y:auto;
    } 

     #div-questions .card-body[b-hu56ib7hvs] {
        height: 10%;
        overflow-y: auto;
        border-bottom: 2px solid #808080;
    }

    #div-reviews[b-hu56ib7hvs], #div-questions[b-hu56ib7hvs] {
        display: none;
    }

    .form-check.pt-3[b-hu56ib7hvs]{
        display:none;
    }
    .fa-2x[b-hu56ib7hvs] {
        font-size: 28px;
        font-weight: 700;
    }
    #div-questions .card-footer[b-hu56ib7hvs] {
        display: none;
    }
    .card-header h5[b-hu56ib7hvs], .form-check[b-hu56ib7hvs], #page-bar-left h5[b-hu56ib7hvs] {
        font-size: 14px !important;
    }

    .form-check-label[b-hu56ib7hvs] {
        font-size: 18px;
        font-weight: 500;
    }
    .flex-items-3 .card-footer[b-hu56ib7hvs] {
        background: none;
        border-bottom: 2px solid #808080;
    }

        .flex-items-3 .card-footer h5[b-hu56ib7hvs] {
            display: none;
        }

   

    

  
}
/* /Pages/Students/StudentProfile.razor.rz.scp.css */
select[b-w3hgr1qr1f] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-w3hgr1qr1f] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-w3hgr1qr1f] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-w3hgr1qr1f] {
    border-radius: 0;
}

.webcam[b-w3hgr1qr1f] {
    margin-top:10px;
}

.list-group-item[b-w3hgr1qr1f] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-w3hgr1qr1f] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-w3hgr1qr1f] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-w3hgr1qr1f] {
    background: #4285f4 !important;
}


#page-bar[b-w3hgr1qr1f] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-w3hgr1qr1f] {
    margin-left: auto;
}

#form-wrapper[b-w3hgr1qr1f] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-w3hgr1qr1f] {
    font-weight: 700;
}

.top-student-div[b-w3hgr1qr1f] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-w3hgr1qr1f] {
    /*    background-color: red;*/
    width: 100%;
/*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 2px;
}

#flex-items2[b-w3hgr1qr1f] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 5px;
}

#flex-items3[b-w3hgr1qr1f] {
    /*    background-color: green;*/
    width: 100%;
   /* height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 2px;
}
/* /Pages/Students/StudentsMenu.razor.rz.scp.css */
*[b-q8nt1dh5j3] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.container-fluid[b-q8nt1dh5j3] {
    left: 0;
    padding-left: 0px;
}
/*#id-main-display-area {
    background-color: #808080;
}*/
.flex-container[b-q8nt1dh5j3] {
    display: flex;
    flex-direction: row;
}

.nav-bars[b-q8nt1dh5j3] {
    max-height: 100vh;
    height: 100vh;
    overflow-x: hidden;
    padding: 5px;
}

/*
    Align burger menu to the right
*/
.burger-menu-alignment[b-q8nt1dh5j3] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#id-left-bar[b-q8nt1dh5j3] {
    border-right: solid 2px #ccc;
}

#id-right-bar[b-q8nt1dh5j3] {
    border-left: solid 2px #ccc;
}

#id-main-display-area[b-q8nt1dh5j3] {
    /*    width: calc(100%-620px);
    max-width: calc(100%-620px);*/
    flex-grow: 1;
    max-height: 100%;
    height: 100%;
}


.dynamic-container[b-q8nt1dh5j3] {
    display: flex;
    justify-content: center;
}
/* Left menu bar*/
.class-left-bar-open[b-q8nt1dh5j3] {
    width: 260px;
    left: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-left-bar-close[b-q8nt1dh5j3] {
    width: 40px;
    left: 0px;
}

.left-bar-items-open[b-q8nt1dh5j3] {
    display: block;
    width: 260px;
    flex-shrink: 0;
    flex-grow: 0;
}

.left-bar-items-close[b-q8nt1dh5j3] {
    display: none;
}
/* Right Menu bar */
.class-right-bar-open[b-q8nt1dh5j3] {
    width: 290px;
    max-width: 290px;
    right: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-right-bar-close[b-q8nt1dh5j3] {
    width: 40px;
    max-width: 40px;
    right: 0px;
}

.right-bar-items-open[b-q8nt1dh5j3] {
    display: block;
    width: 290px;
    flex-shrink: 0;
    flex-grow: 0;
}

.right-bar-items-close[b-q8nt1dh5j3] {
    display: none;
}
/* Burger menu definition */
.menu-toggle[b-q8nt1dh5j3] {
    /* width: 260px;*/
    background: #706e6e;
    left: 0;
    display: flex;
    /* justify-content: flex-end;*/
    flex-direction: column;
    margin-bottom: 0px;
    transition: 0.5s;
}

.menu-toggle-close[b-q8nt1dh5j3] {
    width: 40px;
    background: #706e6e;
    transition: 0.5s;
    overflow: hidden;
}

.menu-button[b-q8nt1dh5j3] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}
/***/

.menu-button-open[b-q8nt1dh5j3] {
    justify-content: end;
}



/**/
.menu-button-burger[b-q8nt1dh5j3] {
    width: 30px;
    height: 3px;
    background: greenyellow;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(255,101,47,.2);
    transition: all .5s ease-in-out;
}

    .menu-button-burger[b-q8nt1dh5j3]::before, .menu-button-burger[b-q8nt1dh5j3]::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background: greenyellow;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(255,101,47,.2);
        transition: all .5s ease-in-out;
    }

    .menu-button-burger[b-q8nt1dh5j3]::before {
        transform: translateY(-9px);
    }

    .menu-button-burger[b-q8nt1dh5j3]::after {
        transform: translateY(9px);
    }

/* Animation */
.menu-button.open .menu-button-burger[b-q8nt1dh5j3] {
    transform: translate(-30px);
    background: transparent;
    box-shadow: none;
    transition: all .5s ease-in-out;
}

    .menu-button.open .menu-button-burger[b-q8nt1dh5j3]::before {
        transform: rotate(45deg) translate(21px, -21px);
        transition: all .5s ease-in-out;
    }

    .menu-button.open .menu-button-burger[b-q8nt1dh5j3]::after {
        transform: rotate(-45deg) translate(21px, 21px);
        transition: all .5s ease-in-out;
    }


/* /Pages/Students/StudentsMonthlyReport.razor.rz.scp.css */
.bar-back-color[b-0cvm4qyb9q] {
    background-color: teal;
}

table.table-sm th[b-0cvm4qyb9q] {
    line-height: 0.5em;
}

.bordered[b-0cvm4qyb9q] {
    border: solid 1px #000000;
}

#divMonthlyReport[b-0cvm4qyb9q] {
    border: solid 1px #808080;
    padding: 10px;

}
#ZimCortOfArms img[b-0cvm4qyb9q] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.container-fluid[b-0cvm4qyb9q] {
    padding:5px;
 /*   padding-right: 0px;
    padding-left: 0px;*/
}

.col-2[b-0cvm4qyb9q], col-3[b-0cvm4qyb9q], col-1[b-0cvm4qyb9q], col-4[b-0cvm4qyb9q], col-5[b-0cvm4qyb9q] {
    padding-bottom: 0px !important;
}

table.table-sm td[b-0cvm4qyb9q] {
    padding-bottom: 0px !important;
    font-size: smaller;
    font-family: Calibri;
}

table.table td[b-0cvm4qyb9q], table.table td[b-0cvm4qyb9q] {
    padding: 2px;
}

.width-100[b-0cvm4qyb9q] {
    min-width: 100%;
    max-width: 100%;
}

.SmallFonts-heading[b-0cvm4qyb9q] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-0cvm4qyb9q] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.header-container[b-0cvm4qyb9q]{
    display:flex;  
    justify-content:space-between;
    flex-wrap:wrap;
}
.header-item[b-0cvm4qyb9q] {
    /* Flex item also being a flex container*/
    display: flex;
    justify-content:center;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: block;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: block;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: none;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: block;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: none;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: block;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: block;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: none;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: block;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: none;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: block;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: none;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-0cvm4qyb9q], #divMonthlyReport[b-0cvm4qyb9q] {
        display: none;
    }

    #divStudentReportMobile[b-0cvm4qyb9q], #divMonthlyReportMobile[b-0cvm4qyb9q] {
        display: block;
    }
}
.bg-grey[b-0cvm4qyb9q] {
    background-color: #9e9e9e !important;
}
.print-div[b-0cvm4qyb9q] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/Students/StudentsNavMenu.razor.rz.scp.css */
*[b-cky1xsq3b1] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
.header-class[b-cky1xsq3b1] {
    display: flex;
    flex-flow: column;
    justify-content: center;
    background: #fff;
    border-radius: 5%;
    margin: 5px;
    padding: 5px;
}

.text-black[b-cky1xsq3b1] {
    color: #000;
}
a p[b-cky1xsq3b1] {
 /*   color: greenyellow;*/
}

a img:hover[b-cky1xsq3b1] {
    cursor: pointer;
}

li nav-link:hover[b-cky1xsq3b1] {
    background-color: lightblue !important;
}

.list-group-item[b-cky1xsq3b1] {
    background-color: #706e6e;
/*    color: greenyellow;*/
}

#student-photo[b-cky1xsq3b1] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding: 10px 0;
}

header[b-cky1xsq3b1] {
    font-size: 20px;
/*    color: greenyellow;*/
    text-align: center;
    line-height: 30px;
    background: #706e6e;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    user-select: none;
}

ul a[b-cky1xsq3b1] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
/*    color: greenyellow;*/
    padding-left: 10px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid green;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-cky1xsq3b1] {
        margin-right: 16px;
    }

ul li:hover a[b-cky1xsq3b1] {
    padding-left: 20px;
    font-size: 18px;
    background-color: black;
    cursor:pointer;
}
/* /Pages/Students/StudentsReports.razor.rz.scp.css */
.mnu-right[b-4cd2w7p4qq] {
    /* margin: auto;*/
    padding: 5px;
}

.list-group[b-4cd2w7p4qq] {
    line-height: 10px;
}
.list-group-item[b-4cd2w7p4qq]{
    padding-left:0px;
}
.hide-div[b-4cd2w7p4qq] {
    /*height:0px;*/
    display: none;
}

.show-div[b-4cd2w7p4qq] {
    /*height:auto;*/
    display: block;
}

.card-body[b-4cd2w7p4qq] {
    padding: 2px !important;
}

.text-light-greenyellow[b-4cd2w7p4qq] {
    color: #ADFF2F;
}

.text-greenyellow[b-4cd2w7p4qq] {
    color: greenyellow;
}

.bg-dark-grey[b-4cd2w7p4qq] {
    background-color: #706e6e !important;
}

.btn-outline-custom[b-4cd2w7p4qq] {
    border: 1px solid #adff2f; /* Greenyellow outline */
    color: #adff2f; /* Greenyellow text color */
    background-color: transparent;
    width: 45px;
    height: 30px;
}

.custom-link[b-4cd2w7p4qq] {
    height: 30px;
}

.btn-outline-custom:hover[b-4cd2w7p4qq] {
    background-color: #adff2f; /* Greenyellow background on hover */
    color: #fff; /* White text on hover */
}

.text-gold[b-4cd2w7p4qq] {
    color: gold;
}

.footer-div[b-4cd2w7p4qq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.list-group-item[b-4cd2w7p4qq] {
    background-color: #706e6e;
    color: greenyellow;
}

a[b-4cd2w7p4qq] {
    text-decoration: none;
}

ul li a[b-4cd2w7p4qq] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

.list-group-item:hover[b-4cd2w7p4qq] {
    background-color: #000000;
    color: greenyellow;
}

a[b-4cd2w7p4qq], .btn-link[b-4cd2w7p4qq] {
    color: greenyellow;
}


tbody[b-4cd2w7p4qq] {
    background-color: #706e6e;
    font-size: 12px;
}
.pr-2[b-4cd2w7p4qq] {
    padding-right: 7px;
}
/* /Pages/Students/StudentStatement.razor.rz.scp.css */
table[b-78enubtnvi] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-78enubtnvi] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-78enubtnvi] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-78enubtnvi], table.table td[b-78enubtnvi] {
        padding: 7px;
    }

#page-bar[b-78enubtnvi] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-78enubtnvi] {
    margin-left: auto;
}

.student-statement[b-78enubtnvi] {
    display: flex;
    max-height: 90%;
    height:80%;
    width: 80%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top:40px;
    border-radius: 5px;
    padding: 0;
    margin:auto;
    
}

#statement-header[b-78enubtnvi] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-78enubtnvi], #flex-item-2[b-78enubtnvi], #flex-item-3[b-78enubtnvi], #flex-item-4[b-78enubtnvi] {
    width: 100%;
    border: 2px solid #808080;
}

 #flex-item-1[b-78enubtnvi] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-78enubtnvi] {
    height: 40vh;
    overflow-y: auto;
}

#flex-items-0[b-78enubtnvi] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-print-button[b-78enubtnvi] {
    margin-top: 10px;
}
.text-small[b-78enubtnvi] {
    font-size: small;
}

.SmallFonts-heading[b-78enubtnvi] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-78enubtnvi] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
#mobile-display[b-78enubtnvi]{
    display:none;
}
#school-details[b-78enubtnvi] {
    text-align: left;
}

#student-details[b-78enubtnvi] {
    text-align: right;
}

@media all and (max-width: 767px) {
    #mobile-display[b-78enubtnvi] {
        display: block;
    }

    #none-mobile-display[b-78enubtnvi] {
        display: none;
    }

    #statement-time[b-78enubtnvi] {
        display: none;
    }

    #flex-item-1[b-78enubtnvi], #flex-item-2[b-78enubtnvi], #flex-item-3[b-78enubtnvi], #flex-item-4[b-78enubtnvi] {
        width: 100%;
    }
    .student-statement[b-78enubtnvi] {
        width: 98%;
    }
}    
    @media screen and (max-width: 1040px) {
        #mobile-display[b-78enubtnvi] {
            display: block;
        }

        #none-mobile-display[b-78enubtnvi] {
            display: none;
        }

        #statement-time[b-78enubtnvi] {
            display: none;
        }
    }

    @media screen and (max-width: 768px) {
        #school-details[b-78enubtnvi] {
            text-align: center;
        }

        #student-details[b-78enubtnvi] {
            text-align: center;
        }
    }
/* /Pages/Students/StudentTranscriptReport.razor.rz.scp.css */
table[b-q9lpou5gg4] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-q9lpou5gg4] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-q9lpou5gg4] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-q9lpou5gg4], table.table td[b-q9lpou5gg4] {
        padding: 7px;
    }
.print-div[b-q9lpou5gg4]{
    text-align:right;
    padding:5px;
    margin:10px;
}
#page-bar[b-q9lpou5gg4] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-q9lpou5gg4] {
    margin-left: auto;
}
.term-header[b-q9lpou5gg4]{
    padding:5px 0px;
}
.student-transcript[b-q9lpou5gg4] {
    display: flex;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}

#statement-header[b-q9lpou5gg4] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-q9lpou5gg4], #flex-item-2[b-q9lpou5gg4], #flex-item-3[b-q9lpou5gg4], #flex-item-4[b-q9lpou5gg4] {
    width: 70vw;
    border: 2px solid #808080;
}

#flex-item-1[b-q9lpou5gg4] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-q9lpou5gg4] {
   /* height: 40vh;*/
    overflow-y: auto;
}

#flex-items-4[b-q9lpou5gg4] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-small[b-q9lpou5gg4] {
    font-size: small;
}

.SmallFonts-heading[b-q9lpou5gg4] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-q9lpou5gg4] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#mobile-display[b-q9lpou5gg4] {
    display: none;
}

#school-details[b-q9lpou5gg4] {
    text-align: left;
}

#student-details[b-q9lpou5gg4] {
    text-align: right;
}
/* /Pages/Students/SubjectsTaken.razor.rz.scp.css */

.subjects-taken #cardStudentsTakingSubject[b-6bwuz9ifbe] {
    width: 70vw;
}

.subjects-taken[b-6bwuz9ifbe] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.text-small[b-6bwuz9ifbe] {
    font-size: small;
}

#cardStudentsTakingSubject[b-6bwuz9ifbe] {
    align-self: center;
}

#divStudentSubjects[b-6bwuz9ifbe] {
    height: 50vh;
    overflow-y: auto;
}

#page-bar[b-6bwuz9ifbe] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-6bwuz9ifbe] {
    margin-left: auto;
}

#flex-items-1[b-6bwuz9ifbe], #flex-items-2[b-6bwuz9ifbe] {
    width: 100%;
    border: 2px solid #808080;
    padding: 0px;
}

#flex-items-3[b-6bwuz9ifbe] {
    width: 100%;
    border: 2px solid #808080;
    height: 3vh;
    padding:0px;
}
#flex-items-4[b-6bwuz9ifbe] {
    width: 100%;
}
/* /Pages/Teachers/ChangePassword.razor.rz.scp.css */
select[b-ko4rlwxycx] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-ko4rlwxycx] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-ko4rlwxycx] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-ko4rlwxycx] {
    border-radius: 0;
}

.list-group-item[b-ko4rlwxycx] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-ko4rlwxycx] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ko4rlwxycx] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-ko4rlwxycx] {
    background: #4285f4 !important;
}


#page-bar[b-ko4rlwxycx] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ko4rlwxycx] {
    margin-left: auto;
}

#form-wrapper[b-ko4rlwxycx] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-ko4rlwxycx] {
    font-weight: 700;
}

.top-passwordchange-div[b-ko4rlwxycx] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-ko4rlwxycx] {
    /*    background-color: red;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-ko4rlwxycx] {
    /*  background-color: blue;*/
    width: 50%;
    height: 30vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-ko4rlwxycx] {
    /*    background-color: green;*/
    width: 50%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Teachers/CreateEvent.razor.rz.scp.css */
/* Base styles */
body[b-pqv0wr34mb] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    background: #f9f9f9;
}

#div-create-event[b-pqv0wr34mb] {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.text-orangered[b-pqv0wr34mb]{
    color:orangered;
}

#event-date-entry[b-pqv0wr34mb] {
    /*    max-height: 40%; 250px;*/
    max-height: 50%;
    overflow-y: auto;
}
.container[b-pqv0wr34mb] {
    max-width: 800px;
    margin: auto;
    padding: 1rem;
}

.form-group[b-pqv0wr34mb] {
    margin-bottom: 1rem;
}

.form-control[b-pqv0wr34mb] {
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.event-detail[b-pqv0wr34mb] {
    border: 1px solid #ccc;
/*    border-radius: 4px;*/
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: #fff;
}

/* Button styles */
.btn[b-pqv0wr34mb] {
    padding: 0.5rem 1rem;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-size: 1rem;
}

.btn-primary[b-pqv0wr34mb] {
    background-color: #007bff;
    color: #fff;
}

.btn-secondary[b-pqv0wr34mb] {
    background-color: #6c757d;
    color: #fff;
}

.btn-danger[b-pqv0wr34mb] {
    background-color: #dc3545;
    color: #fff;
}

.pr-5[b-pqv0wr34mb]{
    padding-right:5px;
}

.text-light-greenyellow[b-pqv0wr34mb] {
    color: #c8f288;
}
/* Responsive design */
/* Mobile styles (max-width: 600px) */
@media (max-width: 600px) {
    .container[b-pqv0wr34mb] {
        padding: 0.5rem;
    }

    .form-control[b-pqv0wr34mb] {
        font-size: 0.9rem;
    }

    .btn[b-pqv0wr34mb] {
        font-size: 0.9rem;
        padding: 0.4rem 0.8rem;
    }
}

/* Tablet styles (min-width: 601px and max-width: 992px) */
@media (min-width: 601px) and (max-width: 992px) {
    .container[b-pqv0wr34mb] {
        padding: 1rem;
    }

    .form-control[b-pqv0wr34mb] {
        font-size: 1rem;
    }

    .btn[b-pqv0wr34mb] {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
}

/* Desktop styles (min-width: 993px) */
@media (min-width: 993px) {
    .container[b-pqv0wr34mb] {
        padding: 2rem;
    }

    .form-control[b-pqv0wr34mb] {
        font-size: 1.1rem;
    }

    .btn[b-pqv0wr34mb] {
        font-size: 1.1rem;
        padding: 0.7rem 1.2rem;
    }
}

.text-light-coral[b-pqv0wr34mb] {
    color: lightcoral;
}

#outer-div[b-pqv0wr34mb] {
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full viewport height */
    width: 98%; /* Full width */
    flex-direction: column;
}

#page-bar[b-pqv0wr34mb] {
    display: flex;
    flex-wrap: nowrap;
    max-width: 98%;
    min-width: 98%;
    padding: 1px 10px;
    /*width: 65vw;  Full width of parent */
}

#page-bar-right[b-pqv0wr34mb] {
    margin-left: auto;
}

.parent-container[b-pqv0wr34mb] {
    display: flex;
    height: 60vh;
    max-height: 60vh;
    max-width: 100%;
    min-width: 100%;
    flex-grow: 1;
    overflow-x: auto;
    padding: 0px;
    border: 1px solid #ccc;
}

.panel[b-pqv0wr34mb] {
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    margin: 5px;
    transition: flex 0.3s ease;
    height: 90%; /* Maintain full height */
    position: relative;
}

.panel-header[b-pqv0wr34mb] {
    background-color: #706e6e;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-title[b-pqv0wr34mb] {
    color: greenyellow;
    margin-right: auto; /* Push title to the left */
}

.panel-content[b-pqv0wr34mb] {
    padding: 10px;
    background-color: #fff;
    flex-grow: 1;
    overflow-y:auto;
}

.collapsed-title[b-pqv0wr34mb] {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    writing-mode: vertical-rl;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* End of 3 Panels CSS*/

.body-height[b-pqv0wr34mb] {
    height: 220px;
}

.body-height-table[b-pqv0wr34mb] {
    max-height: 45%;
    overflow-y: auto;
}

#mark-update-form[b-pqv0wr34mb] {
    max-height: 85%;
    overflow-y: auto;
}

.read-only-label[b-pqv0wr34mb] {
    color: saddlebrown;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: bold;
    text-align: right;
}

entry-label[b-pqv0wr34mb] {
    font-size: 1.2rem;
}

.card #class-subjects[b-pqv0wr34mb] {
    margin-top: 8px;
}

a[b-pqv0wr34mb] {
    text-decoration: none;
}

.btn-light-greenyellow[b-pqv0wr34mb] {
    color: greenyellow;
    border: 1px solid greenyellow;
}

    .btn-light-greenyellow:hover[b-pqv0wr34mb] {
        color: white;
        border: 1px solid white;
        font-size: 1.2rem;
    }

.pr-5[b-pqv0wr34mb] {
    padding-right: 10px;
}

.ml-5[b-pqv0wr34mb] {
    margin-left: 5px;
}


.grid[b-pqv0wr34mb] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-pqv0wr34mb]  table {
        min-width: 100%;
    }

[b-pqv0wr34mb] table {
    min-width: 100%;
}
/* Sticky header while scrolling */
[b-pqv0wr34mb] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-pqv0wr34mb] tr {
    height: 25px;
    border-bottom: 0.5px solid silver;
}

[b-pqv0wr34mb] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}


[b-pqv0wr34mb] th.search-column {
    width: 14rem;
}

/* Subtle stripe effect */
[b-pqv0wr34mb] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-pqv0wr34mb] tbody tr {
    height: 1.8rem;
}

.quickgrid[theme=default] .col-title[b-pqv0wr34mb] {
    gap: 0.2rem;
    font-weight: bold;
}

.k-area[b-pqv0wr34mb] {
    height: 240px;
    background-color: #706e6e;
    color: greenyellow;
    padding: 60px 10px;
    text-align: center;
    font-size: 18px;
}

.l-area[b-pqv0wr34mb] {
    background-color: #706e6e;
    color: greenyellow;
    padding: 5px;
    text-align: center;
    font-size: 14px;
}

.e-grid .e-content[b-pqv0wr34mb] {
    height: 250px;
}

.btn-bg-gray[b-pqv0wr34mb] {
    background-color: #706e6e;
    width: 170px;
}

.bg-dark-gray:hover[b-pqv0wr34mb] {
    border-color: greenyellow;
    font-size:1.2rem;
    color:coral;
}

.bg-dark-gray[b-pqv0wr34mb] {
    background-color: #706e6e;
}

.btn-bg-gray:hover[b-pqv0wr34mb] {
        border-color: greenyellow;
    }

.btn .btn-large[b-pqv0wr34mb] {
    width: 60px;
}

/*.text-green-yellow:hover {
    font-size: 1.1rem;*/
    /* color: yellow;*/
/*}*/

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

.text-right[b-pqv0wr34mb] {
    text-align: right;
}

.text-green-yellow[b-pqv0wr34mb] {
    color: greenyellow;
    /* font-size: 18px;*/
}

input[readonly][b-pqv0wr34mb] {
    background-color: gray;
    border: 1px solid saddlebrown;
    color: saddlebrown;
    cursor: not-allowed;
}

.btn .btn-border[b-pqv0wr34mb] {
    border: solid 1px #fff;
}

.selected-row[b-pqv0wr34mb] {
    /*background-color: #706e6e;*/
    color: orangered!important;
    font-weight: bold;
    /*    font-size: 1.1rem;*/
}

#show-footer[b-pqv0wr34mb] {
    margin-top: 2px;
    padding: 10px;
    width: 98%;
}

.text-color-red[b-pqv0wr34mb] {
    /*    color:red;*/
    font-size: 16px;
    font-weight: bold;
}

.text-gold[b-pqv0wr34mb] {
    color: gold;
    /*  #ffc107;*/
}

.bi .bi-list-ol[b-pqv0wr34mb] {
    font-size: 32px;
}

.bg-dark-grey[b-pqv0wr34mb] {
    background-color: #808080;
}
/* /Pages/Teachers/Downloads.razor.rz.scp.css */
table[b-e8m3nqh42l] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-e8m3nqh42l] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-e8m3nqh42l] {
        font-size: small;
        line-height: 0.8em;
        background-color: #706e6e;
        border: 1px solid #fff;
    }

    table.table th[b-e8m3nqh42l], table.table td[b-e8m3nqh42l] {
        padding: 7px;
    }

#page-bar[b-e8m3nqh42l] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-e8m3nqh42l] {
    margin-left: auto;
}

.form-label[b-e8m3nqh42l] {
    font-weight: 700;
}

.btn-light-gray[b-e8m3nqh42l] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-e8m3nqh42l] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.card-footer[b-e8m3nqh42l] {
    padding: 5px;
}

.label-format[b-e8m3nqh42l] {
    font-weight: 700;
}

.text-light-greenyellow[b-e8m3nqh42l] {
    color: greenyellow !important;
}

#desktop-mobile-downloads[b-e8m3nqh42l] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#div-account-header[b-e8m3nqh42l] {
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-1[b-e8m3nqh42l] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-e8m3nqh42l] {
    width: 90%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
    max-height: 60vh;
    overflow-y: auto;
}

#flex-items-3[b-e8m3nqh42l] {
    width: 90%;
}

#gl-control-account-edit[b-e8m3nqh42l] {
    max-height: 60vh;
    overflow-y: auto;
}
/* /Pages/Teachers/ECDMarksEntry.razor.rz.scp.css */
table.table th[b-vdw5ka1bwq], table.table td[b-vdw5ka1bwq] {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: small;
}

.ecd-results-container[b-vdw5ka1bwq] {
    padding: 0;
    /*max-width: calc(100vw-630px);*/
    max-width: 60vw;
    width: 60vw;
    margin-bottom: 10px;
    border: 2px solid grey;
}

.ecd-results-grid[b-vdw5ka1bwq] {
    display: flex;
    /*   max-width: calc(90vw-630px);*/
    max-width: 60vw;
    width: 60vw;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding:5px;
}

#ecd-concepts[b-vdw5ka1bwq] {
    max-width: 300px;
    font-size: 12px;
    height: 200px;
    overflow-y: scroll;
}

#ecd-items[b-vdw5ka1bwq] {
    flex-grow: 1;
    font-size: 12px;
    height: 200px;
    overflow-y: scroll;
/*    padding:5px;*/
}

.ecd-student-results[b-vdw5ka1bwq] {
    height: 250px;
    width:60vw;
    max-width:60vw;
    overflow-y: scroll;
    padding:5px;
}

#ecd-concepts tr[b-vdw5ka1bwq], #ecd-concepts td[b-vdw5ka1bwq] {
    background-color: grey !important;
}

#ecd-items tr[b-vdw5ka1bwq], #ecd-items td[b-vdw5ka1bwq] {
    background-color: grey !important;
}

#ecd-items tr th[b-vdw5ka1bwq] {
    background-color: #000!important;
}
.bg-dark-grey[b-vdw5ka1bwq] {
    background-color: #808080;
}

a[b-vdw5ka1bwq] {
    text-decoration: none;
}

.text-lawngreen[b-vdw5ka1bwq] {
    color: lawngreen !important;
}
.text-right[b-vdw5ka1bwq]{
    text-align:right;
}
/* /Pages/Teachers/ECDTermlyMarksEntryClassSubjects.razor.rz.scp.css */
#div-acc[b-gs339s1hre] {
    margin-top: 10px;
}
/*#div-acc-title{
    width:500px;
    flex-grow:0;
    flex-shrink:0
}*/

/*#div-acc-alert {
    flex-grow:1;
}*/

.table td[b-gs339s1hre], .table th[b-gs339s1hre]{
    padding:0px;
}
a[b-gs339s1hre], .btn-link[b-gs339s1hre]{
    font-size:14px;
}

.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon[b-gs339s1hre] {
    display: none;
}

tr:hover[b-gs339s1hre] {
    color: greenyellow;
    background-color: #000;
}

td a[b-gs339s1hre] {
    color: greenyellow;
}

.text-black[b-gs339s1hre] {
    color: #000;
}

.termly-marks-entry[b-gs339s1hre] {
    display: flex;
    flex-direction: row;
    max-width: calc(100vw - 80px);
    justify-content: flex-start;
    margin: 5px;
}

#entry-subjects[b-gs339s1hre] {
     width: 400px;
    margin-left: 2px;
    max-height: 70vh;
    overflow-x: scroll;
    background-color: #808080;
   /* flex: 0 0 400px;   - Do not use this - you will not be able to resize this container*/
    flex-shrink: 0;
    flex-grow: 0;
}
#entry-marks[b-gs339s1hre] {
    flex-grow: 1;
    border: 1px green solid;
    overflow-x: scroll;
    max-height: 70vh;
    overflow:hidden;
}

#entry-subjects-header[b-gs339s1hre]{
    display:flex;
    flex-wrap:nowrap;
}
.subjects-middle[b-gs339s1hre] {
    flex-grow: 1;
}
.subjects-left[b-gs339s1hre], .subjects-right[b-gs339s1hre] {
    width: 40px;
    flex-grow: 0;
    padding:5px;
}



#entry-marks-container[b-gs339s1hre] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#entry-marks-header[b-gs339s1hre] {
    /*height: 11vh;*/
    flex-grow: 0;
    flex-shrink:0;
    padding: 5px;
}

#entry-marks-detail[b-gs339s1hre] {
    max-width: calc(100vw - 90px);
    flex-grow: 1;
    height: 40vh;
    overflow-x: hidden;
    overflow-y:scroll;
}
#subject-learning-areas-table[b-gs339s1hre] {
    height: 40vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

#entry-marks-footer[b-gs339s1hre] {
    /* height: 10vh;*/
    flex-grow: 0;
    flex-shrink: 0;
    padding: 5px;
}

a[b-gs339s1hre], .btn-link[b-gs339s1hre] {
    font-size: 12px;
    color: greenyellow;
}

    a:hover[b-gs339s1hre] {
        color: greenyellow;
    }

.btn-link[b-gs339s1hre] {
    line-height: 20px;
    color: greenyellow;
}

.table td[b-gs339s1hre], .table th[b-gs339s1hre], .card-header[b-gs339s1hre], .card-body[b-gs339s1hre] {
    padding: 2px;
}


tr:hover[b-gs339s1hre] {
    color: greenyellow;
    background-color: #000;
}

.card-header[b-gs339s1hre] {
    color: greenyellow;
}

#termly-marks-entry-instructions[b-gs339s1hre]{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    margin:5px;
}
#subjects-instructions[b-gs339s1hre] {
    width: 400px;
    height:auto;
    flex-grow: 0;
    flex-shrink: 0;
/*    border: 1px solid brown;*/
    padding:5px;
}
#marks-instructions[b-gs339s1hre] {
    max-width: calc(100vw - 90px);
    flex-grow: 1;
/*    border: 1px solid green;*/
    padding:5px;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content[b-gs339s1hre] {
    font-size: 18px;
    color: black;
}
.bg-dark-grey[b-gs339s1hre] {
    background-color: #808080;
}

.text-black[b-gs339s1hre]{
    color:#000;
}
    .text-black:hover[b-gs339s1hre] {
        background-color: #808080;
        color:greenyellow;
    }

.student-subjects-subject-learning-areas-flex[b-gs339s1hre]{
    display:flex;
    flex-direction:row;
    /*justify-content:center;*/
}

#students-panel[b-gs339s1hre]{
 width:60%;
}

#students-panel[b-gs339s1hre] {
    width: 30%;
}

#students-panel[b-gs339s1hre] {
    width: 30%;
}

.subjects-panel-left[b-gs339s1hre], .subjects-panel-right[b-gs339s1hre], .learning-area-panel-left[b-gs339s1hre], .learning-area-panel-right[b-gs339s1hre] {
    width: 40px;
    flex-grow: 0;
    padding: 5px;
}

.students-middle[b-gs339s1hre], .learning-area-middle[b-gs339s1hre] {
    flex-grow: 1;
}
/* /Pages/Teachers/Index.razor.rz.scp.css */
.text-light-greenyellow-custom[b-w8yy2cp7ue] {
    color: #808080;
}

.container[b-w8yy2cp7ue] {
    margin-top: 40px;
}

.jumbotron[b-w8yy2cp7ue] {
    background-color: #fff;
    border-radius: 0.125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    padding: 10px !important;
}
/* /Pages/Teachers/KnowledgeAreaScoresPage.razor.rz.scp.css */
body[b-9ywosrgzjv] {
}
/* /Pages/Teachers/KnowledgeAreaSubjectAssociationsPage.razor.rz.scp.css */
body[b-395v984d1x] {
}
/* /Pages/Teachers/KnowledgeAssessmentAreasPage.razor.rz.scp.css */
body[b-5t9wov2oge] {
}
/* /Pages/Teachers/KnowledgeSubjectAreasConceptsPage.razor.rz.scp.css */
body[b-l32kb9oxxb] {
}
/* /Pages/Teachers/LinkEvents.razor.rz.scp.css */
/* Base styles */
body[b-zvr5em4zjy] {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    background: #f9f9f9;
}

.container[b-zvr5em4zjy] {
    max-width: 800px;
    margin: auto;
    padding: 1rem;
}

.form-group[b-zvr5em4zjy] {
    margin-bottom: 1rem;
}

.form-control[b-zvr5em4zjy] {
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.event-detail[b-zvr5em4zjy] {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: #fff;
}

/* Button styles */
.btn[b-zvr5em4zjy] {
    padding: 0.5rem 1rem;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-size: 1rem;
}

.btn-primary[b-zvr5em4zjy] {
    background-color: #007bff;
    color: #fff;
}

.btn-secondary[b-zvr5em4zjy] {
    background-color: #6c757d;
    color: #fff;
}

.btn-danger[b-zvr5em4zjy] {
    background-color: #dc3545;
    color: #fff;
}

/* Responsive design */
/* Mobile styles (max-width: 600px) */
@media (max-width: 600px) {
    .container[b-zvr5em4zjy] {
        padding: 0.5rem;
    }

    .form-control[b-zvr5em4zjy] {
        font-size: 0.9rem;
    }

    .btn[b-zvr5em4zjy] {
        font-size: 0.9rem;
        padding: 0.4rem 0.8rem;
    }
}

/* Tablet styles (min-width: 601px and max-width: 992px) */
@media (min-width: 601px) and (max-width: 992px) {
    .container[b-zvr5em4zjy] {
        padding: 1rem;
    }

    .form-control[b-zvr5em4zjy] {
        font-size: 1rem;
    }

    .btn[b-zvr5em4zjy] {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
}

/* Desktop styles (min-width: 993px) */
@media (min-width: 993px) {
    .container[b-zvr5em4zjy] {
        padding: 2rem;
    }

    .form-control[b-zvr5em4zjy] {
        font-size: 1.1rem;
    }

    .btn[b-zvr5em4zjy] {
        font-size: 1.1rem;
        padding: 0.7rem 1.2rem;
    }
}
/* /Pages/Teachers/LockStudentResults.razor.rz.scp.css */
#page-bar[b-2holgixnh9] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-2holgixnh9] {
    margin-left: auto;
}

#lock-status-header[b-2holgixnh9]{
  display:flex;
  height:100vh;
  justify-content:center;
  align-items:center;
  flex-flow:column;  
}
.report-size[b-2holgixnh9] {
    height: 70vh;
}
.body-size[b-2holgixnh9] {
    height: 50vh;
    overflow-y: scroll;
}
#tblUnLockedStudents[b-2holgixnh9] {
    height: 450px;
    overflow-y: scroll;
}

table[b-2holgixnh9], thead[b-2holgixnh9], th[b-2holgixnh9], td[b-2holgixnh9] {
    line-height: 0.8px;
    font-size: large
}

.text-orange[b-2holgixnh9] {
    color: orange;
    font-weight: 700;
}

.bar-back-color[b-2holgixnh9], .bg-color[b-2holgixnh9] {
    background: orange;
}
/* /Pages/Teachers/MarkScheduleMonthly.razor.rz.scp.css */
/* Code for CSS table */
#cssTable[b-35e35kdo1b] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}



.table[b-35e35kdo1b] {
    display: table;
}

.table-row[b-35e35kdo1b] {
    display: table-row;
}

.table-cell[b-35e35kdo1b] {
    display: table-cell;
    padding: 2px !important;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-35e35kdo1b] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-35e35kdo1b] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-35e35kdo1b] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-35e35kdo1b] {
    display: block;
}

.yesPrint[b-35e35kdo1b] {
    display: block !important;
}



#mark-schedule[b-35e35kdo1b] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;   
    width: 100%;
    height: 500px;
    overflow: scroll;
}


#tbl-mark-schedule[b-35e35kdo1b] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}


.SmallFonts-heading[b-35e35kdo1b] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-35e35kdo1b] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-35e35kdo1b] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-35e35kdo1b], table.table td[b-35e35kdo1b] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}


table.table thead tr.tblHeaderClass[b-35e35kdo1b] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.form[b-35e35kdo1b] {
    padding-bottom: 3px;
}

#StudentReportMobileMobileHeader[b-35e35kdo1b] {
    text-align: center;
}


#divStudentReportMobile[b-35e35kdo1b] {
    display: block;
}

@media only screen and (min-device-width : 600px) and (max-device-width : 800px) 
{
    #monthly-mark-schedule[b-35e35kdo1b] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #monthly-mark-schedule[b-35e35kdo1b] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 720px) and (max-device-width : 1280px) {
    #monthly-mark-schedule[b-35e35kdo1b] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px) {
    #monthly-mark-schedule[b-35e35kdo1b] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) {
    #monthly-mark-schedule[b-35e35kdo1b] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 900px) and (max-device-width : 1600px) {
    #monthly-mark-schedule[b-35e35kdo1b] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1050px) and (max-device-width : 1680px) {
    #monthly-mark-schedule[b-35e35kdo1b] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1080px) and (max-device-width : 1920px) {
    #monthly-mark-schedule[b-35e35kdo1b] {
        max-width: calc(100vw - 80px);
    }
} 
/* /Pages/Teachers/MarkScheduleTermly.razor.rz.scp.css */
/* Code for CSS table */
#cssTable[b-dkh7nirl5h] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}



.table[b-dkh7nirl5h] {
    display: table;
}

.table-row[b-dkh7nirl5h] {
    display: table-row;
}

.table-cell[b-dkh7nirl5h] {
    display: table-cell;
    padding: 2px !important;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-dkh7nirl5h] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-dkh7nirl5h] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-dkh7nirl5h] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-dkh7nirl5h] {
    display: block;
}

.yesPrint[b-dkh7nirl5h] {
    display: block !important;
}



#mark-schedule[b-dkh7nirl5h] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;   
    width: 100%;
    height: 500px;
    overflow: scroll;
}


#tbl-mark-schedule[b-dkh7nirl5h] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}


.SmallFonts-heading[b-dkh7nirl5h] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-dkh7nirl5h] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-dkh7nirl5h] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-dkh7nirl5h], table.table td[b-dkh7nirl5h] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}


table.table thead tr.tblHeaderClass[b-dkh7nirl5h] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.form[b-dkh7nirl5h] {
    padding-bottom: 3px;
}

#StudentReportMobileMobileHeader[b-dkh7nirl5h] {
    text-align: center;
}


#divStudentReportMobile[b-dkh7nirl5h] {
    display: block;
}

@media only screen and (min-device-width : 600px) and (max-device-width : 800px) 
{
    #termly-mark-schedule[b-dkh7nirl5h] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #termly-mark-schedule[b-dkh7nirl5h] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 720px) and (max-device-width : 1280px) {
    #termly-mark-schedule[b-dkh7nirl5h] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1280px) {
    #termly-mark-schedule[b-dkh7nirl5h] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) {
    #termly-mark-schedule[b-dkh7nirl5h] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 900px) and (max-device-width : 1600px) {
    #termly-mark-schedule[b-dkh7nirl5h] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1050px) and (max-device-width : 1680px) {
    #termly-mark-schedule[b-dkh7nirl5h] {
        max-width: calc(100vw - 80px);
    }
}

@media only screen and (min-device-width : 1080px) and (max-device-width : 1920px) {
    #termly-mark-schedule[b-dkh7nirl5h] {
        max-width: calc(100vw - 80px);
    }
} 
/* /Pages/Teachers/MonthlyMarksEntryClassSubjects.razor.rz.scp.css */
#div-acc[b-1a0d7004na] {
    margin-top: 10px;
}

.table td[b-1a0d7004na], .table th[b-1a0d7004na]{
    padding:0px;
}
a[b-1a0d7004na], .btn-link[b-1a0d7004na]{
    font-size:14px;
}

.text-black[b-1a0d7004na] {
    color: #000;
}
.text-vertical[b-1a0d7004na] {
    writing-mode: vertical-lr;
    padding: 5px;
    width: auto;
}

.text-green-yellow[b-1a0d7004na] {
    color: greenyellow;
}
.termly-marks-entry[b-1a0d7004na] {
    display: flex;
    flex-direction: row;
    max-width: calc(100vw - 80px);
    justify-content: flex-start;
    margin: 5px;
}

#entry-subjects[b-1a0d7004na] {
    width: 400px;
    margin-left: 2px;
    max-height: 70vh;
    overflow-x: scroll;
    background-color: #808080;
   /* flex: 0 0 400px;   - Do not use this - you will not be able to resize this container*/
    flex-shrink: 0;
    flex-grow: 0;
}
#entry-marks[b-1a0d7004na] {
    flex-grow: 1;
    border: 1px green solid;
    overflow-x: scroll;
    max-height: 70vh;
    overflow:hidden;
}

#entry-subjects-header[b-1a0d7004na]{
    display:flex;
    flex-wrap:nowrap;
}
.subjects-middle[b-1a0d7004na] {
    flex-grow: 1;
}
.subjects-left[b-1a0d7004na], .subjects-right[b-1a0d7004na] {
    width: 40px;
    flex-grow: 0;
    padding:5px;
}



#entry-marks-container[b-1a0d7004na] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#entry-marks-header[b-1a0d7004na] {
    height: 11vh;
    flex-grow: 0;
    flex-shrink:0;
    padding: 5px;
}

#entry-marks-detail[b-1a0d7004na] {
    max-width: calc(100vw - 90px);
    flex-grow: 1;
    height: 50vh;
    overflow-x: hidden;
}

#entry-marks-footer[b-1a0d7004na] {

    height: 10vh;
    flex-grow: 0;
    flex-shrink: 0;
}

a[b-1a0d7004na], .btn-link[b-1a0d7004na] {
    font-size: 12px;
/*    color: greenyellow;*/
}
td a[b-1a0d7004na] {
    color: greenyellow;
}
tr[b-1a0d7004na], td[b-1a0d7004na] {
    background-color: grey !important;
}
    a:hover[b-1a0d7004na] {
        color: #000;
    }

.btn-link[b-1a0d7004na] {
    line-height: 20px;
   /* color: greenyellow;*/
}

.table td[b-1a0d7004na], .table th[b-1a0d7004na], .card-header[b-1a0d7004na], .card-body[b-1a0d7004na] {
    padding: 2px;
}


tr:hover[b-1a0d7004na] {
    color: greenyellow;
    background-color: #000;
}

.card-header[b-1a0d7004na] {
  /*  color: greenyellow;*/
}

#termly-marks-entry-instructions[b-1a0d7004na]{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    margin:5px;
}
#subjects-instructions[b-1a0d7004na] {
    width: 400px;
    height:auto;
    flex-grow: 0;
    flex-shrink: 0;
/*    border: 1px solid brown;*/
    padding:5px;
}
#marks-instructions[b-1a0d7004na] {
    max-width: calc(100vw - 90px);
    flex-grow: 1;
/*    border: 1px solid green;*/
    padding:5px;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content[b-1a0d7004na] {
    font-size: 18px;
    color: black;
}
/* /Pages/Teachers/MonthlyMarksEntryClassSubjectsPanels.razor.rz.scp.css */

/* 3 Panels CSS */
.text-light-coral[b-6yhn6spvvg] {
    color: lightcoral;
}

#outer-div[b-6yhn6spvvg] {
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full viewport height */
    width: 98%; /* Full width */
    flex-direction: column;
}

#page-bar[b-6yhn6spvvg] {
    display: flex;
    flex-wrap: nowrap;
    max-width: 98%;
    min-width: 98%;
    padding: 1px 10px;
    /*width: 65vw;  Full width of parent */
}

#page-bar-right[b-6yhn6spvvg] {
    margin-left: auto;
}

.parent-container[b-6yhn6spvvg] {
    display: flex;
    height: 50vh;
    max-height: 50vh;
    /*width: 65vw;*/
    max-width: 98%;
    min-width: 98%;
    flex-grow: 1;
    overflow-x: auto;
    padding: 0px;
    border: 1px solid #ccc;
}

.panel[b-6yhn6spvvg] {
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    margin: 5px;
    transition: flex 0.3s ease;
    height: 90%; /* Maintain full height */
    position: relative;
}

.panel-header[b-6yhn6spvvg] {
    background-color: #706e6e;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-title[b-6yhn6spvvg] {
    color: greenyellow;
    margin-right: auto; /* Push title to the left */
}

.panel-content[b-6yhn6spvvg] {
    padding: 10px;
    background-color: #fff;
    flex-grow: 1;
}

.collapsed-title[b-6yhn6spvvg] {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    writing-mode: vertical-rl;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* End of 3 Panels CSS*/

.body-height[b-6yhn6spvvg] {
    height: 220px;
}

.body-height-table[b-6yhn6spvvg] {
    max-height: 45%;
    overflow-y: auto;
}

#mark-update-form[b-6yhn6spvvg] {
    max-height: 85%;
    overflow-y: auto;
}

.read-only-label[b-6yhn6spvvg] {
    color: saddlebrown;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: bold;
    text-align: right;
}

entry-label[b-6yhn6spvvg] {
    font-size: 1.2rem;
}

.card #class-subjects[b-6yhn6spvvg] {
    margin-top: 8px;
}

a[b-6yhn6spvvg] {
    text-decoration: none;
}

.btn-light-greenyellow[b-6yhn6spvvg] {
    color: greenyellow;
    border: 1px solid greenyellow;
}

    .btn-light-greenyellow:hover[b-6yhn6spvvg] {
        color: white;
        border: 1px solid white;
        font-size: 1.2rem;
    }

.pr-5[b-6yhn6spvvg] {
    padding-right: 10px;
}

.ml-5[b-6yhn6spvvg] {
    margin-left: 5px;
}


.grid[b-6yhn6spvvg] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-6yhn6spvvg]  table {
        min-width: 100%;
    }

[b-6yhn6spvvg] table {
    min-width: 100%;
}
/* Sticky header while scrolling */
[b-6yhn6spvvg] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-6yhn6spvvg] tr {
    height: 25px;
    border-bottom: 0.5px solid silver;
}

[b-6yhn6spvvg] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}


[b-6yhn6spvvg] th.search-column {
    width: 14rem;
}

/* Subtle stripe effect */
[b-6yhn6spvvg] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-6yhn6spvvg] tbody tr {
    height: 1.8rem;
}

.quickgrid[theme=default] .col-title[b-6yhn6spvvg] {
    gap: 0.2rem;
    font-weight: bold;
}

.k-area[b-6yhn6spvvg] {
    height: 200px;
    background-color: #706e6e;
    color: greenyellow;
    padding: 60px 10px;
    text-align: center;
    font-size: 18px;
}

.e-grid .e-content[b-6yhn6spvvg] {
    height: 250px;
}

.btn-bg-gray[b-6yhn6spvvg] {
    background-color: #706e6e;
    width: 170px;
}

    .btn-bg-gray:hover[b-6yhn6spvvg] {
        border-color: greenyellow;
    }

.btn .btn-large[b-6yhn6spvvg] {
    width: 60px;
}

.text-green-yellow:hover[b-6yhn6spvvg] {
    font-size: 1.1rem;
    /* color: yellow;*/
}

.text-center[b-6yhn6spvvg] {
    text-align: center;
}

.text-right[b-6yhn6spvvg] {
    text-align: right;
}

.text-green-yellow[b-6yhn6spvvg] {
    color: greenyellow;
    /* font-size: 18px;*/
}

input[readonly][b-6yhn6spvvg] {
    background-color: gray;
    border: 1px solid saddlebrown;
    color: saddlebrown;
    cursor: not-allowed;
}

.btn .btn-border[b-6yhn6spvvg] {
    border: solid 1px #fff;
}

.selected-row[b-6yhn6spvvg] {
    /*background-color: #706e6e;*/
    color: brown !important;
    font-weight: bold;
    /*    font-size: 1.1rem;*/
}

#show-footer[b-6yhn6spvvg] {
    margin-top: 2px;
    padding: 10px;
    width: 98%;
}

.text-color-red[b-6yhn6spvvg] {
    /*    color:red;*/
    font-size: 16px;
    font-weight: bold;
}

.text-gold[b-6yhn6spvvg] {
    color: gold;
    /*  #ffc107;*/
}

.bi .bi-list-ol[b-6yhn6spvvg] {
    font-size: 32px;
}
/* /Pages/Teachers/NotificationsOptions.razor.rz.scp.css */

.text-light-greenyellow[b-syerfjq4k7] {
    color: greenyellow !important;
}

#notification-menu[b-syerfjq4k7] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-syerfjq4k7] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-syerfjq4k7] {
    padding: 5px !important;
}

.show-classs[b-syerfjq4k7]{
    display:block;
}
.hide-classs[b-syerfjq4k7]{
    display:none;
}

.show-student[b-syerfjq4k7] {
    display: block;
}

.hide-student[b-syerfjq4k7] {
    display: none;
}
/* /Pages/Teachers/OnlineExamClassSummaryResults.razor.rz.scp.css */

#page-bar[b-66jewzeumc] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-66jewzeumc] {
    margin-left: auto;
}

.btn-light-gray[b-66jewzeumc] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-66jewzeumc] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-66jewzeumc] {
    font-weight: 700;
}

.student-onlin-results[b-66jewzeumc] {
    display: flex;
    height: 90vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-66jewzeumc] {
    /*    background-color: red;*/
    width: 80%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-66jewzeumc] {
    /*  background-color: blue;*/
    width: 80%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-66jewzeumc], #flex-items4[b-66jewzeumc], #results-footer[b-66jewzeumc] {
    /*    background-color: green;*/
    width: 80%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#exam-body[b-66jewzeumc], #flex-items4[b-66jewzeumc] {
    max-height: 30vh;
    overflow-y: scroll;
}

#flex-items4[b-66jewzeumc] {
    border-bottom: 1px solid #808080;
}
    .text-light-greenyellow[b-66jewzeumc] {
        color: greenyellow;
    }

.mt-20[b-66jewzeumc] {
    margin-top: 20px !important;
}
.card-header[b-66jewzeumc] {
    padding: 5px 10px;
}

a[b-66jewzeumc] {
    text-decoration: none;
}

.card-footer[b-66jewzeumc] {
    background-color: #808080;
    padding: 10px;
}
/* /Pages/Teachers/OnlineExamIndex.razor.rz.scp.css */
#page-bar[b-bl0p53m0i4] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-bl0p53m0i4] {
    margin-left: auto;
}

.btn-light-gray[b-bl0p53m0i4] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-bl0p53m0i4] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-bl0p53m0i4] {
    font-weight: 700;
}

.container-fluid[b-bl0p53m0i4] {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.col-md-12[b-bl0p53m0i4] {
    border: 2px solid #808080;
    padding: 0px;
}

   /* .col-md-12.card-footer {
        height: 8vh;
    }*/

.student-online-exams[b-bl0p53m0i4] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

.title[b-bl0p53m0i4], #flex-item-1[b-bl0p53m0i4], #flex-item-2[b-bl0p53m0i4] {
    background-color: #808080;
    color: greenyellow;
    font-size: larger;
    width: 50vw;
}

#flex-item-2[b-bl0p53m0i4] {
    text-align: right;
    padding-right: 5px;
}

.list-group-item-custom[b-bl0p53m0i4] {
    padding: 5px;
    background-color: lightgrey;
    width: 100%;
}

.list-group-custom[b-bl0p53m0i4] {
    width: 50vw;
}

#flex-items1[b-bl0p53m0i4] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-bl0p53m0i4] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
    overflow-y: auto;
}

#flex-items3[b-bl0p53m0i4] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.bg-grey[b-bl0p53m0i4] {
    background: #706e6e;
}

.text-light-greenyellow[b-bl0p53m0i4] {
    color: greenyellow;
}

.title[b-bl0p53m0i4], #flex-item-1[b-bl0p53m0i4] {
    background-color: darkgray;
    color: greenyellow;
    font-size: larger;
}

a[b-bl0p53m0i4] {
    text-decoration: none;
}
#flex-item-2[b-bl0p53m0i4] {
    text-align: right;
    padding-right: 5px;
}
.text-right[b-bl0p53m0i4]{
    text-align:right;
}
.card-header[b-bl0p53m0i4]{
    padding:5px 10px;
}
/* /Pages/Teachers/OnlineExamListForTeacher.razor.rz.scp.css */

#page-bar[b-phep41t9ca] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-phep41t9ca] {
    margin-left: auto;
}

.btn-light-gray[b-phep41t9ca] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-phep41t9ca] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-phep41t9ca] {
    font-weight: 700;
}

.online-exams-list[b-phep41t9ca] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-phep41t9ca] {
    /*    background-color: red;*/
    width: 80%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-phep41t9ca] {
    /*  background-color: blue;*/
    width: 80%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-phep41t9ca] {
    /*    background-color: green;*/
    width: 80%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#exam-body[b-phep41t9ca] {
    max-height: 55vh;
    overflow-y: scroll;
}


.text-light-greenyellow[b-phep41t9ca] {
    color: greenyellow;
}

.mt-20[b-phep41t9ca] {
    margin-top: 20px !important;
}

.card-header[b-phep41t9ca] {
    padding: 5px 10px;
}

a[b-phep41t9ca] {
    text-decoration: none;
}

.card-footer[b-phep41t9ca] {
    background-color: #808080;
    padding: 10px;
}
/* /Pages/Teachers/OnlineExamPreview.razor.rz.scp.css */
.list-group-item[b-zo7rfpvsep] {
    padding: 0px !important;
}

    .list-group-item[b-zo7rfpvsep]
    {
        cursor:pointer;
    }
    .list-group-item.active[b-zo7rfpvsep] {
        background-color: lightgray;
        color:lightcoral;
    }
#page-bar[b-zo7rfpvsep] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-zo7rfpvsep] {
    margin-left: auto;
}

#question-responses[b-zo7rfpvsep], #div-questions[b-zo7rfpvsep] {
    height: 60vh;
    overflow: hidden;
}

    #question-responses .card-body[b-zo7rfpvsep], #div-questions .card-body[b-zo7rfpvsep] {
        height: 40vh;
        overflow-y: auto;
    }

.btn-light-gray[b-zo7rfpvsep] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-zo7rfpvsep] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-zo7rfpvsep] {
    font-weight: 700;
}

.exam-questions-preview[b-zo7rfpvsep] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
    overflow-y: scroll;
    /*    border: 2px solid #808080;*/
}

#flex-items-1[b-zo7rfpvsep] {
    width: 80%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 0px;
}

.card-body[b-zo7rfpvsep] {
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
}

.flex-items-2[b-zo7rfpvsep] {
    width: 80%;
    padding: 5px 20px;
    border: 2px solid #808080;
}


#ExamQuestions[b-zo7rfpvsep] {
    max-width: 8vw;
}

.list-group-item[b-zo7rfpvsep] {
    font-size: 22px;
    font-weight: 700;
}

.flex-items-3[b-zo7rfpvsep] {
    width: 80%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 0px;
}

.card-footer[b-zo7rfpvsep] {
    background-color: #808080;
    padding: 10px;
}

.card-header[b-zo7rfpvsep] {
    padding: 5px 10px;
}

a[b-zo7rfpvsep] {
    text-decoration: none;
}
.radio-left[b-zo7rfpvsep]{
    margin-left:10px;
}
/* The container */
.container[b-zo7rfpvsep] {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-top:0px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .container input[b-zo7rfpvsep] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark[b-zo7rfpvsep] {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark[b-zo7rfpvsep] {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark[b-zo7rfpvsep] {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark[b-zo7rfpvsep]:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark[b-zo7rfpvsep]:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark[b-zo7rfpvsep]:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}


@media all and (max-width: 767px) {
    .exam-questions-preview[b-zo7rfpvsep] {
        height: 100vh;
    }

    .flex-items-2[b-zo7rfpvsep] {
        height: 80%;
    }

    #question-responses[b-zo7rfpvsep] {
        height: 90%;
        width: 80vw;
    }

    #div-questions[b-zo7rfpvsep] {
        display: none;
    }

    .fa-2x[b-zo7rfpvsep] {
        font-size: 28px;
        font-weight: 700;
    }
    /* #div-questions .card-footer {
            display: none;
        }*/

    .flex-items-3 .card-footer[b-zo7rfpvsep] {
        background: none;
        border-bottom: 2px solid #808080;
    }

        .flex-items-3 .card-footer h5[b-zo7rfpvsep] {
            display: none;
        }
    /*#div-questions .card-body {
        height: 10%;
        overflow-y: auto;
    }*/
    #question-responses .card-body[b-zo7rfpvsep] {
        height: 80%;
        overflow-y: auto;
    }
}
/* /Pages/Teachers/OnlineExamPreviewList.razor.rz.scp.css */
#page-bar[b-d44ke5qbdo] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-d44ke5qbdo] {
    margin-left: auto;
}

.btn-light-gray[b-d44ke5qbdo] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-d44ke5qbdo] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-d44ke5qbdo] {
    font-weight: 700;
}

.teacher-exam-preview-list[b-d44ke5qbdo] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-d44ke5qbdo] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-d44ke5qbdo] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items-3[b-d44ke5qbdo] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
.card-header[b-d44ke5qbdo]{
    padding:5px 10px;
}

a[b-d44ke5qbdo]{
    text-decoration:none;
}
.card-footer[b-d44ke5qbdo] {
    border: 1px solid #808080;
    padding:10px;
}
/* /Pages/Teachers/OnlineExamPublish.razor.rz.scp.css */
#page-bar[b-v5yy62war8] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-v5yy62war8] {
    margin-left: auto;
}

.exam-questions-publish[b-v5yy62war8] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
    overflow-y: scroll;
}

#flex-items-1[b-v5yy62war8] {
    width: 80%;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
    padding: 0px;
}

#flex-items-2[b-v5yy62war8] {
    width: 80%;
    padding: 5px 20px;
    border: 2px solid #808080;
}

#flex-items-3[b-v5yy62war8] {
    width: 80%;
    padding:0px;
    border: 2px solid #808080;
}
#exams-list[b-v5yy62war8]{
height:50vh;
overflow-y:auto;
}
.card-header[b-v5yy62war8] {
    padding: 5px 10px;
}

a[b-v5yy62war8] {
    text-decoration: none;
}

.card-footer[b-v5yy62war8] {
    border: 1px solid #808080;
    padding: 10px;
}
/* /Pages/Teachers/OnlineExamSetup.razor.rz.scp.css */
#page-bar[b-tjhzf7d6bk] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-tjhzf7d6bk] {
    margin-left: auto;
}
.card-header[b-tjhzf7d6bk]{
    padding:10px;
}
a[b-tjhzf7d6bk] {
    text-decoration: none;
}
.btn-light-gray[b-tjhzf7d6bk] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-tjhzf7d6bk] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-tjhzf7d6bk] {
    font-weight: 700;
}
.exam-setu-entry[b-tjhzf7d6bk]{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    /*border:2px solid #808080;*/
    height:90vh;
}
#flex-items-2[b-tjhzf7d6bk] {
    padding: 7px;
    max-height: 60vh;
    overflow-y: auto;
    border-left: 2px solid #808080;
    border-right: 2px solid #808080;
}
.card-footer[b-tjhzf7d6bk]{
    padding:10px;
}
/* /Pages/Teachers/OnlineExamSetupShowList.razor.rz.scp.css */

#page-bar[b-86huam25ij] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-86huam25ij] {
    margin-left: auto;
}

.btn-light-gray[b-86huam25ij] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-86huam25ij] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-86huam25ij] {
    font-weight: 700;
}

.online-exams-list[b-86huam25ij] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-86huam25ij] {
    /*    background-color: red;*/
    width: 80%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-86huam25ij] {
    /*  background-color: blue;*/
    width: 80%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-86huam25ij] {
    /*    background-color: green;*/
    width: 80%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#exam-body[b-86huam25ij] {
    max-height: 55vh;
    overflow-y: scroll;
}


.text-light-greenyellow[b-86huam25ij] {
    color: greenyellow;
}

.mt-20[b-86huam25ij] {
    margin-top: 20px !important;
}
/* /Pages/Teachers/OnlineExamShowList.razor.rz.scp.css */
#page-bar[b-p3wkffugyb] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-p3wkffugyb] {
    margin-left: auto;
}

.btn-light-gray[b-p3wkffugyb] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-p3wkffugyb] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-p3wkffugyb] {
    font-weight: 700;
}

.card-header[b-p3wkffugyb] {
    padding: 10px;
}

a[b-p3wkffugyb] {
    text-decoration: none;
}

.teacher-exam-preview-list[b-p3wkffugyb] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-p3wkffugyb] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-p3wkffugyb] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items-3[b-p3wkffugyb] {
    width: 70%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
.card-footer[b-p3wkffugyb] {
    border: 1px solid #808080;
    padding: 10px;
    background-color: #808080;
}
/* /Pages/Teachers/OnlineExamsMenu.razor.rz.scp.css */
#teacher-exams-menu[b-m4bq4i5b4m] {
    width: 90%;
}

.list-group-item[b-m4bq4i5b4m] {
    line-height: 0.8em;
}
a[b-m4bq4i5b4m]{
    text-decoration:none;
}
.pr-5[b-m4bq4i5b4m]{
    padding-right:5px;
}
.bg-dark-gray[b-m4bq4i5b4m] {
    background-color: dimgrey;
}
/* /Pages/Teachers/OnlineExamsQuestionsAndResponses.razor.rz.scp.css */

#page-bar[b-nae4t6esc7] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-nae4t6esc7] {
    margin-left: auto;
}

.page-header[b-nae4t6esc7] {
    padding: 10px;
}

a[b-nae4t6esc7] {
    text-decoration: none;
}

.btn-light-gray[b-nae4t6esc7] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-nae4t6esc7] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-nae4t6esc7] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.exam-questions-setup[b-nae4t6esc7] {
    display: flex;
    height: 95vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
/*    overflow-y: scroll;*/
}

.flex-items-1[b-nae4t6esc7] {
    width: 70vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

#flex-items-2[b-nae4t6esc7] {
    width: 70vw;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 5px;
    max-height: 50vh;
    overflow-y: auto;
}

#flex-items-3[b-nae4t6esc7] {
    width: 70vw;
    border: 1px solid #808080;
    padding: 10px;
    background-color: #808080;
}

#flex-items-4[b-nae4t6esc7] {
    width: 70vw;
    border: 1px solid #808080;
    padding: 5px;
    max-height: 20vh;
    overflow-y: scroll;
}

#online-exam-questions-entry[b-nae4t6esc7], #online-exam-responses-entry[b-nae4t6esc7] {
    max-height: 50vh;
    overflow-y: auto;
    width: 100%;
}

#online-exam-questions-view[b-nae4t6esc7], #online-exam-responses-view[b-nae4t6esc7] {
    max-height: 20vh;
    width: 100%;
    overflow-y: scroll;
}

table-sm[b-nae4t6esc7]{
    font-size:smaller;
}
td[b-nae4t6esc7]{
    padding:0.1em;
    font-size:12px;
}
/*.row {
    --bs-gutter-x: 5px !important;
    margin-left:0px!important;
}*/
.fa-2x[b-nae4t6esc7] {
    font-size: 1.5em;
}
.p-5[b-nae4t6esc7]{
    padding:5px;
}

.form-control-readonly[b-nae4t6esc7] {
    height: 30px !important;
    border: 1px solid #ff6a00 !important;
    padding: .255rem .45rem !important;
}

    .form-control:focus[b-nae4t6esc7] {
        border: 1px solid #105020 !important;
    }

.label-format[b-nae4t6esc7] {
    padding-bottom: 0px !important;
}

.form-control[b-nae4t6esc7] {
    height: 30px !important;
    border: 1px solid #105022 !important;
    padding: .255rem .45rem !important;
}
/* /Pages/Teachers/OnlineExamsQuestionsEntry.razor.rz.scp.css */
.label-format[b-rm67ehw7w4] {
    font-weight: 700;
}

.card-header[b-rm67ehw7w4] {
    padding: 5px;
}

#div-body-questions[b-rm67ehw7w4] {
    border: 2px solid #808080;
    padding: 5px;
}

.pt-5 .pb-5[b-rm67ehw7w4] {
    padding: 5px;
}

.text-left[b-rm67ehw7w4] {
    padding: 5px;
}
/*.btn-light-gray {
    background-color: #fff;
    color: #000;
    height: 30px !important;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }*/
.btn-light-gray[b-rm67ehw7w4] {
    background-color: #706e6e;
    height: 30px !important;
    color: greenyellow;
    width: 120px;
    border: 1px solid greenyellow;
}

    .btn-light-gray:hover[b-rm67ehw7w4] {
        background-color: #808080;
        color: #fff;
        font-size: 1.1em;
        border: 1px solid #fff;
    }

.form-control[b-rm67ehw7w4] {
    height: 30px !important;
    border: 1px solid #ff6a00 !important;
  /*  padding: .255rem .45rem !important;*/
    padding: 0.65em !important;
}

.pl-5[b-rm67ehw7w4] {
    padding-left: 5px !important;
}

.p-5[b-rm67ehw7w4] {
    padding: 5px !important;
}

.pr-5[b-rm67ehw7w4] {
    padding-right: 5px !important;
}
.btn-light-greenyellow[b-rm67ehw7w4] {
    color: #c8f288 !important;
    border: 1px solid #c8f288;
    width: 100px;
}
    .btn-light-greenyellow:hover[b-rm67ehw7w4] {
        color: greenyellow !important;
        border: 1px solid greenyellow;
        width: 100px;
        font-size: 1.1em;
    }

.form-control-readonly[b-rm67ehw7w4] {
    height: 30px !important;
    border: 1px solid green !important;
    padding: .255rem .45rem !important;
    width:120px;
}
/* /Pages/Teachers/OnlineExamsQuestionsView.razor.rz.scp.css */
#tblQuestionsList[b-dyf7wfw9bb] {
    width: 100%;
}

.bg-dark-gray[b-dyf7wfw9bb] {
    border-color: #808080;
}

a[b-dyf7wfw9bb] {
    text-decoration: none;
}

a:hover[b-dyf7wfw9bb]{
    color:#000;
    font-size:1.1em;
}
td[b-dyf7wfw9bb] {
    padding: 0.1em;
    font-size: 12px;
}
/* /Pages/Teachers/OnlineExamsResponsesEntry.razor.rz.scp.css */
.btn-light-gray[b-gphq62ez8q] {
    background-color: #706e6e;
    height: 30px !important;
    color: greenyellow;
    width: 120px;
    border: 1px solid greenyellow;
}

    .btn-light-gray:hover[b-gphq62ez8q] {
        background-color: #808080;
        color: #fff;
        font-size: 1.1em;
        border: 1px solid #fff;
    }

.form-control[b-gphq62ez8q] {
    height: 30px !important;
    border: 1px solid #ff6a00 !important;
    padding: .275rem .55rem !important;
}
.p-5[b-gphq62ez8q]{
    padding:5px!important;
}

.pr-5[b-gphq62ez8q] {
    padding-right: 5px !important;
}
.btn-light-greenyellow[b-gphq62ez8q] {
    color: #c8f288 !important;
    border: 1px solid #c8f288;
    width: 100px;
}
    .btn-light-greenyellow:hover[b-gphq62ez8q] {
        color: greenyellow !important;
        border: 1px solid greenyellow;
        width: 100px;
        font-size: 1.1em;
    }
/* /Pages/Teachers/OnlineExamsResponsesView.razor.rz.scp.css */
a[b-7080yk9v98] {
    text-decoration: none;
}

    a:hover[b-7080yk9v98] {
        color: #000;
        font-size: 1.1em;
    }
td[b-7080yk9v98] {
    padding: 0.1em;
    font-size: 12px;
}
/* /Pages/Teachers/OnlineExamsTeacherClassesTaught.razor.rz.scp.css */
.bg-dark-gray[b-f4iho6qqrq]{
    background-color:dimgrey;
}
table td[b-f4iho6qqrq] {
    background-color: dimgrey;
}
a[b-f4iho6qqrq] {
    text-decoration: none;
}
.pl-5[b-f4iho6qqrq]{
    padding-left:5px;
}
/* /Pages/Teachers/OnlineExamsTeacherClassSubjects.razor.rz.scp.css */
#page-bar[b-ltcf6vgka7] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ltcf6vgka7] {
    margin-left: auto;
}
.card-header[b-ltcf6vgka7]{
    padding:10px;
}
a[b-ltcf6vgka7] {
    text-decoration: none;
}
.btn-light-gray[b-ltcf6vgka7] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ltcf6vgka7] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-ltcf6vgka7] {
    font-weight: 700;
}

.teacher-class-subjects[b-ltcf6vgka7] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items-1[b-ltcf6vgka7] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items-2[b-ltcf6vgka7] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
    height:40vh;
    overflow-y:auto;
}
#flex-items-3[b-ltcf6vgka7] {
    width: 50%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
.card-footer[b-ltcf6vgka7] {
    border: 1px solid #808080;
    padding:10px;
}
/* /Pages/Teachers/OnlineExamStudentResultDetails.razor.rz.scp.css */
.card-header[b-xtnv25trdp]{
    padding:0px!important;
}
/* /Pages/Teachers/Profiles.razor.rz.scp.css */
.list-group-item[b-t2lub8leel] {
    background-color: #706e6e;
}
.mt-5[b-t2lub8leel] {
    margin-top: 5px !important;
    border: 1px solid greenyellow;
}
.p-5[b-t2lub8leel]{
    padding:5px!important;
}

ul li a[b-t2lub8leel] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 18px;
    font-size: 16px;
    color: greenyellow;
    padding-left: 10px;
    transition: 0.4s;
    overflow: hidden;
}

    ul a i[b-t2lub8leel] {
        margin-right: 16px;
    }

ul li:hover a[b-t2lub8leel] {
    color: greenyellow;
    padding-left: 20px;
    font-size: 18px;
/*    background-color: black;*/
}
/* /Pages/Teachers/SchoolProfile.razor.rz.scp.css */
#page-bar[b-n7v2smaprr] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-n7v2smaprr] {
    margin-left: auto;
}


/*.school-profile {
    margin-top: 3%;
    max-width: calc(90vw - 630px);
    max-height: 70vh;
    overflow-y: auto;
}*/
#form-wrapper[b-n7v2smaprr] {
    height: 60vh;
    overflow-y: auto;
}

.btn-light-gray[b-n7v2smaprr] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-n7v2smaprr] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-n7v2smaprr] {
    font-weight: 700;
}

.top-school-div[b-n7v2smaprr] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-n7v2smaprr] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-n7v2smaprr] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-n7v2smaprr] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Teachers/StudentAttendancePage.razor.rz.scp.css */
.mnu-right[b-k23h7mhjw1] {
    /* float: right;*/
}

.list-group[b-k23h7mhjw1] {
    line-height: 10px;
}

.hide-div[b-k23h7mhjw1] {
    /*height:0px;*/
    display: none;
}

.show-div[b-k23h7mhjw1] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-k23h7mhjw1] {
    color: #ADFF2F !important;
}

a[b-k23h7mhjw1] {
    text-decoration: none;
}

.footer-div[b-k23h7mhjw1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.list-group[b-k23h7mhjw1] {
    width: 220px;
    line-height: 10px;
}

.teacher-classes[b-k23h7mhjw1] {
    max-height: 40vh;
    overflow-y: scroll;
}

.pl-5[b-k23h7mhjw1] {
    padding-left: 5px;
}

.list-group-item[b-k23h7mhjw1] {
    background-color: #706e6e;
    color: greenyellow;
}

    .list-group-item:hover[b-k23h7mhjw1] {
        background-color: #000000;
        color: greenyellow;
    }

a[b-k23h7mhjw1], .btn-link[b-k23h7mhjw1] {
    color: #ADFF2F !important;
}
/*tbody{
    background-color: #706e6e;
}
*/
#teacher-marks-entry-card-body[b-k23h7mhjw1], #teacher-marks-entry-list-group[b-k23h7mhjw1] {
    padding: 0px !important;
}

.list-group[b-k23h7mhjw1] {
    width: auto !important;
}

tr[b-k23h7mhjw1], td[b-k23h7mhjw1] {
    background-color: grey !important;
}
/* /Pages/Teachers/StudentClassList.razor.rz.scp.css */
#page-bar[b-mggp6t3y3e] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-mggp6t3y3e] {
    margin-left: auto;
}

.card-body[b-mggp6t3y3e]{
    height:70vh;
    overflow-y:scroll;
}
.students-in-class[b-mggp6t3y3e] {
    display: flex;
    max-width: calc(100vw - 630px);
    /*max-height: 70vh;*/
    overflow-y: auto;
    align-items: center;
    justify-items: center;
    height: 100vh;
}

/* /Pages/Teachers/StudentClassList01.razor.rz.scp.css */
.card-body[b-av7a1zwipc], th[b-av7a1zwipc]{
    padding:5px!important;
}
table[b-av7a1zwipc], .form-group[b-av7a1zwipc]{
    margin-bottom:0px!important;
}
#right-menu-bar-footer tr[b-av7a1zwipc], #right-menu-bar-footer td[b-av7a1zwipc] {
    background-color: grey !important;
}
/* /Pages/Teachers/StudentClassNotifications.razor.rz.scp.css */

.text-light-greenyellow[b-ysa5f40y1c] {
    color: greenyellow !important;
}

#notification-menu[b-ysa5f40y1c] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-ysa5f40y1c] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-ysa5f40y1c] {
    padding: 5px !important;
}
#page-bar[b-ysa5f40y1c] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ysa5f40y1c] {
    margin-left: auto;
}

.btn-light-gray[b-ysa5f40y1c] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ysa5f40y1c] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-ysa5f40y1c] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-ysa5f40y1c] {
    width:30vh;
    max-width:30vw;
 /*   display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;*/
}

#flex-items1[b-ysa5f40y1c] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-ysa5f40y1c] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-ysa5f40y1c] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Pages/Teachers/StudentECDReport.razor.rz.scp.css */

#divStudentTermResults[b-5gbots4pzf], #divReportHeader[b-5gbots4pzf] {
    border: solid 2px #808080;
    padding: 2px 2px 0px 2px;
}

#divOverallPositions[b-5gbots4pzf] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#tblStudentTermResults[b-5gbots4pzf] {
    font-family: arial;    
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-5gbots4pzf] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table.table th[b-5gbots4pzf], table.table td[b-5gbots4pzf] {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: small;
}

#divECDResults[b-5gbots4pzf] {
    height: 80vh;
    overflow-y: scroll;
}


/* Code for CSS table */
#cssTable[b-5gbots4pzf] {
    height: 400px;
    overflow-y: scroll;
    overflow-x: scroll;
}

.table[b-5gbots4pzf] {
    display: table;
}

.table-row[b-5gbots4pzf] {
    display: table-row;
}

.table-cell[b-5gbots4pzf] {
    display: table-cell;
    padding: 2px;
    border: 1px solid gray;
}

.table-row:nth-child(even)[b-5gbots4pzf] {
    background: lightblue;
}
/* Code above is for the table-cell formating */

div.dt-buttons[b-5gbots4pzf] {
    margin-left: 20px;
}

@page {
    size: A4 landscape;
    margin: 0mm;
}

#divStudentsArea[b-5gbots4pzf] {
    margin: 0px;
    padding: 0px;
}

.noPrint[b-5gbots4pzf] {
    display: block;
}

.yesPrint[b-5gbots4pzf] {
    display: block !important;
}


#divStudentTermResults[b-5gbots4pzf], #divReportHeader[b-5gbots4pzf] {
    border: solid 2px #808080;
    padding: 2px;
}

#divOverallPositions[b-5gbots4pzf] {
    font-family: Calibri;
    font-size: 10px;
    line-height: 0.9;
}

#divStudentReport[b-5gbots4pzf] {
    max-width: 100%;
    max-height: 100%;
    overflow-y: scroll;
}

#tblStudentTermResults[b-5gbots4pzf] {
    font-family: arial;
    font-size: 10px;
    line-height: 1;
}

#ZimCortOfArms img[b-5gbots4pzf] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*.SmallFonts {
        font-family: Calibri;
        font-size: 10px;
        line-height: 0.9;
    }*/
.SmallFonts-heading[b-5gbots4pzf] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-5gbots4pzf] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#imgCourOfArms[b-5gbots4pzf] {
    margin: 0px auto !important;
    padding: 2px !important;
}

table.table thead th[b-5gbots4pzf], table.table td[b-5gbots4pzf] {
    padding: 2px;
    font-family: Arial;
    font-size: 12px;
    line-height: 1.2;
}

/* if .col-1 width is not overwritten it takes 100% - for the why*/
.col-1[b-5gbots4pzf] {
    width: 8.33%;
}

table.table thead tr.tblHeaderClass[b-5gbots4pzf] {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.print-div[b-5gbots4pzf] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/Teachers/StudentECDReport01.razor.rz.scp.css */

#ecd-report[b-r2eccomg2x] {
    margin:0px;
    max-width: 240px;
    overflow-x:scroll;
}

#ecd-students-list[b-r2eccomg2x]{
    max-height:240px;
    max-width:240px;
    overflow:scroll;
}

table.table th[b-r2eccomg2x], table.table td[b-r2eccomg2x] {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: small;
}
#tbl-ecd-class-list[b-r2eccomg2x]{

}
form-control[b-r2eccomg2x] {
    width: 220px !important;
    line-height: 10px;
    height: 35px;
}

.control-label[b-r2eccomg2x] {
    width: 220px;
}

.form-group[b-r2eccomg2x] {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 2px !important;
}
/* /Pages/Teachers/StudentNotifications.razor.rz.scp.css */
#page-bar[b-ftstjeo55c] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ftstjeo55c] {
    margin-left: auto;
}

.btn-light-gray[b-ftstjeo55c] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ftstjeo55c] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-ftstjeo55c] {
    font-weight: 700;
}
/*.class-subjects {
        margin-top: 40px;
    }*/
.change-student-class[b-ftstjeo55c] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-ftstjeo55c] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-ftstjeo55c] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-ftstjeo55c] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-red[b-ftstjeo55c] {
    color: red;
}
.text-light-greenyellow[b-ftstjeo55c] {
    color: greenyellow !important;
}

#notification-menu[b-ftstjeo55c] {
    margin: 8px;
    border: solid 2px greenyellow;
}

.list-group[b-ftstjeo55c] {
    width: 100%;
    line-height: 10px;
}

.card-body[b-ftstjeo55c] {
    padding: 5px !important;
}
#page-bar[b-ftstjeo55c] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ftstjeo55c] {
    margin-left: auto;
}

.btn-light-gray[b-ftstjeo55c] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ftstjeo55c] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-ftstjeo55c] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-ftstjeo55c] {
    display: flex;
    height: 60vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-ftstjeo55c] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-ftstjeo55c] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-ftstjeo55c] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

/* /Pages/Teachers/StudentProfile.razor.rz.scp.css */
select[b-t4tifvfrzz] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-t4tifvfrzz] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-t4tifvfrzz] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-t4tifvfrzz] {
    border-radius: 0;
}

.webcam[b-t4tifvfrzz] {
    margin-top:10px;
}

.list-group-item[b-t4tifvfrzz] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-t4tifvfrzz] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-t4tifvfrzz] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-t4tifvfrzz] {
    background: #4285f4 !important;
}


#page-bar[b-t4tifvfrzz] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-t4tifvfrzz] {
    margin-left: auto;
}

#form-wrapper[b-t4tifvfrzz] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-t4tifvfrzz] {
    font-weight: 700;
}

.top-student-div[b-t4tifvfrzz] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-t4tifvfrzz] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-t4tifvfrzz] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-t4tifvfrzz] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Teachers/StudentSearchResults.razor.rz.scp.css */
select[b-i9g7n0bzyn] {
    border: none !important;
}

/*Overwrite these input-sm styles so the login buttons come aligned*/
.input-sm[b-i9g7n0bzyn] {
    height: 36px;
    border-radius: 0;
}

select.input-sm[b-i9g7n0bzyn] {
    height: 36px;
    line-height: 36px;
}

.input-group-addon[b-i9g7n0bzyn] {
    border-radius: 0;
}

.list-group-item[b-i9g7n0bzyn] {
    padding: 3px 10px;
    height: 30px;
    font-family: Calibri;
    font-size: smaller;
    text-decoration: none;
}

.btn-light-gray[b-i9g7n0bzyn] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-i9g7n0bzyn] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.bg-color[b-i9g7n0bzyn] {
    background: #4285f4 !important;
}


#page-bar[b-i9g7n0bzyn] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-i9g7n0bzyn] {
    margin-left: auto;
}

#form-wrapper[b-i9g7n0bzyn] {
    height: 60vh;
    overflow-y: auto;
}


.label-format[b-i9g7n0bzyn] {
    font-weight: 700;
}

.student-search[b-i9g7n0bzyn] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
    margin: 0 10px;
}

#flex-items1[b-i9g7n0bzyn] {
    /*    background-color: red;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-i9g7n0bzyn] {
    /*  background-color: blue;*/
    width: 50%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items3[b-i9g7n0bzyn] {
    /*    background-color: green;*/
    width: 50%;
  /*  height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}
/* /Pages/Teachers/StudentsMarkRegister.razor.rz.scp.css */
/* /Pages/Teachers/StudentsMonthlyReport.razor.rz.scp.css */
.bar-back-color[b-hnmut8sd9c] {
    background-color: teal;
}

table.table-sm th[b-hnmut8sd9c] {
    line-height: 0.5em;
}

.bordered[b-hnmut8sd9c] {
    border: solid 1px #000000;
}

#divMonthlyReport[b-hnmut8sd9c] {
    border: solid 1px #808080;
    padding: 10px;

}
#ZimCortOfArms img[b-hnmut8sd9c] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.container-fluid[b-hnmut8sd9c] {
    padding:5px;
 /*   padding-right: 0px;
    padding-left: 0px;*/
}
/*.bg-dark-gray {
    background-color: #706e6e!important;
}*/
.col-2[b-hnmut8sd9c], col-3[b-hnmut8sd9c], col-1[b-hnmut8sd9c], col-4[b-hnmut8sd9c], col-5[b-hnmut8sd9c] {
    padding-bottom: 0px !important;
}

table.table-sm td[b-hnmut8sd9c] {
    padding-bottom: 0px !important;
    font-size: smaller;
    font-family: Calibri;
}

table.table td[b-hnmut8sd9c], table.table td[b-hnmut8sd9c] {
    padding: 2px;
}

.width-100[b-hnmut8sd9c] {
    min-width: 100%;
    max-width: 100%;
}

.SmallFonts-heading[b-hnmut8sd9c] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-hnmut8sd9c] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}


.bg-dark-gray[b-hnmut8sd9c] {
    background-color: #706e6e!important;
}

.header-container[b-hnmut8sd9c] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.header-item[b-hnmut8sd9c] {
    /* Flex item also being a flex container*/
    display: flex;
    justify-content:center;
}

a[b-hnmut8sd9c]{
    text-decoration:none;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: block;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: none;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: block;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: none;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: block;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: none;
    }
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: block;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: none;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: block;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: none;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: block;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: none;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: block;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: none;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
    #divStudentReport[b-hnmut8sd9c], #divMonthlyReport[b-hnmut8sd9c] {
        display: none;
    }

    #divStudentReportMobile[b-hnmut8sd9c], #divMonthlyReportMobile[b-hnmut8sd9c] {
        display: block;
    }
}
.bg-grey[b-hnmut8sd9c] {
    background-color: #9e9e9e !important;
}
.print-div[b-hnmut8sd9c] {
    margin: 10px;
    padding: 10px;
    float: right;
}
/* /Pages/Teachers/StudentStatement.razor.rz.scp.css */
table[b-4w60m2b46x] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-4w60m2b46x] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-4w60m2b46x] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-4w60m2b46x], table.table td[b-4w60m2b46x] {
        padding: 7px;
    }

#page-bar[b-4w60m2b46x] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-4w60m2b46x] {
    margin-left: auto;
}

.student-statement[b-4w60m2b46x] {
    display: flex;
    max-height: 90%;
    height:80%;
    width: 80%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top:40px;
    border-radius: 5px;
    padding: 0;
    margin:auto;
    
}

#statement-header[b-4w60m2b46x] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-4w60m2b46x], #flex-item-2[b-4w60m2b46x], #flex-item-3[b-4w60m2b46x], #flex-item-4[b-4w60m2b46x] {
    width: 100%;
    border: 2px solid #808080;
}

 #flex-item-1[b-4w60m2b46x] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-4w60m2b46x] {
    height: 40vh;
    overflow-y: auto;
}

#flex-items-0[b-4w60m2b46x] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-print-button[b-4w60m2b46x] {
    margin-top: 10px;
}
.text-small[b-4w60m2b46x] {
    font-size: small;
}

.SmallFonts-heading[b-4w60m2b46x] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-4w60m2b46x] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
#mobile-display[b-4w60m2b46x]{
    display:none;
}
#school-details[b-4w60m2b46x] {
    text-align: left;
}

#student-details[b-4w60m2b46x] {
    text-align: right;
}

@media all and (max-width: 767px) {
    #mobile-display[b-4w60m2b46x] {
        display: block;
    }

    #none-mobile-display[b-4w60m2b46x] {
        display: none;
    }

    #statement-time[b-4w60m2b46x] {
        display: none;
    }

    #flex-item-1[b-4w60m2b46x], #flex-item-2[b-4w60m2b46x], #flex-item-3[b-4w60m2b46x], #flex-item-4[b-4w60m2b46x] {
        width: 100%;
    }
    .student-statement[b-4w60m2b46x] {
        width: 98%;
    }
}    
    @media screen and (max-width: 1040px) {
        #mobile-display[b-4w60m2b46x] {
            display: block;
        }

        #none-mobile-display[b-4w60m2b46x] {
            display: none;
        }

        #statement-time[b-4w60m2b46x] {
            display: none;
        }
    }

    @media screen and (max-width: 768px) {
        #school-details[b-4w60m2b46x] {
            text-align: center;
        }

        #student-details[b-4w60m2b46x] {
            text-align: center;
        }
    }
/* /Pages/Teachers/StudentTranscriptReport.razor.rz.scp.css */
table[b-rkqirc26vg] {
    font-family: Calibri;
    padding: 7px 0px;
}

    table.table th[b-rkqirc26vg] {
        font-size: small;
        padding: 7px;
    }

    table.table td[b-rkqirc26vg] {
        font-size: small;
        line-height: 0.8em;
    }

    table.table th[b-rkqirc26vg], table.table td[b-rkqirc26vg] {
        padding: 7px;
    }
.print-div[b-rkqirc26vg]{
    text-align:right;
    padding:5px;
    margin:10px;
}
#page-bar[b-rkqirc26vg] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-rkqirc26vg] {
    margin-left: auto;
}
.term-header[b-rkqirc26vg]{
    padding:5px 0px;
}
.student-transcript[b-rkqirc26vg] {
    display: flex;
    width: 70vw;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 0;
    margin: auto;
}

#statement-header[b-rkqirc26vg] {
    width: 80vw;
    text-align: center;
}

#flex-item-1[b-rkqirc26vg], #flex-item-2[b-rkqirc26vg], #flex-item-3[b-rkqirc26vg], #flex-item-4[b-rkqirc26vg] {
    width: 70vw;
    border: 2px solid #808080;
}

#flex-item-1[b-rkqirc26vg] {
    padding: 0px 10px 0 0px;
}


#flex-item-2[b-rkqirc26vg] {
   /* height: 40vh;*/
    overflow-y: auto;
}

#flex-items-4[b-rkqirc26vg] {
    width: 100%;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

.text-small[b-rkqirc26vg] {
    font-size: small;
}

.SmallFonts-heading[b-rkqirc26vg] {
    font-family: Calibri;
    font-size: 14px;
    line-height: 0.8;
}

.SmallFonts-heading2[b-rkqirc26vg] {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

#mobile-display[b-rkqirc26vg] {
    display: none;
}

#school-details[b-rkqirc26vg] {
    text-align: left;
}

#student-details[b-rkqirc26vg] {
    text-align: right;
}
/* /Pages/Teachers/TeacherClasses.razor.rz.scp.css */
#page-bar[b-3zqlllg69m]{
    display:flex;
    flex-wrap:nowrap;
}

#page-bar-right[b-3zqlllg69m] {
    margin-left: auto;
}
tr[b-3zqlllg69m] {
    line-height: 15px !important;
}
.teacher-classes[b-3zqlllg69m] {
    display: flex;
    max-width: calc(90vw -630px);
/*    height: 70vh;*/
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height:100vh;
}

.class-subjects[b-3zqlllg69m], .subject-students[b-3zqlllg69m] {
    width: 45%;
    height: 100%;
    
}
a[b-3zqlllg69m]{
    text-decoration:none;
}
a:hover[b-3zqlllg69m]{
    color:#000;
    font-size:1.2em;
}
.subject-students[b-3zqlllg69m] {
   margin-left:2px;
}

.class-subjects[b-3zqlllg69m]{
    margin-right:2px;
}
.card-body-height[b-3zqlllg69m] {
    height: 60vh;
    overflow-y: scroll;
}
.card-body[b-3zqlllg69m]{
    padding:5px!important;
}

tr[b-3zqlllg69m], td[b-3zqlllg69m] {
    background-color: grey !important;
}

a.text-light-greenyellow[b-3zqlllg69m] {
    color: #ADFF2F !important;
}
/* /Pages/Teachers/TeacherEvents.razor.rz.scp.css */
#teacher-events[b-u5gy8trzk3] {
    padding: 5px;
}
/* /Pages/Teachers/TeacherLearningAreaReport.razor.rz.scp.css */
.form-control[b-jllpeqjrd1] {
    width: 210px;
    line-height: 10px;
    height: 30px;
}

.control-label[b-jllpeqjrd1] {
    line-height: 10px;
}

.list-group[b-jllpeqjrd1] {
    width: 220px;
    line-height: 10px;
}

table.table th[b-jllpeqjrd1] {
    font-size: 16px;
    padding: 7px;
}

table.table td[b-jllpeqjrd1] {
    font-size: 14px;
    line-height: 0.8em;
    background-color: #706e6e;
    border: 1px solid #fff;
}

table.table th[b-jllpeqjrd1], table.table td[b-jllpeqjrd1] {
    padding: 5px;
}
.student-list[b-jllpeqjrd1] {
    max-height: 300px;
    overflow-y: scroll;
}
/* /Pages/Teachers/TeacherProfile.razor.rz.scp.css */

#page-bar[b-ppg2gr0k6i] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-ppg2gr0k6i] {
    /*margin-left: auto;*/
    padding:10px;
}

#form-wrapper[b-ppg2gr0k6i] {
    height: 60vh;
    overflow-y: auto;
}

a[b-ppg2gr0k6i] {
    text-decoration: none;
}
.btn-light-gray[b-ppg2gr0k6i] {
    background-color: #fff;
    color: #000;
    width: 120px;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-ppg2gr0k6i] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }
.label-format[b-ppg2gr0k6i] {
    font-weight: 700;
}
.signature img[b-ppg2gr0k6i]{
    height:40px;
    width:100%!important;
}
.top-teacher-div[b-ppg2gr0k6i] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
    margin: 0 10px;
}

#flex-items1[b-ppg2gr0k6i] {
    /*    background-color: red;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
}

#flex-items2[b-ppg2gr0k6i] {
    /*  background-color: blue;*/
    width: 100%;
    height: 60vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
}

#flex-items3[b-ppg2gr0k6i] {
    /*    background-color: green;*/
    width: 100%;
    height: 7vh;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 10px;
}

#cardStaffProfile[b-ppg2gr0k6i] {
    max-height: 70vh;
    overflow-y: scroll;
}

.input-group-text[b-ppg2gr0k6i] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-ppg2gr0k6i] {
    background: #706e6e;
}

.text-light-greenyellow[b-ppg2gr0k6i] {
    color: greenyellow;
}

.mt-20[b-ppg2gr0k6i] {
    margin-top: 20px !important;
}

.card-header[b-ppg2gr0k6i]{
    padding:10px;
}
/* /Pages/Teachers/TeachersKnowledgeAreas.razor.rz.scp.css */
#knowledge-area-card[b-bx1kqepn0i] {
    padding:5px;
}
/* /Pages/Teachers/TeachersMarksEntry.razor.rz.scp.css */
.mnu-right[b-tusmz567km] {
   /* float: right;*/
}

.list-group[b-tusmz567km] {
    line-height: 10px;
}

.hide-div[b-tusmz567km] {
    /*height:0px;*/
    display: none;
}

.show-div[b-tusmz567km] {
    /*height:auto;*/
    display: block;
}

.text-light-greenyellow[b-tusmz567km] {
    color: #ADFF2F !important;
}



.bg-gray[b-tusmz567km], .list-group-item[b-tusmz567km] {
    background-color: #000;
    color: greenyellow;
}

a[b-tusmz567km]{
    text-decoration:none;
}
.footer-div[b-tusmz567km] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.list-group[b-tusmz567km] {
    width: 220px;
    line-height: 10px;
}
.teacher-classes[b-tusmz567km]{
    max-height:40vh;
    overflow-y:scroll;
}
.pl-5[b-tusmz567km]{
    padding-left:5px;
}
.list-group-item[b-tusmz567km] {
    background-color: #706e6e;
    color: greenyellow;
}

.list-group-item:hover[b-tusmz567km] {
    background-color: #000000;
    color: greenyellow;
}

a[b-tusmz567km], .btn-link[b-tusmz567km] {
    color: #ADFF2F !important;
}
/*tbody{
    background-color: #706e6e;
}
*/
#teacher-marks-entry-card-body[b-tusmz567km], #teacher-marks-entry-list-group[b-tusmz567km] {
    padding: 0px !important;
}
/*.list-group{
    width:auto!important;
}*/
tr[b-tusmz567km], td[b-tusmz567km] {
    background-color: grey !important;
}


a[b-tusmz567km]{
    text-decoration:none;
}
/* /Pages/Teachers/TeachersMenu.razor.rz.scp.css */
*[b-ob1ak0gnll] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
.container-fluid[b-ob1ak0gnll] {
    left: 0;
    padding-left:0px;
}

.flex-container[b-ob1ak0gnll] {
    display: flex;
    flex-direction: row;
}

.nav-bars[b-ob1ak0gnll] {
    max-height: 100vh;
    height: 100vh;
    overflow-x:hidden;
    padding:5px;
}

/* Left menu bar */
.class-left-bar-open[b-ob1ak0gnll] {
    width: 260px;
    left: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-left-bar-close[b-ob1ak0gnll] {
    width: 40px;
    left: 0px;
}

.left-bar-items-open[b-ob1ak0gnll] {
    width: 260px;
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
}

.left-bar-items-close[b-ob1ak0gnll] {
    display:none;
}
 
 /*   Right Menu bar  */

.class-right-bar-open[b-ob1ak0gnll] {
    width: 290px;
    max-width: 290px;
    right: 0px;
    flex-shrink: 0;
    flex-grow: 0;
}

.class-right-bar-close[b-ob1ak0gnll] {
    width: 40px;
    max-width: 40px;
    right: 0px;
}
.right-bar-items-open[b-ob1ak0gnll] {
    display: block;
    flex-shrink: 0;
    flex-grow: 0;
    width: 290px;
}

.right-bar-items-close[b-ob1ak0gnll] {
    display: none;
}

/*    Align burger menu to the right */

.burger-menu-alignment[b-ob1ak0gnll] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

#id-left-bar[b-ob1ak0gnll] {
    border-right: solid 2px #ccc;
}

#id-right-bar[b-ob1ak0gnll] {
    border-left: solid 2px #ccc;
}

#id-main-display-area[b-ob1ak0gnll] {
    /*    width: calc(100%-620px);*/
    max-width: calc(vw-630px);
    flex-grow: 1;
    max-height: 100%;
    height: 100%;
}

.dynamic-container[b-ob1ak0gnll] {
    display:flex;
    justify-content: center;
}
/* Burger menu definition */
.menu-toggle[b-ob1ak0gnll] {
    /* width: 260px;*/
    background: #706e6e;
    left: 0;
    display: flex;
    /* justify-content: flex-end;*/
    flex-direction: column;
    margin-bottom: 0px;
    transition: 0.5s;
}

.menu-toggle-close[b-ob1ak0gnll] {
    width: 40px;
    background: #706e6e;
    transition: 0.5s;
    overflow:hidden;
}

.menu-button[b-ob1ak0gnll] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all .5s ease-in-out;
}
/***/

.menu-button-open[b-ob1ak0gnll]{
    justify-content:end;
}



/**/
.menu-button-burger[b-ob1ak0gnll] {
    width: 30px;
    height: 3px;
    background: greenyellow;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(255,101,47,.2);
    transition: all .5s ease-in-out;
}

    .menu-button-burger[b-ob1ak0gnll]::before, .menu-button-burger[b-ob1ak0gnll]::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 3px;
        background: greenyellow;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(255,101,47,.2);
        transition: all .5s ease-in-out;
    }

    .menu-button-burger[b-ob1ak0gnll]::before {
        transform: translateY(-9px);
    }

    .menu-button-burger[b-ob1ak0gnll]::after {
        transform: translateY(9px);
    }

/* Animation */
.menu-button.open .menu-button-burger[b-ob1ak0gnll] {
    transform: translate(-30px);
    background: transparent;
    box-shadow: none;
    transition: all .5s ease-in-out;
}

    .menu-button.open .menu-button-burger[b-ob1ak0gnll]::before {
        transform: rotate(45deg) translate(21px, -21px);
        transition: all .5s ease-in-out;
    }

    .menu-button.open .menu-button-burger[b-ob1ak0gnll]::after {
        transform: rotate(-45deg) translate(21px, 21px);
        transition: all .5s ease-in-out;
    }
/* /Pages/Teachers/TeachersNavMenu.razor.rz.scp.css */
*[b-jfocjm6jsc] {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
.header-class[b-jfocjm6jsc] {
    display: flex;
    flex-flow: column;
    justify-content: center;
    background: #fff;
    border-radius: 5%;
    margin: 5px;
    padding: 5px;
}

.text-black[b-jfocjm6jsc] {
    color: #000;
}
a p[b-jfocjm6jsc] {
   /* color: greenyellow;*/
}


a img:hover[b-jfocjm6jsc] {
    cursor: pointer;
}

li nav-link:hover[b-jfocjm6jsc] {
    background-color: lightblue !important;
}

.list-group-item[b-jfocjm6jsc] {
    background-color: #706e6e;
/*    color: greenyellow;*/
}
#teacher-photo[b-jfocjm6jsc] {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding: 10px 0;
}

header[b-jfocjm6jsc] {
    font-size: 20px;
/*    color: greenyellow;*/
    text-align: center;
    line-height: 30px;
    background: #706e6e;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    user-select: none;
}

ul a[b-jfocjm6jsc] {
    display: block;
    height: 100%;
    width: 100%;
    line-height: 30px;
    font-size: 16px;
/*    color: greenyellow;*/
    padding-left: 10px;
    box-sizing: border-box;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid green;
    transition: 0.4s;
    overflow:hidden;
}

ul a i[b-jfocjm6jsc] {
        margin-right: 16px;
    }

ul li:hover a[b-jfocjm6jsc] {
    padding-left: 20px;
    font-size: 18px;
    background-color: black;
}
/* /Pages/Teachers/TeacherStudentProfileClassList.razor.rz.scp.css */
#student-profile[b-jeoh7ngrwr]{
    width:95%!important;
}
.table td[b-jeoh7ngrwr], .table th[b-jeoh7ngrwr] {
    padding: 0px;
}

#div-student-list[b-jeoh7ngrwr], #student-list[b-jeoh7ngrwr] {
    height: 300px;
    overflow: scroll;
}
.text-size[b-jeoh7ngrwr]{
    font-size:14px;
    font-family:Calibri;
}
 .btn-link[b-jeoh7ngrwr]{
    color:greenyellow!important;
}
.bg-dark-gray[b-jeoh7ngrwr] {
    background-color: #706e6e;
}
table th[b-jeoh7ngrwr] {
    background-color: #706e6e;
    padding: 0 5px !important;
}
table td[b-jeoh7ngrwr] {
    padding: 0 5px !important;
}
a[b-jeoh7ngrwr]{
    text-decoration:none;
}

a:hover[b-jeoh7ngrwr] {
  color: #000;
}
/* /Pages/Teachers/TeacherStudentReports.razor.rz.scp.css */
.mnu-right[b-fktl0s3162] {
   /* margin: auto;*/

}

.list-group[b-fktl0s3162] {
    line-height: 10px;
}

.hide-div[b-fktl0s3162]{
    /*height:0px;*/
    display:none;
}
.show-div[b-fktl0s3162]{
    /*height:auto;*/
    display:block;
}

.text-light-greenyellow[b-fktl0s3162] {
    color: #ADFF2F;
}
.footer-div[b-fktl0s3162]{
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.list-group[b-fktl0s3162] {
    width:220px;
    line-height:10px;
}
.list-group-item[b-fktl0s3162] {
    background-color: #706e6e;
    color: greenyellow;
}

.list-group-item:hover[b-fktl0s3162] {
    background-color: #000000;
    color: greenyellow;
}

a[b-fktl0s3162], .btn-link[b-fktl0s3162] {
    color: greenyellow;
}


tbody[b-fktl0s3162] {
    background-color: #706e6e;
    font-size:12px;
}

a[b-fktl0s3162]{
    text-decoration:none;
}
/* /Pages/Teachers/TeacherStudentsMonthlyReport.razor.rz.scp.css */
#dg-student-list[b-asrtjzqa6v] {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    height: 60vh;
    max-height: 70vh;
    overflow-x:scroll;
}

.form-control[b-asrtjzqa6v] {
    width: 220px !important;
    line-height:10px;
    height:35px;
}

.control-label[b-asrtjzqa6v] {
    width: 220px;
}

.form-group[b-asrtjzqa6v] {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 2px !important;
}

.e-grid .e-content[b-asrtjzqa6v] {
    height: 45vh;
    max-height: 45vh;
}

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-asrtjzqa6v] {
    left: 0px !important;
    text-align:left;
}

a[b-asrtjzqa6v], .btn-link[b-asrtjzqa6v] {
    color: greenyellow;
}

tbody[b-asrtjzqa6v] {
    background-color: #706e6e;
    font-size: 12px;
}
/* /Pages/Teachers/TeacherStudentsTermlyReport.razor.rz.scp.css */
#dg-student-list[b-047l0xbc6q] {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
/*    height: 70vh;
    max-height: 80vh;*/
}

.form-control[b-047l0xbc6q] {
    width: 220px !important;
    line-height:10px;
    height:35px;
}

.control-label[b-047l0xbc6q] {
    width: 220px;
}

.form-group[b-047l0xbc6q] {
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 2px !important;
}

/*.e-grid .e-content {
    height: 45vh;
    max-height: 45vh;
}*/

.e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right[b-047l0xbc6q] {
    left: 0px !important;
    text-align:left;
}


a[b-047l0xbc6q], .btn-link[b-047l0xbc6q] {
    color: greenyellow;
}

a[b-047l0xbc6q]{
    text-decoration:none;
}

a:hover[b-047l0xbc6q]{
    font-size:1.2em;
    color:lightgreen;
}

tbody[b-047l0xbc6q] {
    background-color: #706e6e;
    font-size:12px;
}

#students-in-class[b-047l0xbc6q]{
    max-height:40vh;
    overflow-y:scroll;
}

#students-in-class tr[b-047l0xbc6q], #students-in-class td[b-047l0xbc6q] {
    background-color: grey !important;
}
/* /Pages/Teachers/TeacherTrainingVideoPlayer.razor.rz.scp.css */

#page-bar[b-76f4ftqjub] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-76f4ftqjub] {
    margin-left: auto;
}

.btn-light-gray[b-76f4ftqjub] {
    background-color: #fff;
    color: #000;
    width: 100%;
    border: 1px solid #000;
}

    .btn-light-gray:hover[b-76f4ftqjub] {
        background-color: #808080;
        color: greenyellow;
        border: 1px solid greenyellow;
    }

.label-format[b-76f4ftqjub] {
    font-weight: 700;
}
/*.class-subjects {
    margin-top: 40px;
}*/
.change-student-class[b-76f4ftqjub] {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 10px;
}

#flex-items1[b-76f4ftqjub] {
    /*    background-color: red;*/
    width: 50%;
    /*    height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#flex-items2[b-76f4ftqjub] {
    /*  background-color: blue;*/
    width: 50%;
    /*  height: 40vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 20px;
}

#flex-items3[b-76f4ftqjub] {
    /*    background-color: green;*/
    width: 50%;
    /*   height: 7vh;*/
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px;
}

#student-subjects[b-76f4ftqjub] {
    max-height: 55vh;
    overflow-y: scroll;
}

#class-subjects[b-76f4ftqjub] {
    max-height: 55vh;
    overflow-y: scroll;
}


.input-group-text[b-76f4ftqjub] {
    font-size: .875rem;
    line-height: .9em;
}

.bg-grey[b-76f4ftqjub] {
    background: #706e6e;
}

.text-light-greenyellow[b-76f4ftqjub] {
    color: greenyellow;
}

.mt-20[b-76f4ftqjub] {
    margin-top: 20px !important;
}
/* /Pages/Teachers/TeacherVideoTraining.razor.rz.scp.css */
.mnu-right[b-vw3h5z6cc8] {
   /* float: right;*/
}

.list-group[b-vw3h5z6cc8] {
    line-height: 10px;
}

.hide-div[b-vw3h5z6cc8] {
    /*height:0px;*/
    display: none;
}

.show-div[b-vw3h5z6cc8] {
    /*height:auto;*/
    display: block;
}

.text-greeen-yellow[b-vw3h5z6cc8] {
    color: greenyellow;
}
.text-light-greenyellow[b-vw3h5z6cc8] {
    color: #ADFF2F !important;
}
.footer-div[b-vw3h5z6cc8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.list-group[b-vw3h5z6cc8] {
    width: 220px;
    line-height: 10px;
}
.teacher-classes[b-vw3h5z6cc8]{
    max-height:40vh;
    overflow-y:scroll;
}
.pl-5[b-vw3h5z6cc8]{
    padding-left:5px;
}
.list-group-item[b-vw3h5z6cc8] {
    background-color: #706e6e;
    color: greenyellow;
}

.list-group-item:hover[b-vw3h5z6cc8] {
    background-color: #000000;
    color: greenyellow;
}

a[b-vw3h5z6cc8], .btn-link[b-vw3h5z6cc8] {
    color: greenyellow;
}
tbody[b-vw3h5z6cc8]{
    background-color: #706e6e;
}
/* /Pages/Teachers/TermlyLAMarksEntryClassSubjects.razor.rz.scp.css */
#div-acc[b-iotn27c5te] {
    margin-top: 10px;
}


.table td[b-iotn27c5te], .table th[b-iotn27c5te]{
    padding:0px;
}
a[b-iotn27c5te], .btn-link[b-iotn27c5te]{
    font-size:14px;
}

.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon[b-iotn27c5te] {
    display: none;
}

tr:hover[b-iotn27c5te] {
    color: black!important;
/*    font-size:1.2em;*/
    background-color: transparent!important;
}

td a[b-iotn27c5te] {
    color: greenyellow;
}

.text-black[b-iotn27c5te] {
    color: #000;
}

.termly-marks-entry[b-iotn27c5te] {
    display: flex;
    flex-direction: row;
    max-width: calc(100vw - 100px);
    justify-content: flex-start;
    margin: 5px;
}

#entry-subjects[b-iotn27c5te] {
     width: 400px;
    margin-left: 2px;
    max-height: 70vh;
    overflow-x: scroll;
    background-color: #808080;
   /* flex: 0 0 400px;   - Do not use this - you will not be able to resize this container*/
    flex-shrink: 0;
    flex-grow: 0;
}
#entry-marks[b-iotn27c5te] {
    flex-grow: 1;
    border: 1px green solid;
    overflow-x: scroll;
    max-height: 70vh;
    overflow:hidden;
}

#entry-subjects-header[b-iotn27c5te]{
    display:flex;
    flex-wrap:nowrap;
}
.subjects-middle[b-iotn27c5te] {
    flex-grow: 1;
}
.subjects-left[b-iotn27c5te], .subjects-right[b-iotn27c5te] {
    width: 40px;
    flex-grow: 0;
    padding:5px;
}



#entry-marks-container[b-iotn27c5te] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#entry-marks-header[b-iotn27c5te] {
    /*height: 11vh;*/
    flex-grow: 0;
    flex-shrink:0;
    padding: 5px;
}

#entry-marks-detail[b-iotn27c5te] {
    max-width: calc(100vw - 90px);
    flex-grow: 1;
    height: 40vh;
    overflow-x: hidden;
    overflow-y:scroll;
}
#subject-learning-areas-table[b-iotn27c5te] {
    height: 40vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

#entry-marks-footer[b-iotn27c5te] {
    /* height: 10vh;*/
    flex-grow: 0;
    flex-shrink: 0;
    padding: 5px;
}

a[b-iotn27c5te], .btn-link[b-iotn27c5te] {
    font-size: 12px;
    color: greenyellow;
}

    a:hover[b-iotn27c5te] {
        color: greenyellow;
    }

.btn-link[b-iotn27c5te] {
    line-height: 20px;
    color: greenyellow;
}

.table td[b-iotn27c5te], .table th[b-iotn27c5te], .card-header[b-iotn27c5te], .card-body[b-iotn27c5te] {
    padding: 2px;
}


/*tr:hover {
    color: greenyellow;
    background-color: #000;
}*/

.card-header[b-iotn27c5te] {
    color: greenyellow;
}

#termly-marks-entry-instructions[b-iotn27c5te]{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    margin:5px;
}
#subjects-instructions[b-iotn27c5te] {
    width: 400px;
    height:auto;
    flex-grow: 0;
    flex-shrink: 0;
/*    border: 1px solid brown;*/
    padding:5px;
}
#marks-instructions[b-iotn27c5te] {
    max-width: calc(100vw - 90px);
    flex-grow: 1;
/*    border: 1px solid green;*/
    padding:5px;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content[b-iotn27c5te] {
    font-size: 18px;
    color: black;
}
.bg-dark-grey[b-iotn27c5te] {
    background-color: #808080;
}

.text-black[b-iotn27c5te]{
    color:#000;
}
    .text-black:hover[b-iotn27c5te] {
        background-color: #808080;
        color:greenyellow;
    }

.student-subjects-subject-learning-areas-flex[b-iotn27c5te]{
    display:flex;
    flex-direction:row;
    /*justify-content:center;*/
}

#students-panel[b-iotn27c5te]{
 width:60%;
}

#students-panel[b-iotn27c5te] {
    width: 30%;
}

#students-panel[b-iotn27c5te] {
    width: 30%;
}

.subjects-panel-left[b-iotn27c5te], .subjects-panel-right[b-iotn27c5te], .learning-area-panel-left[b-iotn27c5te], .learning-area-panel-right[b-iotn27c5te] {
    width: 40px;
    flex-grow: 0;
    padding: 5px;
}

.students-middle[b-iotn27c5te], .learning-area-middle[b-iotn27c5te] {
    flex-grow: 1;
}

#learning-areas-panel[b-iotn27c5te] {
    display: flex;
    flex-direction:column;
}
#subject-learning-areas[b-iotn27c5te]{
    height:200px;
/*    overflow-y:scroll;*/
    margin-bottom:5px;
}
#subject-comment-update .card-body[b-iotn27c5te]{
    max-height: 400px;
    overflow-y: scroll;
}

#subject-learning-areas[b-iotn27c5te], #subject-comment-update[b-iotn27c5te], #editing-panel[b-iotn27c5te] {
    padding: 5px;
    border: solid 1px #808080;
}
.form-label[b-iotn27c5te]{
    font-weight:bold;
    font-size:1.1em;
}

.bg-light-grey[b-iotn27c5te]{
    background-color:lightgrey;
}

.text-black[b-iotn27c5te]{
    color:#000;
    font-size:12px;
}
#entry-subjects tr[b-iotn27c5te], #entry-subjects td[b-iotn27c5te] {
    background-color: grey !important;
}

/*thead tr{
    background-color: grey !important;
}*/

a[b-iotn27c5te]{
    text-decoration:none;
}
/* /Pages/Teachers/TermlyLAMarksEntryClassSubjectsPanels.razor.rz.scp.css */

/* 3 Panels CSS */
.text-light-coral[b-yjsos7ta2s] {
    color: lightcoral;
}

#outer-div[b-yjsos7ta2s] {
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full viewport height */
    width: 98%; /* Full width */
    flex-direction: column;
}

#page-bar[b-yjsos7ta2s] {
    display: flex;
    flex-wrap: nowrap;
    max-width: 98%;
    min-width: 98%;
    padding: 1px 10px;
    /*width: 65vw;  Full width of parent */
}

#page-bar-right[b-yjsos7ta2s] {
    margin-left: auto;
}

.parent-container[b-yjsos7ta2s] {
    display: flex;
    height: 50vh;
    max-height: 50vh;
    /*width: 65vw;*/
    max-width: 98%;
    min-width: 98%;
    flex-grow: 1;
    overflow-x: auto;
    padding: 0px;
    border: 1px solid #ccc;
}

.panel[b-yjsos7ta2s] {
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    margin: 5px;
    transition: flex 0.3s ease;
    height: 90%; /* Maintain full height */
    position: relative;
}

.panel-header[b-yjsos7ta2s] {
    background-color: #706e6e;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-title[b-yjsos7ta2s] {
    color: greenyellow;
    margin-right: auto; /* Push title to the left */
}

.panel-content[b-yjsos7ta2s] {
    padding: 10px;
    background-color: #fff;
    flex-grow: 1;
}

.collapsed-title[b-yjsos7ta2s] {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    writing-mode: vertical-rl;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* End of 3 Panels CSS*/

.body-height[b-yjsos7ta2s] {
    height: 220px;
}

.body-height-table[b-yjsos7ta2s] {
    max-height: 45%;
    overflow-y: auto;
}

#mark-update-form[b-yjsos7ta2s] {
    max-height: 85%;
    overflow-y: auto;
}

.read-only-label[b-yjsos7ta2s] {
    color: saddlebrown;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: bold;
    text-align: right;
}

entry-label[b-yjsos7ta2s] {
    font-size: 1.2rem;
}

.card #class-subjects[b-yjsos7ta2s] {
    margin-top: 8px;
}

a[b-yjsos7ta2s] {
    text-decoration: none;
}

.btn-light-greenyellow[b-yjsos7ta2s] {
    color: greenyellow;
    border: 1px solid greenyellow;
}

    .btn-light-greenyellow:hover[b-yjsos7ta2s] {
        color: white;
        border: 1px solid white;
        font-size: 1.2rem;
    }

.pr-5[b-yjsos7ta2s] {
    padding-right: 10px;
}

.ml-5[b-yjsos7ta2s] {
    margin-left: 5px;
}


.grid[b-yjsos7ta2s] {
    height: 25rem;
    overflow-y: auto;
}

    .grid[b-yjsos7ta2s]  table {
        min-width: 100%;
    }

[b-yjsos7ta2s] table {
    min-width: 100%;
}
/* Sticky header while scrolling */
[b-yjsos7ta2s] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-yjsos7ta2s] tr {
    height: 25px;
    border-bottom: 0.5px solid silver;
}

[b-yjsos7ta2s] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}


[b-yjsos7ta2s] th.search-column {
    width: 14rem;
}

/* Subtle stripe effect */
[b-yjsos7ta2s] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-yjsos7ta2s] tbody tr {
    height: 1.8rem;
}

.quickgrid[theme=default] .col-title[b-yjsos7ta2s] {
    gap: 0.2rem;
    font-weight: bold;
}

.k-area[b-yjsos7ta2s] {
    height: 200px;
    background-color: #706e6e;
    color: greenyellow;
    padding: 60px 10px;
    text-align: center;
    font-size: 18px;
}
.l-area[b-yjsos7ta2s] {
    background-color: #706e6e;
    color: greenyellow;
    padding: 5px;
    text-align: center;
    font-size: 14px;
}

.e-grid .e-content[b-yjsos7ta2s] {
    height: 250px;
}

.btn-bg-gray[b-yjsos7ta2s] {
    background-color: #706e6e;
    width: 170px;
}

    .btn-bg-gray:hover[b-yjsos7ta2s] {
        border-color: greenyellow;
    }

.btn .btn-large[b-yjsos7ta2s] {
    width: 60px;
}

.text-green-yellow:hover[b-yjsos7ta2s] {
    font-size: 1.1rem;
    /* color: yellow;*/
}

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

.text-right[b-yjsos7ta2s] {
    text-align: right;
}

.text-green-yellow[b-yjsos7ta2s] {
    color: greenyellow;
    /* font-size: 18px;*/
}

input[readonly][b-yjsos7ta2s] {
    background-color: gray;
    border: 1px solid saddlebrown;
    color: saddlebrown;
    cursor: not-allowed;
}

.btn .btn-border[b-yjsos7ta2s] {
    border: solid 1px #fff;
}

.selected-row[b-yjsos7ta2s] {
    /*background-color: #706e6e;*/
    color: brown !important;
    font-weight: bold;
    /*    font-size: 1.1rem;*/
}

#show-footer[b-yjsos7ta2s] {
    margin-top: 2px;
    padding: 10px;
    width: 98%;
}

.text-color-red[b-yjsos7ta2s] {
    /*    color:red;*/
    font-size: 16px;
    font-weight: bold;
}

.text-gold[b-yjsos7ta2s] {
    color: gold;
    /*  #ffc107;*/
}

.bi .bi-list-ol[b-yjsos7ta2s] {
    font-size: 32px;
}
.bg-dark-grey[b-yjsos7ta2s] {
    background-color: #808080;
}
/* /Pages/Teachers/TermlyMarksEntryClassSubjects.razor.rz.scp.css */
#div-acc[b-l5osy3dsum] {
    margin-top: 10px;
}


.text-vertical[b-l5osy3dsum] {
    writing-mode: vertical-lr;
    padding: 5px;
    width:auto;
}
.text-green-yellow[b-l5osy3dsum]{
    color:greenyellow;
}
.table td[b-l5osy3dsum], .table th[b-l5osy3dsum] {
    padding: 0px;
}
a[b-l5osy3dsum], .btn-link[b-l5osy3dsum]{
    font-size:14px;
}

.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon[b-l5osy3dsum] {
    display: none;
}

tr:hover[b-l5osy3dsum] {
    color: greenyellow;
    background-color: #000;
}

td a[b-l5osy3dsum] {
    color: greenyellow;
}

.text-black[b-l5osy3dsum] {
    color: #000;
}

.termly-marks-entry[b-l5osy3dsum] {
    display: flex;
    flex-direction: row;
    max-width: calc(100vw - 80px);
    justify-content: flex-start;
    margin: 5px;
}

#entry-subjects[b-l5osy3dsum] {
     width: 400px;
    margin-left: 2px;
    max-height: 70vh;
    overflow-x: scroll;
    background-color: #808080;
   /* flex: 0 0 400px;   - Do not use this - you will not be able to resize this container*/
    flex-shrink: 0;
    flex-grow: 0;
}
#entry-marks[b-l5osy3dsum] {
    flex-grow: 1;
    border: 1px green solid;
    overflow-x: scroll;
    max-height: 70vh;
    overflow:hidden;
}

#entry-subjects-header[b-l5osy3dsum]{
    display:flex;
    flex-wrap:nowrap;
}
.subjects-middle[b-l5osy3dsum] {
    flex-grow: 1;
}
.subjects-left[b-l5osy3dsum], .subjects-right[b-l5osy3dsum] {
    width: 40px;
    flex-grow: 0;
    padding:5px;
}



#entry-marks-container[b-l5osy3dsum] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#entry-marks-header[b-l5osy3dsum] {
    height: 11vh;
    flex-grow: 0;
    flex-shrink:0;
    padding: 5px;
}

#entry-marks-detail[b-l5osy3dsum] {
    max-width: calc(100vw - 90px);
    flex-grow: 1;
    height: 50vh;
    overflow-x: hidden;
}

#entry-marks-footer[b-l5osy3dsum] {

    height: 10vh;
    flex-grow: 0;
    flex-shrink: 0;
}

a[b-l5osy3dsum], .btn-link[b-l5osy3dsum] {
    font-size: 12px;
    color: greenyellow;
}

    a:hover[b-l5osy3dsum] {
        color: greenyellow;
    }

.btn-link[b-l5osy3dsum] {
    line-height: 20px;
    color: greenyellow;
}

.table td[b-l5osy3dsum], .table th[b-l5osy3dsum], .card-header[b-l5osy3dsum], .card-body[b-l5osy3dsum] {
    padding: 2px;
}

table tr[b-l5osy3dsum], table tbody[b-l5osy3dsum]{
    background-color:grey;
}

tr[b-l5osy3dsum], td[b-l5osy3dsum] {
    background-color: grey!important;
}
tr:hover[b-l5osy3dsum] {
    color: greenyellow;
    background-color: #000;
}

.card-header[b-l5osy3dsum] {
    color: greenyellow;
}

#termly-marks-entry-instructions[b-l5osy3dsum]{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    margin:5px;
}
#subjects-instructions[b-l5osy3dsum] {
    width: 400px;
    height:auto;
    flex-grow: 0;
    flex-shrink: 0;
/*    border: 1px solid brown;*/
    padding:5px;
}
#marks-instructions[b-l5osy3dsum] {
    max-width: calc(100vw - 90px);
    flex-grow: 1;
/*    border: 1px solid green;*/
    padding:5px;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content[b-l5osy3dsum] {
    font-size: 18px;
    color: black;
}

.btn .btn-border[b-l5osy3dsum] {
    padding: 2px;
    border: 1px solid greenyellow;
}
/* /Pages/Teachers/TermlyMarksEntryClassSubjectsPanels.razor.rz.scp.css */

/* 3 Panels CSS */
.text-light-coral[b-g1bunvkc33]{
    color:lightcoral;
}
#outer-div[b-g1bunvkc33] {
    display: flex; /* Enable flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full viewport height */
    width: 98%; /* Full width */
    flex-direction: column;
}

#page-bar[b-g1bunvkc33] {
    display: flex;
    flex-wrap: nowrap;
    max-width: 98%;
    min-width: 98%;
    padding: 1px 10px;
    /*width: 65vw;  Full width of parent */
}

#page-bar-right[b-g1bunvkc33] {
    margin-left: auto;
}

.parent-container[b-g1bunvkc33] {
    display: flex;
    height: 40vh;
    max-height: 40vh;
    /*width: 65vw;*/
    max-width: 98%;
    min-width: 98%;
    flex-grow: 1;
    overflow-x: auto;
    padding: 0px;
    border: 1px solid #ccc;
}

.panel[b-g1bunvkc33] {
    display: flex;
    flex-direction: column;
    border: 1px solid #000;
    margin: 5px;
    transition: flex 0.3s ease;
    height: 90%; /* Maintain full height */
    position: relative;
}

.panel-header[b-g1bunvkc33] {
    background-color: #706e6e;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-title[b-g1bunvkc33] {
    color: greenyellow;
    margin-right: auto; /* Push title to the left */
}

.panel-content[b-g1bunvkc33] {
    padding: 10px;
    background-color: #fff;
    flex-grow: 1;
}

.collapsed-title[b-g1bunvkc33] {
    color: #000;
    font-weight: 500;
    font-size: 18px;    
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-vertical[b-g1bunvkc33] {
    writing-mode: vertical-rl;
}

.text-horizontal[b-g1bunvkc33] {
    writing-mode:horizontal-tb;
}

/* End of 3 Panels CSS*/

.body-height[b-g1bunvkc33] {
    height: 220px;
}

.body-height-table[b-g1bunvkc33] {
    max-height: 45%;
    overflow-y: auto;
}

#mark-update-form[b-g1bunvkc33] {
    max-height: 85%;
    overflow-y: auto;
}

.read-only-label[b-g1bunvkc33] {
    color: saddlebrown;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: bold;
    text-align: right;
}

entry-label[b-g1bunvkc33]{
    font-size:1.2rem;
}

.card #class-subjects[b-g1bunvkc33] {
    margin-top: 8px;
}

a[b-g1bunvkc33] {
    text-decoration: none;
}

.btn-light-greenyellow[b-g1bunvkc33] {
    color: greenyellow;
    border: 1px solid greenyellow;
}

    .btn-light-greenyellow:hover[b-g1bunvkc33] {
        color: white;
        border: 1px solid white;
        font-size: 1.2rem;
    }

.pr-5[b-g1bunvkc33] {
    padding-right: 10px;
}

.ml-5[b-g1bunvkc33] {
    margin-left: 5px;
}

.ml-10[b-g1bunvkc33] {
    margin-left: 10px;
}

.grid[b-g1bunvkc33] {
    /*height: 25rem;*/
    height:25vh;
    overflow-y: auto;
}

    .grid[b-g1bunvkc33]  table {
        min-width: 100%;
    }

[b-g1bunvkc33] table {
    min-width: 100%;
}
/* Sticky header while scrolling */
[b-g1bunvkc33] thead {
    position: sticky;
    top: 0;
    background-color: #d8d8d8;
    outline: 1px solid gray;
    z-index: 1;
}

/* For virtualized grids, it's essential that all rows have the same known height */
[b-g1bunvkc33] tr {
    height: 25px;
    border-bottom: 0.5px solid silver;
}

[b-g1bunvkc33] tbody td {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
}


[b-g1bunvkc33] th.search-column {
    width: 14rem;
}

/* Subtle stripe effect */
[b-g1bunvkc33] tr:nth-child(even) {
    background: rgba(255,255,255,0.4);
}

/* Don't collapse rows even if they are empty */
[b-g1bunvkc33] tbody tr {
    height: 1.8rem;
}
.quickgrid[theme=default] .col-title[b-g1bunvkc33] {
    gap: 0.2rem;
    font-weight: bold;
}

.k-area-h[b-g1bunvkc33] {
    height:200px;
    background-color: #706e6e;
    color: greenyellow;
    padding: 60px 10px;
    text-align: center;
    font-size: 18px;
}

.k-area-v[b-g1bunvkc33] {
    color: greenyellow;
    padding: 60px 10px;
    text-align: center;
    font-size: 18px;
}
    .e-grid .e-content[b-g1bunvkc33] {
        height: 250px;
    }

.btn-bg-gray[b-g1bunvkc33] {
    background-color: #706e6e;
    width:170px;
}

    .btn-bg-gray:hover[b-g1bunvkc33] {
        border-color: greenyellow;
    }

.btn .btn-large[b-g1bunvkc33] {
    width: 60px;
}

.text-green-yellow:hover[b-g1bunvkc33] {
    font-size: 1.1rem;
   /* color: yellow;*/
}

.text-center[b-g1bunvkc33] {
    text-align: center;
}
.text-right[b-g1bunvkc33] {
    text-align: right;
}
.text-green-yellow[b-g1bunvkc33] {
    color: greenyellow;
   /* font-size: 18px;*/
}

input[readonly][b-g1bunvkc33] {
    background-color: gray;
    border: 1px solid saddlebrown;
    color: saddlebrown;
    cursor: not-allowed;
}

.btn .btn-border[b-g1bunvkc33] {
    border: solid 1px #fff;
}
.selected-row[b-g1bunvkc33] {
    /*background-color: #706e6e;*/
    color: brown !important;
    font-weight: bold;
    /*    font-size: 1.1rem;*/
}

#show-footer[b-g1bunvkc33]{
    margin-top:2px;
    padding:10px;
    width:98%;
}
.text-color-red[b-g1bunvkc33]{
/*    color:red;*/
    font-size:16px;
    font-weight:bold;
}
.text-gold[b-g1bunvkc33] {
    color: gold;        
      /*  #ffc107;*/
}

.bi .bi-list-ol[b-g1bunvkc33]{
font-size:32px;
}
/* /Shared/AuthLayout.razor.rz.scp.css */
.middle-box[b-falg6girzx] {
    top: 150px;
    margin: auto;
    box-shadow: 5px 10px 18px #888888;
    background-color:#e3f8f5;
    padding:15px;    
}
#borderleft[b-falg6girzx]{
    border-color:grey;
    background-color:#808080;
}
/* /Shared/BackgroundTheme.razor.rz.scp.css */
.theme-toggler[b-o1ilgze8ed] {
    background: rgb(255,255,255,.2);
    box-shadow: 0 1rem 2rem rgb(0,0,0,.2);
    border-radius: .6rem;
    width: 100%;
    padding: .5rem 0;
}

.theme-toggler span[b-o1ilgze8ed] {
    display: inline-block;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    cursor: pointer;
    margin: .5rem 1.2rem;
    box-shadow: 0 0 0 .5rem rgb(255,255,255,.2), 0 1rem 1rem rgb(0,0,0,.2);
}
/* /Shared/BurgerMenu.razor.rz.scp.css */
/* /Shared/EmailSwitch.razor.rz.scp.css */

/* The switch - the box around the slider */
.switch[b-hkxdgtm574] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
}

    /* Hide default HTML checkbox */
    .switch input[b-hkxdgtm574] {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider[b-hkxdgtm574] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #ccc;
}

    .slider[b-hkxdgtm574]:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-hkxdgtm574] {
     background-color: teal;
    border: 1px solid teal;
}

input:focus + .slider[b-hkxdgtm574] {
    box-shadow: 0 0 1px teal;
}

input:checked + .slider[b-hkxdgtm574]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round[b-hkxdgtm574] {
    border-radius: 34px;
}

    .slider.round[b-hkxdgtm574]:before {
        border-radius: 50%;
    }
/* /Shared/Error404.razor.rz.scp.css */
.error-container[b-a1mxqxmthg] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    flex-direction: column;
}
/* /Shared/FlyingBirds.razor.rz.scp.css */
body[b-581n329k0i]{
    overflow-x:hidden;
}
/* Birds start here */

.birds-container-main[b-581n329k0i] {
    max-height: 100vh;
    max-width: 100vw;
    overflow: hidden;
}

.bird[b-581n329k0i] {
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells.svg);
    background-size: auto 100%;
    width: 88px;
    height: 125px;    
    will-change: background-position;
    animation-name: fly-cycle-b-581n329k0i;
    animation-timing-function: steps(10);
    animation-iteration-count: infinite;
}

.bird-one[b-581n329k0i] {
    animation-duration: 1s;
    animation-delay: -0.5s;
}

.bird-two[b-581n329k0i] {
    animation-duration: 0.9s;
    animation-delay: -0.75s;
}

.bird-three[b-581n329k0i] {
    animation-duration: 1.25s;
    animation-delay: -0.25s;
}

.bird-four[b-581n329k0i] {
    animation-duration: 1.1s;
    animation-delay: -0.5s;
}

.bird-container[b-581n329k0i] {
    max-width: 100vw;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    top: 10%;
    left: -10%;
    transform: scale(0) translateX(-10vw);
    will-change: transform;
    animation-name: fly-right-one-b-581n329k0i;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.bird-container-one[b-581n329k0i] {
    animation-duration: 15s;
    animation-delay: 0s;
    max-width: 100vw;
    overflow: hidden;
}

.bird-container-two[b-581n329k0i] {
    animation-duration: 16s;
    animation-delay: 1s;
    max-width: 100vw;
    overflow: hidden;
}

.bird-container-three[b-581n329k0i] {
    animation-duration: 14.6s;
    animation-delay: 9.5s;
    max-width: 100vw;
    overflow: hidden;
}

.bird-container-four[b-581n329k0i] {
    animation-duration: 16s;
    animation-delay: 10.25s;
    max-width: 100vw;
    overflow: hidden;
}

@keyframes fly-cycle-b-581n329k0i {

    100% {
        background-position: -900px 0;
    }
}

@keyframes fly-right-one-b-581n329k0i {

    0% {
        transform: scale(0.3) translateX(-10vw);
    }

    10% {
        transform: translateY(2vh) translateX(10vw) scale(0.4);
    }

    20% {
        transform: translateY(0vh) translateX(30vw) scale(0.5);
    }

    30% {
        transform: translateY(4vh) translateX(50vw) scale(0.6);
    }

    40% {
        transform: translateY(2vh) translateX(70vw) scale(0.6);
    }

    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.6);
    }

    60% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }

    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.6);
    }
}

@keyframes fly-right-two-b-581n329k0i {

    0% {
        transform: translateY(-2vh) translateX(-10vw) scale(0.5);
    }

    10% {
        transform: translateY(0vh) translateX(10vw) scale(0.4);
    }

    20% {
        transform: translateY(-4vh) translateX(30vw) scale(0.6);
    }

    30% {
        transform: translateY(1vh) translateX(50vw) scale(0.45);
    }

    40% {
        transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
    }

    50% {
        transform: translateY(0vh) translateX(90vw) scale(0.45);
    }

    51% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }

    100% {
        transform: translateY(0vh) translateX(110vw) scale(0.45);
    }
}
/* /Shared/Indexnavmenu.razor.rz.scp.css */

*[b-gn7dqcnhh7] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-transform: capitalize;
    outline: none;
    border: none;
    text-decoration: none;
    font-weight: normal;
    overflow: hidden;
    font-size: 1rem;
}

body[b-gn7dqcnhh7] {
    overflow: hidden;
}

.typed-cursor[b-gn7dqcnhh7] {
    color: #fff;
    opacity: 1;
}

html[b-gn7dqcnhh7] {
    font-size: 62.5%;
    overflow: hidden;
}

body[b-gn7dqcnhh7] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    text-decoration: none;
    font-weight: normal;
    font-size: 1rem;
    overflow: hidden;
}

.main-container[b-gn7dqcnhh7] {
    min-height: 100vh;
    min-width: 100vw;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: space-around;
    background: linear-gradient(lightgreen, crimson);
    flex-wrap: nowrap;
    font-size: 62.5%;
    overflow: hidden;
}

.index-container[b-gn7dqcnhh7] {
    display: flex;
    height: 88vh;
    width: 20vw;
    justify-items: center;
    flex-flow: column;
    background: rgb(255,255,255,.2);
    box-shadow: 0 1rem 2rem rgb(0,0,0,.3);
    text-align: center;
    padding: 1rem;
    border-radius: 1rem;
    transition: all .2s linear;
    flex-grow: 0;
    overflow: hidden;
}


.css-container[b-gn7dqcnhh7] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 0;
    height: 88vh;
    /*width: 90%;*/
    width: 70vw;
    background: rgb(255,255,255,.2);
    box-shadow: 0 1rem 2rem rgb(0,0,0,.3);
    backdrop-filter: blur(.4rem);
    border-radius: 1rem;
    overflow: hidden;
}

.user[b-gn7dqcnhh7] {
    /*height: 20vh;*/
    padding: 10px;
}

    .user span.birds-switch[b-gn7dqcnhh7] {
        float: left;
    }

    .user img[b-gn7dqcnhh7] {
        max-height: 100%;
        min-height: 30%;
        max-width: 45%;
        min-width: 20%;
        border-radius: 50%;
        object-fit: cover;
        box-shadow: 0 0 0 .5rem rgb(255,255,255,.2);
    }

h3[b-gn7dqcnhh7] {
    margin: .8rem;
    color: #fff;
}

.typing-text[b-gn7dqcnhh7] {
    color: #fff;
    font-size: 1rem;
}

.user .name[b-gn7dqcnhh7] {
    font-size: 2rem;
    color: #fff;
    padding: .5rem 0;
}

.user .post[b-gn7dqcnhh7] {
    font-size: 1.8rem;
    color: #fff;
    font-weight: lighter;
}

.custom-navbar[b-gn7dqcnhh7] {
    padding: 0rem 0rem;
    text-align: center;
    width: 100%;
    overflow: hidden;
}


    .custom-navbar ul li[b-gn7dqcnhh7] {
        margin: 1rem 0;
        list-style: none;
    }

        .custom-navbar ul li a[b-gn7dqcnhh7] {
            display: block;
            padding: .2rem;
            font-size: calc(.7vw + .7vh);
            color: #fff;
            background: rgb(255,255,255,.2);
            box-shadow: 0 1rem 2rem rgb(0,0,0,.2);
            border-radius: .5rem;
            width: 100%;
        }

p[b-gn7dqcnhh7] {
    margin-bottom: 0 !important;
}

.btn[b-gn7dqcnhh7] {
    font-size: calc(1vw + 1vh);
    padding: .2rem 1rem;
    background: rgb(255,255,255,.2);
    color: #fff;
    border-radius: 1rem;
    box-shadow: 0 1rem 2rem rgb(0,0,0,.2);
    margin-top: .7rem;
    cursor: pointer;
    transition: .2s linear;
}

    .btn:hover[b-gn7dqcnhh7] {
        background: rgb(255,255,255,.5);
        color: #555;
    }

.text-spacing[b-gn7dqcnhh7] {
    padding-left: 1.5rem;
}


.divider-custom[b-gn7dqcnhh7] {
    margin: 1.25rem 0 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .divider-custom .divider-custom-line[b-gn7dqcnhh7] {
        margin-right: 1rem;
    }

    .divider-custom .divider-custom-line[b-gn7dqcnhh7] {
        width: 100%;
        max-width: 15rem;
        height: 0.25rem;
        background-color: #fff;
        border-radius: 1rem;
        border-color: #fff;
    }

    .divider-custom .divider-custom-icon[b-gn7dqcnhh7] {
        font-size: 3rem;
        color: #fff;
        margin-right: 1rem;
    }


/*span.typed-cursor {
    display: none;
    color: transparent;
    opacity: 0;
}*/

.typed-cursor[b-gn7dqcnhh7] {
    color: #fff;
    opacity: 1;
}

.js-typing-text[b-gn7dqcnhh7] {
    color: #fff;
    font-size: 1.2rem;
}


element.style[b-gn7dqcnhh7] {
    display: none;
}

.oi-account-login[b-gn7dqcnhh7] {
    font-size: 18px;
    padding-right: 5px;
}

/*
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
*/



@media all and (max-width: 392px) {
    .index-container[b-gn7dqcnhh7] {
        display: none;
    }

    .css-container[b-gn7dqcnhh7] {
        height: 90vh;
        /* height: 88vh;*/
        width: 90vw;
    }
}

/* Mobile phones, tablets and small laptop Displays */
@media all and (max-width: 768px) {
    .index-container[b-gn7dqcnhh7] {
        display: none;
    }

    .css-container[b-gn7dqcnhh7] {
        height: 70vh;
        /* height: 88vh;*/
        width: 90vw;
    }
}

/* /Shared/LoadingIndicator.razor.rz.scp.css */
.spinner[b-h6n0vp7nia] {
    border: 16px solid silver;
    border-top: 16px solid #337AB7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin-b-h6n0vp7nia 700ms linear infinite;
    top: 38%;
    left: 25%;
    position: absolute;
}

@keyframes spin-b-h6n0vp7nia{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
/* /Shared/Qualifications.razor.rz.scp.css */
a[b-ulhs7ug2y3] {
    text-decoration: none;
    color: #fff;
}

.scroller[b-ulhs7ug2y3] {
    height: 1.2em;
    line-height: 1.2em;
    position: relative;
    overflow: hidden;
}
    .scroller span[b-ulhs7ug2y3] {
        width:100%;
        text-align:center;
    }
.scroller > span[b-ulhs7ug2y3] {
    left:0;
    position: absolute;
    top: 0;
    animation: slide-b-ulhs7ug2y3 10s  infinite;
}

@keyframes slide-b-ulhs7ug2y3 {
    0% {
        top: 0;
    }
    12.5% {
        top: -1.2em;
    }
    25% {
        top: -2.4em;
    }
    37.5% {
        top: -3.6em;
    }
    50% {
        top: -4.8em;
    }
    62.5% {
        top: -6.0em;
    }
    75% {
        top: -7.2em;
    }
    87.5% {
        top: -8.6em
    }
    100% {
        top: 0;
    }
}
/* /Shared/Rightbar.razor.rz.scp.css */
/*  Start of www3. css*/
/* The side navigation menu */
.sidenav[b-hmyx23rwku] {
    height: 100vh; /* 100% Full-height */
    width: 250px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a[b-hmyx23rwku] {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

    /* When you mouse over the navigation links, change their color */
    .sidenav a:hover[b-hmyx23rwku] {
        color: #f1f1f1;
    }

/* Position and style the close button (top right corner) */
.sidenav .closebtn[b-hmyx23rwku] {
    position: absolute;
    margin-top:5px;
    top: 25px;
    width:25px;
    right: 25px;
    font-size: 36px;
    width: 0px;
    margin-left: 50px;
     transition: 0.3s;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main[b-hmyx23rwku] {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav[b-hmyx23rwku] {
        padding-top: 15px;
    }

        .sidenav a[b-hmyx23rwku] {
            font-size: 18px;
        }
}
/* /Shared/Switch.razor.rz.scp.css */

/* The switch - the box around the slider */
.switch[b-3mxctrsimn] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
}

    /* Hide default HTML checkbox */
    .switch input[b-3mxctrsimn] {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider[b-3mxctrsimn] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: #ccc;*/
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-3mxctrsimn]:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-3mxctrsimn] {
    /* background-color: #2196F3;*/
    border: 1px solid #fff;
}

input:focus + .slider[b-3mxctrsimn] {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider[b-3mxctrsimn]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round[b-3mxctrsimn] {
    border-radius: 34px;
}

    .slider.round[b-3mxctrsimn]:before {
        border-radius: 50%;
    }
/* /Shared/SwitchView.razor.rz.scp.css */
/* Switch.css */
.switch-container[b-qtv9bidax4] {
    display: inline-block;
}

.switch[b-qtv9bidax4] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input[b-qtv9bidax4] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-qtv9bidax4] {
    position: absolute;
    cursor: pointer;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #808080;    
    transition: 0.4s;
    border-radius: 34px;
}

    .slider[b-qtv9bidax4]:before {
        position: absolute;
        content: "";
        top: -8px;
        height: 30px;
        width: 30px;
        left: 4px;
        bottom: 4px;
        background-color: greenyellow;
        transition: 0.4s;
        border-radius: 50%;
    }

input:checked + .slider[b-qtv9bidax4] {
    background-color: #ccc;
}

    input:checked + .slider[b-qtv9bidax4]:before {
        transform: translateX(26px);
    }
/* /Shared/UnderConstruction.razor.rz.scp.css */
#page-bar[b-zcmnvcpc2u] {
    display: flex;
    flex-wrap: nowrap;
}

#page-bar-right[b-zcmnvcpc2u] {
    margin-left: auto;
}


.under-construnction[b-zcmnvcpc2u] {
    max-width: calc(90vw - 630px);
    max-height: 70vh;
    overflow-y: auto;
}
/* /Shared/_rightbar.razor.rz.scp.css */

#min-button[b-nk2kc1b97a] {
    text-align: left;
    color: white;
    font-weight: 900;
    font-size: 22px;
    display: inline-block;
    cursor: pointer;
}

#lbl-menu-right[b-nk2kc1b97a] {
    text-align: right;
    color: white;
    font-weight: 900;
    font-size: 22px;
    cursor: pointer;
    display: inline-block;
    width: 90%;
}

.card-header:first-child[b-nk2kc1b97a] {
    border-radius: 0px;
}

.minimize[b-nk2kc1b97a] {
    display: none;
}

#right-menu-card[b-nk2kc1b97a] {
    width: 250px;
    max-width: 250px;
    float: right;
    z-index: 10;
}