:root {
    --blue: #1e90ff;
    --white: #ffffff;
    --ec:#ecf0fa;
    --de:#deebfd;
    --031:#031b4e;
    --eae:#eae8f1;
    --dad:#dadee8;
    --gra: #e0e0e0;
    --logo-primary:#ff5b23;
    --logo-secondary:#9d887e;
    --login-background:#feecdb;
    --logo-primary-2:#fea252;
    --inner-logo-title:#f28726;
    --border-global:#D0C9C0;

}
body{
    margin: 0;
    font-family: "Poppins", sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--031);
    text-align: start;
    background-color: var(--ec);
}
.side-header{
    padding-left: 240px;
}
a {
    text-decoration: none;
}
.main-sidemenu {
    margin-block-start: 90px;
}
.m-subheader{
    display: none;
}
h3, .h3 {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.text-right{
    text-align: right;
}
.primary-bg{
    background-color:var(--primary-bg-color);
}
h5{
    font-size: 1rem;
}

.app.sidebar-mini.sidenav-toggled .main-sidebar-header .main-logo, .app.sidebar-mini.sidenav-toggled .main-sidebar-header .main-logo{
    display: none;
}
h1.m-portlet__head-text {
    margin: 25px 0;
    font-size: 21px;
    font-weight:600;
    text-transform: uppercase;
}
.m-portlet__body{
    padding: 1.25rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background:var(--white) ;
    background-clip: border-box;
    border: 1px solid var(--de);
    margin-block-end: 1.3rem;
    box-shadow: -8px 12px 18px var(--dad);
    border-radius: 7px;
}
/* page title  */
.m-portlet__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* button  */
.btn{
  background: var(--primary-bg-color) !important;
  color:var(--white); 
  border:none;
  font-size: 12px;
  padding-left:0.6rem;
  padding-right:0.6rem;
}
.btn:hover{
    background: var(--primary-bg-hover);
    color:var(--white);
}
.btn-border{
    background:none;
    color:var(--primary-bg-color); 
    border:1px solid var(--primary-bg-color);
    font-size: 12px;
    padding-left:0.6rem;
    padding-right:0.6rem;
    padding: 0.375rem 0.75rem;
    border-radius: 3px;
  }
  .btn-border:hover{
      background: var(--primary-bg-color);
      color:var(--white);
  }
.white-blue{
    background: var(--bs-white);
    color:var(--blue);
}
.white-blue:hover{
    background: var(--bs-gray-300);
    color:var(--blue);
}
.table.dataTable.no-footer label.m-checkbox{
    margin:0;
}
table.dataTable{
    display: table;
}
table.table-bordered.dataTable {
    border-right-width: 1px;
}

/* global tabs  */
.nav-tabs ~ div {
    padding: 15px;
    border: 1px solid;
    margin: 0;
    border-color: var(--eae);
}
.nav-tabs .nav-link:first-child {
    margin-left: 0;
}
.nav-tabs .nav-link{
    padding: 0.7rem 2rem;
    background: var(--ec);
    border: 1px solid var(--eae);
    border-block-end: 0;
    margin-bottom: 0;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover,
ul.nav.nav-tabs li.nav-item input:checked ~ a,
ul.nav.nav-tabs li.nav-item:hover a {
    background: none;
    box-shadow: inset 0 3px 1px var(--primary-bg-color);
    /* color: var(--primary-bg-color); */
    border-start-start-radius: 0;
    border-start-end-radius: 0;
}
.nav-tabs{
    padding: 0 0 2px;
    border-block-end:0;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.nav-tabs ~ div:last-child{
    border-bottom:1px solid #dee2e6;
}
.nav-tabs .nav-item{
    white-space: nowrap;
}

/* datatable  */
.table.dataTable td, .table.dataTable th, .table thead th, .table td{
    white-space: nowrap;
}
.dataTables_paginate  .paginate_button .page-link i{
    display: none;
}
.dataTables_wrapper .dataTables_length select{
    padding-inline-start: 8px;
    padding-inline-end: 20px;
    position: relative;
}
table.table-bordered.dataTable thead tr:first-child th, table.table-bordered.dataTable thead tr:first-child td {
    border-top-width: 0;
}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, .dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    background: var(--primary-bg-color);
    top: 14px;
    left: 7px;
}
.form-control:focus{
    box-shadow:unset;
    border-color:unset;
}
.table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(255, 255, 255, 0.5);
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
    --bs-table-accent-bg: unset;
}
.table-bordered th, .table-bordered td {
    border: 1px solid var(--eae);
}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{
    padding-left: 33px;
}
.table thead th {
    background: var(--border-global);
}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    top: 22px;
    left: 0;
    inset-inline-start: 12px;
    background-color: var(--primary-bg-color);
}
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control{
    padding-inline-start: 35px;
}
table.dataTable>thead .sorting:after{
    inset-inline-end: 0.9em;
    opacity: 0.4;
    top: 49%;
}
.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: unset;
}
table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:after{
    opacity: 1;
}
.btn-info:hover, .btn-check:focus+.btn-info, .btn-info:focus{
    background: var(--primary-bg-hover) !important;
    box-shadow:unset;
    color: var(--white);
    outline: none;
}
table.dataTable thead input[type=checkbox]{
    margin-left: 3px;
    position: relative;
}
table.dataTable label.m-checkbox input[type=checkbox] ~ span:before, table.dataTable label.m-checkbox input[type=checkbox]:checked ~ span:after{
    top:0;
}
table.dataTable label.m-checkbox input[type=checkbox]{
    position: relative;
}
table.dataTable .pagination .page-link:hover{
    border: none !important;
}
.table.dataTable a.m-link, .table.dataTable a.btn-link{
    font-weight: 500;
}
.page-item.active .page-link{
    z-index: 0;
}
/* #student-table.table.dataTable td.dtr-control,
 .student-table_wrapper table th:first-child{
s    display: none;
}
#student-table.table.dataTable.collapsed td.dtr-control,.student-table_wrapper table.collapsed th:first-child, #student-table_wrapper .table.dataTable th:first-child{
    display: table-cell;
} */
#printFeesDetails #showReceiptNo_wrapper #showReceiptNo_filter label{
    display: flex;
    align-items: center;
}
#printFeesDetails #showReceiptNo_wrapper #showReceiptNo_filter .delete-section{
    display: flex;
}
#printFeesDetails #showReceiptNo_wrapper #showReceiptNo_filter .delete-section label{
    margin-bottom: 0;
}
.dataTables_wrapper >.row{
    align-items: center
}
.dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_filter label{
    margin-bottom: 10px;
}
table#viewExamTable.exam-modal {
    display: block;
    overflow: auto;
}

/* default table design  */
table.dataTable thead th.tablesorter-header{
    position: relative;
}
table.dataTable thead th.tablesorter-header::after{
    position: absolute;
    display: block;
    font-family: "Ionicons";
    font-size: 11px;
    line-height: 0;
    inset-inline-end: 0.9em;
    opacity: 0.4;
    top: 49%;
    content: "↓";
}
table.dataTable thead th.tablesorter-header.tablesorter-headerDesc::after, table.dataTable thead th.tablesorter-header.tablesorter-headerAsc::after{
    opacity: 1;
}

.table.dataTable td:last-child .btn-info:not(:first-child){
    margin-inline-start: -1px;
    border-radius:0;
}
/* .table.dataTable td:last-child .btn-info:last-child{
    border-radius:0 0.2rem 0.2rem 0;
}
.table.dataTable td:last-child .btn-info:first-child{
    border-radius:0.2rem 0 0 0.2rem;
} */

.table.dataTable .btn-group .btn {
    margin: 0 5px;
    border-radius: 3px;
    width: 33px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    max-width: 33px;
}
.table.dataTable .btn-group .btn i{
    margin-right: 0;
}

.lecture-lists .table td:first-child {
    min-width: 200px;
    display: table-cell;
}
.lecture-lists .table td:nth-child(2) {
    min-width: 180px;
}
.dataTables_scrollBody, .dataTables_scrollHeadInner {
    border: 1px solid var(--border-global);
}
.table.dataTable td:first-child{
    border-left:0
}
.table.dataTable td:last-child{
    border-right:0;
}
.table.dataTable tr:last-child td{
    border-bottom:0;
}
.table.dataTable.no-footer {
    border-block-end: none !important;
    margin-block-start: 0 !important;
    border:none;
}
.dataTables_scrollHead {
    background: var(--border-global);
}

/* main title button  */
ul.m-portlet__nav {
    margin: 0;
    display: flex;
}
/* design updated  */
table.dataTable th, table.dataTable td, table.dataTable thead th, table.dataTable thead td{
    font-size: 12px;
}
table.dataTable thead th, table.dataTable thead td{
    text-transform: capitalize;
    font-weight: 500;
}

/* form design  */

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #b1b8cd;
    text-align: left;
}
input[type=file]{
    display: block;
    width: 100%;
    height: inherit;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4d5875;
    background-clip: padding-box;
    border: 1px solid var(--eae);
    border-radius: 3px;
}
input[type=file]::-webkit-file-upload-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
}
#addInquiry .radio, .radio-inline {
    display: inline-flex;
    padding: 0 0 0 8px;
    align-items: center;
}
.radio-inline label, #addInquiry .radio label{ 
    margin-block-end: 0;
    display: flex;
}
#addInquiry .radio:first-child, .radio-inline:first-child{
    padding-left: 0;
}
.has-danger input.form-control{
    border-color: #dc3545;
}
.form-control-feedback{
    color: #dc3545;
    font-size: 13px;
}
.form-group.has-danger{
    margin-bottom: 25px;
}
.form-group .form-control-feedback {
    color: #dc3545;
    font-size: 13px;
    position: absolute;
    bottom: -20px;
    margin: 0;
    left: 15px;
}
.form-control[readonly]{
    background:var(--white);
}
select.form-control, .select2-container--default .select2-selection--multiple{
    position: relative;
    background-image:url(../images/select2x2.png);
    background-repeat: no-repeat;
    background-position: right -44px top 2px;
    background-size: 70px;
    padding-right: 25px;
    cursor: pointer;
    /* min-width: max-content; */
}
.examp-text{
    font-size:13px;
    margin-bottom: 0;
}
.input-group-text{
    height: 35px;
    background-color: var(--border-global);
    border: 1px solid var(--border-global);
}

/* select 2 multiple  */
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field{
    margin-top: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-left: 15px;
    background-color: var(--primary-bg-color);
    border: none;
    margin-inline-end: 5px;
    margin-block-start: 6px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: var(--white);
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-inline-end: 2px;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    opacity: 1;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    color: var(--white);
}
.select2-container--default .select2-selection--multiple {
    cursor: text;
    background-color: white;
    border: 1px solid var(--eae);
    border-radius: 3px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    background-color: white;
    border: 1px solid var(--border-global);
}

.select2-dropdown {
    z-index: 1;
}

/* Usefultips */
.tips_card p{
    margin-bottom:0;
}
.tips_card .card-header{
    background-color:var(--primary-bg-color);
}
.tips_card .card-header h3{
    color: var(--white);
}
.transport_require label.form-control-label{
    margin-bottom: 0;
}

/* checkbox  */
label.m-checkbox{
    position: relative;
    padding-left: 25px;
}
label.m-checkbox input[type=checkbox]{
    opacity: 0;
    margin: 0;
    width: 16px;
    height: 16px;
    position: absolute;
}
label.m-checkbox input[type=checkbox] ~ span {
    position: absolute;
    left: 0;
}
label.m-checkbox input[type=checkbox] ~ span:before {
    line-height: 18px;
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background-color: var(--white);
    border: 1px solid var(--eae);
    top:3px;
    inset-inline-start: 0;
    left: 0;
}
label.m-checkbox input[type=checkbox] ~ span:after {
    position: absolute;
    top: 3px;
    inset-inline-start: 0;
    width: 16px;
    height: 16px;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: 55% 45%;
    background-color: var(--primary-bg-color);
    line-height: 17px;
    display: none;
}
label.m-checkbox input[type=checkbox]:checked ~ span:after {
    display: block;
}

/* add attachment scroll bar  */
#sendNoteForm #scrollbar1 .scrollbar{
    right: -17px;
    top: 0;
    width: 12px;
    background-size: 100%;
    border-radius: 10px;
    overflow: hidden;
}
#sendNoteForm #scrollbar1 .track{
    width: 12px;
    position: relative;
}
#sendNoteForm #scrollbar1 .thumb{
    width: 6px;
    overflow: hidden;
    position: absolute;
    left: 3px;
    border-radius: 10px;
}

