:root {
    --bs-primary: #FFBC02 !important;
    --bs-lila: #d29bfd !important;
    --bs-primary-medium: #FFEEC0 !important;
    --bs-primary-light: #FFF8E2 !important;
    --bs-lila-light: #f9f1ff !important;
    --bs-primary-light-light: #fdfbf4 !important;
    --bs-secondary: #383836 !important;
    --bs-secondary-medium: #D8D4D3 !important;
    --bs-secondary-light: #F2EFEB !important;
    --bs-secondary-light-light: #f3f3f3 !important;
    --bs-danger: #cc5e77 !important;
    --bs-primary-rgb: 255, 188, 2 !important;
    --bs-secondary-rgb: 56, 56, 54 !important;
    --bs-primary-active: #c49101;
    --bs-text-primary: #FFBC02;
    --bs-component-active-bg: #FFBC02;
    --bs-danger-inverse: #ffffff;
    --bs-danger-medium: #ff6961;
    --bs-info: #3796e3;
    --bs-info-active: #056EE9;
    --bs-link-color-rgb: 255, 188, 2;
    --bs-link-hover-color-rgb: 196, 145, 1;
    --bs-text-info: #3796e3;
    --bs-link-color: #FFBC02;
    --bs-secondary-medium: #D8D4D3;
    --bs-secondary-inverse: #ffffff;
    --bs-body-color: #071437;
    --bs-email-light: #6D9EDB;

    /*--bs-app-header-height: 0px !important;*/
    /*--bs-app-header-height-actual: 0px !important;*/
}

@media (min-width: 991.98px) {
    .app-toolbar-wrapper .page-title {
        margin-left: -15px;
    }
}

@media (max-width: 991.98px) {
    :root {
        --bs-app-header-height: 60px;
        --bs-app-header-height-actual: 60px;
    }

    #kt_app_content_container .row,
    #kt_app_content_container .row .col-md-12 {
        padding-right: 0;
    }

    .scrolltop {
        right: 28px;
    }

    .app-container {
        padding-right: 24px !important;
    }
}

@media (min-width: 992px) {
    :root {
        --bs-app-header-height: 0px;
        --bs-app-header-height-actual: 0px;
    }

    .app-container,
    #kt_app_toolbar {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.app-sidebar .menu .menu-item > .menu-link.active .menu-title {
    color: var(--bs-primary);
}

.app-sidebar .menu > .menu-item.here > .menu-link {
    transition: color .2s ease;
    background-color: var(--bs-primary) !important;
    color: var(--bs-white);
}

.hidden {
    display: none;
}

textarea[readonly='readonly'],
textarea[readonly] {
    background-color: var(--bs-gray-100);
    border-color: var(--bs-gray-100);
    color: var(--bs-gray-700);
    transition: color 0.2s ease;
}

.form-check-input,
.form-check-label {
    cursor: pointer;
}

.form-check-label {
    color: var(--bs-gray-800);
}

.hidden {
    display: none;
}

.btn-check:checked + .btn.btn-active-days-success,
.btn-check:active + .btn.btn-active-days-success,
.btn.btn-active-days-success:focus:not(.btn-active),
.btn.btn-active-days-success:hover:not(.btn-active),
.btn.btn-active-days-success:active:not(.btn-active),
.btn.btn-active-days-success.active,
.btn.btn-active-days-success.show,
.show > .btn.btn-active-days-success {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-success);
    background-color: var(--bs-success-light) !important;
}

.btn-check:checked + .btn.btn-active-days-danger,
.btn-check:active + .btn.btn-active-days-danger,
.btn.btn-active-days-danger:focus:not(.btn-active),
.btn.btn-active-days-danger:hover:not(.btn-active),
.btn.btn-active-days-danger:active:not(.btn-active),
.btn.btn-active-days-danger.active,
.btn.btn-active-days-danger.show,
.show > .btn.btn-active-days-danger {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-danger);
    background-color: var(--bs-danger-light) !important;
}

.btn-check:checked + .btn.btn-active-days,
.btn-check:active + .btn.btn-active-days,
.btn.btn-active-days:focus:not(.btn-active),
.btn.btn-active-days:hover:not(.btn-active),
.btn.btn-active-days:active:not(.btn-active),
.btn.btn-active-days.active,
.btn.btn-active-days.show,
.show > .btn.btn-active-days {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: #ffe7ac !important;
}

.input-group.select {
    flex-wrap: nowrap !important;
}

.input-group.select > .select2:not(:last-child) > .selection > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.select > .select2:last-child > .selection > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.kanban-board .kanban-drag {
    min-height: 500px;
    padding: 10px;
}

.flatpickr-disabled {
    color: var(--bs-gray-300) !important;
}


.candidate-file-names-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30ch;
}

.btn.btn-icon.btn-xs,
.btn-group-xs > .btn.btn-icon {
    height: calc(1.2em + 0.5rem + 2px);
    width: calc(1.2em + 0.5rem + 2px);
}

