/**
 *
 * Apply Here your Custom CSS
 *
*/

body {overflow-x: hidden;}

li.active a.active{
    background-color: #141414;
}

/*.form-control, .dataTables_wrapper .dataTables_filter > label input, .page-body, .page-body .select2-container .select2-choice{
    border: 1px solid #d2c5c5!important;
}*/
.pop_correction{
    height: 100vh !important;
    width: 100% !important;
}
.pop_correction .modal-dialogs{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%) !important;
}
.select2-container .select2-choice .select2-arrow{
    border-left:1px solid #d2c5c5!important;
}

.form-control:focus, .dataTables_wrapper .dataTables_filter > label input:focus{
    border-color: #5897FB!important;
}

.validate-has-error .form-control[data-validate]{
    border-color: #cc2424!important;
}

.table-bordered{
    border: 1px solid #d2c5c5;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
   border: 1px solid #d2c5c5;
}

.login-container .form-control{
    border-color:#373e4a!important;
}
.p-relative{
    position: relative;
}
.po-ab{
    position: absolute !important;
    left: 0;
    top: 0 !important;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-page .login-header.login-caret:after{
    display: none  !important;
}
.custom_button{
    padding:  8px 25px;
    display: inline-block;
    font-size: 18px;
    color: #fff !important;
    font-weight: 500;
    border: 1.5px solid #fff ;
    border-radius: 12px;
    margin-top: 20px;
    transition: all 0.5s ease;
}
.custom_button:hover{
    border-color: #e32845;
    background-color: #e32845;
}
body .login-container .login-header{
    background-color:#111d5e !important ;
}
.login-header.login-caret  h1{
    color: #fff !important;
    font-size: 36px !important;
}
.login-header.login-caret img{
    width: 180px;
    height: 180px;
    border:2px solid #fff;
    border-radius: 100%;
    object-fit: cover;
}
.login-form img{
    width: 100px;
    height: 100px;
    border:2px solid #fff;
    border-radius: 100%;
    object-fit: cover;
    margin-bottom: 20px;
}
.login-form{
    background-color: #111d5e !important;
}
.transform {
    transform: translateX(-100%);
}
.login_page_open .transform{
    transform: translateX(0);
}
.login-page .form_desing {
    width: 420px;
    padding: 20px 35px;
    background-color: #ffffff12;
    border: 1px solid #ffffff54 !important;
    border-radius: 15px;
}
body.login-page .login-form .form-group .input-group {
    background: transparent !important;
    border-color: #fff;
}
.login-container .form-control{
    background-color: transparent !important;
}
.login-page.login-form-fall-init .login-form .form-group,.login-bottom-links{
    text-align: left !important;
}
body.login-page .login-form .form-group .btn-login,.login-page.login-form-fall .login-form .form-group  ld{
    display: inline-block !important;
}
/* new custom css */

.logo-env .logo a img{
    width: 50px !important;
    height: 50px !important;
  }
  .login-page .login-progressbar{
    background-color: #e32845 !important;
  }
  body.login-page.logging-in .login-progressbar{
    background-color: #fff !important   ;
  }
  body.login-page .login-form .form-group .input-group{
    border-color: #fff !important;
  }
  .custom{
    border-color: #fff !important;
    display: inline-block !important;
    width: auto !important;
    padding: 10px 33px !important;
  }
  .login-page .login-bottom-links {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}
.login-page .login-bottom-links .link,.login-page.login-form-fall .login-form .form-group:nth-child(3){
    color: #fff !important;
    font-size: 15px;
}
.login-page .login-content{
    padding: 0 !important;
}
.form-control,.table > thead:first-child > tr:first-child > th,.pagination-sm > li > a,.page-body .select2-container .select2-choice,.page-body .select2-container .select2-choice,.dataTables_wrapper .dataTables_filter > label input,.table-bordered > tbody > tr > td,.table-bordered,.panel-primary,.panel-primary > .panel-heading,.calendar-env .calendar-body .fc-content .fc-view table thead tr th,.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day{
    border-color: #111d5e !important;
}
.dataTables_wrapper table thead tr th{
    background-color: #111d5e !important;
    color: #fff !important;
}
.panel.panel-primary{
    margin-top: 30px !important;
}
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day{
    text-align: center !important;
    vertical-align: middle !important;
}
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day div{
   display: flex;
   align-items: center;
    justify-content: center;
}
.panel-heading > .panel-title,.page-body .datatable.table tbody td, .page-body .datatable.table tbody th{
    color: #111d5e !important;
}
#form-add-student-payment .validate-has-error{
    color: #ff0000;
    display: block !important;
    margin-top: 8px !important;
}
.tab-content.tab2-border-color tbody td img{
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.calendar-env .calendar-body .fc-content .fc-view table tbody tr td.fc-day.fc-today .fc-day-number{
    color: #fff !important;
    background-color:#111d5e !important;
}
.select2-choice, .page-body .select2-container .select2-choice{
    height: 42px !important;
    padding-left: 5px;
    display: flex;
    align-items: center;
}
.page-body .select2-container .select2-choice .select2-arrow b{
    display: flex;
    align-items: center;
    justify-content: center;
}
@media(max-width:1024px){
    .ipad_width_100{
        width: 100% !important;
    }
    .ipad_col_35{
        width: 35% !important;
    }
    .ipad_col_65{
        width: 65% !important;
    }
    .ipad_col_35 h1{
        font-size: 20px !important;
    }
    .page-container .sidebar-menu .logo-env{
        padding: 17.75px !important;
    }
}
@media(max-width:900px){
    .mob_width_100{
        width: 100% !important;
    }
    .header_top_bg{
        flex-direction: column !important;
    }
    .ipad_col_35 h1{
        margin: 0 !important;
    }
    .ipad_col_65.mob_width_100.clearfix .list-inline{
        padding-top: 10px !important;
    }
    .form-batch {
        width: 100% !important;
    }
    .form-horizontal .control-label,.form-horizontal .form-group .col-sm-5{
        width: 50% !important;
    }
    
}
@media(max-width:900px){
    .mob_width_100{
        width: 100% !important;
    }
    
    .header_top_bg{
        flex-direction: column !important;
    }
    .ipad_col_35 h1{
        margin: 0 !important;
    }
    .ipad_col_65.mob_width_100.clearfix .list-inline{
        padding-top: 10px !important;
    }
    .form-batch {
        width: 100% !important;
    }
    .calendar-env .calendar-body{
        width: 100% !important;
    }
}
@media(max-width:700px){
    .form-batch {
        width: 100% !important;
    }
    .language-selector > .dropdown-toggle {
        padding: 6px 10px;
        font-size: 13px;
    }
    li.dropdown.language-selector.profile_dropdown {
        padding: 0 !important;
        margin-top: -2px !important;
    }
    a.sidebar-collapse-icon.with-animation {
        display: none;
        border: none;
        border-color: transparent;
        opacity: 0;
    }
    .calendar-env .calendar-body .fc-header td{
        text-align: left !important;
    }
    .calendar-env .calendar-body .fc-header .fc-header-left {
        padding: 13px 20px;
    }
    .panel.panel-primary {
        margin-top: 10px !important;
    }
    .dataTables_wrapper table + .row {
        margin-bottom: 0px;
    }
    .dataTables_wrapper .dataTables_filter > label input {
        width: 120px !important;
        margin-right: 10px !important;
        margin-left: 20px !important;
    }
    .main-content hr{
        display: none !important;
    }
    .tile-stats .icon i {
        font-size: 30px;
    }
    .dataTables_wrapper .dataTables_info.dataTables_paginate, .dataTables_wrapper .dataTables_paginate.dataTables_paginate{
        text-align: left !important;
        padding-left: 0 !important;
    }
    h3{
        margin-bottom: 0 !important;
    }
    .form-groups-bordered > .form-group:first-child{
        padding-bottom: 0 !important;
    }
    .form-horizontal .control-label{
        padding-top: 0 !important;
        padding-bottom: 0  !important;
    }
    .page-body .select2-container .select2-choice{
        height: auto !important;
        line-height: 33px;
    }
    .dataTables_wrapper .dataTables_length > label .select2-container {
        min-width: 76px;
    }
    .pagination-sm > li > a, .pagination-sm > li > span {
        padding: 5px !important;
    }
    .panel-heading > .panel-title {
        padding: 8px 15px !important;
    }
    .form-horizontal .control-label,.form-horizontal .form-group .col-sm-5{
        width: 100% !important;
    }
    button.btn.btn-primary.btn-icon.pull-right{
        float: left !important;
        margin-top: 20px !important;
    }
    .multiselect-dropdown{
        width: 100% !important;
    }
    .tab_pane_correct{
        position: relative !important;
        overflow-x: scroll !important;
    }
    .center_correct{
        width: 800px;
    }
    .center_correct table{
        width: 100% !important;
    }
    .center_correct.row{
        margin: 0 !important;
    }
    .tab_pane_correct{
        margin-top: 20px !important;
    }
}
@media(max-width:500px){
.login-form{
    opacity: 0 !important;
}
.login_page_open .login-form{
    opacity: 1 !important;
}
.login-page .login-header {
    max-width: 95% !important;
    margin: auto !important;
    position: relative !important;
    overflow: hidden;
}
.login-header.login-caret h1 {
    color: #fff !important;
    font-size: 28px !important;
}
.login-page .form_desing {
    width: 100%;
    padding: 15px;
    max-width: 95%;
}
}
.mar_top{
    margin-top: 30px !important ;
}
#form-container .form-set .row{
display: flex !important;
width: 100% !important;
margin-top: 20px;
}