label.form-control-label{
    text-transform: capitalize;
    font-weight: 500;
}
.height_flow{
    max-height: 100vh;
    overflow-y: auto;
}
.height-vh{
    height: 100vh;
    overflow: hidden;
}
#m_login > div:first-child, #login_box > div:first-child{
    height: inherit;
    padding: 25px;
}
.card-sigin .logo-layout a {
    margin-bottom: 18px;
}
.card-sigin .logo-layout{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bg-primary-transparent {
    background-color: var(--primary-1) !important;
}
span.m-login__subtitle {
    font-size: 15px;
    max-width: 90%;
    color: var(--primary-bg-color);
    background: #fff;
    padding: 15px 22px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-inline-start: 8px solid var(--primary-bg-color) !important;
    line-height: 1.3;
    box-shadow: 3px 3px 7px var(--primary-3);
    margin: 0 auto;
    font-weight: 600;
    text-align: center;
    flex-wrap: wrap;
}
.card-sigin .logo-layout h1{
    font-size: 34px;
    text-transform: uppercase;
    text-shadow: 1px 1px black;
}
.m-login__section p{
    font-size: 13px;
    font-weight: normal;
}
.m-login__section p a{
    font-weight: bold;
}
.m-login__section p {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #0000008a;
}
.card-sigin .form-group .form-control-feedback{
    color: #dc3545;
    bottom:0;
    left: 0;
}
/* toggle  */
.main-toggle {
    padding: 0;
    border-radius: 15px;
    background-color: var(--primary-5);
    width: 50px;
}
.main-toggle input{
    width: 50px;
    height: 25px;
    opacity: 0;
    margin: 0;
    border: none;
    z-index: 1;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.main-toggle.on span::before, .main-toggle span:after{
    content:none;
}
.main-toggle span{
    border-radius:15px;
    top: 3px;
    height: 19px;
    width: 19px;
}
.main-toggle.on span{
    inset-inline-start: 0;
    transform: translateX(27px);
}
.sms-button{
    margin-top: 50px;
}

/* front office : call list */
.navbar-form{
    display: block;
}
.btn i{
    margin-right: 5px;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 60px;
}
.comment_txt{
    background: var(--primary-2);
    padding: 10px 10px 12px;
    margin: 10px 0;
    border-radius: 8px;
}
.comment_txt strong{
    display: inline-flex;
    align-items: center;
    margin-right: 9px;
    top: 1px;
    position: relative;
}
.comment_txt strong i{
    margin: 3px 7px 0 0;
}
.user_contact {
    justify-content: space-between;
    display: flex;
}
.user_contact .calluser strong{
    font-size: 15px;
    text-transform: capitalize;
}
.user_contact .calluser strong i{
    margin-right: 5px;
}
.see-comments-td{
    text-align: right;
    width: 100%;
    display: block;
    text-decoration: underline;
}
#smshistory {
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}
#smshistory >div:last-child .card{
    margin-bottom: 0;
}
/*view assignment page*/
a.btn i {
    position: relative;
    top: 1px;
}
ul.nav.nav-tabs li.nav-item {
    position: relative;
}
ul.nav.nav-tabs li.nav-item input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.card-sigin a img{
    height: 70px;
    width: 70px;
}
.main-signup-header h2{
    font-size: 28px;
}
.main-signup-header h5{
    font-size: 17.5px;
}
.main-signup-header .form-control{
    height:35px;
}
.card-sigin .m-form label, .card-sigin .m-form input{
    font-size: 14px;
    color: #a5a0b1;
    position: relative;
}
.m-login__action{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.m-login__action .m-link {
    color: var(--primary-bg-color);
    font-weight: 700;
    font-size: 14px;
}
.card-sigin .btn{
    height:35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#loginbtn, .student-login, .forget_pw{
    min-width: 120px;
    height: 35px;
}
.card-sigin .form-group.has-danger {
    margin-bottom: 5px;
}
/*view assignment page*/


/*assignment page*/
.ml-auto {
    margin-left: auto;
}
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left .download-data a:not(:last-child),
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left .download-data a i {
  margin-right: 8px;
}
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left .download-data a:hover,
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left .download-data a:hover span {
  color: #fff;
}
.tabs.assignment-tabs .tab:not(:last-child)::before,
.tabs.assignment-tabs .tab:not(:last-child)::after {
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: rgba(241, 242, 247, 0.36);
z-index: 9;
opacity: 0;
}
.tabs.assignment-tabs .tab:not(:last-child)::before {
background-color: #000;
bottom: 1px;
}
.tabs.assignment-tabs .tab label.tab-label {
display: flex;
padding: 12px;
cursor: pointer;
margin: 0;
background-color: var(--primary-bg-color);
color: rgba(255, 255, 255, 0.8);
font-weight: 500;
letter-spacing: -0.1px;
transition: all 0.7s ease 0s;
}
.tabs.assignment-tabs .tab label.tab-label i {
margin-right: 8px;
font-size: 20px;
}
.tabs.assignment-tabs .tab label.tab-label,
.tabs.assignment-tabs .tab .tab-content,
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left label,
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left span {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.7px;
}
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left .download-data {
margin-top: 9px;
}
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left .download-data a {
border: 1px solid #ccc;
padding: 5px 14px;
display: inline-block;
border-radius: 9px;
color: #2c3e50;
transition: all 0.7s ease 0s;
}
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left .download-data a:hover,
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left .download-data a:hover span {
text-decoration: none;
color: #1a252f;
border-color: #1a252f;
}
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left .download-data a span {
font-size: 14px;
}
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left .download-data a:hover span {
border: none;
}
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-right button i {
margin-right: 8px;
}
.fa-pencil:before {
  content: "\f040";
}
.tabs.assignment-tabs .tab .tab-label::after {
content: "\276F";
width: 1em;
height: 1em;
text-align: center;
transition: all 0.35s;
margin-left: auto;
font-size: 25px;
position: relative;
top: -8px;
opacity: 0;
}
.tabs.assignment-tabs .tab .tab-content {
max-height: 0;
padding: 0 1em;
transition: all 0.35s;
line-height: 20px;
background-color: #ecf0fa;
}
.tabs.assignment-tabs .tab .tab-content ul {
margin: 0;
padding: 0;
}
.tabs.assignment-tabs .tab .tab-content > ul > li {
position: relative;
list-style: none;
}
.tabs.assignment-tabs .tab .tab-content > ul > li:not(:last-child) {
margin-bottom: 16px;
border-bottom: 1px solid #ccc;
padding: 0 0 14px;
}
.tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left ul li label,
.tabs.assignment-tabs .tab .tab-content ul li .createdby {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    margin: 0;
}
.tabs.assignment-tabs .tab .tab-content ul li .createdby {
position: absolute;
bottom: 14px;
right: 0;
}
.tabs.assignment-tabs .tab .tab-content ul li:last-child .createdby {
    bottom: 0;
}
.tabs.assignment-tabs .tab .tab-content ul li .createdby label {
margin-bottom: 0;
}
.tabs.assignment-tabs .tab .tab-content > ul > li ul {
margin: 0;
padding: 0;
}
.tabs.assignment-tabs .tab .tab-content > ul > li ul li {
list-style: none;
}
.tabs.assignment-tabs .tab .tab-content > ul > li ul li:not(:last-child) {
margin-bottom: 8px;
}
.tabs.assignment-tabs .tab .tab-close {
display: flex;
justify-content: flex-end;
padding: 1em;
font-size: 0.75em;
background: #2c3e50;
cursor: pointer;
}
.tabs.assignment-tabs .tab .tab-close:hover {
background: #1a252f;
}
.tabs.assignment-tabs .tab input:checked + .tab-label::after {
transform: rotate(90deg);
top: 0;
}
.tabs.assignment-tabs .tab input:checked ~ .tab-content {
max-height: initial;
padding: 1em;
}
.tabs.assignment-tabs {
border-radius: 8px;
  overflow: hidden;
}
.tabs.assignment-tabs .tab {
position: relative;
  width: 100%;
  overflow: hidden;
}
.tabs.assignment-tabs .tab input {
position: absolute;
  opacity: 0;
  z-index: -1;
}
button i {
    margin-right: 8px;
}
.tabs.assignment-tabs .tab+.tab {
    margin-block-start: 1px;
}
.assignments-conts-accordions {
    margin-top: 16px;
}
.tabs.assignment-tabs .tab label.tab-label {
    position: relative;
}
.tabs.assignment-tabs .tab label.tab-label::before {
    content: "\e9af";
    position: absolute;
    font-family: "feather" !important;
    inset-inline-end: 10px;
    top: 12px;
    font-size: 20px;
    transition: all 0.5s;
    transform: scale(1);
    line-height: 1.2;
}
.tabs.assignment-tabs .tab input[type=checkbox]:checked ~ label.tab-label::before {
    content: "\e994";
    position: absolute;
    font-family: "feather" !important;
    inset-inline-end: 10px;
    top: 12px;
    font-size: 20px;
    transition: all 0.5s;
    transform: scale(1);
}
/* .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu ~ .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu {
    left: auto !important;
    right: 60px !important;
}
.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu ~ .datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu::before {
    right: 8px;
} */
/*assignment page*/

/*message history page*/
hr,
hr:not([size]) {
    height: 1px;
}
.card.filter-portion form .form-group {
    margin: 0;
}
.modal .modal-dialog {
    width: 100%;
    /* max-width: 720px; */
}
.modal.show .modal-dialog .modal-content .modal-header h4 {
    letter-spacing: 0.7px;
}
label.form-control-label {
    letter-spacing: 0.5px;
}
.modal.show.resend-sms .modal-dialog .modal-content .modal-body {
    padding-top: 10px;
    padding-bottom: 10px;
}
.card {
    box-shadow: none;
}
.card.card-default {
    margin-bottom: 0;
}
form#resend-sms-form #smshistory .card.card-default .card-header {
    border-bottom: 1px solid #eaedf1;
}
form#resend-sms-form #smshistory .card.card-default .card-header h3.card-title span i.fa.fa-check {
    margin-left: 8px;
}
form#resend-sms-form #smshistory .card.card-default .card-header h3.card-title label {
    margin-block: 0;
    position: relative;
    top: -7px;
}
form#resend-sms-form #smshistory .card.card-default .card-body.sh_body h4 i {
    font-size: 15px;
    margin-right: 8px;
}
.ml-auto {
    margin-left: auto;
}
form#resend-sms-form #smshistory .card.card-default .card-body.sh_body h5 span.bracket.left {
    margin-right: 2px;
}
form#resend-sms-form #smshistory .card.card-default .card-body.sh_body h5 span.bracket.right {
    margin-left: 4px;
}
form#resend-sms-form #smshistory .card.card-default .card-body.sh_body h5 i.fa {
    font-size: 14px;
    margin-right: 4px;
}
form#resend-sms-form #smshistory .card.card-default .card-body.sh_body h5 i.fa.fa-clock {
    margin-left: 10px;
}
form#resend-sms-form #smshistory .card.card-default .card-body.sh_body h4 {
    font-size: 18px;
}
form#resend-sms-form #smshistory .card.card-default .card-header h3.card-title {
    font-size: 18px;
}
form#resend-sms-form #smshistory .card.card-default .card-body.sh_body h5 {
    font-size: 14px;
}
.page-item.next a {
    width: auto;
}
form#resend-sms-form #smshistory .card.card-default .card-body.sh_body .invalid_mb a.btn {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    letter-spacing: 0.5px;
}
form#resend-sms-form #smshistory .card.card-default .card-header h3.card-title i.fa-circle {
    display: none;
}
.btn-group.sms-history-btn button.btn.btn-success {
    margin-left: 2px;
    margin-right: 3px;
}
/*message history page*/


/*view-lists-of-timetable*/
hr:not([size]) {
    height: 1px;
    background-color: rgb(217 215 221);
    opacity: 1;
}
.m-portlet__body .timetable-lists-filter form .pdf-delete-btns-group button.btn:not(:last-child),
.m-portlet__body .timetable-btn-group > div:not(:last-child),
.add-expenses .m-portlet__body .add-expenses-filter-group .add-expenses-form-filter .save-add-cancel-btns-group > div:not(:last-child),
.modal .modal-dialog.expenses-vendor .modal-content form .modal-body .newmobile .new .form-group .input-group input.form-control  {
    margin-right: 8px;
}
/* table.dataTable thead th,
.table thead th {
    padding: 15px 12px 13px;
} */
.view-time-table-lists .m-portlet__body table .form-group .select2-container,
.add-expenses .m-portlet__body .add-expenses-filter-group .add-expenses-form-filter form .form-group .select2-container,
.generate-marksheet .m-portlet__body form .select2-container {
    width: 100% !important;
}
.view-time-table-lists .m-portlet__body table .form-group .input-group input.startTime ~ span.input-group.divide-time {
    margin-top: 8px;
    margin-bottom: 5px;
}
.select2-container--default .select2-selection--single, .form-control, input[type=file], .select2-container--default .select2-selection--multiple {
    border-color: var(--border-global);
}
.modal .modal-dialog.expenses-vendor .modal-content form .modal-body .newmobile .new .form-group label.form-control-label {
    display: none;
}
.add-expenses .m-portlet__body .add-expenses-filter-group .add-expenses-form-filter .card.card-default .card-header {
    padding-bottom: 20px;
}
.datetimepicker {
    z-index: 99999 !important;
    margin-left:-37px;
}
.m-portlet__body form .dataTables_wrapper ~ .sms-button {
    width: 100%;
    display: flex;
}
/* .form-group .form-control-feedback {
    bottom: 0;
} */
/*view-lists-of-timetable*/


