.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #aaa;}
.fixed{position: fixed; width: 83%;}
.profile{margin-top: 45px;}
.mr-top50{margin-top: 50px;}
.nav-md .nav_menu .nav.toggle .fa-angle-left{display: none;}
.nav-sm .nav_menu .nav.toggle .fa-bars{display: none;}
.nav-sm .nav_menu .nav.toggle .fa-angle-left{ transform: rotate(180deg);}
.nav-md, .nav-sm{transition: all ease-in 1s;}
.nav-sm .main_menu_side{margin-top: 45px;}
.tile-stats.yellow .icon, .tile-stats.yellow .count, .tile-stats.yellow h3{color: #fec801 ;}
.tile-stats.rose .icon, .tile-stats.rose .count, .tile-stats.rose h3{color: #f2426d  ;}
.tile-stats.green .icon, .tile-stats.green .count, .tile-stats.green h3{color: #58baab;}
.tile-stats.blue .icon, .tile-stats.blue .count, .tile-stats.blue h3{color: #019ff8 ;}
.width-100{ width: 102%;}
.ds-inline{display: inline-block;}
.ds-block{display: block;}
form label .required{color: red;}
.nm-checking{position: absolute; right: 5px; bottom:5px;}
.hr-tab{background: #fff; position: relative;}
.hr-tab ul.bar_tabs{padding: 0px; margin: 0px; margin-top: 15px; height: auto;}
.hr-tab ul.bar_tabs li{margin: 0px;}
.nav-tabs .nav-link.active{color: #000;}
.hr-tab-content{margin-bottom: 0px;}
/* .hr-tab-content .x_title h2{color: #019ff8;} */
.hr-tab-content .table-responsive thead{background: #213345; color: #fff;}
.info-number{position: relative;}
.min-height468{min-height: 468px;}
.dataTables_length select { width: 75px; display: inline-block;}
.dataTables_filter{text-align: right;}
.dataTables_filter input {margin-left: 0.5em; display: inline-block; width: auto;}
.dark-mode{position: absolute; top: 20px; left: 50px;}
.login_form img, .registration_form img{max-width: 150px; display: block; margin: 0 auto;}
.login_form .btn.submit, .registration_form .btn.submit{display: block; margin: 0px; padding: 0px;}
.user-profile i{width: 29px; height: 29px; background: #f4f4f4; border-radius: 50%; line-height: 29px; text-align: center; margin-right: 10px;}
.admission-tabs{border: none; margin-bottom: 15px;}
.admission-tabs li{border: none; background: none;}
.admission-tabs .nav-link{border: 1px solid #ddd; background: #fafafa; border-radius: 0px;}
.admission-tabs .nav-link.active{background: #2A3F54; color: #fff; border: 1px solid #2A3F54;}
.compose-radio{padding:10px 20px; background: #f5f5f5;}
.compose-radio label{margin-bottom: 0px;}
.compose-radio label input{margin-right: 8px;}
.compose-content{padding:10px 20px;}
.compose-content input, .compose-content textarea{width: 100%; padding: 5px 15px; font-size: 12px; border: 1px solid #ddd; border-radius: 6px; resize: none;}
.compose-content label sup{color: red;}
.compose-content textarea:focus{outline: none;}
.attendance>input[type=checkbox] {cursor: pointer; height: 30px; margin:4px 0 0; position: absolute; opacity: 0; width: 30px; z-index: 2;}
.attendance>input[type=checkbox] + span { background: #e74c3c; border-radius: 50%; box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
display: inline-block; height: 20px; margin:4px 0 0; position:relative; width: 20px; transition: all .2s ease;}
.attendance>input[type=checkbox] + span::before, .attendance>input[type=checkbox] + span::after{ background:#fff; content:'';
display:block; position:absolute; width:2px; transition: all .2s ease;}
.attendance>input[type=checkbox] + span::before{ height:12px; left:9px; top:4px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.attendance>input[type=checkbox] + span::after{ height:12px; right:9px; top:4px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.attendance>input[type=checkbox]:checked + span {  background:#2ecc71;			    }
.attendance>input[type=checkbox]:checked + span::before{ height: 7px; left: 6px; top: 8px; -webkit-transform:rotate(-47deg); transform:rotate(-47deg);}
.attendance>input[type=checkbox]:checked + span::after{ height: 11px; right: 6px; top: 4px;}
.absentees{margin: 10px 0px;}
.absentees .form-group{background: #e74c3c; border-radius: 30px; display: inline-block; padding-left: 15px;}
.absentees .form-group input{width: 30px; height: 30px; border: 1px solid #e74c3c; text-align: center; border-radius: 50%;}
.absentees .form-group label{margin-bottom: 0px; color: #fff; font-weight: 700;}
.compose-content .table thead th, .compose-content .table td{padding: 5px; font-size: 12px; font-weight: normal;}
.compose-content .table{border: 1px solid #ddd; text-align: left;}
.compose-content.hr-tab-content button{padding: 5px; font-size: 13px;}
.filter-box{background: #f5f5f5; padding:10px 20px;}
.inbox-body-icons{border-bottom: 1px solid #DBDBDB; margin-bottom: 6px; padding-bottom: 15px;}
.searchBox{position: relative;}
.searchBox input{width: 100%; padding: 6px 12px; border: 1px solid #ddd; border-radius: 30px; background: #f5f5f5;}
.searchBox i{position: absolute; right: 20px; top: 8px; cursor: pointer;}
.inbox-body-icons button{background: #f5f5f5; border: 1px solid #ddd; border-radius: 5px; padding: 6px 12px; color: #999;}
.inbox-body-icons button:focus{outline: none;}
.inboxIcons{text-align: right;}
.inboxIcons i{width: 33px; height: 33px; text-align: center; line-height: 33px; background: #f5f5f5; border-radius: 50%;
border: 1px solid #ddd; cursor: pointer; margin-left: 10px;}
.inboxIcons i:hover{background: none;}


@media (max-width: 480px) {
    .dataTables_info{width: 100%; margin-bottom: 15px;}
    .nav-sm .nav_menu .nav.toggle .fa-angle-left{ transform: rotate(0deg);}
    .x_content .form-group.pt-5{padding-top: 0px !important;}
    .width-100{ width: 105%;}
    .dataTables_filter{text-align: left;}
    .inbox-body-icons{margin-top: 20px;}
    .inbox-body-icons button{padding: 6px 4px; margin: 0px;}
    .inboxIcons{padding-left: 0px;}
    .inboxIcons i{margin-left: 2px;}

}