html{
    background-color: #fafafa;
}
.bg-color-white{
    background-color: white!important;
}
.overflow-x-auto{
    overflow-x: auto!important;
}
@font-face{
    font-family: 'muktamahee';
    src: url('css/fonts/MuktaMahee-Regular.ttf');
}
@media print {
    body{
        font-size: 8px;
    }
    .message{
        font-size: 8px!important;
    }
    footer:not(:last-of-type){
        page-break-after: always;
    }
}
.logo{
    margin: auto;
    display: block;
    max-height: 12em;
}
.is-fullwidth{
    width: 100%;
}
.is-halfwidth{
    width: 50%;
}
.navbar{
    position: fixed;
    top: 0;
    width: 100%;
    /* overflow-x: auto; */
}
.navbar-middle{
    display: flex;
    overflow-x: auto;
    max-width: 70vw;
}
@media screen and (max-width: 1023px) {
    .navbar-middle {
        display: block;
        overflow-x: unset;
    }
}
.nav-logo{
    max-height: 4em!important;
}
.nav-active{
    border-bottom: 1px #3273dc solid;
}
.cursor, .admin-students-table tbody tr, .admin-staff-table tbody tr{
    cursor: pointer;
}
.no-cursor{
    cursor: default;
}
.rotate45right{
    transform: rotate(90deg);
}
.justify-left{
    justify-content: left;
}
.post-text{
    font-family: 'muktamahee';
    background-color: white;
}
.text-r{
    text-align: right;
}
.text-l{
    text-align: left;
}
.text-c{
    text-align: center;
}
.has-text-middle{
    vertical-align: middle!important;
}
.has-text-top{
    vertical-align: top!important;
}
.has-text-bottom{
    vertical-align: bottom!important;
}
.login-box{
    max-width: 500px;
    margin: auto;
}
.fill-height{
    min-height: 1000px;
}
.admin-students-table, .admin-terms-table, .admin-staff-table{
    width: 100%;
}
.admin-terms-table{
    text-align: center;
}
.topic-container{
    background-color: #d7d7d7;
}
.place-holder-sortable-aspect{
    content: "123";
    background-color: red;
}
.avgWeight, .minGrade, .maxGrade, .decimals{
    width: 4em;
}
.lh-2_5{
    line-height: 2.5em;
}
.modal-card-staff{
    width: 940px!important;
}
.modal-card-curriculum-internal-importer{
    width: 1200px!important;
}
.subject-menu{
    border-left: 1px #FFFFFF solid;
}
.is-15p{
    width: 15%;
    flex: none;
}
.tag-overflow-left{
    border-radius: 4px 0 0 4px;
    display: flex;
    align-items: center;
}
.tag-overflow-right{
    border-radius: 0 4px 4px 0;
    display: flex;
    align-items: center;
}
.tag-overflow-center{
    display: flex;
    align-items: center;
}
.column-box{
    border-radius: 6px;
    box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
}
.group-checkbox-container, .grades-checkbox-container{
    width: 80px;
}
.student-thumb{
    max-width: 48px;
    max-height: 48px;
}
.student-image-preview{
    max-width: 500px;
    max-height: 500px;
}
.attendance-date{
    width: 300px;
}
.datetimepicker.is-active{
    z-index: 100;
}
.datetimepicker-dummy{
    background-color: #FFFFFF;
}
.datetimepicker-dummy-input{
    cursor: pointer;
    min-width: 100%;
}
.table-scrollable-top{
    transform: rotateX(180deg);
}
.table-scrollable-top table{
    transform: rotateX(180deg);
}
.td-student-name{
    min-width: 16rem;
}
.grade-name-input{
    background-color: transparent;
    border: none;
    text-align: center;
    width: 75px;
    outline:none;
}
.grade-input{
    width: 65px;
    font-weight: bold;
}
.grade-input2{
    width: 85px;
    font-weight: bold;
}
.student-aspect-comment{
    width:200px;
}
.aspect-tag-description div{
    display: block!important;
    width: fit-content;
}
.select.is-arrowless::after{
    border-color: transparent!important;
}
.grading-scale-c1{
    /*background-color: #ffd966!important;*/
    background-color: #fffd94!important;
}
.grading-scale-c2{
    /*background-color: #f6b26b!important;*/
    background-color: #ffce99!important;
}
.grading-scale-c3{
    /*background-color: #3c78d8!important;*/
    background-color: #92b3e9!important;
}
.grading-scale-c4{
    /*background-color: #b6d7a8!important;*/
    background-color: #b6d7a8!important;
}
.grading-scale-c5{
    /*background-color: #6aa84f!important;*/
    background-color: #a0d889!important;
}
.report-card-logo, .reports-logo{
    max-height:100px;
    max-width:300px;
}
.report-card-student-picture{
    max-width:100px!important;
}
.report-card-student-picture img{
    max-height:100px!important;
    max-width:100px!important;
}
.report-card-subject-category-row td:first-child{
    padding-left:15px!important;
}
.report-card-subject-row td:first-child{
    padding-left:30px!important;
}
.report-card-topic-category-row td:first-child{
    padding-left:45px!important;
}
.report-card-topic-row td:first-child{
    padding-left:60px!important;
}
.report-card-aspect-category-row td:first-child{
    padding-left:75px!important;
}
.report-card-aspect-row td:first-child{
    padding-left:90px!important;
}
.report-card-aspect-detail-row td:first-child{
    padding-left:105px!important;
}
.report-card-subject-category-row{
    background-color:#d0f5d5!important;
}
.report-card-topic-category-row{
    background-color:#fdf8e5!important;
}
.report-card-subject-row, .report-card-subject-row th{
    background-color:#d0e6f5!important;
}
.report-card-topic-row, .report-card-topic-row th{
    background-color:#f1f1f1!important;
}
.report-card-aspect-row, .report-card-aspect-row th{
    background-color:#f5f5f5!important;
}
.report-card-aspect-detail-row, .report-card-aspect-detail-row th{
    background-color:#ffffff!important;
}
.report-card-table-abs-column, .report-card-table-avg-column{
    width: 50px;
    max-width: 50px;
}
.attendance-report-student-row, .attendance-report-student-row th{
    background-color:#ffffff!important;
}
.attendance-report-student-row td{
    text-align: center!important;
}
.attendance-report-table tr th:nth-child(1){
    min-width: 70px;
    max-width: 70px;
}
.attendance-report-table tr th:nth-child(2){
    min-width: 90px;
    max-width: 90px;
}
.attendance-report-table tr th:nth-child(3){
    min-width: 250px;
    max-width: 250px;
}
.table.is-borderless tr th, .table.is-borderless tr td{
    border-width: 0!important;
}
table.is-half-width{
    width: 50%;
    margin: auto;
}
.reports-body{
    padding: 20px;
}
.report-card-scale-table, .report-card-scale-table2{
    width: fit-content!important;
}
@media print{
    .report-card-scale-table, .report-card-scale-table2{
        width: fit-content!important;
    }
}
.report-card-table tr td{
    border-color: black!important;
    padding: 5px!important;
}
.report-card-scale-table tr td{
    border-color: black!important;
    vertical-align: middle;
}
.report-card-scale-table tr td:first-child, .report-card-scale-table2 tr td:first-child{
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.progress-report-scale-table tr td, .attendance-report-scale-table tr td{
    border-color: black!important;
    padding: 2px;
    min-width: 70px;
    vertical-align: middle;
    font-size: 0.8em;
    font-weight: 600;
}
.report-card-class-students, .student-attendance-report-dates{
    font-size: 0.6em;
    min-width:70px;
    max-width:120px;
    vertical-align: middle;
    text-align: center;
}
.report-card-class-descriptions{
    min-width:400px;
    vertical-align: middle;
}
table.has-sticky-header, table.has-sticky-column, table.has-sticky-footer{
    border-collapse: separate;
}
table.is-bordered.has-sticky-header thead tr th{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-color: black;
    border-style: solid;
}
table.is-bordered.has-sticky-column tbody tr th, table.is-bordered.has-sticky-column tbody tr td{
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-color: black;
    border-style: solid;
}
table.is-bordered.has-sticky-footer tfoot tr th{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-color: black;
    border-style: solid;
}
table.is-bordered.has-sticky-column tbody tr th:last-child{
    border-bottom-width: 1px;
    border-color: black;
    border-style: solid;
}
table.is-bordered.has-sticky-header thead tr th:nth-child(1), table.is-bordered.has-sticky-column tbody tr th:nth-child(1), table.is-bordered.has-sticky-footer tfoot tr th:nth-child(1){
    border-right-width: 1px;
    border-left-width: 1px;
    border-color: black;
    border-style: solid;
}
table.has-sticky-header thead tr th{
    font-weight: 400;
    background-color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 6;
}
table.has-double-sticky-header thead tr th{
    top: 3.25rem!important;
}
table.has-sticky-column tbody tr th{
    font-weight: 400;
    position: sticky;
    left: 0;
    z-index: 5;
}
table.has-sticky-column tbody tr.attendance-report-student-row th:nth-child(2){
    left: 70px!important;
}
table.has-sticky-column tbody tr.attendance-report-student-row th:nth-child(3){
    left: 160px!important;
}
table.has-sticky-footer tfoot tr th{
    font-weight: 400;
    background-color: #ffffff;
    position: sticky;
    bottom: 0;
    z-index: 6;
}