.table tbody > tr > td {
    vertical-align: middle !important;
}

.table thead > tr > th {
    font-weight: 600 !important;
}

#dt-search-0 {
    margin-left: 10px;
}

.app-sidebar-menu .menu > .menu-item > .menu-link > .menu-title {
    /*font-weight: 600;*/
    /*font-size: 1.1rem;*/
    font-family: Nunito, "sans-serif";
}

table.dataTable thead > tr > th.dt-orderable-asc,
table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > th.dt-ordering-asc,
table.dataTable thead > tr > th.dt-ordering-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc,
table.dataTable thead > tr > td.dt-ordering-asc,
table.dataTable thead > tr > td.dt-ordering-desc {
    padding-right: 10px !important;
}

.badge-tag {
    display: inline-block !important;
    width: 80px;
}

.badge-tag-90 {
    display: inline-block !important;
    width: 90px;
}

.font-yellow-gold {
    color: #FFBC02 !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.font-green-jungle {
    color: #29a745;
    /* Un ejemplo de un color verde jungla */
}

.gm-style-iw.gm-style-iw-c .gm-style-iw-chr {
    height: 40px;
}

.btn.btn-primary-medium {
    color: var(--bs-gray-700);
    border-color: var(--bs-primary-medium);
    background-color: var(--bs-primary-medium);
    font-weight: 400 !important;
}

.btn-check:checked + .btn.btn-primary-medium,
.btn-check:active + .btn.btn-primary-medium,
.btn.btn-primary-medium:focus:not(.btn-active),
.btn.btn-primary-medium:hover:not(.btn-active),
.btn.btn-primary-medium:active:not(.btn-active),
.btn.btn-primary-medium.active,
.btn.btn-primary-medium.show,
.show > .btn.btn-primary-medium {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary) !important;
}

.btn-check:checked + .btn.btn-primary-light,
.btn-check:active + .btn.btn-primary-light,
.btn.btn-primary-light:focus:not(.btn-active),
.btn.btn-primary-light:hover:not(.btn-active),
.btn.btn-primary-light:active:not(.btn-active),
.btn.btn-primary-light.active,
.btn.btn-primary-light.show,
.show > .btn.btn-primary-light {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary) !important;
}

.btn-check:checked + .btn.btn-secondary-light,
.btn-check:active + .btn.btn-secondary-light,
.btn.btn-secondary-light:focus:not(.btn-active),
.btn.btn-secondary-light:hover:not(.btn-active),
.btn.btn-secondary-light:active:not(.btn-active),
.btn.btn-secondary-light.active,
.btn.btn-secondary-light.show,
.show > .btn.btn-secondary-light {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary) !important;
}

.btn-check:checked + .btn.btn-secondary-medium,
.btn-check:active + .btn.btn-secondary-medium,
.btn.btn-secondary-medium:focus:not(.btn-active),
.btn.btn-secondary-medium:hover:not(.btn-active),
.btn.btn-secondary-medium:active:not(.btn-active),
.btn.btn-secondary-medium.active,
.btn.btn-secondary-medium.show,
.show > .btn.btn-secondary-medium {
    color: var(--bs-secondary-inverse);
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary) !important;
}

.btn-check:checked + .btn.btn-danger-medium,
.btn-check:active + .btn.btn-danger-medium-medium,
.btn.btn-danger-medium:focus:not(.btn-active),
.btn.btn-danger-medium:hover:not(.btn-active),
.btn.btn-danger-medium:active:not(.btn-active),
.btn.btn-danger-medium.active,
.btn.btn-danger-medium.show,
.show > .btn.btn-danger-medium {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-danger);
    background-color: var(--bs-danger) !important;
}

.btn.btn-primary-light {
    color: var(--bs-gray-700);
    border-color: var(--bs-primary-light);
    background-color: var(--bs-primary-light);
    font-weight: 400 !important;
}

.btn.btn-secondary-medium {
    color: var(--bs-gray-700);
    border-color: var(--bs-secondary-medium);
    background-color: var(--bs-secondary-medium);
    font-weight: 400 !important;
}

.btn.btn-secondary-light {
    color: var(--bs-gray-700);
    border-color: var(--bs-secondary-light);
    background-color: var(--bs-secondary-light);
    font-weight: 400 !important;
}

.btn.btn-danger-medium {
    color: var(--bs-danger-inverse);
    border-color: var(--bs-danger-medium);
    background-color: var(--bs-danger-medium);
    font-weight: 400 !important;
}

.bg-secondary-medium {
    background-color: var(--bs-secondary-medium);
}

.bg-secondary-light {
    background-color: var(--bs-secondary-light);
}

.bg-secondary-light-light {
    background-color: var(--bs-secondary-light-light);
}

.bg-primary-medium {
    background-color: var(--bs-primary-medium);
}