/* admin student dashboard page*/
.dashboard-main .counter{
    border-radius: 7px;
    background-size: cover;
    width: 100%;
    background-position: center;
}
.dashboard-main .student-count{
    background-image: url(../images/student_count.jpg);
}
.dashboard-main .faculty-count{
    background-image: url(../images/faculty_count.jpg);
}
.dashboard-main .batch-count{
    background-image: url(../images/total_present.jpg);
}
.dashboard-main .batch-s-count{
    background-image: url(../images/total_absent.jpg);
}
.dashboard-main .counter-status h4{
    font-size: 15px;
}
.counter .text-primary{
    color: #ff9838;
}
.counter .bg-blue-transparent{
    background-color: #378bff4a;
}
.counter .text-blue{
    color: var(--blue);
}
.birthday-height{
    max-height: 66px;
    overflow-y: hidden;
}
.upcoming-birthday .list-group-item,
.upcoming-exam .list-group-item{
    min-height: 66px;
    max-height: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.upcoming-birthday{
    height: 102px;
    position: relative;
}
.exam-height{
    max-height: 79px;
    min-height: 66px;
}
.upcoming-exam{
    height: 104px;
    overflow-y: hidden;
}

ol.carousel-indicators.birthday-data-indicator {
    z-index: 1;
    position: relative;
    overflow-x: auto;
    width: 100%;
    margin-inline-end: 0%;
    margin-inline-start: 0%;
    display: flex;
    justify-content: center;
}

.birthday-data-indicator .carousel-indicators [data-bs-target]{
    background-color: var(--bs-gray-500);
    width: 9px !important;
    min-width: 9px;
    height: 4px !important;
    padding: 2px 1px;
    margin-left: auto;
    margin-right: 3px;
}

ol.carousel-indicators.exam-indicator{
    z-index: 1;
}

/* .birthday-data-indicator .carousel-indicators [data-bs-target]{
    min-width: 9px;
    width: 9px;
} */

.upcoming-exam .carousel-indicators{
    top: 80px;
}
.carousel-indicators [data-bs-target]{
    background-color: var(--bs-gray-500);
    width: 9px !important;
    min-width: 9px !important;
    height: 9px !important;
}
.todays-lecture{
    max-height: 306px;
    overflow-y: hidden;
}
.todays-cancel-lecture{
    max-height: 306px;
    overflow-y: hidden;
}
.due-fees{
    max-height: 306px;
    overflow-y: hidden;
}
.carousel-control-prev i, .carousel-control-next i{
    color: var(--bs-gray-500);
}
.carousel-control-prev i:hover, .carousel-control-next i:hover{
    color: var(--bs-gray-600);
}
.upcoming-birthday .carousel-control-prev, .upcoming-exam .carousel-control-prev {
    left: -20px;
    font-size: 20px;
    bottom: unset;
    top: 25px;
}
.upcoming-birthday .carousel-control-next,
.upcoming-exam .carousel-control-next{
    right: -20px;
    font-size: 20px;
    bottom:unset;
    top: 25px;
}
.chart-subtitle{
    border-bottom: 1px solid var(--bs-gray-300);
    padding-bottom: 8px;
}
.todays-inquiry{
    max-height: 306px;
    overflow-y: hidden;
}
.take-attendance table:last-child{
    max-height: 238px;
    overflow-y: auto;
    display: block;
}

.take-attendance .table:last-child thead{
    position: sticky;
    top: 0;
}
.take-attendance .table:last-child thead tr th:first-child,
.take-attendance .table:last-child tbody tr form td:first-child{
    width: 38vw;
}
.take-attendance-all-info .table tbody td.m-radio-list{
    position: relative;
}
.time-table table:last-child{
    max-height: 238px;
    overflow-y: auto;
}
.time-table .table:last-child thead{
    position: sticky;
    top: 0;
}
.take-attendance .table:first-child th .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-start-start-radius: 3px;
    border-end-start-radius: 3px;
}
.take-attendance .table:first-child th .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-start-end-radius: 3px;
    border-end-end-radius: 3px;
}
.chart-inquiry{
    /* color: #8e5ce0; */
    font-weight: 500;
    font-size: 13px;
    position: absolute;
    bottom: 40%;
    left: 1%;
    rotate: 270deg;
}
.chart-admission{
    /* color: #8e5ce0; */
    font-weight: 500;
    font-size: 13px;
    position: absolute;
    bottom: -1%;
    right: 40%;
}
.fees-chart .chartjs-wrapper-demo{
    height: 200px;
}
.fees-chart .legend table{
    position: absolute;
    top: 0;
}
.fees-chart .totalfees-color > div,
.fees-chart .remainigfees-color > div,
.fees-chart .duefees-color > div{
    border: 1px solid var(--border-global);
    padding: 1px;
}
.fees-chart .totalfees-color div div{
    width: 4px;
    height: 0;
    border: 5px solid #f10075;
    overflow: hidden;
}
.fees-chart .remainigfees-color div div{
    width: 4px;
    height: 0;
    border: 5px solid #8500ff;
    overflow: hidden;
}
.fees-chart .duefees-color div div{
    width: 4px;
    height: 0;
    border: 5px solid #74de00;
    overflow: hidden;
}
.dashboard-table .table tbody tr td{
    white-space: normal;
}
.dashboard-table .table thead tr th{
    vertical-align: middle;
}
.dashboard-table .take-attendance .table tbody .btn-border{
    white-space: nowrap;
}
.dashboard-table table{
    border: 1px solid var(--bs-gray-400);
}
.view-all-btn{
    border: 1px solid var(--primary-bg-color);
    border-radius: 4px;
    padding: 5px 10px;
}
/* calendar */
.fc-h-event .fc-event-main {
    margin: 5px 0;
    padding: 5px;
}
.dashboard-table .table thead th{
    background-color: #f1f1f1;
}
.dashboard-table .table tbody tr:nth-child(even){
    background-color: var(--ec);
}


