td.editable_dt.enable {
    text-align: center;
}

#main i.fa.fa-pencil {
    color: #2929c9;
    padding-left: 10%;
}

td div.remarks {
    width: 7px;
    margin-left: 80%;
    color: #0bdd1b;
}

#main .nav-tabs {
    border-bottom: 0;
    position: fixed;
    bottom: 0px;
    background: #05253a;
    width: 100%;
    padding: 8px 5px;
    z-index: 99;
}

#toTop {
    bottom: 55px;
}

#main .ui-state-default:not(.ui-state-active):not(.ui-state-highlight),
#main .ui-widget-content .ui-state-default:not(.ui-state-active):not(.ui-state-highlight),
#main .ui-widget-header .ui-state-default,
#main .ui-button,
#main .ui-button.ui-state-disabled:hover,
#main .ui-button.ui-state-disabled:active,
#main .nav.nav-tabs li:not(.active) a {
    background-color: rgb(150 166 197 / 48%) !important;
}

.nav-tabs li>a {
    pointer-events: auto !important;
}

th {
    vertical-align: center;
    text-align: center;
    min-width: 120px;
}

th.rotate-90 {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    font-size: 16px !important;
}

td div.remarks {
    width: 4px;
}

td.editable_dt i.fa-pencil {
    cursor: pointer;
    display: none;
}

td.editable_dt.enable {
    border: 1px solid black;
}

td.editable_dt.enable i.fa-pencil {
    display: inline-block;
}

tr.empty-row td.select-checkbox::before {
    visibility: hidden !important;
}

tr.empty-row>th {
    border-left: 0px !important;
    border-right: 0px !important;
}

table.dataTable tr.selected td.select-checkbox::after {
    font-size: 13px !important;
    margin-top: -11px !important;
    text-shadow: none !important;
    font-weight: bolder;
}

div.content {
    padding: 0 0 0 0;
}

tr.highlight th {
    background-color: rgb(197, 190, 151) !important;
}

tr.highlight td {
    border-top: 2px solid black !important;
    border-bottom: 2px solid black !important;
}

.selected-row {
    background-color: #ecd !important;
}
#attendance .attendance_val_sus {
    color: red;
}
#attendance .attendance_val_hpl {
    background-image: linear-gradient(45deg, #ffffff 44.44%, #CDEAAE 44.44%, #CDEAAE 50%, #ffffff 50%, #ffffff 94.44%, #CDEAAE 94.44%, #CDEAAE 100%);
    background-size: 12.73px 12.73px;
}
#attendance .attendance_val_pl {
    background-image: linear-gradient(45deg, #ffffff 44.44%, #92d050 44.44%, #92d050 50%, #ffffff 50%, #ffffff 94.44%, #92d050 94.44%, #92d050 100%);
    background-size: 12.73px 12.73px;
}
#attendance .attendance_val_la {
    background-image: linear-gradient(45deg, #ffffff 44.44%, #ffff00 44.44%, #ffff00 50%, #ffffff 50%, #ffffff 94.44%, #ffff00 94.44%, #ffff00 100%);
    background-size: 12.73px 12.73px;    
}
#attendance .attendance_val_a {
    background-image: linear-gradient(45deg, #ffffff 44.44%, #ff0000 44.44%, #ff0000 50%, #ffffff 50%, #ffffff 94.44%, #ff0000 94.44%, #ff0000 100%);
    background-size: 12.73px 12.73px;
}
#attendance .attendance_val_uh-d {
    background-image: linear-gradient(45deg, #ffffff 44.44%, #ffb3b3 44.44%, #ffb3b3 50%, #ffffff 50%, #ffffff 94.44%, #ffb3b3 94.44%, #ffb3b3 100%);
    background-size: 12.73px 12.73px;
}
#attendance .attendance_val_h-d {
    background-image: linear-gradient(45deg, #ffffff 44.44%, #ffccff 44.44%, #ffccff 50%, #ffffff 50%, #ffffff 94.44%, #ffccff 94.44%, #ffccff 100%);
    background-size: 12.73px 12.73px;
}