#sparkline12 {width: 0 !important; height: 0 !important; position: relative !important; display: none !important;}
/* width */
::-webkit-scrollbar {
  width: 6px;
}
.fw-bold {
    font-weight: 800!important;
}
.btn-xlg {
    border-radius: 0;
    padding: 0.675rem 0.95rem;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.block { display: block }
.upper { text-transform: uppercase}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #69009f;
    background-color: #69009f;
}

.fc th.fc-widget-header {
    background: #69009f !important;
    color: #fff !important;
}

.form-control {
    background-color: #edf3ff;
}
.form-control:focus {
    color: #212529;
   /* background-color: #fff;*/
    border-color: #ededed;
    outline: 0;
    box-shadow: 0 3px 7px rgb(85 81 81 / 31%);
}
.bg-lgrey input {
    background: #fff !important;
}

.bg-lgrey {
    background-color: #f7f7f7;
}
.bg-grey { background-color: #e5e5e5; }

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #333;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.sep_line {
    border-bottom: 1px #d2d2d2 solid;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #69009f;
}
.card-header {
    padding: 1.15rem 1.25rem 15px;
    background-color: rgb(69 39 160 / 14%);
}


.badge-primary {
    color: #fff !important;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1f67b1;
    border-color: #1f67b1;
}

.btn-primary:hover {
    background-color: #8e1dc8 !important;
    border-color: #8e1dc8 !important;
}

