:root {
    --bs-primary: #21BFD8;
    --bs-primary-rgb: 33, 191, 216;
    --bs-primary-active: #1e9aad;
    --bs-primary-light: #EEF6FF;
    --bs-primary-inverse: #FFFFFF;
    --bs-primary-text-emphasis: #1A98AC;
    --bs-primary-bg-subtle: #d8f5f9;
    --bs-primary-border-subtle: #b2ecf5;

    --bs-success: #50CD89;
    --bs-success-rgb: 80, 205, 137;
    --bs-success-active: #47BE7D;
    --bs-success-light: #E8FFF3;
    --bs-success-inverse: #FFFFFF;

    --bs-info: #7239EA;
    --bs-info-rgb: 114, 57, 234;
    --bs-info-active: #5014D0;
    --bs-info-light: #F8F5FF;
    --bs-info-inverse: #FFFFFF;

    --bs-warning: #FFC700;
    --bs-warning-rgb: 255, 199, 0;
    --bs-warning-active: #F1BC00;
    --bs-warning-light: #FFF8DD;
    --bs-warning-inverse: #FFFFFF;

    --bs-danger: #F1416C;
    --bs-danger-rgb: 241, 65, 108;
    --bs-danger-active: #D9214E;
    --bs-danger-light: #FFF5F8;
    --bs-danger-inverse: #FFFFFF;

    --bs-link-color: #21BFD8;
    --bs-link-color-rgb: 33, 191, 216;
    --bs-link-hover-color: #1e9aad;
    --bs-link-hover-color-rgb: 30, 154, 173;

    --bs-component-active-bg: #21BFD8;
    --bs-component-active-color: #FFFFFF;
    --bs-component-checked-bg: #21BFD8;
    --bs-component-hover-color: #21BFD8;
    --bs-component-hover-bg: #F9F9F9;

    --bs-pagination-active-bg: #21BFD8;
    --bs-pagination-active-color: #FFFFFF;
    --bs-pagination-hover-color: #21BFD8;
    --bs-pagination-focus-color: #21BFD8;

    --bs-menu-link-color-hover: #21BFD8;
    --bs-menu-link-color-show: #21BFD8;
    --bs-menu-link-color-here: #21BFD8;
    --bs-menu-link-color-active: #21BFD8;

    --bs-text-primary:   #21BFD8;
    --bs-text-success:   #50CD89;
    --bs-text-info:      #7239EA;
    --bs-text-warning:   #FFC700;
    --bs-text-danger:    #F1416C;

    --bs-ribbon-label-bg: #21BFD8;

    /*    --bs-body-bg:                  #F5F8FA;*/
    /*    --bs-dark:                     #1E1E2D;*/
}

label:has(#dt-length-0) {
    display: inline-flex;
    align-items: center;
}

/* FullCalendar – integración con el tema */
.fc {
    --fc-border-color:              var(--bs-gray-200);
    --fc-today-bg-color:            var(--bs-primary-bg-subtle);
    --fc-highlight-color:           var(--bs-primary-bg-subtle);
    --fc-page-bg-color:             transparent;
    --fc-neutral-bg-color:          var(--bs-gray-100);
    --fc-list-event-hover-bg-color: var(--bs-primary-bg-subtle);

    --fc-button-bg-color:           var(--bs-gray-100);
    --fc-button-border-color:       var(--bs-gray-300);
    --fc-button-text-color:         var(--bs-gray-700);
    --fc-button-hover-bg-color:     var(--bs-gray-200);
    --fc-button-hover-border-color: var(--bs-gray-300);
    --fc-button-active-bg-color:    var(--bs-primary);
    --fc-button-active-border-color: var(--bs-primary);
}

.fc .fc-button {
    font-size: .8rem;
    font-weight: 600;
    padding: .375rem .75rem;
    border-radius: .475rem;
    box-shadow: none !important;
    text-transform: capitalize;
    letter-spacing: 0;
}
.fc .fc-button-active,
.fc .fc-button:not(:disabled):active { color: #fff !important; }
.fc .fc-button-group .fc-button { border-radius: 0; }
.fc .fc-button-group .fc-button:first-child { border-radius: .475rem 0 0 .475rem; }
.fc .fc-button-group .fc-button:last-child  { border-radius: 0 .475rem .475rem 0; }

.fc .fc-toolbar-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--bs-gray-800);
}

.fc .fc-col-header-cell-cushion {
    font-size: .75rem;
    font-weight: 600;
    color: var(--bs-gray-500);
    text-transform: uppercase;
    text-decoration: none;
    padding: .5rem 0;
}

.fc .fc-daygrid-day-number {
    font-size: .8rem;
    color: var(--bs-gray-600);
    text-decoration: none;
}

/* Ocultar el circulito que aparece delante del título del evento */
.fc .fc-daygrid-event-dot { display: none; }

.select2-container--open {
    z-index: 9999 !important;
}

/* Override hardcoded primary colors (#1b84ff) compiled into style.bundle.css */

.form-check-input:checked {
    background-color: #21BFD8;
    border-color: #21BFD8;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #21BFD8;
    border-color: #21BFD8;
}

.form-check.form-check-solid .form-check-input[type=checkbox]:indeterminate {
    background-color: #21BFD8;
}

.link-primary:focus, .link-primary:hover {
    color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}