.bg-primary-light {
    background-color: var(--bs-primary-light);
}

.containerTargetsDashboard .d-flex .col-md-5,
.containerTargetsDashboard .d-flex .col-md-7,
.containerTargetsDashboard .d-flex .col-md-12 {
    padding: 12px;
}

.badge-primary-light {
    background-color: var(--bs-primary-light);
}

.badge-primary-medium {
    background-color: var(--bs-primary-medium);
}

.badge-secondary-medium {
    background-color: var(--bs-secondary-medium);
}

.badge-danger-medium {
    color: var(--bs-danger-inverse);
    background-color: var(--bs-danger-medium);
}

.badge-light-danger-medium {
    background-color: var(--bs-danger-light-medium);
    color: var(--bs-white);
}

table.dataTable > thead > tr > td:not(.sorting_disabled),
table.dataTable > thead > tr > th:not(.sorting_disabled) {
    padding-right: 0.75rem !important;
}

.containerTargetsDashboard .d-flex .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.kanban-container .kanban-board .kanban-board-header .kanban-title-board {
    color: var(--bs-gray-800);
}

.kanban-container .kanban-board .kanban-board-header.danger-medium .kanban-title-board {
    color: var(--bs-primary-inverse);
}

.kanban-container .kanban-board .kanban-board-header.secondary-medium {
    background-color: var(--bs-secondary-medium);
}

.kanban-container .kanban-board .kanban-board-header.primary-light {
    background-color: var(--bs-primary-light);
}

.kanban-container .kanban-board .kanban-board-header.primary-medium {
    background-color: var(--bs-primary-medium);
}

.kanban-container .kanban-board .kanban-board-header.primary {
    background-color: var(--bs-primary);
}

.kanban-container .kanban-board .kanban-board-header.danger-medium {
    background-color: var(--bs-danger-medium);
}

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-primary-light);
    --bs-table-bg-state: var(--bs-primary-light);
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px var(--bs-primary-light-light);
}


@font-face {
    font-display: swap;
    font-family: nunito-semibold;
    font-style: normal;
    font-weight: 700;
    src: url(./../fonts/Nunito-SemiBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: nunito-bold;
    font-style: normal;
    font-weight: 900;
    src: url(./../fonts/Nunito-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: nunito-extrabold;
    font-style: normal;
    font-weight: 900;
    src: url(./../fonts/Nunito-ExtraBold.ttf) format("truetype")
}

.font-nunito-semibold > {
    font-family: nunito-semibold !important;
}

.card:has(.card-body):has(.chapita) {
    overflow: hidden;
}

.card > .card-body:has(.chapita) {
    color: var(--bs-gray-800);
}

.chapita {
    position: absolute;
    margin: 0 auto;
    right: -45px;
    top: -5px;
    opacity: 0.15;
    color: var(--bs-gray-600);
}

.chapita > i {
    font-size: 122px !important;
}

#kt_modal_send .ck-editor__editable_inline {
    border: 0 !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;

    width: 100%;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--bs-gray-700);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border-radius: 0.475rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#kt_modal_send .ck-editor__top {
    display: none;
}

div#kt_modal_list_users_service {
    --bs-modal-width: 500px !important;
}


.select2Single .select2-selection__clear {
    right: 0.75rem !important;
}

.fields_service_sad .col-md-6 {
    width: 50%;
}

.fields_service_sad {
    width: 105%;
}

/* Personalización de las tabs verticales */
.nav-tabs .nav-link {
    border-radius: 0;
    margin-bottom: 5px;
    color: #5E6278;
    font-weight: 500;
}

.nav-tabs .nav-link.active {
    color: var(--bs-primary);
    background-color: #F3F6F9;
}

.containerSpecialitiesOffer .btn-outline-dashed {
    border-color: var(--bs-primary);
}

.containerSpecialitiesOffer .btn-active-light-primary {
    background-color: var(--bs-primary-light) !important;
}

.containerAvailabilitiesOffer .btn-outline-dashed {
    border-color: var(--bs-primary);
}

.containerAvailabilitiesOffer .btn-active-light-primary {
    background-color: var(--bs-primary-light) !important;
}

.startselectionprocess .ki-duotone.ki-calendar {
    vertical-align: middle;
}

#v-pills-inscritos img {
    max-width: 100%;
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: none !important;
}

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: none !important;
    --bs-table-bg-state: none !important;
}

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: none !important;
    --bs-table-bg-state: none !important;
}

.symbol {
    display: flex;
    align-items: center;
    justify-content: center;
}

