.btn.btn-primary {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-primary:hover {
    background-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-primary:active {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-primary:focus {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}
/* BTN SUCCESS */
.btn.btn-success {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-success:hover {
    background-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-success:active {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-success:focus {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

/* BTN LIGHT SUCCESS */
.btn.btn-light-success {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-light-success:hover {
    background-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-light-success:active {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-light-success:focus {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}
/* BTN INFO */
.btn.btn-info {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-info:hover {
    background-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-info:active {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-info:focus {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

/* BTN WARNING */
.btn.btn-warning {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-warning:hover {
    background-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-warning:active {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-warning:focus {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

/* BTN DANGER */
.btn.btn-danger {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-danger:hover {
    background-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-danger:active {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-danger:focus {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

/* BTN SECONDARY */
.btn.btn-secondary {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-secondary:hover {
    background-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-secondary:active {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-secondary:focus {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

/* BTN ZIGI */
.btn.btn-zigi {
    background-color: var(--custom-zigi) !important; /* Cambia el color de fondo */
    border-color: var(--custom-zigi) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-dark) !important; /* Cambia el color del texto */
}

.btn.btn-zigi:hover {
    background-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-dark) !important; /* Cambia el color del texto */
}

.btn.btn-zigi:active {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-dark) !important; /* Cambia el color del texto */
}

.btn.btn-zigi:focus {
    background-color: var(--custom-zigi) !important; /* Cambia el color de fondo */
    border-color: var(--custom-zigi) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-dark) !important; /* Cambia el color del texto */
}

/* LABEL INFO */
.label.label-light-info {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

/* LABEL SUCCESS */
.label.label-light-success {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

/* LABEL DANGER */
.label.label-light-danger {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.text-danger {
    color: var(--custom-ebi-main-first) !important;
}

.text-warning {
    color: var(--custom-ebi-main-first) !important;
}
.text-primary {
    color: var(--custom-ebi-main-first) !important;
}
.text-success {
    color: var(--custom-ebi-main-first) !important;
}
.datatable.datatable-default > .datatable-table > .datatable-body .datatable-toggle-detail i {
    color: var(--custom-ebi-main-first) !important;
}

.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link.datatable-pager-link-active {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.datatable.datatable-default > .datatable-pager > .datatable-pager-nav > li > .datatable-pager-link:hover:not(.datatable-pager-link-disabled) {
    background-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:focus, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size .btn.dropdown-toggle:hover, .datatable.datatable-default > .datatable-pager > .datatable-pager-info .datatable-pager-size.show > .btn.dropdown-toggle {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.checkbox > input:checked ~ span {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.checkbox {
    gap: 5px;
}

.btn.btn-light-primary {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-light-primary:hover {
    background-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-second) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-light-primary:active {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-light-primary:focus {
    background-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-secondary-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.label {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.bg-dark {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: var(--custom-exp-600) !important; /* Cambia el color de fondo */
}

.scrolltop {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
}

.btn.btn-light-warning {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-light-info {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.btn.btn-light-danger {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.text-info {
   color: var(--custom-ebi-main-first) !important;
}

.label.label-light-warning {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.label.label-success {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.label.label-danger {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.label.label-light-dark {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

.label.label-light-primary {
    background-color: var(--custom-ebi-main-first) !important; /* Cambia el color de fondo */
    border-color: var(--custom-ebi-main-first) !important; /* Cambia el color del borde */
    color: var(--custom-ebi-neutral-light) !important; /* Cambia el color del texto */
}

/* ---------------------------- COLORES DE ICONOS --------------------------- */
.btn.btn-success i,
.btn.btn-light-success i,
.btn.btn-danger i,
.btn.btn-light-danger i,
.btn.btn-warning i,
.btn.btn-light-warning i,
.btn.btn-info i,
.btn.btn-light-info i,
.btn.btn.btn.btn-primary i,
.btn.btn.btn-secondary i
{
    color: var(--custom-ebi-neutral-light) !important;
}

/* ---------------------------- BLOQUEAR SCROLL --------------------------- */

body.shepherd-block-scroll {
    overflow: hidden !important;
    overscroll-behavior: none;
}

body.shepherd-block-scroll * {
    overscroll-behavior: none;
}

body.shepherd-block-scroll #kt_quick_link {
    overflow: hidden !important;
    overscroll-behavior: none;
}