.m-portlet__head .m-portlet__head-caption .m-portlet__head-title h2.m-portlet__head-text {
    margin-top: 27px;
}
.student-img img {
    position: relative;
    bottom: 0;
    inset-inline-end: 0;
    margin-right: 15px;
    width: 110px;
    height: 110px;
}
.mr-2 {
    margin-right: 8px;
}
.m-alert.m-alert--icon.alert .m-alert__icon {
    text-align: center;
}
.alert {
    padding-left: 8px;
    padding-right: 8px;
}
.m-alert__text {
    text-align: center;
}
h3, .h3 {
    font-size: 18px;
}
.save-cancel-btns button.btn {
    margin-right: 8px;
}
.paid-fees-history li {
    padding: 8px 0;
}
.paid-fees-history li:not(:last-child) {
    border-bottom: 1px dashed #ccc;
}
.paid-remaining-fees h3 {
    margin-bottom: 8px;
}
.paid-remaining-fees {
    margin-top: 16px;
}
ul.list-group li.list-group-item a[title="Download PDF"] {
    margin-left: auto;
}
.exams-reports-main ul.list-group:not(:last-child),
.student-reports-conts ul.list-group:not(:last-child) {
    margin-bottom: 8px;
}
.profile_section .table.dataTable td,
.profile_section .table.dataTable th,
.profile_section .table thead th,
.profile_section .table td {
    white-space: normal;
}
.student-reports-conts {
    padding: 15px;
    border: 1px solid #eae8f1;
}
.student-reports-main .card-header,
.tips_card .card-header {
    padding: 20px;
}
.tips_card .sub-card-header {
    padding: 15px;
}
.students-docuements ul.list-group.doc-list li.list-group-item:not(:last-child) {
    margin-bottom: 8px;
}
.students-docuements ul.list-group.doc-list li.list-group-item {
    border-radius: 4px;
}
.students-docuements ul.list-group.doc-list li.list-group-item img.img-circle {
    width: 50px;
    height: auto;
}
h4, .h4 {
    font-size: 16px;
}
.table-bordered thead th {
    padding-block-start: 9px;
    padding-block-end: 9px;
}
.breadcrumb li:not(:last-child) {
    margin-right: 8px;
}
.students-attendace-object-report .m-portlet__body .container {
    max-width: 100%;
}
.m-portlet__body.transport_list ol.list-group.for-li,
.m-portlet__body.transport_list ol.list-group.for-li li.list-group-item:not(:last-child) {
    margin-bottom: 8px;
}
.lecture-schedules .lecture-schedule-filters .schedule-list-detial p:not(:last-child) {
    margin-right: 12px;
}
.lecture-schedules .lecture-schedule-filters .lecture-schedules-btn-group > div:not(:last-child),
.view-exam-lists .view-exams-lists-info .view-exams-lists-info-head a.btn:not(:last-child) {
    margin-right: 8px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button {
    border: none;
    background-color: transparent;
    margin-block-end: 0;
}
.exam-results .all-short-info ul li.list-group-item i.fa {
    margin-right: 8px;
}
.schedule_view .students-into-body .card.card-left-sec .card-body ul.list-group li.list-group-item .list-item-header .info span {
    font-weight: 600;
}
.schedule_view .students-into-body .card.card-right-sec .card-body ul.list-group li.list-group-item .list-item-header {
    text-align: center;
}
.schedule_view .students-into-body .card.card-left-sec .card-body > ul.list-group > li.list-group-item,
.schedule_view .students-into-body .card.card-right-sec .card-body > ul.list-group > li.list-group-item {
    background-color: transparent;
    border: none;
    padding: 0;
}
.schedule_view .students-into-body .card.card-right-sec .card-body ul.list-group li.list-group-item ul li.list-group-item .list-item-header {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 7px;
    margin-bottom: 10px;
}
.schedule_view .students-into-body .card.card-left-sec .card-body > ul.list-group:not(:last-child),
.schedule_view .students-into-body .card.card-right-sec .card-body > ul.list-group:not(:last-child) {
    margin-bottom: 16px;
}
.schedule_view .students-into-body .card.card-right-sec .card-body ul.list-group li.list-group-item ul li.list-group-item .info {
    margin-top: 8px;
    text-align: right;
}
.schedule_view .students-into-body .card.card-right-sec .card-body ul.list-group li.list-group-item ul li.list-group-item .list-item-header i.fa.fa-edit {
    cursor: pointer;
}
.students-docuements ul.list-group.doc-list {
    display: block;
}
.students-docuements ul.list-group.doc-list li.list-group-item {
    display: inline-block;
    width: 19.7%;
}
/* admin student dashboard page*/

/*reports-student-report-tab*/
.accordion-portion .m-portlet__head {
    padding: 12px;
    width: 100%;
    display: block;
    cursor: pointer;
    background-color: var(--primary-bg-color);
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    letter-spacing: -0.1px;
    transition: all 0.7s ease 0s;
    border-radius: 8px;
    position: relative;
}
.accordion-portion .m-portlet__head::before {
    content: "\e994";
    position: absolute;
    font-family: "feather" !important;
    inset-inline-end: 10px;
    top: 8px;
    font-size: 20px;
    transition: all 0.5s;
    transform: scale(1);
}
.accordion-portion .m-portlet__head.collapsed::before {
    content: "\e9af";
}
.accordion-portion:not(:last-child) {
    margin-block-end: 1px;
}
.accordion-portion .m-portlet__head h3.m-portlet__head-text {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.7px;
    text-transform: none;
    line-height: 24px;
}
/* .accordion-portion:first-child .m-portlet__head {
    border-radius: 8px 8px 0 0;
}
.accordion-portion:last-child .m-portlet__head {
    border-radius: 0 0 8px 8px;
} */
.accordion-portion .m-portlet__head ~ .m-portlet__body {
    transition: all 0.35s;
    line-height: 20px;
    background-color: #ecf0fa;
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 12px;
}
/* .accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub:last-child .m-portlet__head {
    border-radius: 0 0 8px 8px;
} */
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__head h3.m-portlet__head-text i.fa {
    margin-right: 8px;
}
.dark-theme .accordion-portion .m-portlet__head ~ .m-portlet__body {
    background-color: rgba(255, 255, 255, 0.1);
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__body ul li a.btn:not(:last-child) {
    margin-right: 8px;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__body ul li a.btn .fa {
    margin: 0;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__body ul {
    margin-bottom: 12px;
    padding-bottom: 12px;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__body ul:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__body ul:last-child {
    margin: 0;
    padding: 0;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__body ul li {
    background-color: transparent;
    padding: 0;
    border: none;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__head {
    border-radius: 8px;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub:not(:last-child) .m-portlet__head {
    margin-block-end: 1px;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__head::before {
    top: calc(50% - 10px);
}
.accordion-portion .m-portlet__head {
    border-radius: 8px 8px 0 0;
}
.accordion-portion .m-portlet__head.collapsed {
    border-radius: 8px;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__head {
    border-radius: 8px 8px 0 0;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__head.collapsed {
    border-radius: 8px;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__body ul li span.text-weight-600 {
    font-weight: 600;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub .m-portlet__body ul li span.student-of-the-month-info {
    display: block;
    line-height: 24px;
}
.view-fees-receipt-no .m-portlet__body .dataTables_wrapper .delete-section label.m-checkbox {
    position: relative;
    top: 1px;
    padding: 0;
    margin: 0 8px;
}
.view-fees-receipt-no .m-portlet__body .dataTables_wrapper .delete-section label.m-checkbox input[type=checkbox] {
    margin: 0;
    top: 5px;
    left: 4px;
}
.view-fees-receipt-no .m-portlet__body .dataTables_wrapper .delete-section label.m-checkbox input[type=checkbox] ~ span::before {
    top: -4px;
}
.view-fees-receipt-no .m-portlet__body .dataTables_wrapper .delete-section label.m-checkbox input[type=checkbox] ~ span::after {
    top: -4px;
}
.accordion-portion .m-portlet__head ~ .m-portlet__body .accordion-portion-sub:last-child .m-portlet__body {
    padding-bottom: 0;
}
.accordion-portion.m-portlet--collapse .m-portlet__head {
    border-radius: 8px;
}
.accordion-portion.m-portlet--collapse .m-portlet__head::before {
    content: "\e9af";
}
/*reports-student-report-tab*/

.events_row .col_div {
    padding: 15px;
    min-width: 310px;
    max-width: 310px;
    position: relative;
    display: flex;
}

.event_section{
    display: inline-block;
    width: 100%;
    }
    .batch_select{
    width:100%;
    display: flex;
    justify-content: end;
    }
    .event_section .form-control + .select2 {
    float: right;
    max-width: 180px;
    }
    .event-img {
    height: 200px;
    width: 100%;
    }
    .event-detail img{
        width: 100%;
        border-radius: 5px;
        height: inherit;
    }
    .event-content {
    padding: 15px 0 0;
    font-weight: normal;
    }
    .event-content h3{
    margin-bottom: 0;
    font-weight: 600;
    }
    .events_row >div{
    padding-top: 15px;
    padding-bottom: 15px;
    }
    .eventbtn{
    text-align: right;
    }
    .eventbtn a{
    font-weight: 600;
    width: max-content;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none;
    }
    .m-subheader {
    display: none;
    }
    .event_detail_section h3{
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 5px;
    }
    .date_create span {
    padding: 0 10px 0 0;
    display: inline-block;
    font-weight: 500;
    }
    .description {
    margin: 0 20px;
    }
    
    .event-image{
    display: flex;
    flex-wrap: wrap;
    width: inherit;
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0;
    box-shadow: inset 0 0 9px var(--primary-5);
    border-radius: 8px;
    padding: 15px;
    align-items: center;
    background: var(--primary-2);
    }
    .event-image img {
    margin: 15px;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 45%);
    border-radius: 5px;
    height: auto;
    width: 16.5%;
    }
    .event_tl {
    padding: 10px 20px;
    margin: 0 0 25px;
    border-radius: 5px;
    }
    
    /* Event list extended  */
    .event-detail a.trash {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    }
    .event-detail a.trash i.fa-trash {
    padding: 4px;
    background: #fff;
    color: #ff4137;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    box-shadow: -2px 2px 3px 0px #00000096;
    }
    .event_section .select2-container--default .select2-selection--single {
    border: 1px solid #ccccce;
    border: none;
    box-shadow: 3px 3px 2px 0px #5e96bb;
    background: rgb(94 150 187 / 28%);
    }
    .event_section  .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: flex;
    align-items: center;
    font-weight: 600;
    }
    .event_section .select2-container--default .select2-selection--single .select2-selection__arrow{
    font-size: 14px;
    font-weight: 700;
    }
    /* .btn_right a {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #fff;
    padding: 0.75em 2em;
    font-size: 1em;
    font-weight: 500;
    border-radius: 5px;
    background: linear-gradient(to right top, #2b5876 17%, #4e4376 86%, #2b5876 100%);
    box-shadow: 0px 3px 3px rgb(0 0 0 / 50%);    
    height: 38px;                        
    border:none;
    }
    .btn_right a:hover, .btn_right a:focus{
    background: linear-gradient(to left bottom, #2b5876, #386787, #447698, #5186a9, #5e96bb);
    } */
    .event_d_pg{
    width:100%;
    justify-content:space-between;
    align-items:center;
    }
/* branch page  */
.branch_content {
    padding: 15px 15px 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.branch_content h3 {
    font-size: 16px;
    margin: 0 0 5px;
}
.branch_content .m-widget19__action{
    width: 100%;
}
.branch_content .h5{
    display:block;
    font-size: 15px;
}
.branch-tab .m-portlet__body{
    overflow: hidden;
}
.branch-tab .btn{
    font-size: 14px;
}
.branch-tab a img{
    width: 15vw;
    margin: 20px auto 0;
    display: flex;
}

li.slide.active .material-icons-two-tone, li.slide:hover .material-icons-two-tone {
    filter: invert(6%) sepia(94%) saturate(10000%) hue-rotate(208deg) brightness(162%) contrast(112%);
}
.side-menu .side-menu__icon{
    filter: invert(4%) sepia(429%) saturate(9874%) hue-rotate(195deg) brightness(170%) contrast(25%);
    line-height: 20px;
}

.main-sidebar-header.active .desktop-logo.logo-light.active{
    display: flex;
    align-items:center;
}
.main-sidebar-header img.main-logo{
    height: 55px;
    max-width: 55px;
    margin: 0;
}
.header-icons{
    font-size: 24px;
}
.dark-menu.app.sidebar-mini .desktop-logo.logo-dark, .light-menu.app.sidebar-mini .desktop-logo.logo-light, .gradient-menu.app.sidebar-mini .desktop-logo.logo-dark, .color-menu.app.sidebar-mini .desktop-logo.logo-dark{
    display: flex !important;
    align-items:center;
}
.main-sidebar-header.active .desktop-logo.active h6{
    font-size: 13px;
    line-height: 16px;
    max-width: 150px;
    padding-left: 15px;
    text-transform: capitalize;
    color: var(--primary-bg-color);
    margin-bottom:0;
    font-weight: 600;
    margin: 0;
}
.app.sidebar-mini.sidenav-toggled .main-sidebar-header h6, .app.sidebar-mini.sidenav-toggled .main-sidebar-header h6{
    display: none;
}
.main-sidebar-header{
    height: 63px;
    padding:5px 10px;
    justify-content: center;
}
/*lecture-schedules-calendar-dashboard*/
.m-portlet__head .m-portlet__head-tools ul li:Not(:last-child) {
    margin-right: 8px;
}
h4.no-data-found {
    margin-top: 16px;
}
.select2-container {
    width: 100% !important;
}
.lecture-schedules .m-portlet__body .lecture-schedule-filters .lecture-schedules-btn-group > div:not(:last-child) {
    margin-right: 8px;
}
.lecture-schedules .m-portlet__body .lecture-schedule-filters .schedule-list-detial > p i.fa {
    margin-right: 5px;
}
.lecture-schedules .m-portlet__body .lecture-schedule-filters .schedule-list-detial > p:not(:last-child) {
    margin-right: 12px;
}
label.m-checkbox {
    width: auto;
    height: auto;
}
.lecture-schedules label.m-checkbox input[type=checkbox] ~ span {
    top: -4px;
}
.lecture-schedules .m-portlet__body ul.list-group li.list-group-item:not(:last-child) {
    margin-bottom: 16px;
}
.lecture-schedules .select-all-filters > .m-form__group.form-group .m-checkbox-list label.m-checkbox,
.lecture-schedules .select-all-filters > .m-form__group.form-group .m-checkbox-list label.m-checkbox h6 {
    margin: 0;
}
.lecture-schedules .m-portlet__body ul.list-group li.list-group-item .action-btns-group > div:not(:last-child) {
    margin-right: 8px;
}
.lecture-schedules .m-portlet__body ul.list-group li.list-group-item a.schedulelist-time {
    font-weight: 600;
    letter-spacing: 0.7px;
    margin-bottom: 4px;
}
td.action-btn a.btn:not(:last-child) {
    margin-right: 5px;
}
.modal#AddMultipleSchedules .modal-dialog .modal-content form .modal-body .form-group ul li .m-checkbox-list label.m-checkbox input[type=checkbox] ~ span {
    top: -2px;
}
.ui-timepicker-wrapper {
    z-index: 99999 !important;
}
.modal#AddSingleSchedule .form-group .form-control-feedback[for="addSchedule_faculty"],
.modal#AddSingleSchedule .form-group .form-control-feedback[for="addSchedule_startTime"],
.modal#AddSingleSchedule .form-group .form-control-feedback[for="addSchedule_endTime"],
.modal#AddMultipleSchedules .form-group .form-control-feedback[for="addSchedule_faculty"],
.modal#AddMultipleSchedules .form-group .form-control-feedback[for="MultipleSchedulesStartDate"],
.modal#AddMultipleSchedules .form-group .form-control-feedback[for="MultipleSchedulesEndDate"] {
    position: relative;
    bottom: 0;
}
.modal#AddSingleSchedule .form-group .form-control-feedback[for="addSchedule_endTime"],
.modal#AddMultipleSchedules .form-group .form-control-feedback[for="MultipleSchedulesEndDate"] {
    float: right;
}
.add-tasks .m-portlet__body .task-details-filter .m-checkbox-list.selectAll label.m-checkbox {
    /* color: var(--031); */
    font-weight: 500;
}
.lecture-schedules label.m-checkbox input[type=checkbox] ~ h6 ~ span {
    top: -3px;
}
.lecture-schedules label.m-checkbox input[type=checkbox] ~ h6 {
    position: relative;
    top: 1px;
}
.add-tasks .m-portlet__body .task-details-filter #scrollbar1.assignee-names {
    width: 100%;
}
.add-tasks .m-portlet__body .task-details-filter #scrollbar1.assignee-names .scrollbar {
    right: 0;
    z-index: 9999;
}
.add-tasks .m-portlet__body .task-details-filter #scrollbar1.assignee-names .overview,
.add-tasks .m-portlet__body .task-details-filter #scrollbar1.assignee-names .overview table {
    width: 100%;
}
.add-tasks .m-portlet__body .task-details-filter #scrollbar1.assignee-names .overview table tbody tr label.form-label {
    display: inline-block;
    margin: 0;
}
.add-tasks .m-portlet__body .task-details-filter #scrollbar1.assignee-names .overview {
    padding-top: 0;
}
.add-tasks .m-portlet__body .task-details-filter #scrollbar1.assignee-names .overview table tbody#list_of_students > label.form-label {
    font-weight: 500;
}
.add-tasks .m-portlet__body .task-details-filter #scrollbar1.assignee-names .overview table tbody#list_of_students tr td label.m-checkbox {
    margin-left: 16px;
}
.add-tasks .m-portlet__body .task-details-filter #scrollbar1.assignee-names .overview table tbody#list_of_students > label.form-label,
.add-tasks .m-portlet__body .task-details-filter #scrollbar1.assignee-names .overview table tbody#list_of_students tr ~ label.form-label {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px;
}
label.m-checkbox input[type=checkbox] ~ span:before {
    border-color: var(--gra);
}
.add-tasks .m-portlet__body .task-details-filter #scrollbar1.assignee-names .overview table tbody#list_of_students tr ~ label.form-label {
    margin-top: 16px;
}
.view-time-table-lists select.form-control, .view-time-table-lists .select2-container--default .select2-selection--multiple {
    min-width: max-content;
}
.dashboard-main .shadow1 {
    box-shadow:-8px 12px 18px var(--dad);
    background-color: #ffffffed;
    padding: 16px;
    border-radius: 7px;
}
.dashboard-main .shadow1 img {
    max-width: 99px;
    height: auto;
}
.dark-theme .dashboard-main .shadow1 {
    background: #1f2940eb;
    border-color: #ffffff1a;
    box-shadow: 0 0 10px #0003;
}
.dark-theme .dashboard-table .table tbody tr:nth-child(even){
    background-color: var(--dark-body);
}
.dark-theme .dashboard-table .table thead th{
    background-color: #333c50;
}
.dark-theme .dashboard-table table{
    border: 1px solid var(--bs-gray-700);
}
.dashboard-main .shadow1 a h4 {
    color: var(--031);
}
.dark-theme .dashboard-main .shadow1 a h4 {
    color: var(--gra);
}
.dark-theme .chart-subtitle{
    border-color: var(--bs-gray-700);
}
#basicSlider .MS-content .item{
    width: 40%;
    padding: 0 10px;
} 
.fc-daygrid-event{
    border-radius: 5px;
}
.fc-h-event .fc-event-main{
    padding-left: 10px;
}
.take-attendance .m-portlet__body form .take-attendacen-short-info ul.list-group li.list-group-item i.fa {
    margin-right: 8px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item:not(:last-child) {
    margin-bottom: 16px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .list-item-header span {
    display: inline-block;
    font-size: 18px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .list-item-header h3 a,
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .list-item-header h3 a span {
    font-size: 14px;
    font-weight: 500;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .list-item-header h3 {
    margin: 0;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .list-item-header h3 a span {
    margin: 0 0 0 8px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .action.user-email-txt span {
    margin-left: 10px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .info span {
    margin-right: 16px;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 29px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .list-item-header {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 16px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .action a.btn:not(:last-child) {
    margin-right: 5px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .list-item-header span:not(:last-child) {
    margin-right: 8px;
}
.all-users .space-left-8 {
    margin-left: 8px;
}
.all-users i.fa,
.all-users i.far {
    margin-right: 5px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .info.user-info-menu i.fa,
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .info.user-info-menu i.far {
    margin-right: 3px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .action.user-email-txt {
    font-weight: 500;
    letter-spacing: 0.5px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .info.user-info-menu {
    margin-top: 4px;
}
.all-users .m-portlet__body ul.list-group.user-role li.list-group-item .action {
    margin-top: 12px;
}
.all-users .space-bottom-14 {
    margin-bottom: 14px;
}
.manage-user-subject button.btn.dropdown-toggle {
    width: 100%;
    margin: 12px auto;
    max-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.manage-user-subject button.btn.dropdown-toggle:focus,
.manage-user-subject button.btn.dropdown-toggle:active,
.manage-user-subject button.btn.dropdown-toggle.active,
.manage-user-subject button.btn.dropdown-toggle:hover {
    color: #fff !important;
}
.manage-user-subject .btns-group button.btn,
.manage-user-subject .btns-group a.btn {
    margin-right: 8px;
}
.change-password .btns-group button.btn,
.change-password .btns-group a.btn {
    width: 100%;
    max-width: 180px;
}
.change-password .btns-group button.btn, .change-password .btns-group a.btn {
    width: 100%;
    max-width: 180px;
    display: inline-block;
    margin: 0 0 8px;
}
.space-right-8 {
    margin-right: 8px !important;
}
.batch_page td.action-edit-dlt a.btn:not(:last-child) {
    margin-right: 8px;
}
.manage_rollno .assign_details h4,
.studentbatch_assign .assign_details h4 {
    font-weight: normal;
}
.manage_rollno .assign_details h4 span,
.studentbatch_assign .assign_details h4 span {
    font-weight: 500;
}
.manage_rollno .m-portlet__body .student-add-panel p:last-child {
    margin: 0;
}
.studentbatch_assign .btns-group {
    margin: 0;
}
.studentbatch_assign .btns-group button.btn,
.studentbatch_assign .btns-group a.btn {
    width: 100%;
    max-width: 140px;
    display: inline-block;
    margin: 0 8px 8px 0;
}
.add-user-details #addUser_gender, 
.add-user-details #addUser_enabled,
.add-user-details #addUser_gender > div .radio label,
.add-user-details #addUser_enabled > div .radio label {
    display: flex;
    align-items: center;
}
.add-user-details #addUser_gender > div:not(:last-child) {
    margin-right: 8px;
}
.add-user-details #addUser_gender > div:not(:last-child),
.add-user-details #addUser_enabled > div:not(:last-child) {
    margin-right: 12px;
}
.add-user-details .btns-group button.btn,
.add-user-details .btns-group a.btn {
    margin-right: 8px;
}
.facutly-tabs-main .m-portlet__body .faculty-name-details {
    margin-bottom: 16px;
}
.faculty-profile table tbody tr td {
    white-space: normal;
}
.facutly-tabs-main button.btn:not(:last-child) {
    margin-right: 8px;
}
.faculty-schedule .card-body ul.list-group li.list-group-item:not(:last-child) {
    margin-bottom: 16px;
}
.faculty-schedule .card-body ul.list-group li.list-group-item > div:not(:last-child) {
    margin-bottom: 8px;
}
.faculty-schedule .card-body ul.list-group li.list-group-item div {
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.faculty-schedule .card-body ul.list-group li.list-group-item div i.fa {
    margin-right: 5px;
}
.faculty-schedule .card-body ul.list-group li.list-group-item div span:not(:last-child) {
    margin-right: 16px;
}
.faculty-schedule .card-body ul.list-group li.list-group-item div i.fa.fa-calendar-alt {
    margin-right: 11px;
}
.faculty-schedule .card-body ul.list-group li.list-group-item div i.fa.fa-book {
    margin-right: 7px;
}
.faculty-salary-structure .action a.btn:not(:last-child) {
    margin-right: 8px;
}
.faculty-salary-structure ul.list-group li.list-group-item .subject-name p {
    margin: 0;
}
.faculty-salary-structure ul.list-group li.list-group-item {
    padding: 12px;
}
.faculty-salary-structure ul.list-group li.list-group-item:not(:last-child) {
    margin-bottom: 16px;
}
.faculty-salary-payment .nav-tabs ~ div {
    padding-left: 3px;
    padding-right: 3px;
}
.faculty-salary-payment .m-portlet__body .salarypaymentdetail-left .card.card-default:not(:last-child) {
    margin-bottom: 16px;
}
.faculty-salary-payment .m-portlet__body .salarypaymentdetail-left .card.card-default i.fa.fa-calendar-alt {
    margin-right: 5px;
}
/*lecture-schedules-calendar-dashboard*/
.app.sidebar-mini ul.slide-menu .tab-content-show a.side-menu__item span {
    font-size: 14px;
    color:var(--primary-bg-color) !important;
    margin-left: 0;
    font-weight: 400;
    line-height: 1;
}
ul.slide-menu.open .tab-content-show li:hover a.side-menu__item span{
    color: var(--primary-bg-color) !important;
}
.add_event_layout .m-portlet__nav-item button.dropdown-toggle{
    display: none;
}
.horizontal .hor-header .container, .horizontal .horizontal-main .container, .horizontal .main-content.horizontal-content .container {
    max-width: 96vw !important;
}
.hor-header .responsive-logo img {
    width: 55px;
    height: 55px;
}
.head_logo{
    display:flex;
    align-items:center;
}
.head_logo h6{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 11px;
}
.dark.head_logo{
    display:none;
}
.head_logo .h6 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 11px;
}
.horizontal .horizontal-main{
    padding: 0 15px;
}
.side-menu .slide .tab-content .sidemenu-list .side-menu__item{
    padding: 8px 28px !important;
}
.horizontal  .app-sidebar .slide-menu a:before{
    left: 20px;
    top: 8px;
    margin-right: 8px;
}
.form-control::placeholder, .select2-container--default .select2-selection--single .select2-selection__rendered, input[type=file]::-webkit-file-upload-button{
    color: #a2a1a1;
}
.table-bordered> :not(caption)>*{
    height: unset !important;
}
.table-bordered th{
    border: 1px solid #d1c9c1;
}
.dataTables_scrollHeadInner, .dataTables_scrollBody{
    border:1px solid #f0e7de; 
}
.table-bordered td{
    border: 1px solid #f0e7de;
}
.app-sidebar__toggle{
    height: 30px;
}
#suggesstion-box .list-group .list-group-item{
    color: var(--primary-bg-color);
    cursor: pointer;
}
.search-ul.list-group{
    width: 350px;
}

.datetimepicker table th.next:hover, .datetimepicker table th.prev:hover, .datetimepicker table th.switch:hover {
    color: unset;
}
.dashboard-main .shadow1 h1{
    color : var(--primary-bg-color);
}
table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-inline-end: 15px;
}
table#student-table.table-bordered.dataTable th:nth-child(2), table#student-table.table-bordered.dataTable td:nth-child(2){
    max-width: 120px;
}
table.dataTable>thead .sorting:after {
    inset-inline-end: 0.5em;
}
.table.dataTable.no-footer label.m-checkbox {
    padding: 0;
}
form .input-group{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    border: 1px solid var(--border-global);
    overflow: hidden;
    border-radius: 3px;
    height: 35px;
}
form .input-group >.form-control{ 
    border:none;
}
form .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
    border-radius:0;
}
.table thead th{
    text-transform: capitalize;
}
.horizontal .main-sidemenu .slide-right{
    right: -10px;
}
.horizontal .main-sidemenu .slide-left{
    left: -16px;
}
/* .horizontal .horizontal-main  .slide:last-child .slide-menu{
    right: 0;
} */
body.hover-submenu.app.sidenav-toggled-open .side-menu .slide .side-menu__item i{
    display: block !important;
}
body.hover-submenu.app.sidenav-toggled-open .side-menu .slide .side-menu__item i.fe{
    display: none !important;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .main-sidebar-header h6{
    display:block;
}
.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-light, .dark-theme.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .desktop-logo.logo-dark {
    display: flex;
}
.sidebar-mini.sidenav-toggled .close-toggle{
    line-height:28px;
}
.app.sidenav-toggled .side-menu__item{
    padding: 8px 0 7px 0;
}
.app.sidebar-mini.sidenav-toggled .side-item.side-item-category {
    display: block;
    display: flex;
    justify-content: center;
    padding: 0 10px;
    width: 100%;
    height:unset;
}
.app .main-sidemenu .side-menu__label{
    color:var(--primary-bg-color);
    margin-left: 15px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
}
.app  .main-sidemenu i.angle{
    color:var(--primary-bg-color) !important;
}
span.m-login__subtitle *{
    font-size:15px;
}
.app.sidenav-toggled span.ti-export{
    transform:rotate(90deg);
}
.horizontal a.side-menu__item span{
    color: var(--primary-bg-color);
}
.slide>a.side-menu__item>span:first-child:not(.sidemenu-list li a span){
    color:var(--primary-bg-color);
    font-size: 19px;
    font-weight: 500;
}
.horizontal.app .main-sidemenu i.angle{
    position: relative;
    right: -10px;
}
.app-sidebar{
    transition: none;
}
ul.nav.nav-tabs li.nav-item:first-child a {
    margin-left: 0;
}
.student-dashboard .students-info-tabs-view .m-portlet__head{
    margin-top: 63px;
}
.student-details h3{
    margin-bottom: 5px;
}
.student-details h6{
    opacity: 0.5;
}
.personal_details .card{
    box-shadow: -8px 12px 18px 0 #dadee8;
}
.transport_list ol.list-group{
    flex-direction: row;
    margin: 0 -15px;
    flex-wrap: wrap;
    text-transform: capitalize;
}
.transport_list ol.list-group li.list-group-item {
    width: 18%;
    box-shadow: -8px 12px 18px var(--dad);
    margin: 10px;
    font-size: 13px;
}
.transport_list ol.list-group li.list-group-item span{
    font-weight: bold;
    display: block;
}
.student-header .main-header-left h6{
    color:var(--primary-bg-color);
}
.main-header .select2-container, .main-header #headerCurrentYear.form-control{
    width: 130px !important;
}
.main-header-right .m-menu__nav li a{
    font-weight: 500;
}
.m-footer__copyright p{
    font-size: 12px;
    color: #737f9e;
    margin: 0 auto;
    line-height: 3.7;
    padding: 0;
    background: #fff;
}
.tips_card.student-card h3 {
    font-size: 15px;
}
.event-detail{
    box-shadow:-8px 12px 18px var(--dad);
    border: 1px solid var(--primary-3);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.btn-light{
    background: var(--white) !important;
    color: var(--primary-bg-color) !important;
}
.btn-light:hover{
    color: var(--primary-bg-color);
}
.event_student_view .btn_right a.btn-light{
    margin: 0;
    padding: 10px;
    min-width: 110px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.view-event-details .card-body {
    background: var(--primary-1);
.color-header .head_logo h6, .gradient-header .head_logo h6{
    color:#fff;
}
.color-header.horizontal .hor-header .logo-1, .dark-header.horizontal .hor-header .logo-1,.gradient-header.horizontal .hor-header .logo-1{
    display: flex !important;
}
.color-menu .main-sidebar-header.active .desktop-logo.active h6{
    color:#fff;
}

}
.view-event-details .event_tl {
    padding: 10px 20px;
    margin: 0 0 25px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgb(252 133 54);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-event-details  .event_detail_section h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}
.admin-event.view-event-details .event_tl{
    box-shadow:none;
}
.admin-event.view-event-details .date_create span{
    color:var(--white);
}
.side-menu .slide .tab-content .sidemenu-list li:hover .side-menu__item span {
    opacity: 1;
}
.light-menu.app .main-sidemenu .side-menu__label{
    color:var(--primary-bg-color) !important;
}
.color-menu .slide>a.side-menu__item>span:first-child:not(.sidemenu-list li a span){
    color:var(--white);
}
.color-menu .side-menu__label{
    color:var(--white) !important;
}
.color-menu.app.sidebar-mini ul.slide-menu .tab-content-show a.side-menu__item span{
    color:var(--white) !important;
}
.color-menu.app .main-sidemenu i.angle{
    color:var(--white) !important;
}
.gradient-menu .slide>a.side-menu__item>span:first-child:not(.sidemenu-list li a span){
    color:var(--white);
}
.gradient-menu.app .main-sidemenu i.angle{
    color:var(--white) !important;
}
.gradient-menu ul.slide-menu.open .tab-content-show li:hover a.side-menu__item span{
    color:var(--white) !important;
}
.gradient-menu.app.sidebar-mini ul.slide-menu .tab-content-show a.side-menu__item span{
    color:var(--white) !important;
}
.dark-menu.app .main-sidemenu .side-menu__label{
    color: var(--primary-bg-color) !important;
}
.color-menu .main-sidebar-header.active .desktop-logo.active h6{
    color:var(--white);
}

.card-shadow{
    box-shadow: -8px 12px 18px 0 #dadee8;
}

/* plan details  */
.plan-details h5{
    font-size: 14px;
    font-weight: 600; 
}

/* timetable addtask */
.add-tasks.global_form .card-title{
    font-size: 18px;
}

#printFeesDetails #showReceiptNo_wrapper #showReceiptNo_filter .delete-section span{
    position: relative;
    width: 16px;
    height: 10px;
    margin: 0 10px;
}

/* student academics */
.faculty-name-details .student-details a.btn i{
    margin-right: 5px;
}

.admin-student-info-body .card.card-shadow{
    padding: 10px 22px 5px;
    margin-bottom: 30px;
}

.admin-student-info-body .course-information .card{
    padding: 0 2px 20px;
}

/* exam attendance */

.exam-results-info #examAttendanceTable_wrapper.form-inline{
    display: block;
}

#attendanceForm .all-short-info .list-group, #resultForm .all-short-info .list-group{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#attendanceForm .all-short-info .list-group .list-group-item, #resultForm .all-short-info .list-group .list-group-item{
    width: 25%;
}

/* assign batch */
.stundent-filter_section .batch-create-details{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#addMultipleScheduleForm .form-field{
    max-height: 37vh;
    overflow: hidden;
    overflow-y: auto;
}

/* year transfer */
.year-transfer-field #studentList .studentBox .m-checkbox span{
    top: 0;
}

/* calandar */

.datetimepicker.dropdown-menu table th.prev{
    position: relative;
}
.datetimepicker.dropdown-menu table th.prev::before,.datetimepicker.dropdown-menu table th.next::before{
    position: absolute;
    content: "\e92e";
    font-family: feather!important;
    top: 5px;
    height:34px;
    width: 34px;
    left: 0;
    font-size: 20px;
    color:var(--primary-bg-color);
}
.datetimepicker.dropdown-menu table th.next::before{
    transform: scaleX(-1);
}

/* expenses */
.add-expenses-form-filter .form-group .form-control-feedback{
    position: absolute;
    left: 0;
}

/* report: student report */
.toggle-section.accordion-portion .m-portlet__head{
    z-index: 1;
}

.toggle-section.accordion-portion .m-portlet__head::before{
    z-index: -1;
}

/* calendar */
 .datetimepicker .datetimepicker-days table th.prev span::before,
 .datetimepicker .datetimepicker-days table th.next span::before{
    display: none;
 }

 /* current year */
 .current-year{
    line-height: 1;
 }
 .current-year span{
    color: var(--primary-bg-color);
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin-left: 8px;
    margin-right: 8px;
    padding: 6px 8px;
    border: 1px solid;
    border-radius: 5px;
 }
 .current-year span .year-title{
    color:var(--031);
    font-weight: 400;
 }
 .sms-credits{
    color: var(--primary-bg-color);
    padding: 0;
    font-size: 12px;
    border-radius: 3px;
    font-weight: 700;
    white-space: nowrap;
    margin-right: 8px;
 }
 .gradient-header .current-year span,.color-header .current-year span{
    color: var(--white);
 }
 .color-header .sms-credits{
    background: var(--white);
    color:  var(--primary-bg-color);
 }
 .rtl .sms-credits{
    margin-right: 8px;
 }
 .rtl.horizontal .head_logo h6{
    margin-right: 8px;
 }
.main-header .responsive-logo .branch_dropdown .dropdown-menu:after{
    display:none;
 }
 .branch_dropdown .dropdown-menu{
    border-radius: 0;
    transform: translateY(48px)!important;
    width: 220px;
    box-shadow: 0 0 9px #0000001c;
 }
 .branch_dropdown .dropdown-item{
    cursor: pointer;
    padding: 8px 16px;
    min-height: 38px;
    border-bottom: 1px solid rgba(138,153,191,.125);
    white-space: normal;
}
.branch_dropdown h6{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 11px;
    max-width: 270px;
    white-space: normal;
}
.horizontal .branch_dropdown .dropdown-menu{
    transform: translate(66px,62px)!important;
    width: 240px;
}
body .main-sidebar-header.active .desktop-logo.active h6 {
    white-space: normal;
}

/* dark theme  */
.dark-theme.gradient-menu.app.sidebar-mini.sidenav-toggled-open .angle{
    color:var(--white) !important;
}
.dark-theme.color-menu.app.sidebar-mini.sidenav-toggled-open .angle{
    color:var(--white) !important;
}.side-menu .slide .tab-content .sidemenu-list li:hover .side-menu__item span {
    opacity: 1;
}
.light-menu.app .main-sidemenu .side-menu__label{
    color:var(--primary-bg-color) !important;
}
.color-menu .slide>a.side-menu__item>span:first-child:not(.sidemenu-list li a span){
    color:var(--white);
}
.color-menu .side-menu__label{
    color:var(--white) !important;
}
.color-menu.app.sidebar-mini ul.slide-menu .tab-content-show a.side-menu__item span{
    color:var(--white) !important;
}
.color-menu.app .main-sidemenu i.angle{
    color:var(--white) !important;
}
.gradient-menu .slide>a.side-menu__item>span:first-child:not(.sidemenu-list li a span){
    color:var(--white);
}
.gradient-menu.app .main-sidemenu i.angle{
    color:var(--white) !important;
}
.gradient-menu ul.slide-menu.open .tab-content-show li:hover a.side-menu__item span{
    color:var(--white) !important;
}
.gradient-menu.app.sidebar-mini ul.slide-menu .tab-content-show a.side-menu__item span{
    color:var(--white) !important;
}
.dark-menu.app .main-sidemenu .side-menu__label{
    color: var(--primary-bg-color) !important;
}
.color-menu .main-sidebar-header.active .desktop-logo.active h6{
    color:var(--white);
}

.form-group{
    position: relative;
}
.horizontal .main-sidemenu .slide-left, .horizontal .main-sidemenu .slide-right{
    top: 49%;
    padding: 0;
    transform: translateY(-50%);
}
.horizontal .main-sidemenu .slide-right{
    right: 0;
}
.horizontal .main-sidemenu .slide-left{
    left: 0;
}

/* current year */
.dark-theme .current-year span .year-title{
    color:var(--white);
 }

/* horizontal menu  */

.app.horizontal  .main-sidemenu .side-menu__label{
    margin-left: 13px;
}
.app.horizontal .slide>a.side-menu__item>span:first-child:not(.sidemenu-list li a span){
    font-size: 15px;
    top: -1px;
    position: relative;
}
.sidebar-mini.app.sidenav-toggled .main-sidemenu{
    margin-bottom: 50px;
}

.form-group .form-control-feedback ~ p.m--font-danger {
    position: absolute;
    right: 15px;
}
.sidebar-mini.app.sidenav-toggled .app-sidebar{
    transition: width 0.3s ease;
}
.app.sidenav-toggled .main-sidebar-header{
    transition: none;
}
/* Year Transfer */
.year-transfer .year-transfer-field.fromyear-transfer {
    height: 40px;
    line-height: 40px;
}

/* view subject datail */

.view-subject-detail .list-group{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -15px 30px;

}

.view-subject-detail .list-group .list-group-item{
    max-width: 280px;
    width: 280px;
    margin: 15px;
    align-items: center;
}

.view-subject-detail .list-group .list-group-item .subjectDetail-name h3{
    font-size: 15px;
}

/* manage roll number */

.batch-student-roll-number .studentrollno{
    width: 70px;
}
.minus{
    height: 18px;
    background: unset;
    padding-left: 0;
}
.btn.remove, .add-course .btn.remove-month{
    width: 35px;
    height: 35px;
    margin-left: 15px;
}
.fa-rupee-sign{
    margin-right: 8px;
}
.add-course .btn.remove i, .add-course .btn.remove-month i{
    margin-right: 0;
}

#notification .m-radio-inline.bg-primary-gradient{
    display: inline-block;
    padding: 7px 20px 7px 15px;
    border-radius: 3px;
    margin: 7px 0 10px;
    width: 100%;
}  
#notification p {
    margin-block-start: 0;
    margin-block-end: 0;
    font-weight: 500;
    margin-top: 10px;
} 
#notification .bg-primary-gradient .radio-inline{
    color:var(--white);
}
.radio-inline input[type=radio]{
    opacity: 0;
}
.radio-inline input[type=radio] ~ span{
    position: absolute;
    width: 14px;
    height: 14px;
    border:1px solid var(--border-global);
    border-radius:50%;
}
.radio-inline input[type=radio] ~ span::before{
    position: absolute;
    content:"";
    left:2px;
    right:2px;
    top: 2px;
    bottom: 2px;
    background:var(--primary-bg-color);
    border-radius:50%;
    display:none;
}
.radio-inline input[type=radio]:checked ~ span:before{
    display: block;
}
#notification .bg-primary-gradient  .radio-inline input[type=radio] ~ span{
    border-color:var(--white);
}
#notification .bg-primary-gradient  .radio-inline input[type=radio] ~ span::before{
    background:var(--white);
}
#notification label.form-control-label{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}
#notification .m-portlet__body .m-portlet__body{
    background: var(--primary-1);
    border: none;
    margin: 10px 0;
}