.symbol-img {
    width: 70px;
    /* Ajusta según el tamaño deseado */
    height: 70px;
    /* Ajusta según el tamaño deseado */
    object-fit: cover;
    /* Mantiene la imagen bien recortada */
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.align-items-start {
    align-items: flex-start;
}

.me-5 {
    margin-right: 1.25rem;
    /* Ajusta según el espacio deseado entre imagen y texto */
}

.text-dark {
    color: #333;
    /* Asegúrate de que el texto sea oscuro */
}

.text-muted {
    color: #6c757d;
    /* Color para el texto de correo */
}

.fw-bolder {
    font-weight: bolder;
    /* Asegúrate de que el nombre sea más audaz */
}

.text-hover-primary {
    transition: color 0.3s;
}

.text-hover-primary:hover {
    color: #0056b3;
    /* Color de hover */
}


.double-check {
    position: relative;
    font-size: 24px;
    /* Tamaño del ícono */
}

.double-check::after {
    content: "\f00c";
    /* Código del ícono check */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 2px;
    /* Ajusta según sea necesario */
    top: 2px;
    /* Ajusta según sea necesario */
    font-size: inherit;
    color: currentColor;
}

#navFilterOffers .nav-link.active {
    color: var(--bs-primary) !important;
}

.info-window-container {
    width: 350px;
    /* Ajusta el ancho según necesites */
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    /* Para evitar problemas con el padding */
    overflow: hidden;
    /* Para evitar scrolls */
}

.info-window-header {
    margin-bottom: 15px;
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 10px;
}

.info-window-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.info-window-body {
    font-size: 14px;
    color: #555;
}

.info-window-item {
    margin-bottom: 10px;
}

.info-window-label {
    font-weight: 600;
    color: #333;
}

.info-window-value {
    display: block;
    color: #666;
}

#table_candidates_offer thead tr th {
    text-align: left;
}

.card-toolbar .btn-xs {
    font-size: 0.95rem;
    line-height: 1.5;
}

.nav-line-tabs.custom .nav-item .nav-link {
    margin: 0 0.1rem;
}

.badge-lila {
    color: var(--bs-info-inverse);
    background-color: var(--bs-lila);
}

.badge-light-lila {
    background-color: var(--bs-lila-light);
    color: var(--bs-lila);
}

.shift {
    padding: 10px;
    border-radius: 5px;
    background-color: #F3F6F9;
    text-align: center;
    font-weight: 500;
    color: #5E6278;
}

.shift:hover {
    background-color: #E4E6EF;
    cursor: pointer;
}

#shiftModal .modal-dialog {
    max-width: 504px;
    /* Ajusta el ancho máximo según sea necesario */
}

/* Ajusta el cuerpo del modal */
#shiftModal .modal-body {
    padding: 30px;
    /* Reduce el padding para que el contenido ocupe menos espacio */
}

/* Ajusta el título del modal (si lo hay) */
#shiftModal .modal-header {
    padding: 10px;
    /* Reduce el padding del encabezado */
}

/* Opcional: Cambiar el tamaño del texto */
#shiftModal .modal-body p {
    font-size: 16px;
    /* Ajusta el tamaño del texto */
}

.app-sidebar .menu > .menu-item > .menu-link.active .menu-title {
    color: var(--bs-white);
}

.app-sidebar .menu > .menu-item > .menu-link.active .menu-icon,
.app-sidebar .menu > .menu-item > .menu-link.active .menu-icon .svg-icon,
.app-sidebar .menu > .menu-item > .menu-link.active .menu-icon i {
    color: var(--bs-white);
}

.app-sidebar-menu i[class*=" fa-"] {
    font-size: 1.3rem;
}


/*.app-sidebar .menu .menu-item>.menu-link.active .menu-title {*/
/*    color: var(--bs-primary);*/
/*}*/
.app-sidebar .menu .menu-item .menu-link .menu-title {
    font-size: 1.1rem;
    font-weight: 500;
    font-family: Nunito, "sans-serif";
}

/* Definiciones de estilos para las tarjetas */
.turno-tarjeta .shift-libre {
    background-color: var(--bs-dark-light);
    /* Color verde claro para "Libre" */
    color: var(--bs-dark);
    /* Texto verde oscuro */
}

.turno-tarjeta .shift-ocupado {
    background-color: var(--bs-success-light);
    /* Color rojo claro para ocupados */
    color: var(--bs-success);
    /* Texto rojo oscuro */
}

.shift-sustituto,
.shift-sustituto:hover {
    background-color: #FFF3B0;
    color: #FFB400;
}

#map {
    height: 38.5rem;
    width: 100%;
}

#chartdivCandidatosRecibidos,
#chartdivCandidatosNuevos {
    width: 100%;
    height: 500px;
}

#chartdivContactosRecibidos {
    width: 100%;
    height: 12.2rem;
}

.col-md-12.chartdivContactosRecibidos .card-body {
    padding-top: 0;
}

#chartdivOfertas .card .card-body .flex-wrap .flex-column .d-flex .bg-primary {
    background-color: #1B84FF !important;
}

#chartdivOfertas,
#chartdivCandidatosValidados {
    height: 100%;
}

