/* My custom styling */
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:active, .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
    color: white !important;

}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color: #1c2e41 ;

}
.navbar-default{
    background-color: #273d54 ;
    border-bottom:1px solid #3f576f ;

}
#side-navbar, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    background-color: #273d54 ;
}
#side-navbar .nav-item.active a.nav-link{
    background-color: white ;
    color: #273d54 ;
}
#side-navbar a.nav-link{
    color: white ;
}
#side-navbar a.nav-link:hover{
    color: #273d54 ;
}
#side-navbar .nav .open>a,#side-navbar .nav .open>a:hover,#side-navbar .nav .open>a:focus{
    color: #273d54 ;
}
.loader-gif2{
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    position: absolute;
}
table.dataTable thead .sorting:after{
    opacity: 0.8;
}

/* width */
::-webkit-scrollbar {
    width: 8px;
    border-radius: 23px;
    cursor: pointer;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #d1d1d1; 
    border-radius: 10px
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background:  grey;
    border-radius: 10px
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background:  #273d54;
  }
  .d-none{
      display: none !important;
  }
  .nav>li{
     border-bottom: 0.5px solid #ffffff52 !important;
  }
  .nav>li .material-icons{
      display: none;
  }
  .nav>li .material-icons.pull-right{
    display: block;
}
  .nav-link-text {
    font-size: 17px;
}
.dashboard-cards .card{
    text-align: center;
    font-size: 22px;
    color: #273d54 !important;
    background-color: #ffffff !important;
    border: 2px solid #273d54 !important;
    border-radius: 13px;
}
.dashboard-cards .card .card-header{
    border-bottom: 0;
    text-align: left;
    background: transparent;
}
.dashboard-cards .card .card-body{
    padding-top: 0;
 ;
}   
.dashboard-cards .card .card-body h1{
    margin: 0;
    font-size: 48px
}   
.collapsible-sidebar#side-navbar{
    height: auto;
    z-index: 9999;
}

.login-inner-wrap{
    height: calc(100vh - 102px);
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(3px) brightness(0.5);
    background-image: url(/images/main-campus-login-cover-updated.jpg);
}
.login-inner-wrap> .row{
    width: 100%;
}

.login-inner-wrap .help-block{
    font-size: 12px;
}

.login-inner-wrap .page-panel-title{
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    background: #273d54;
    
}

.login-inner-wrap .login-form-wrap{
    width: 100%;
    height: 100%;
    overflow: hidden;
    backdrop-filter: blur(3px) brightness(0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-form-wrap> .row{
    display: flex;
    justify-content: center;
    width: 100%;
}
.btn-login-erp{
    display: block;
    margin: 0 auto;
    width: 50%;
    background-color: #273d54;
    border-color: #273d54;
}

.form-header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.form-header img{
    width: 100%;
    max-width: 100px;
}

.form-header h1{
    margin: 0px 0 26px 0;
    font-size: 30px;
    text-align: center;
}
.copyright{
    background: #273d54;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.copyright p{
    margin: 0;
    color: #fff;
    font-size: 14px;
}
a.sidebar-bars,
.closebtn{
    display: none;
}

.navbar-default .navbar-toggle{
    border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
}
.manageDashboard li.active{
    background: #273d54 !important;
}

.pagination>li>a, .pagination>li>span {
    background-color: #2f4a66;
    border: 1px solid #273d54;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    background-color: #40648a;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
    background-color: #273d54;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
    background-color: #273d54;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus{
    background: #f9f9f9;
}

.well .add-btn-wrap{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

/*.row{
    overflow: hidden; 
}*/

.collapsible-sidebar,
#main-container{
    /* margin-bottom: -99999px; */
    /* padding-bottom: 99999px; */
}

.dashboard-height {
    min-height: calc(100vh - 62px);
}
.manageDashboard li a{
    border-radius: 0 !important;
}

.section-heading-main{
    font-size: 2rem;
    padding: 1%;
    margin-bottom: 0;
}
.filterForm{
    margin-bottom: 30px;
    padding: 30px 20px 30px 20px;
    border-radius: 10px;
  }
  
  #students_wrapper .btn.btn-secondary, #teachers_wrapper .btn.btn-secondary, #parents_wrapper .btn.btn-secondary, #sectionsDatatable_wrapper .btn.btn-secondary, #courses_wrapper .btn.btn-secondary, #roomsDatatable_wrapper .btn.btn-secondary,
  #semestersDatatable_wrapper .btn.btn-secondary, #timeslotsDatatable_wrapper .btn.btn-secondary, #enrollment_plans_wrapper .btn.btn-secondary, #sessionsDatatable_wrapper .btn.btn-secondary, #notificationsDatatable_wrapper .btn.btn-secondary{
    background-color: #2f4a66 !important;
    border: 1px solid #273d54 !important;
    color: white;
    padding: 5px 20px;
  }
  #students_wrapper .btn.btn-secondary:hover, #teachers_wrapper .btn.btn-secondary:hover, #parents_wrapper .btn.btn-secondary:hover, #sectionsDatatable_wrapper .btn.btn-secondary:hover, #courses_wrapper .btn.btn-secondary:hover, #roomsDatatable_wrapper .btn.btn-secondary:hover,
  #semestersDatatable_wrapper .btn.btn-secondary:hover, #timeslotsDatatable_wrapper .btn.btn-secondary:hover, #enrollment_plans_wrapper .btn.btn-secondary:hover, #sessionsDatatable_wrapper .btn.btn-secondary:hover, #notificationsDatatable_wrapper .btn.btn-secondary:hover{
    background-color:   #ecf0f1 !important;
    border: 1px solid #ecf0f1!important;
    color: #2f4a66;
  }

  #students th:nth-child(-n + 2),  #students td:nth-child(-n + 2)
{
  position:sticky;
  left:0px;
  background: white;
}

@media only screen and (max-width: 991px){
   
    .collapsible-sidebar{
        width: 300px;
        position: fixed;
        left: -300px;
        transition: all .3s;
        top: 0;
    }
    a.sidebar-bars {
        background: #273d54;
        font-size: 16px;
        color: #fff;
        width: 18px;
        height: 90px;
        justify-content: center;
        align-items: center;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        position: fixed;
        top: 25%;
        left: 0;
        z-index: 2;
        display: flex;
    }
    a.sidebar-bars::before {
        display: block;
        content: 'Menu';
        transform: rotate(
    90deg);
        color: white;
        font-size: 14px;
        letter-spacing: 2px;
    }
    a.sidebar-bars:hover{
        text-decoration: none;
    }
    .closebtn{
        text-decoration: none;
        color: #fff;
        display: block;
        transition: 0.3s;
        text-align: right;
        margin-right: 10px;
        font-size: 20px;
    }
    .closebtn:hover{
        color: #fff;
        text-decoration: none;
    }
}