/* toaster  */
body .toast-top-right {
    bottom: 12px;
    right: 12px;
    top:unset;
}

/* footer set css  */
body.main-body.app .main-content{
    margin-block-end: 44px!important;
}
.main-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
a.text-primary:hover, a.text-primary:focus{
    color:var(--primary-bg-hover) !important;
}
.color-header .head_logo h6, .gradient-header .head_logo h6{
    color:var(--white);
}

/* create marksheet */
.create-marksheet.modal-body .table tbody tr>td>ul{
    display: flex;
    flex-direction: row;
}
.create-marksheet.modal-body .table.dataTable>tbody>tr.child ul.dtr-details>li{
    border: none;
    padding: 2px 10px;
}
.create-marksheet.modal-body table.dataTable>tbody>tr.child span.dtr-title{
    min-width: auto;
}
.create-marksheet.modal-body table.dataTable>thead>tr>th{
    vertical-align: middle;
}

/* document type  */
.doc-list li.list-group-item.m-portlet__body {
    margin: 15px;
    width: 33.33%;
    max-width: 211px;
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: none;
    box-shadow: 0 0 5px var(--primary-bg-color);
    border-radius: 10px;
    text-align: center;
}
.doc-list .img_heading {
    margin: 0 0 10px;
    background: var(--primary-bg-color);
    color: var(--white);
    padding: 6px 13px;
    border-radius: 10px;
}
.doc-list.list-group .img_title {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.doc-list.list-group {
    padding: 15px;
    width: 100%;
    flex-direction: unset;
    flex-wrap: wrap;
}
.primary--1{
    background-color:var(--primary-1);
}
.primary--2{
    background-color:var(--primary-2);
}
.primary--3{
    background-color:var(--primary-3);
}
.primary--4{
    background-color:var(--primary-4);
}
.primary--5{
    background-color:var(--primary-5);
}
.primary--6{
    background-color:var(--primary-6);
}
.primary--7{
    background-color:var(--primary-7);
}
.total-collection .primary--3{
    border-radius: 3px;
    padding: 7px 15px;
}
.event-content .btn{
    min-width: 80px;
}
.bank-detail .btn, .transport-admin .btn{
    min-width: 80px;
}

th.text-center.th-first {
    border-bottom: 2px solid var(--white);
}
.rtl.sidenav-toggled-open.app .main-sidemenu .side-menu__label, .sidebar-mini.rtl.sidenav-toggled-open.app .main-sidemenu .side-menu__label{
    margin-left: 0;
    margin-right: 15px;
}
.rtl.app  .side-header {
    padding-left: 0;
}
.rtl.app .main-sidemenu .side-menu__label{
    margin-left: 0;
    margin-right: 15px;
}
.rtl.horizontal.app .main-sidemenu i.angle {
    right: 0;
}
.rtl.horizontal .main-sidemenu .slide-left, .rtl.horizontal .main-sidemenu .slide-right {
    transform: rotate(180deg);
    top: 8px;
}
.rtl.horizontal .main-sidemenu .slide-right {
    right: unset;
}
body.color-header.horizontal .hor-header .logo-1, body.dark-header.horizontal .hor-header .logo-1, body.gradient-header.horizontal .hor-header .logo-1 {
    display: block!important;
}
body.hover-submenu.app.sidenav-toggled-open .side-item.side-item-category{
    display: flex !important;
}
.hover-submenu.app.sidenav-toggled-open .side-menu__label{
    color:var(--primary-bg-color);
}
.switch_section .btn-danger:not(:disabled):not(.disabled):active:focus,.switch_section  .btn-danger:not(:disabled):not(.disabled).active:focus{
    box-shadow:none;
}
body.hover-submenu1.app.sidenav-toggled .side-menu__label{
    display: block !important;
}
body.hover-submenu1.app .side-menu__label{
    margin-left: 0;
}
body.hover-submenu1.sidenav-toggled.app .side-menu__label{
    color:var(--primary-bg-color);
}
.hover-submenu1.app.sidebar-mini.sidenav-toggled .side-item.side-item-category{
    display: flex !important;
}
.hover-submenu1.app.sidebar-mini ul.slide-menu .tab-content-show a.side-menu__item span{
    margin-left: 35px;
    text-align: left;
}
.rtl form#notification label.m-checkbox{
    padding-right: 25px;
}
.rtl form#notification label.m-checkbox span{
    left: unset;
    right: 0;
}
.main-sidemenu  ::selection {
    background-color: transparent;
}
/* dark theme  */
.dark-theme.gradient-menu.app.sidebar-mini.sidenav-toggled-open .angle{
    color:var(--white) !important;
}
.dark-theme.color-menu.app.sidebar-mini.sidenav-toggled-open .angle{
    color:var(--white) !important;
}
.dark-theme a.side-menu__item span, .dark-theme.app.sidenav-toggled.sidenav-toggled-open .side-menu__label{
    color:var(--primary-bg-color);
}
.dark-theme.app.sidebar-mini.sidenav-toggled-open .angle{
    color:var(--primary-bg-color) !important;
}
.dark-theme .m-portlet__body{
    background: var(--dark-theme);
    border-color: #ffffff1a;
    box-shadow: 0 0 10px #0003;
}
.dark-theme .nav-tabs .nav-link {
    background: rgba(0,0,0,.2);
    border-color: #ffffff1a;
}
.dark-theme .nav-tabs ~ div, .dark-theme .nav-tabs ~ div:last-child{
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-theme table.dataTable tbody td{
    background-color: var(--dark-theme);
}
.dark-theme .select2-container--default .select2-results__option[aria-disabled=true]{
    color: rgb(255 255 255 / 50%);
}
.dark-theme .dataTables_scrollBody,.dark-theme .dataTables_scrollHeadInner {
    border-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .dataTables_scrollHead {
    background: #1d2a3f;
}
.dark-theme .card-header{
    background: var(--bs-dark);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-theme .tabs.assignment-tabs .tab .tab-content {
    background-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .tabs.assignment-tabs .tab .tab-content ul li .tab-conts-left .download-data a {
    color: #dde3ea
}
.dark-theme .main-sidebar-header.active .desktop-logo.logo-light.active{
    display: none;
}
.dark-theme .main-sidebar-header.active .desktop-logo.logo-dark.active{
    display: flex;
    align-items:center;
}
.dark-theme .main-sidebar-header.active .desktop-logo.active h6{
    color:#fff;
}
.dark-theme .dark.head_logo{
    display:flex;
}
.dark-theme .light.head_logo{
    display:none;
}
.dark-theme .form .input-group{
    border-color:rgba(255, 255, 255, 0.1);
}
.dark-theme form .input-group{
    border-color:rgba(255, 255, 255, 0.1);
}
.dark-theme .table-bordered thead th, .dark-theme .table-bordered thead td{
    background-color: #131b2c;
    border:none;
}
.dark-theme .main-sidebar-header.active .desktop-logo.active h6{
    color:var(--inner-logo-title);
}
.dark-theme .dataTables_paginate .pagination .page-link{
    border:none;
}
.dark-theme .dataTables_paginate .pagination .page-link{
    background-color: #000;
}
.dark-theme .dataTables_paginate .page-item.active .page-link {
    background-color: var(--primary-bg-color);
}
.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    background-color: #222;
}
.dark-header .m-header__top .main-header{
    background: #1f2940 !important;
    border-bottom-color: #eaedf133 !important;
}
.dark-header .main-header-left h6, .light-header .main-header-left h6{
    color:var(--primary-bg-color);
}
.dark-theme .student-reports-conts{
    border-color:rgba(255, 255, 255, 0.1);
}
.dark-theme .tips_card .card-header{
    background-color:var(--primary-bg-color);
}
.dark-theme .transport_list ol.list-group li.list-group-item{
    box-shadow:none;
}
.dark-theme .event-detail{
    box-shadow:none;
}

.dark-theme .personal_details .card{
    box-shadow:none;
}
.dark-theme .light-header.horizontal .hor-header .dark-logo-1, .light-header.horizontal .hor-header .dark-logo-1{
    display: flex !important;
}
.dark-theme.color-menu .main-sidebar-header.active .desktop-logo.active h6{
    color:#fff;
}
.dark-theme #batchtable.table td{
    background-color: #172232;
}
.dark-theme .card .primary-bg{
    background:var(--primary-bg-color);
}
.dark-theme  textarea{
    background:var(--dark-theme);
}
.dark-theme .doc-list li.list-group-item.m-portlet__body{
    background-color:var(--dark-body);
}

.dark-theme th.text-center.th-first {
    border-bottom: 2px solid var(--white);
}
.dark-theme .toast.toast-error{
    background: #dc3545 ;
}
.dark-theme .toast.toast-success{
    background: #51A351 ;
}
/* create multiple exam */

.create-multiple-exam .multiple-exam-table .table-responsive{
    display: table;
}
.select_branch_{
    border: none;
    width: auto;
    font-size: 13px;
    line-height: 16px;
    text-transform: capitalize;
    color: var(--inner-logo-title);
    margin-bottom: 0;
    font-weight: 600;
}
.hor-header .select_branch_{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 11px;
}
.app.sidebar-mini.sidenav-toggled .main-sidebar-header .select_branch_, .app.sidebar-mini.sidenav-toggled .main-sidebar-header .select_branch_{
    display:none;
}

.exam-height i.fa.fa-calendar {
    padding-right: 10px;
}

.dashboard-table .datetimepicker{
    box-shadow: none;
    border-radius: 0;
    border-width: 1px;
    border-color: #eae8f1;
    min-width: 181px !important;
    padding: 0 5px 5px;
}

.dashboard-table .dropdown-menu{
    position: absolute;
    display: none;
    left: 80% !important;
}

.take-attendance .datetimepicker{
    margin-left: -40px !important;
}
/* body.horizontal .hor-header {
    position: fixed !important;
    z-index: 9 !important;
    top: 0;
}
body.horizontal .hor-header.sticky-pin {
    position: fixed !important;
    top: 0;
}
body.horizontal .main-header.sticky.nav.nav-item.hor-header.fixed-header.visible-title.sticky-pin {
    border-block-end: 1px solid #eae8f1 !important; 
}
body.horizontal .app-sidebar__overlay ~ .sticky.sticky-pin, body.horizontal .app-sidebar__overlay ~ .sticky{
    position: fixed;
    top: 63px;
} */

/* new sidebar  */

.hover-submenu.app .main-sidemenu .side-menu__label {
    margin-left: 15px;
    font-size: 15px;
    font-weight: 500;
}
.sidenav-toggled.hover-submenu .slide>a.side-menu__item>span:first-child:not(.sidemenu-list li a span) {
    color: var(--primary-bg-color);
    font-size: 19px;
    font-weight: 500;
}
body.hover-submenu.app.sidenav-toggled .app-sidebar .main-sidemenu .side-menu .slide .side-menu__label {
    margin-top: 5px;
    margin-left: 0 !important;
    font-size: 14px!important;
    font-weight: 500;
    opacity: 1;
    letter-spacing: .2px;
    white-space: normal;
    padding: 0 5px;
}
body.hover-submenu.app.sidenav-toggled .main-sidemenu .side-menu .slide .side-menu__item.active, body.hover-submenu.app.sidenav-toggled .main-sidemenu .side-menu .slide:hover {
    background: rgba(0, 0, 0, 0.1);
}
body.hover-submenu.app.sidenav-toggled .main-sidemenu .side-menu .slide.active:after, body.hover-submenu.app.sidenav-toggled .main-sidemenu .side-menu .slide:hover:after {
    position: absolute;
    content: "";
    background: var(--primary-bg-color);
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    border-radius: 10px;
}
body.hover-submenu.app.sidenav-toggled.sidenav-toggled-open.sidebar-mini .slide .slide-menu {
    min-width: 200px;
    left: 100%;
}
body.hover-submenu.app.sidenav-toggled .slide .sub-slide .slide-item span {
    font-size: 14px;
    white-space: nowrap;
    position: relative;
    color: var(--primary-bg-color);
    font-weight: 500;
}
body.hover-submenu.app.sidenav-toggled .main-sidemenu .side-menu .slide .sidemenu-list a.side-menu__item {
    text-align: left !important;
    padding: 8px 15px !important;
}
body.hover-submenu.app.sidenav-toggled ul.sidemenu-list .tab-content-show a.side-menu__item:before{
    display:none;
}
body.hover-submenu.app ul.sidemenu-list a:before{
    display:none;
}
body.hover-submenu.app.sidenav-toggled .main-sidemenu .side-menu .slide .sidemenu-list li:hover::after{
    content:none;
}
body.hover-submenu.app.sidenav-toggled .main-sidemenu .side-menu .slide .sidemenu-list a.side-menu__item:hover {
    background: unset;
    opacity: 0.5;
}
body.hover-submenu.app.sidenav-toggled .main-sidemenu .side-menu .slide .sidemenu-list li{
    background: unset;
}
body.hover-submenu.app.sidenav-toggled .main-sidemenu .side-menu .slide .sidemenu-list a.side-menu__item span.side-menu__label {
    margin: 0;
}
body.hover-submenu.app.sidenav-toggled .main-sidemenu {
    margin-block-start: 91px;
}
body.horizontal .main-sidemenu .side-menu .sub-slide .slide-item {
    padding: 8px 20px;
}
body.horizontal .horizontal-main .slide .slide-menu{
    height: unset !important;
}
body.horizontal .horizontal-main .slide .slide-menu .slide-item:before {
    left: 7px;
    top: 8px;
    margin-right: 8px;
}
.app.horizontal .slide>a.side-menu__item>span:first-child:not(.sidemenu-list li a span){
    font-size: 16px;
    font-weight: 500;
    top: 0;
}
.app.horizontal .main-sidemenu .side-menu__label{
    font-size: 15px;
    font-weight: 500;
    margin-left: 10px;
}
body.horizontal .horizontal-main .slide .slide-menu .slide-item:before {
    left: 7px;
    top: 8px;
    margin-right: 8px;
    opacity: 0;
}
body.horizontal .main-sidemenu .side-menu .sub-slide .slide-item span {
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    position: relative;
}
body.horizontal .side-menu .slide .tab-content .sidemenu-list .side-menu__item {
    padding: 8px 20px !important;
}
body.horizontal .side-menu .slide .tab-content .sidemenu-list .side-menu__item span.side-menu__label {
    font-size: 14px;
    white-space: nowrap;
    position: relative;
    margin: 0;
    font-weight: 400;
}
.horizontal .app-sidebar .slide-menu a:before {
    left: 7px;
    top: 8px;
    margin-right: 8px;
    opacity: 0;
}
body.horizontal .app-sidebar .main-sidemenu .side-menu .slide .side-menu__item span
.hover-submenu.app.sidenav-toggled .main-content {
    margin-block-end: 44px!important;
    min-height: 1040px;
}
/* body.hover-submenu.app.sidenav-toggled.sidenav-toggled-open.sidebar-mini .slide:last-child .slide-menu {
    min-width: 200px;
    left: 100%;
    top: unset;
    bottom: 0;
} */
.app.sidebar-mini.sidenav-toggled-open .side-menu__label{
    font-size: 15px;
    font-weight: 500;
}
body.horizontal .side-menu .slide .tab-content .sidemenu-list .side-menu__item:hover{
    opacity: 0.5;
}
.icontext-menu.app.sidenav-toggled .side-menu__label{
    margin-top: 5px;
    margin-left: 0 !important;
    font-size: 14px!important;
    font-weight: 500;
    opacity: 1;
    letter-spacing: .3px;
}
.icontext-menu.app.sidenav-toggled.sidenav-toggled-open .side-menu__label{
    margin-top: 0;
    margin-left: 15px;
}
.hover-submenu1.app.sidenav-toggled .side-menu__label{
    font-size: 14px !important;
    margin-top: 5px;
}
body .app-sidebar .main-sidemenu .side-menu .sub-slide .slide-item span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.3px;
}
.hover-submenu1.app.sidenav-toggled .sidemenu-list .side-menu__label{
    margin-top: 0;
}
body .app-sidebar .main-sidemenu .side-menu .sub-slide .slide-item span {
    font-size: 14px;
    opacity: 0.9;
    margin-left: 0;
    font-weight: 500;
}
body.main-body.app.sidebar-mini.sideicon-menu ul.side-menu, body.main-body.app.sidebar-mini.sideicon-menu ul.side-menu{
    margin-block-end: 30px;
}
.horizontal .side-menu>li.slide:last-child>a{
  padding-right: 60px !important;
}
body .app-sidebar .main-sidemenu .side-menu .sub-slide .slide-item span {
    color: var(--primary-bg-color);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.3px;
}
body.app.sidebar-mini .side-menu .slide .side-menu__item .sub-angle{
    transform: rotate(-90deg);
    font-size: 9px;
    position: absolute;
    left: -2px;
    color: #6d7790!important;
}
body .app-sidebar .main-sidemenu .side-menu .sub-slide .slide-item span {
    color: var(--primary-bg-color);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.3px;
}
.sub-slide.is-expanded .sub-slide-menu {
    display: block;
}
body .app-sidebar .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1;
}
body .app-sidebar .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item{
    display: flex;
    align-items: center;
    font-size: 13px;
    padding: 8px 28px 8px 28px;
    font-weight: 400;
    margin-left: 1rem !important;
}
body .app-sidebar .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item::before {
    opacity: 1;
    left: 25px;
}
.side-menu .slide .side-menu__item{
    padding-block: 8px;
}
body.hover-submenu.app.sidenav-toggled.sidenav-toggled-open.sidebar-mini .slide .slide-menu {
    display: block !important;
    background: #fff;
    border: 1px solid #eae8f1;
    opacity: 1 !important;
    position: fixed;
    min-width: 250px;
    padding: 10px 0 !important;
    left: 109px;
    top: 63px;
    border-radius: 0 !important;
    bottom: 0;
    max-height: calc(100vh - 107px);
    overflow-y: auto;
}
body.hover-submenu.app .slide-menu .sub-slide-menu {
    display: block !important;
}
body.hover-submenu.app.sidenav-toggled.sidenav-toggled-open.sidebar-mini .slide ul.slide-menu.open{
    display: block !important;
}
body.hover-submenu.app.sidenav-toggled .app-sidebar .main-sidemenu .side-menu .slide .slide-item.has-sub > span{
    color: #000 !important;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    padding-bottom: 5px;
    max-width: max-content;
    display: inline-block;
}
body.hover-submenu.app.sidenav-toggled .app-sidebar .main-sidemenu .side-menu .slide .slide-item.has-sub > span::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 1.5px;
    background: #d4d4d4;
    right: -20px;
}
.hover-submenu.app.sidenav-toggled-open .side-menu .slide .tab-pane .side-menu__item span{
    color: var(--primary-bg-color) !important;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    padding-bottom: 5px;
    max-width: max-content;
    display: inline-block;
}
.hover-submenu.app.sidenav-toggled-open .side-menu .slide .tab-pane .side-menu__item span::before{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 1.5px;
    background: #d4d4d4;
    right: -20px;
}
body.hover-submenu.app .slide-menu .sub-slide-menu{
    font-size: 14px;
    white-space: nowrap;
    position: relative;
    color:var(--primary-bg-color);
}
body .app-sidebar .main-sidemenu .side-menu .slide .tab-pane  .sub-slide-menu__item{
    margin: 0 !important;
    padding: 8px 15px;
}
body .app-sidebar .main-sidemenu .side-menu .slide .tab-pane .side-menu__item{
    text-align: left !important;
    padding: 8px 15px !important;
}
body .app-sidebar .main-sidemenu .side-menu .slide .tab-pane  .sub-slide-menu__item::before{
    display: none;
}
body .app-sidebar .main-sidemenu .side-menu .slide .tab-pane .side-menu__item::before{
    display: none;
}
body.horizontal .main-sidemenu .side-menu .slide-menu.active {
    display: flex;
    padding: 10px 0 10px 10px;
    border-radius: 0;
    box-shadow: 0 1px 4px rgb(0 0 0 / 25%) !important;
    left: 0;
}
body.sidenav-toggled.sideicon-menu .app-sidebar .main-sidemenu .side-menu .slide .tab-pane .sub-slide-menu__item, body.sideicon-menu .app-sidebar .main-sidemenu .side-menu .slide .tab-pane .sub-slide-menu__item, body.ltr.main-body.app.default_menu.sidebar-mini .main-sidemenu .side-menu .slide .tab-pane .sub-slide-menu__item{
    margin: 0 !important;
    padding: 8px 34px;
    font-size: 12px;
}
body.sidenav-toggled.sideicon-menu .app-sidebar .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item span, body.sideicon-menu .app-sidebar .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item span, body.ltr.main-body.app.default_menu.sidebar-mini .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item span{
    position: relative;
    padding-left: 21px;
    color: var(--primary-bg-color);
}
body.sidenav-toggled.sideicon-menu .app-sidebar .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item span::before, body.sideicon-menu .app-sidebar .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item span::before, body.ltr.main-body.app.default_menu.sidebar-mini .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item span::before {
    content: "\e92f";
    font-family: feather!important;
    position: absolute;
    top: 3px;
    left: 0px;
    font-size: 9px;
    color: #6d7790;
}
body.sidenav-toggled.sideicon-menu .app-sidebar .main-sidemenu .side-menu .slide .tab-pane .side-menu__item, body.sideicon-menu .app-sidebar .main-sidemenu .side-menu .slide .tab-pane .side-menu__item, body.ltr.main-body.app.default_menu.sidebar-mini .main-sidemenu .side-menu .slide .tab-pane .side-menu__item{
    padding: 8px 10px 8px 28px !important;
}
body.hover-submenu .app-sidebar .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item span, body.sideicon-menu .app-sidebar .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item span{
    white-space: normal;
}
body.app.sidebar-mini.sidenav-toggled.sideicon-menu .side-menu .slide .side-menu__item .sub-angle
, body.app.sidebar-mini.sideicon-menu .side-menu .slide .side-menu__item .sub-angle, body.ltr.main-body.app.default_menu.sidebar-mini .main-sidemenu .side-menu .slide .side-menu__item .sub-angle{
    transform: unset;
    font-size: 13px;
    position: absolute;
    left: unset;
    color: var(--primary-bg-color)!important;
    right: 21px;
}