#chartdivNuevosServicios,
#chartdivUltimoAcceso,
#chartdivServiciosActivos,
#chartdivFicheroXML {
    height: 85%;
}

#chartdivUltimoAcceso .card-body.pt-6 {
    justify-content: center;
    display: flex;
    align-items: center;
    height: 100%;
    text-align: center;
}

#chartdivFicheroXML .h-md-50 {
    height: 14.5rem !important;
}

#chartdivFicheroXML .bg-primary-light {
    background-color: var(--bs-primary-light) !important;
}

#chartdivNuevosServicios .mt-n20 {
    margin-top: -1.8rem !important;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

#chartdivNuevosServicios .card.card-flush {
    height: 19rem;
}

#chartdivNuevosServicios .ki-duotone.fs-1 {
    font-size: 3.75rem !important;
}

#chartdivServiciosActivos {
    height: 14.5rem;
}

#chartdivServiciosActivos .card-body .flex-stack {
    height: 50%;
}

#chartdivUltimoAcceso .card.card-flush {
    height: 14.6rem;
}

#menuToggleFranquicias .btn.btn-secondary {
    color: #071437;
}

.font-green-jungle {
    color: #29a745;
    /* Un ejemplo de un color verde jungla */
}

.shift-service a,
.shift-contact a {
    color: var(--bs-body-color);
}

.shift-service a:hover,
.shift-contact a:hover {
    color: var(--bs-link-color);
}

.table-custom-total-income th,
.table-custom-operating-expenses th,
.table-custom-total-expenses th,
.table-custom-result th,
.table-custom-total-income td,
.table-custom-operating-expenses td,
.table-custom-total-expenses td,
.table-custom-result td {
    vertical-align: middle;
    text-align: center;
}

.table-custom-total-income th,
.table-custom-operating-expenses th,
.table-custom-total-expenses th,
.table-custom-result th {
    background-color: #F7F8FA;
    font-weight: bold;
}

.table-custom-total-income thead tr:first-child th,
.table-custom-operating-expenses thead tr:first-child th,
.table-custom-total-expenses thead tr:first-child th .table-custom-result thead tr:first-child th {
    text-align: center;
}

#table_total_income tr td,
#table_operating_expenses tr td,
#table_total_expenses tr,
td,
#table_result tr,
td {
    white-space: nowrap;
}

#table_total_income .left-column,
#table_operating_expenses .left-column,
#table_total_expenses .left-column,
#table_result .left-column {
    text-align: left;
    font-weight: bold;
}

#pylTable td.left-column-title {
    text-align: left;
    font-weight: bold;
    font-size: 1.5em;
    background-color: var(--bs-primary-light);
    color: var(--bs-text-primary);
}

#table_total_income td.table-separator,
#table_operating_expenses td.table-separator,
#table_total_expenses td.table-separator,
#table_result td.table-separator {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    /* Borde izquierdo delgado y sutil */
    height: 40px;
    /* Altura del separador, ajusta si es necesario */
    margin: 0 5px;
    /* Margen horizontal */
    vertical-align: middle;
}

#table_total_income td.table-data,
#table_operating_expenses td.table-data,
#table_total_expenses td.table-data #table_result td.table-data {
    width: 100px;
    /* Ajusta el ancho según tus necesidades */
    text-align: center;
    /* Centra el texto dentro de las celdas, opcional */
    overflow: hidden;
    /* Opcional: oculta el contenido que desborda la celda */
    white-space: nowrap;
    /* Opcional: evita que el texto se divida en varias líneas */
    text-overflow: ellipsis;
    /* Opcional: muestra '...' si el texto es demasiado largo */
}

#pylTable td:first-child {
    position: sticky;
    left: 0;
    background-color: var(--bs-primary-light);
}

#calendarSADModal .modal-dialog {
    width: 100%;
    height: 100%;
    max-width: 95%;
}

#calendarSADModal .modal-content {
    height: 100%;
    /* Hacer que el contenido del modal ocupe toda la altura */
    border: none;
    /* Opcional: eliminar el borde */
    border-radius: 0;
    /* Opcional: eliminar bordes redondeados */
}

#calendarSADModal .fc-daygrid-day-frame span {
    color: white;
}

#chartdivIngresosFinancierosKPi,
#chartdivIngresosGastosResultadoFinancierosPorServicioKPi,
#chartdivContactosRegistradosKPi,
#chartdivContactosRegistradosCanalAdquisicionKPi,
#chartdivContactosPorFuenteKPi,
#chartdivContactosPorMedioDeContactoKPi,
#chartdivContactosPorDistribucionMedioContactoKPi,
#chartdivContactosPorDistribucionFuenteContactoKPi,
#chartdivGastosFinancierosKPi,
#chartdivIngresosFinancierosPorServicioKPi {
    width: 100%;
    height: 500px;
}

#mapServiceAddress {
    height: 38.5rem;
    width: 100%;
}

