.body-wrapper>.container-fluid, .body-wrapper>.container-lg, .body-wrapper>.container-md, .body-wrapper>.container-sm, .body-wrapper>.container-xl, .body-wrapper>.container-xxl{
    max-width: 1366px !important;
}

.brand-logo {
    max-width: 250px;
    padding: 10px 24px;
}

.brand-logo img{
    width: 100%;
}

.card-body .logo-img img{
    width: 100%;
    height: 180px;
}
.user-profile-img img {
    width: 100%;
    height: 24px;
}

.img-notification img {
    width: 48px;
    height: 48px;
}

.img-40{
    width: 40px;
    height: 40px;
}

.float-right{
    float: right !important;
}

div.dataTables_wrapper div.dataTables_filter {
    margin-right: 0px;
    margin-top: 15px;
    position: relative;
}

.table-responsive .dataTables_wrapper .dataTables_filter input {
    padding: 0.45rem 0.95rem;
    font-size: .765625rem;
}


.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after {
    position: absolute;
    inset: 1rem 8px;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: transparent;
    border-radius: 7px;
}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}

.text-right{
    text-align: right !important;
}

.student-course-profile{

}

.student-course-profile img{
    width: 60px;
    height: 60px;
}

.user-data .nav-tabs .nav-link{
    font-size: 14px;
    padding: 8px;
}

.bg-light-success{
    background-color: #66BB6A !important;
}

.border-success{
    border-color: #66BB6A !important;
}

.text-success{
    color:#66BB6A !important;
}


.btn-success{
    background-color: #66BB6A !important;
    border-color:   #66BB6A !important;
}

.btn-success:hover {
    background-color: rgba(102, 187, 106, .8) !important;
    border-color:   rgba(102, 187, 106, .8) !important;
}
.btn-danger{
    background-color: #E53935 !important;
    border-color:   #E53935 !important;
}

.btn-danger:hover{
    background-color:rgba(229, 57, 53, .8) !important;
    border-color:   rgba(229, 57, 53, .8) !important;
}


.bg-secondary{
    background-color: #039BE5 !important;
}

.bg-success {
    background-color: #66BB6A !important;
}

.bg-primary-ligther {
    background-color: rgba(3, 155, 229, .7) !important;
}

.bg-success-ligther {
    background-color: rgba(102, 187, 106,1) !important;
}

.bg-warning-ligther {
    background-color: rgba(245, 124, 0,.7) !important;
}

.bg-danger{
    background-color: #e53935 !important;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color:#1976D2 !important;
    border-color:#1976D2 !important;
    display: flex;
    justify-content: space-between;
}

.nav-pills .nav-link{
    display: flex;
    justify-content: space-between;
}

.bg-light{
    background-color: #2196F3;
}

.bg-light-danger{
    background-color: #E53935 !important;
}

.border-danger{
    border-color: #E53935 !important;
}

.text-danger{
    color: #E53935 !important;
}

.btn-outline-danger:hover{
    background-color: #E53935 !important;
    border-color:  #E53935 !important;
}

.border-primary{
    border-color: #1976D2 !important;
}

.text-primary{
    color: #1976D2 !important;
}

.border-info{
    border-color: #303F9F !important;
}

.text-info{
    color: #303F9F !important;
}

.text-info{
    color: #F57C00 !important;
}

.border-info{
    border-color: #F57C00 !important;
}


.btn-outline-primary {
    --bs-btn-color: #1976D2;
    --bs-btn-border-color: #1976D2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1976D2;
    --bs-btn-hover-border-color: #1976D2;
    --bs-btn-focus-shadow-rgb: 93,135,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1976D2;
    --bs-btn-active-border-color: #1976D2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1976D2;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1976D2;
    --bs-gradient: none;
}

.btn-outline-success {
    --bs-btn-color: #66BB6A;
    --bs-btn-border-color: #66BB6A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #66BB6A;
    --bs-btn-hover-border-color: #66BB6A;
    --bs-btn-focus-shadow-rgb: 93,135,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #66BB6A;
    --bs-btn-active-border-color: #66BB6A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #66BB6A;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #66BB6A;
    --bs-gradient: none;
}

.left-sidebar {
    width: 270px;
}

.form-control, .bootstrap-switch, .bootstrap-switch .bootstrap-switch-container, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .select2-container--classic .select2-selection--single, .select2-container--classic .select2-selection--single .select2-selection__arrow, .select2-container--classic .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--single .select2-selection__rendered{
    min-height: 48px !important;
}

.bootstrap-switch .bootstrap-switch-label{
    height: 55px;
}

.equipment{
    min-height: 48px !important;
}

table.footable-details>tbody>tr>th:nth-child(1) {
    display: none;
}

table>tbody>tr>td>span.footable-toggle{
    opacity: 0.5 !important;
}

.fooicon{
    font-size: 24px;
    top: 3px;
}

.dashboard-student b{
    font-size: 16px;
}

.bg-light-warning{
    background-color: rgba(243,156,18,.88) !important;
}

.bg-light-danger-2{
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-danger-rgb),var(--bs-bg-opacity))!important;
}

.sidebar-nav ul .sidebar-item .sidebar-link{
    font-size: 13px;
    gap: 8px;
}


#index_student_wrapper .table>:not(caption)>*>*{
    padding: 16px 10px;
}



#practical-equipment .table>:not(caption)>*>*{
    padding: 16px 6px;
}

.badge-reduce {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.badge-reduce-two {
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bootstrap-duallistbox-container select {
    height: 250px !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: #539bff;
    border-color: #539bff;
    color: #fff;
}

.round-64{
    width: 64px;
    height: 64px;
}


.task-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
}

.task-bottom .text-bg-success{
    background-color: #66bb6a !important;
}