.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 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-light-secondary{
    background-color: #039BE5 !important;
}

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

.bg-light-indigo {
    background-color: #283593 !important;
}

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

.bg-light-primary{
    background-color: #5d87ff !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;
}

.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{
    min-height: 48px !important;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 58px !important;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    border-color: #ebf1f6;
    color: #5a6a85;
    height: 68px !important;
    line-height: 68px !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;
}


.search-results-container {
    position: absolute;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    width: 300px;
    z-index: 999;
}

.search-result-item {
    padding: 8px;
    cursor: pointer;
}

.search-result-item:hover {
    background-color: #f0f0f0;
}


@media screen and (min-width: 1367px) {
    .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: 95% !important; /* Ejemplo */
    }
}


.bg-light-process {
    --bs-bg-opacity: 1;
    background-color: #0097A7;
}

.bg-light-certificate {
    --bs-bg-opacity: 1;
    background-color: #00695C;
}

.bg-indigo {
    --bs-bg-opacity: 1;
    background-color: #00695C;
}

.bg-light-delivery {
    --bs-bg-opacity: 1;
    background-color: #283593;
}

#file_export_os {
    table-layout: fixed;
    width: 100%;
}

#file_export_os th.col-id, #file_export_os td.col-id { width: 20px !important; }

#file_export_os th.col-name, #file_export_os td.col-name { width: 70px !important; }

#file_export_os th.col-budget, #file_export_os td.col-budget { width: 70px !important; }

#file_export_os th.col-project, #file_export_os td.col-project { width: 80px !important; }

#file_export_os th.col-service, #file_export_os td.col-service { width: 100px !important; }

#file_export_os th.col-client, #file_export_os td.col-client {
    width: 200px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Asegurar que los filtros de DataTables siempre sean visibles */
#file_export_os thead tr.filters {
    display: table-row !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 40px !important;
}

#file_export_os thead tr.filters th {
    display: table-cell !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 40px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
}

#file_export_os thead tr.filters input,
#file_export_os thead tr.filters select {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 30px !important;
}

/* Forzar que los divs de DataTables no oculten el contenido */
#file_export_os thead tr.filters th .dataTables_sizing {
    height: auto !important;
    overflow: visible !important;
    min-height: 30px !important;
}

/* Sobrescribir estilos inline de DataTables */
#file_export_os thead tr.filters[style*="height: 0px"] {
    height: auto !important;
    min-height: 40px !important;
}

#file_export_os thead tr.filters th[style*="height: 0px"] {
    height: auto !important;
    min-height: 40px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#file_export_os thead tr.filters th .dataTables_sizing[style*="height: 0px"] {
    height: auto !important;
    overflow: visible !important;
    min-height: 30px !important;
}

/* Forzar visibilidad de filtros con máxima prioridad */
#file_export_os thead tr.filters {
    display: table-row !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 40px !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
}

#file_export_os thead tr.filters th {
    display: table-cell !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 40px !important;
    padding: 8px !important;
    opacity: 1 !important;
    position: relative !important;
}

#file_export_os thead tr.filters input {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 30px !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
}

/* Controlar anchos de columnas específicas */
#file_export_os th.col-id,
#file_export_os td.col-id {
    width: 50px !important;
    max-width: 50px !important;
    min-width: 50px !important;
}

#file_export_os th.col-name,
#file_export_os td.col-name {
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
}

#file_export_os th.col-budget,
#file_export_os td.col-budget {
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
}

#file_export_os th.col-project,
#file_export_os td.col-project {
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
}

#file_export_os th.col-service,
#file_export_os td.col-service {
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
}

#file_export_os th.col-client,
#file_export_os td.col-client {
    width: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
}

#file_export_os th.col-start,
#file_export_os td.col-start {
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
}

#file_export_os th.col-end,
#file_export_os td.col-end {
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
}

#file_export_os th.col-facturado,
#file_export_os td.col-facturado {
    width: 70px !important;
    max-width: 70px !important;
    min-width: 70px !important;
}

#file_export_os th.col-q,
#file_export_os td.col-q {
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
}

#file_export_os th.col-vo,
#file_export_os td.col-vo {
    width: 60px !important;
    max-width: 60px !important;
    min-width: 60px !important;
}

#file_export_os th.col-state,
#file_export_os td.col-state {
    width: 90px !important;
    max-width: 90px !important;
    min-width: 90px !important;
}

#file_export_os th.col-billing,
#file_export_os td.col-billing {
    width: 90px !important;
    max-width: 90px !important;
    min-width: 90px !important;
}

#file_export_os th.col-actions,
#file_export_os td.col-actions {
    width: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
}

/* Colores personalizados para FullCalendar que coinciden EXACTAMENTE con el sistema */
.fc-event.fc-bg-success {
    background-color: #66BB6A !important;
    border-color: #66BB6A !important;
    color: white !important;
}

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

.fc-event.fc-bg-warning .fc-event-title {
    color: white !important;
}

.fc-event.fc-bg-warning .fc-event-main {
    color: white !important;
}

.fc-event.fc-bg-warning * {
    color: white !important;
}

.fc-event.fc-bg-secondary {
    background-color: #039BE5 !important; /* bg-light-secondary */
    border-color: #039BE5 !important;
    color: white !important;
}

.fc-event.fc-bg-danger {
    background-color: #E53935 !important; /* bg-light-danger */
    border-color: #E53935 !important;
    color: white !important;
}

.fc-event.fc-bg-primary {
    background-color: #5d87ff !important; /* bg-light-primary */
    border-color: #5d87ff !important;
    color: white !important;
}

.fc-event.fc-bg-certificate {
    background-color: #00695C !important; /* bg-light-certificate */
    border-color: #00695C !important;
    color: white !important;
}

.fc-event.fc-bg-indigo {
    background-color: #283593 !important; /* bg-light-indigo */
    border-color: #283593 !important;
    color: white !important;
}

/* Margen inferior para eventos del calendario para evitar que estén pegados */
.fc-event {
    margin-bottom: 2px !important;
}

/* Asegurar que todos los eventos tengan texto blanco */
.fc-event .fc-event-title,
.fc-event .fc-event-main,
.fc-event * {
    color: white !important;
}