#rateLinesAgency .row input {
    text-align: center !important;
}

#cardContactosMarketing .card-body,
#cardServiciosOperaciones .card-body,
#cardConversionMarketing .card-body,
#cardBajaServiciosOperaciones .card-body,
#cardServiciosActivosOperaciones .card-body,
#cardOfertasEmpleoOperaciones .card-body,
#cardCandidatosRegistradosOperaciones .card-body,
#cardServiciosDirectosOperaciones .card-body,
#cardBajaServiciosDirectosOperaciones .card-body,
#cardServiciosActivosDirectosOperaciones .card-body,
#cardServiciosActivosTotales .card-body,
#cardServiciosActivosAgencia .card-body,
#cardServiciosActivosSAD .card-body,
#cardServiciosOperacionesAgency .card-body,
#cardServiciosOperacionesSad .card-body,
#cardBajaServiciosOperacionesAgency .card-body,
#cardBajaServiciosOperacionesSad .card-body,
#cardCandidatosRegistradosOperacionesInterna .card-body,
#cardCandidatosRegistradosOperacionesExterna .card-body,
#cardVentasMarketing .card-body,
#percentConversion {
    position: relative;
    float: left;
    width: 100%;
}

#cardContactosMarketing .card-body .d-flex,
#cardConversionMarketing .card-body .d-flex,
#cardServiciosOperaciones .card-body .d-flex,
#cardBajaServiciosOperaciones .card-body .d-flex,
#cardServiciosActivosOperaciones .card-body .d-flex,
#cardOfertasEmpleoOperaciones .card-body .d-flex,
#cardCandidatosRegistradosOperaciones .card-body .d-flex,
#cardServiciosDirectosOperaciones .card-body .d-flex,
#cardBajaServiciosDirectosOperaciones .card-body .d-flex,
#cardServiciosActivosDirectosOperaciones .card-body .d-flex,
#cardServiciosActivosTotales .card-body .d-flex,
#cardServiciosActivosAgencia .card-body .d-flex,
#cardServiciosActivosSAD .card-body .d-flex,
#cardServiciosOperacionesAgency .card-body .d-flex,
#cardServiciosOperacionesSad .card-body .d-flex,
#cardBajaServiciosOperacionesAgency .card-body .d-flex,
#cardBajaServiciosOperacionesSad .card-body .d-flex,
#cardCandidatosRegistradosOperacionesInterna .card-body .d-flex,
#cardCandidatosRegistradosOperacionesExterna .card-body .d-flex,
#cardVentasMarketing .card-body .d-flex {
    width: 100%;
    text-align: center;
}

#dateFilterIndicadoresOperacionesFila1, #dateFilterIndicadoresOperacionesFila2,
#dateFilterIndicadoresOperacionesFila3, #dateFilterIndicadoresOperacionesFila4,
#dateFilterIndicadoresMarketingFila1, #dateFilterIndicadoresMarketingFila2,
#dateFilterIndicadoresMarketingFila3, #dateFilterIndicadoresMarketingFila4 {
    height: 40px;
}

.sidebar_footer_hr {
    margin-top: -1.2rem;
    margin-bottom: 1.5rem;
    color: var(--bs-secondary-bg);
    opacity: 0.2;
}

a.editable {
    color: var(--bs-text-info);
}

.fixed-left-column {
    width: 300px;
    flex-shrink: 0;
}

.app-header-menu.app-header-mobile-drawer.align-items-stretch {
    display: flex !important;
    margin-right: 2em;
}

.container-quadrants {
    max-width: 100%;
}

.form-check-input:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.border-grey {
    border: 1px solid var(--bs-gray-300) !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#thead_total_income {
    position: sticky;
    top: 0;
    z-index: 1;
}

#table-responsive-pyl {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 100vh;
}

.dt-type-numeric {
    text-align: left !important;
}

.text-center.dt-orderable-asc.dt-orderable-desc.dt-type-numeric {
    text-align: center !important;
}

td.ellipsis {
    max-width: 150px;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

#horasEmpleadoQuadrants {
    position: relative;
    float: left;
}

#dateFilterPyL,
#dateFilterIndicadoresFinancieros,
#dateFilterIndicadoresMarketing,
#dateFilterIndicadoresOperaciones,
#dateFilterIndicadoresFinancierosFila2 {
    height: 3.3em;
}

.remove-file-btn-budget > i,
.btnDownloadAttachBudget > i {
    padding-right: 0 !important;
}

input.dateFilterCustom {
    background-color: transparent !important;
    border: 1px solid var(--bs-gray-300) !important;
    color: var(--bs-gray-700) !important;
}

.ranges ul {
    min-height: fit-content;
}

.ranges li:hover {
    color: var(--bs-primary) !important;
}


/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    color: var(--bs-primary) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    background-color: var(--bs-primary) !important;

}

.white-normal {
    white-space: normal;
}