.btn-primary { color: #fff !important;}


.card, .page-titles {
    box-shadow: 1px 2px 6px #c2c2c2;
}
.pagination .page-item.active .page-link {
    background-color: #1f67b1;
    border-color: #1f67b1;
}

/****** HEADER CSS ******/
.nav-header .logo-abbr {
    max-width: 65px;
}
.nav-header .brand-title {
    margin-left: 0px;
    max-width: 145px;
}
.header {
    background-color: #69009f !important;
}
[data-nav-headerbg="color_11"][data-theme-version="dark"] .nav-header, [data-nav-headerbg="color_11"] .nav-header {
    background-color: #69009f!important;
}
[data-headerbg="color_1"] .nav-header .hamburger.is-active .line, [data-headerbg="color_1"] .nav-header .hamburger .line,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line {
    background: #fff !important;
}
.pulse-css {
    background: #2aff0d!important;
}
.header-right .notification_dropdown .nav-link {
    position: relative!important;
    color: #ffffff!important;
}

/*****SIDEBAR***/
.deznav .metismenu > li.mm-active > a {
    color: #ffffff;
    background-color: #69009f;
    border-left: 5px solid #69009f;
}
.deznav .metismenu > li.mm-active > a:hover{
  color: #ffffff;
    background-color: #1f67b1;
    border-left: 5px solid #1f67b1;
}

.deznav .metismenu > li> a:hover {
    color: #ffffff;
    background-color: #1f67b1;
    border-left: 5px solid #1f67b1;
}
.deznav .metismenu ul a:hover, .deznav .metismenu ul a:focus, .deznav .metismenu ul a.mm-active {
    font-weight: 500;
}
@media only screen and (min-width: 768px){
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu > li:hover > a {
    width: 16rem;
    background: #fff;
    color: #1f67b1;
    border-radius: 5px 5px 0 5px;
    box-shadow: 0px 0px 13px 0px rgb(82 63 105 / 5%);
}
}
/*****DASHBOARD*****/
.dashboard-header {
    /**background-color: #69009f; **/
    background-color: #1f67b1; 
}
.dashboard-header h1, .dashboard-header h2, .dashboard-header h3, .dashboard-header h4 { color: #fff;}
.dashboard-header h2 { text-transform: capitalize}
.course-box {
    background-color: #fff;
    display: inline-block;
    padding: 0.5rem 0.9rem;
    font-weight: 800;
    color: #1f67b1;
    text-transform: uppercase;
    margin-right: 0.825rem;
}

/**************DASHBOARD CARD ********/
.dashboard_card .card{
   height:  480px;
    background-size: cover;
    background-position: center;
    border-radius: 2rem;
}
.dashboard_card .card-title {
    font-size: 25px;
    color:  #1f67b1;
    font-weight: 800;
    text-shadow: 1px -2px #fff;
}
.dashboard_card .card-header {
    background-color: transparent;
    border-bottom: 4px solid  #1f67b1;
    
}
.dashboard_card .btn {
    padding: 0.775rem 1.55rem;
    border-radius: 0;
    background-color:  #1f67b1;
    text-transform: uppercase;
    font-weight: 800;
}
/****************************************/


.time_class span{ display: block;}
.time_class {
    width: 60px;
    text-align: left;
    font-weight: 800;
}


.class_table > div:nth-child(odd) {
    background-color: #eee;
}
.download_res .media {
    border-bottom: 1px solid #eee;
}

.class_table .media, .download_res .media {
    padding: 0.3rem 0.5rem;
    margin-bottom: 0.5rem;
}

.class_table {    
    height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;          
}
.class_table::-webkit-scrollbar-track, .download_res::-webkit-scrollbar-track {
  background: #efefef;
}
.class_table::-webkit-scrollbar, .download_res::-webkit-scrollbar {
    width: 5px;
}
.class_table::-webkit-scrollbar-thumb, .download_res::-webkit-scrollbar-thumb {
  background: #69009f;
}

.exam_date {
    text-align: center;
    padding: 0.5rem;
    font-weight: 800;
    color: #fff;
}
.exam_day {
    display: block;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-transform: uppercase;
}
.exam_time {
    display: block;
    font-size: 0.8rem;
    line-height: 0.8rem;
}

.up_exams > li:nth-child(3n) .exam_date {
    background-color: #64318c;    
}
.up_exams > li:nth-child(3n+1){
    background-color: rgb(142 56 131 / 21%);
}


.up_exams > li:nth-child(3n+2){
    background-color: rgb(22 152 152 / 21%);
}
.up_exams > li:nth-child(3n+1) .exam_date {
    background-color: #8e3883;    
}

.up_exams > li:nth-child(3n){
    background-color: rgb(100 49 140 / 21%);
}
.up_exams > li:nth-child(3n+2) .exam_date {
    background-color: #169898;    
}



.news-box .card-body {
    padding: 15px 20px;
    vertical-align: middle;
}
.news-box {
    background-color: #69009f;    
    border-radius: 0px;
}

.news-date {
    border-right: 3px solid #fff;
}
.news-date h5 {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    vertical-align: middle;
    padding-top: 5px;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
}
.news-title h5 {
    font-size: 1rem;
    line-height: 1rem;
    vertical-align: middle;
    /* height: 100%; */
    margin-top: 3%;
    font-weight: 600;
    color: #fff;
}

/****ALL TABLE UI ***/
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}
.dataTables_wrapper .dataTables_length {
    float: left;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td, table.dataTable.display thead th {
    border-bottom: 1px solid #ddd;
}
.dataTable {
    margin-bottom: 2rem;
}
/*******************/
/**************************************************/
.legend div{
    margin-bottom: 1rem;
}
.calendar_legend {
    width: 33px;
    height: 15px;
    background-color: #3c3c3c;
    display: inline-block;
}
.calendar_legend.virtual {
    background-color: #ff1616
}
.calendar_legend.face {
    background-color: #000
}
.calendar_legend.assignment {
    background-color: #69009f
}

/*************************************
ACADEMIC HISTORY
/*******************************/

.accordion-active-header .accordion__header:not(.collapsed) {
    background-color: rgb(69 39 160 / 14%);;
    color: #333;
}

/******************************************
********************************************/
.main_menu a.nav-link {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
}

.mark-table tbody {
    color: #ffffff;
    background-color: #4d4d4d;
}

.mark-table thead {
        color: #ffffff;
    background-color: #000000;
}

ol > li {
    list-style: inherit;
}
ol {
    margin-top: 0;
    margin-left: 2rem;
    margin-bottom: 1rem;
}