/* horizontal  */
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li ul.sub-slide-menu::-webkit-scrollbar, body.horizontal.horizontal-hover .horizontal-main li.slide ul.slide-menu li ul.sub-slide-menu::-webkit-scrollbar{
    width:5px;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open,
body.horizontal.horizontal-hover .horizontal-main li.slide:hover ul.slide-menu {
    display: flex !important;
    padding: 10px 10px 10px;
    border-radius: 0;
    box-shadow: 0 1px 4px rgb(0 0 0 / 25%) !important;
    flex-wrap: wrap;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li.sidetab-menu,
body.horizontal.horizontal-hover .horizontal-main li.slide:hover ul.slide-menu li.sidetab-menu{
    padding: 0 15px 7px;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li.sidetab-menu,
body.horizontal.horizontal-hover .horizontal-main li.slide:hover ul.slide-menu li.sidetab-menu{
    padding: 0 15px 7px;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li a,
body.horizontal.horizontal-hover .horizontal-main li.slide:hover ul.slide-menu li a{
    padding: 8px 0 !important;
    font-size: 8px;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li i.sub-angle.fe.fe-chevron-down,
body.horizontal.horizontal-hover .horizontal-main li.slide ul.slide-menu li i.sub-angle.fe.fe-chevron-down{
    display: none;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li ul.sub-slide-menu,
body.horizontal.horizontal-hover .horizontal-main li.slide ul.slide-menu li ul.sub-slide-menu{
    position: relative;
    left: 0;
    margin: 0;
    box-shadow: none !important;
    border: none;
    text-align: left;
    display: flex !important;
    top: 0;
    padding: 0;
    width: 100%;
    flex-direction: column;
    max-height: 400px;
    overflow-y: auto;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li a span.sub-menu__label,
body.horizontal.horizontal-hover .horizontal-main li.slide ul.slide-menu li a span.sub-menu__label{
    font-size: 14px;
    font-weight: 600;
    position: relative;
    white-space: nowrap;
    line-height: 1;
    letter-spacing: 0.4px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    text-transform: capitalize;
    background: #e7e7e7;
    padding: 5px 10px;
    width: 100%;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li a span.sub-menu__label::before,
body.horizontal.horizontal-hover .horizontal-main li.slide ul.slide-menu li a span.sub-menu__label::before{
    position: absolute;
    content: "";
    bottom: -3px;
    left: 0;
    background: var(--primary-bg-color);
    height: 1px;
    width: 42px;
    opacity: 0;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li ul.sub-slide-menu li,
body.horizontal.horizontal-hover .horizontal-main li.slide ul.slide-menu li ul.sub-slide-menu li{
    padding: 0;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li ul.sub-slide-menu li a,
body.horizontal.horizontal-hover .horizontal-main li.slide:hover ul.slide-menu li ul.sub-slide-menu li a{
    padding: 0 0 8px 0 !important;
    margin-left: 0 !important;
    position: relative;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li ul.sub-slide-menu li a span,
body.horizontal.horizontal-hover .horizontal-main li.slide ul.slide-menu li ul.sub-slide-menu li a span{
    line-height: 1.3;
    min-width: unset;
    white-space: nowrap;
    font-size: 13.5px;
    position: relative;
    color: #000;
    font-weight: 400;
    margin-left: 17px;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li ul.sub-slide-menu li a::after, body.horizontal.horizontal-hover .horizontal-main li.slide ul.slide-menu li ul.sub-slide-menu li a::after{
    position: absolute;
    left: 3px;
    margin-right: 0;
    opacity: 1;
    background: #000;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 6px;
    opacity: 1;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open.mega_menu,body.horizontal.horizontal-hover .horizontal-main li.slide:hover ul.slide-menu.mega_menu{
    min-width: unset;
    display: block !important;
    column-count: 3;
    width: unset;
    margin-left: -90px;
}

body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open.mega_menu li.sidetab-menu, body.horizontal.horizontal-hover .horizontal-main li.slide:hover ul.slide-menu.mega_menu li.sidetab-menu{
    padding: 0 15px 7px;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open.mega_menu li ul.sub-slide-menu, body.horizontal.horizontal-hover .horizontal-main li.slide:hover ul.slide-menu.mega_menu li ul.sub-slide-menu{
    max-height: unset;
    overflow-y: unset;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.single_menu li.sidetab-menu, body.horizontal.horizontal-hover .horizontal-main li.slide:hover ul.slide-menu.single_menu li.sidetab-menu{
    width: 100%;
    padding-right: 0;
}
.upcoming-birthday .carousel-control-prev, .upcoming-exam .carousel-control-prev{
    z-index: 0;
}
.m-portlet.m-portlet--mobile.student-of-the-month .toggle-section{
    position: relative;
    z-index: 0;
}



body.sidenav-toggled.sideicon-menu.hover-submenu .app-sidebar .main-sidemenu .side-menu .slide .tab-pane .sub-slide-menu__item{
    padding: 8px 15px;
}
body.sidenav-toggled.sideicon-menu.hover-submenu .app-sidebar .main-sidemenu .side-menu .slide .tab-pane .side-menu__item{
    padding: 8px 15px !important;
}
body.sidenav-toggled.sideicon-menu.hover-submenu .app-sidebar .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item span{
    padding-left: 0;
    color: #000;
}
body.sidenav-toggled.sideicon-menu.hover-submenu .app-sidebar .main-sidemenu .side-menu .slide .tab-pane .sub-slide-menu__item{
     padding: 8px 15px;
}
body.sidenav-toggled.sideicon-menu.hover-submenu .app-sidebar .main-sidemenu .side-menu .sub-slide .sub-slide-menu__item span::before{
    opacity: 0;
}
body.sidenav-toggled.sideicon-menu.hover-submenu .app-sidebar .main-sidemenu .side-menu .slide .tab-pane .side-menu__item{
    padding: 8px 15px !important;
}
body.horizontal .app-sidebar .main-sidemenu .side-menu .slide .side-menu__item{
    padding: 12px 16px !important;
    margin: 0 !important;
}
body.horizontal .main-sidemenu .side-menu li.is-expanded > a.side-menu__item, body.horizontal .main-sidemenu .side-menu li.active > a.side-menu__item, body.horizontal .main-sidemenu .side-menu li:hover > a.side-menu__item{
    background: #e7e7e7;
}

body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li.sidetab-menu:first-child,
body.horizontal.horizontal-hover .horizontal-main li.slide:hover ul.slide-menu li.sidetab-menu:first-child{
    padding-left: 10px;
}
body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open li.sidetab-menu:last-child,
body.horizontal.horizontal-hover .horizontal-main li.slide:hover ul.slide-menu li.sidetab-menu:last-child{
    padding-right: 10px;
}
body.horizontal .main-sidemenu .side-menu .slide:last-child .slide-menu.single_menu{
    right: inherit;
    transform: unset;
    left: unset !important;
    margin-left: -50px;
}
body.horizontal .main-sidemenu .side-menu .slide .slide-menu.single_menu{
    width: max-content;
    min-width: 200px;
}
body.horizontal .app-sidebar {
    z-index: 2;
}
/* body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open.single_menu li ul.sub-slide-menu li a span,
body.horizontal.horizontal-hover .horizontal-main li.slide ul.slide-menu.single_menu li ul.sub-slide-menu li a span{
    white-space: normal;
} */
/* body.horizontal .horizontal-main li.slide.is-expanded ul.slide-menu.open.mega_menu , body.horizontal.horizontal-hover .horizontal-main li.slide ul.slide-menu.mega_menu {
    left: 13px;
    position: fixed;
    right: 10px;
} */

/*
@media screen (min-width:1501) and (max-width:1680px){
    .upcoming-birthday .carousel-control-prev, .upcoming-exam .carousel-control-prev{
        position: absolute;
        left: -34px;
    }

    .upcoming-birthday .carousel-control-next, .upcoming-exam .carousel-control-next{
        position: absolute;
        right: -34px;
    }
} */ 

@media(max-width:1920px){

    .upcoming-birthday .birthday-height .carousel-control-prev, .upcoming-exam .carousel-control-prev{
        position: absolute;
        left: -40px !important;
        top: 25px !important;
    }

    .upcoming-birthday .birthday-height .carousel-control-next, .upcoming-exam .carousel-control-next{
        position: absolute;
        right: -34px !important;
        top: 25px !important;
    }


    .upcoming-birthday .exam-height .carousel-control-prev, .upcoming-exam .carousel-control-prev{
        position: absolute;
        left: -32px !important;
        top: 40px !important;
    }

    .upcoming-birthday .exam-height .carousel-control-next, .upcoming-exam .carousel-control-next{
        position: absolute;
        right: -30px !important;
        top: 40px !important;
    }

    .upcoming-birthday .carousel-control-prev, .upcoming-exam .carousel-control-prev {
        position: absolute;
        left: -38px;
        top: 23px;
    }

    .upcoming-birthday .carousel-control-next, .upcoming-exam .carousel-control-next{
        position: absolute;
        right: -35px;
        top: 23px;
    }
}

/* media  */
@media screen and (max-width:1500px){
    .events_row .col_div{
        width: 25%;
        min-width:unset;
        max-width: unset;
    }
}

@media(min-width:1200px) and (max-width:1499px){
    .upcoming-birthday .carousel-control-prev, .upcoming-exam .carousel-control-prev {
        position: absolute;
        left: -25px;
    }

    .upcoming-birthday .carousel-control-next, .upcoming-exam .carousel-control-next {
        position: absolute;
        right: -25px;
    }

    .upcoming-birthday .exam-height .carousel-control-prev, .upcoming-exam .carousel-control-prev{
        position: absolute;
        top: 40px;
        left: -20px !important;
    }

    .upcoming-birthday .exam-height .carousel-control-next, .upcoming-exam .carousel-control-next {
        position: absolute;
        top: 40px;
        right: -20px !important;
    }
}

@media screen and (max-width:991px) {
    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        inset-inline-start: 7px;
    }
}