.select2-container--bootstrap5 .select2-selection__clear {
    right: 1rem;
}

.menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: var(--bs-primary) !important;
}

.swal2-actions .swal2-confirm.btn.btn-success {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.swal2-actions .swal2-cancel.btn.btn-danger {
    background-color: var(--bs-primary-light) !important;
    border-color: var(--bs-primary-light) !important;
    color: var(--bs-primary) !important;
}

#kt_app_sidebar .app-sidebar-menu.flex-column-fluid {
    height: 70% !important;
}

#kt_app_sidebar_menu_wrapper {
    height: 95% !important;
}

#priceHour:read-only {
    background-color: var(--bs-gray-100) !important; /* Un gris claro sutil */
    border: 1px solid #e4e6ef !important; /* Borde suave */
    color: var(--bs-gray-700) !important; /* Color del texto */
    opacity: 1 !important;
}

a:focus {
    outline: none;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    color: var(--bs-primary) !important;
}

.btn.send-email {
    background-color: var(--bs-email-light) !important;
    color: var(--bs-success-inverse) !important;
}

.btn.send-email:hover:not(.btn-active), .btn.send-email:active:not(.btn-active), .btn.send-email:focus:not(.btn-active) {
    background-color: var(--bs-info) !important;
    color: var(--bs-success-inverse) !important;
}

.btn-custom-size {
    min-width: 140px !important;
}

.btn-custom-size-contracts {
    min-width: 160px !important;
}

.btn-custom-size-billing {
    min-width: 130px !important;
}

.btn-custom-size-salesbilling {
    min-width: 110px !important;
}

.btn-custom-size-salesremittances {
    min-width: 90px !important;
}

.btn-custom-size-salesservicessad {
    min-width: 140px !important;
}


.btn-send-wa {
    background-color: #28D77C !important;
}

.danger-light {
    background-color: var(--bs-danger-light) !important;
    color: var(--bs-danger) !important;
}

.disabled-link {
    pointer-events: none;
    opacity: 1;
}

.unpaid-all-billing {
    background-color: var(--bs-danger-light) !important;
    color: var(--bs-danger) !important;
}

.paid-all-billing {
    background-color: var(--bs-success-light);
    color: var(--bs-success);
}


.bg_dashboard {
    background-color: #fbfcfd;
}

.containerBodySignDocumentsView input {
    border: 1px solid var(--bs-gray-300) !important;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background-color: var(--bs-primary-light);
    color: var(--bs-primary) !important;
}

.valorPositivoPyL {
    color: var(--bs-success) !important;
}

.valorNegativoPyL {
    color: var(--bs-danger) !important;
}

.btn-success-light {
    background-color: var(--bs-success-light) !important;
    color: var(--bs-gray-700);
}

.btn-success-light:hover:not(.btn-active), .btn-success-light:active:not(.btn-active), .btn-success-light:focus:not(.btn-active) {
    background-color: var(--bs-success) !important;
    color: var(--bs-success-inverse) !important;
}

.btn-info-light {
    background-color: #a1d1f8 !important;
    color: var(--bs-gray-700);
}

.btn-info-light:hover:not(.btn-active), .btn-info-light:active:not(.btn-active), .btn-info-light:focus:not(.btn-active) {
    background-color: var(--bs-info) !important;
    color: var(--bs-info-inverse) !important;
}

.btn-danger-light {
    background-color: var(--bs-danger-light) !important;
    color: var(--bs-danger);
}

.btn-danger-light:hover:not(.btn-active), .btn-danger-light:active:not(.btn-active), .btn-danger-light:focus:not(.btn-active) {
    background-color: var(--bs-danger) !important;
    color: var(--bs-danger-inverse) !important;
}

.containerContactoPopUpSeguimiento .select2-container--bootstrap5 .select2-selection__clear,
.containerContactoFollowUpFilter .select2-container--bootstrap5 .select2-selection__clear,
.containerEstadoXMLFiles .select2-container--bootstrap5 .select2-selection__clear,
.containerContactoSAD .select2-container--bootstrap5 .select2-selection__clear,
.containerEmpleadosServiciosSAD .select2-container--bootstrap5 .select2-selection__clear {
    right: 1rem;
}

.fc-event-primary.bg-warning.event-employee {
    background-color: var(--bs-primary-light) !important;
}

.txtEventEmployeeCalendar {
    color: var(--bs-primary) !important;
    display: flex;
    flex-direction: column; /* Apilamos elementos verticalmente */
    align-items: flex-start; /* Alineamos a la izquierda */
    max-width: 100%;
    overflow: hidden;
    word-wrap: break-word; /* Permite que las palabras largas se rompan */
    white-space: normal; /* Permite saltos de línea si es necesario */
    font-size: 14px;
}

.txtEventEmployeeCalendar .hora {
    font-weight: bold; /* Resalta la hora */
    margin-bottom: 5px; /* Espacio entre la hora y la siguiente fila */
    width: 100%;
    white-space: nowrap; /* Evita que la hora se divida en varias líneas */
    text-align: center;
}

.txtEventEmployeeCalendar .nombreYAvatar {
    display: flex;
    align-items: center; /* Alinea avatar y nombre en la misma fila */
    max-width: 100%;
    overflow: hidden;
}

.txtEventEmployeeCalendar .nombreEvento {
    display: inline-block; /* El nombre ocupa su propia línea dentro del contenedor */
    word-wrap: break-word; /* Permite que el texto largo se ajuste al contenedor */
    overflow: hidden; /* Asegura que el texto largo no desborde */
    text-align: center;
}

.txtEventEmployeeCalendar .avatar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.fc-event-primary.bg-warning.event-employee-rotation {
    background-color: var(--bs-primary-light) !important;
    border: none !important;
}

.fc-event{
    min-height: 0px !important;
}

.txtEventEmployeeCalendarRotation {
    color: var(--bs-gray-700) !important;
    display: flex;
    flex-direction: column; /* Apilamos elementos verticalmente */
    align-items: flex-start; /* Alineamos a la izquierda */
    max-width: 100%;
    overflow: hidden;
    word-wrap: break-word; /* Permite que las palabras largas se rompan */
    white-space: normal; /* Permite saltos de línea si es necesario */
    font-size: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
}


.txtEventEmployeeCalendarRotation .hora {
    width: 100%;
    white-space: nowrap; /* Evita que la hora se divida en varias líneas */
   
}

.txtEventEmployeeCalendarRotation .nombreYAvatar {
    /* display: flex;
    align-items: center; Alinea avatar y nombre en la misma fila */
    max-width: 100%;
    overflow: hidden;
}

.txtEventEmployeeCalendarRotation .nombreEvento {
    display: inline-block; /* El nombre ocupa su propia línea dentro del contenedor */
    word-wrap: break-word; /* Permite que el texto largo se ajuste al contenedor */
    overflow: hidden; /* Asegura que el texto largo no desborde */
    margin-left: 8px; /* Espacio entre el avatar y el nombre */
  
}

.txtEventEmployeeCalendarRotation .codigoServicio{
    padding-top: 5px !important;
    font-weight: bold;
}

.txtEventEmployeeCalendarRotation .codigoServicio, .txtEventEmployeeCalendarRotation .hora, .txtEventEmployeeCalendarRotation .nombreEvento, .txtEventEmployeeCalendarRotation .realizado{
    margin-left: 5px !important;
    text-align:start;
    font-size: 9px;
    padding: 3px;
}

/* .txtEventEmployeeCalendarRotation .avatar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
} */

.eventServiceEmployee {
    background-color: var(--bs-primary-light) !important;
    border: none;
    color: var(--bs-gray-700) !important;
    min-height: 100px !important;
}

.quadrantEvent, .rotationEvent{
    background-color: var(--bs-primary-light) !important;
    border: none;
    color: var(--bs-gray-700) !important;
    min-height: 100px !important;
}

#kt_docs_fullcalendar_basic_employees .fc-timegrid-col-events > .fc-timegrid-event-harness.fc-timegrid-event-harness-inset:nth-child(2) {
    inset: 572px 2% -624px 2% !important;
}

#kt_docs_fullcalendar_basic_employees .fc-timegrid-col-events > .fc-timegrid-event-harness.fc-timegrid-event-harness-inset:nth-child(2) .txtEventEmployeeCalendar .nombreEvento {
    display: inline-block;
    word-wrap: break-word;
    overflow: hidden;
    margin-left: 0px;
    font-size: 12px;
}



.fechaRotation {
  position:absolute;
  right: 2%;
  width: 40%;
}

/* #kt_docs_fullcalendar_basic_employees .eventServiceEmployee span {
    color: var(--bs-gray-700) !important;
    display: inline-block;
    word-wrap: break-word;
    overflow: hidden;
    margin-left: 0px;
    font-size: 12px;
} */

.text-hover-primary.datosUser:hover {
    color: var(--bs-text-gray-800) !important;
}

.text-hover-primary.datosUserEmail {
    color: var(--bs-text-muted) !important;
}

.menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color: var(--bs-primary) !important;
    color: #ffffff !important;
}

.btnWidthCandidates {
    width: 130px !important;
}

/* .indicators {
    width: 215px !important;
} */

.btn-primary-medium.btn-custom-size-billing {
    width: 14vh !important;
}

.text-truncate-description {
    -webkit-line-clamp: 2; /* Máximo 2 líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
}

#kt_docs_repeater_lines #discount {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.customWidthBtnUsers {
    width: 9rem !important;
}

.daterangepicker .ranges ul {
    padding: 1rem 0;
    width: 150px;
    overflow: hidden;
    max-height: 280px;
}

.bt-cv-primary {
    /*background-color: var(--bs-primary);*/
}