/* Variables de colores */
:root {
    /* Azul Experto */
    --custom-exp-50: #f2f5f7;
    --custom-exp-100: #e5ebf0;
    --custom-exp-200: #b2c3d1;
    --custom-exp-300: #809bb2;
    --custom-exp-400: #336084;
    --custom-exp-500: #003865;
    --custom-exp-600: #002d51;
    --custom-exp-700: #002747;
    --custom-exp-800: #00223d;
    --custom-exp-900: #001c33;
    /* Turquesa */
    --custom-turq-50: #ccf7ef;
    --custom-turq-100: #a6f0e3;
    --custom-turq-200: #80ead7;
    --custom-turq-300: #00C1D4;
    --custom-turq-400: #33ddbf;
    --custom-turq-500: #00C1D4 ;
    --custom-turq-600: #00a083;
    --custom-turq-700: #008069;
    --custom-turq-800: #006553;
    --custom-turq-900: #004035;
    /* Digi */
    --custom-digi-50: #f2fcfd;
    --custom-digi-100: #e5f9fb;
    --custom-digi-200: #b2ecf2;
    --custom-digi-300: #80e0e9;
    --custom-digi-400: #33cddd;
    --custom-digi-500: #00c1d4;
    --custom-digi-600: #009aaa;
    --custom-digi-700: #008794;
    --custom-digi-800: #00747f;
    --custom-digi-900: #00616a;
    /* Opt */
    --custom-opt-50: #fffbf4;
    --custom-opt-100: #fff8e8;
    --custom-opt-200: #ffeabb;
    --custom-opt-300: #ffdb8e;
    --custom-opt-400: #ffc64a;
    --custom-opt-500: #ffb81d;
    --custom-opt-600: #cc9317;
    --custom-opt-700: #b28114;
    --custom-opt-800: #996e11;
    --custom-opt-900: #805c0f;
    /* Neo */
    --custom-neo-50: #f5f6f6;
    --custom-neo-100: #e7e8e8;
    --custom-neo-200: #d3d5d5;
    --custom-neo-300: #9ea2a2;
    --custom-neo-400: #8e9292;
    --custom-neo-500: #6f7171;
    --custom-neo-600: #4f5151;
    --custom-neo-700: #3f4141;
    --custom-neo-800: #373939;
    --custom-neo-900: #2f3131;
    /* Error */
    --custom-error-50: #fae8eb;
    --custom-error-100: #f6d4d7;
    --custom-error-200: #eaa7ad;
    --custom-error-300: #e07c84;
    --custom-error-400: #d4515c;
    --custom-error-500: #cb2533;
    --custom-error-600: #b7212e;
    --custom-error-700: #8e1b24;
    --custom-error-800: #67131a;
    --custom-error-900: #3d0b0e;
    /* Inform */
    --custom-inform-50: #ebecfe;
    --custom-inform-100: #d7d9fb;
    --custom-inform-200: #b0b3f7;
    --custom-inform-300: #878cf3;
    --custom-inform-400: #6166ee;
    --custom-inform-500: #3940eb;
    --custom-inform-600: #343ad3;
    --custom-inform-700: #282da4;
    --custom-inform-800: #1c2076;
    --custom-inform-900: #111347;
    /* Confirm */
    --custom-confir-50: #e7f3e7;
    --custom-confir-100: #d0e7cf;
    --custom-confir-200: #9ecd9f;
    --custom-confir-300: #6fb76f;
    --custom-confir-400: #409d3f;
    --custom-confir-500: #0f850f;
    --custom-confir-600: #0e780e;
    --custom-confir-700: #0a5d0a;
    --custom-confir-800: #064309;
    --custom-confir-900: #052905;
    /* Principales */
    --custom-ebi-main-first: #003865;
    --custom-ebi-main-second: #00C1D4 ;
    /* Secundarios */
    --custom-ebi-secondary-first: #ffb81c;
    --custom-ebi-secondary-second: #00c1d4;
    /* Neutros */
    --custom-ebi-neutral-light: #fdfdfd;
    --custom-ebi-neutral-dark: #101010;
    /* Alertas */
    --custom-ebi-alert-info: #003865;
    --custom-ebi-alert-error: #da374b;
    --custom-ebi-alert-success: #00c86e;
    --custom-ebi-alert-warning: #ffb81c;

    /* ZIGI */
    --custom-zigi: #CEFF59;
}

/* Principales */
.custom-color-primary-white-500 {
    color: var(--custom-ebi-neutral-light);
}

.custom-bg-primary-white-500 {
    background-color: var(--custom-ebi-neutral-light);
}

.custom-color-primary-black-500 {
    color: var(--custom-ebi-neutral-dark);
}

.custom-bg-primary-black-500 {
    background-color: var(--custom-ebi-neutral-dark);
}

/* Secundarios */
.custom-color-secondary-informativo {
    color: var(--custom-ebi-alert-info);
}

.custom-bg-secondary-informativo {
    background-color: var(--custom-ebi-alert-info);
}

.custom-color-secondary-error {
    color: var(--custom-ebi-alert-error);
}

.custom-bg-secondary-error {
    background-color: var(--custom-ebi-alert-error);
}

.custom-color-secondary-exito {
    color: var(--custom-ebi-alert-success);
}

.custom-bg-secondary-exito {
    background-color: var(--custom-ebi-alert-success);
}

.custom-color-secondary-precaucion {
    color: var(--custom-ebi-alert-warning);
}

.custom-bg-secondary-precaucion {
    background-color: var(--custom-ebi-alert-warning);
}

/* Azul Experto */
.custom-color-exp-50 {
    color: var(--custom-exp-50);
}

.custom-bg-exp-50 {
    background-color: var(--custom-exp-50);
}

.custom-color-exp-100 {
    color: var(--custom-exp-100);
}

.custom-bg-exp-100 {
    background-color: var(--custom-exp-100);
}

.custom-color-exp-200 {
    color: var(--custom-exp-200);
}

.custom-bg-exp-200 {
    background-color: var(--custom-exp-200);
}

.custom-color-exp-300 {
    color: var(--custom-exp-300);
}

.custom-bg-exp-300 {
    background-color: var(--custom-exp-300);
}

.custom-color-exp-400 {
    color: var(--custom-exp-400);
}

.custom-bg-exp-400 {
    background-color: var(--custom-exp-400);
}

.custom-color-exp-500 {
    color: var(--custom-exp-500);
}

.custom-bg-exp-500 {
    background-color: var(--custom-exp-500);
}

.custom-color-exp-600 {
    color: var(--custom-exp-600);
}

.custom-bg-exp-600 {
    background-color: var(--custom-exp-600);
}

.custom-color-exp-700 {
    color: var(--custom-exp-700);
}

.custom-bg-exp-700 {
    background-color: var(--custom-exp-700);
}

.custom-color-exp-800 {
    color: var(--custom-exp-800);
}

.custom-bg-exp-800 {
    background-color: var(--custom-exp-800);
}

.custom-color-exp-900 {
    color: var(--custom-exp-900);
}

.custom-bg-exp-900 {
    background-color: var(--custom-exp-900);
}

/* Turquesa */
.custom-color-turq-50 {
    color: var(--custom-turq-50);
}

.custom-bg-turq-50 {
    background-color: var(--custom-turq-50);
}

.custom-color-turq-100 {
    color: var(--custom-turq-100);
}

.custom-bg-turq-100 {
    background-color: var(--custom-turq-100);
}

.custom-color-turq-200 {
    color: var(--custom-turq-200);
}

.custom-bg-turq-200 {
    background-color: var(--custom-turq-200);
}

.custom-color-turq-300 {
    color: var(--custom-turq-300);
}

.custom-bg-turq-300 {
    background-color: var(--custom-turq-300);
}

.custom-color-turq-400 {
    color: var(--custom-turq-400);
}

.custom-bg-turq-400 {
    background-color: var(--custom-turq-400);
}

.custom-color-turq-500 {
    color: var(--custom-turq-500);
}

.custom-bg-turq-500 {
    background-color: var(--custom-turq-500);
}

.custom-color-turq-600 {
    color: var(--custom-turq-600);
}

.custom-bg-turq-600 {
    background-color: var(--custom-turq-600);
}

.custom-color-turq-700 {
    color: var(--custom-turq-700);
}

.custom-bg-turq-700 {
    background-color: var(--custom-turq-700);
}

.custom-color-turq-800 {
    color: var(--custom-turq-800);
}

.custom-bg-turq-800 {
    background-color: var(--custom-turq-800);
}

.custom-color-turq-900 {
    color: var(--custom-turq-900);
}

.custom-bg-turq-900 {
    background-color: var(--custom-turq-900);
}

/* Digi */
.custom-color-digi-50 {
    color: var(--custom-digi-50);
}

.custom-bg-digi-50 {
    background-color: var(--custom-digi-50);
}

.custom-color-digi-100 {
    color: var(--custom-digi-100);
}

.custom-bg-digi-100 {
    background-color: var(--custom-digi-100);
}

.custom-color-digi-200 {
    color: var(--custom-digi-200);
}

.custom-bg-digi-200 {
    background-color: var(--custom-digi-200);
}

.custom-color-digi-300 {
    color: var(--custom-digi-300);
}

.custom-bg-digi-300 {
    background-color: var(--custom-digi-300);
}

.custom-color-digi-400 {
    color: var(--custom-digi-400);
}

.custom-bg-digi-400 {
    background-color: var(--custom-digi-400);
}

.custom-color-digi-500 {
    color: var(--custom-ebi-secondary-second);
}

.custom-bg-digi-500 {
    background-color: var(--custom-ebi-secondary-second);
}

.custom-color-digi-600 {
    color: var(--custom-digi-600);
}

.custom-bg-digi-600 {
    background-color: var(--custom-digi-600);
}

.custom-color-digi-700 {
    color: var(--custom-digi-700);
}

.custom-bg-digi-700 {
    background-color: var(--custom-digi-700);
}

.custom-color-digi-800 {
    color: var(--custom-digi-800);
}

.custom-bg-digi-800 {
    background-color: var(--custom-digi-800);
}

.custom-color-digi-900 {
    color: var(--custom-digi-900);
}

.custom-bg-digi-900 {
    background-color: var(--custom-digi-900);
}

/* Opt */
.custom-color-opt-50 {
    color: var(--custom-opt-50);
}

.custom-bg-opt-50 {
    background-color: var(--custom-opt-50);
}

.custom-color-opt-100 {
    color: var(--custom-opt-100);
}

.custom-bg-opt-100 {
    background-color: var(--custom-opt-100);
}

.custom-color-opt-200 {
    color: var(--custom-opt-200);
}

.custom-bg-opt-200 {
    background-color: var(--custom-opt-200);
}

.custom-color-opt-300 {
    color: var(--custom-opt-300);
}

.custom-bg-opt-300 {
    background-color: var(--custom-opt-300);
}

.custom-color-opt-400 {
    color: var(--custom-opt-400);
}

.custom-bg-opt-400 {
    background-color: var(--custom-opt-400);
}

.custom-color-opt-500 {
    color: var(--custom-opt-500);
}

.custom-bg-opt-500 {
    background-color: var(--custom-opt-500);
}

.custom-color-opt-600 {
    color: var(--custom-opt-600);
}

.custom-bg-opt-600 {
    background-color: var(--custom-opt-600);
}

.custom-color-opt-700 {
    color: var(--custom-opt-700);
}

.custom-bg-opt-700 {
    background-color: var(--custom-opt-700);
}

.custom-color-opt-800 {
    color: var(--custom-opt-800);
}

.custom-bg-opt-800 {
    background-color: var(--custom-opt-800);
}

.custom-color-opt-900 {
    color: var(--custom-opt-900);
}

.custom-bg-opt-900 {
    background-color: var(--custom-opt-900);
}

/* Neo */
.custom-color-neo-50 {
    color: var(--custom-neo-50);
}

.custom-bg-neo-50 {
    background-color: var(--custom-neo-50);
}

.custom-color-neo-100 {
    color: var(--custom-neo-100);
}

.custom-bg-neo-100 {
    background-color: var(--custom-neo-100);
}

.custom-color-neo-200 {
    color: var(--custom-neo-200);
}

.custom-bg-neo-200 {
    background-color: var(--custom-neo-200);
}

.custom-color-neo-300 {
    color: var(--custom-neo-300);
}

.custom-bg-neo-300 {
    background-color: var(--custom-neo-300);
}

.custom-color-neo-400 {
    color: var(--custom-neo-400);
}

.custom-bg-neo-400 {
    background-color: var(--custom-neo-400);
}

.custom-color-neo-500 {
    color: var(--custom-neo-500);
}

.custom-bg-neo-500 {
    background-color: var(--custom-neo-500);
}

.custom-color-neo-600 {
    color: var(--custom-neo-600);
}

.custom-bg-neo-600 {
    background-color: var(--custom-neo-600);
}

.custom-color-neo-700 {
    color: var(--custom-neo-700);
}

.custom-bg-neo-700 {
    background-color: var(--custom-neo-700);
}

.custom-color-neo-800 {
    color: var(--custom-neo-800);
}

.custom-bg-neo-800 {
    background-color: var(--custom-neo-800);
}

.custom-color-neo-900 {
    color: var(--custom-neo-900);
}

.custom-bg-neo-900 {
    background-color: var(--custom-neo-900);
}

/* Error */
.custom-color-error-50 {
    color: var(--custom-error-50);
}

.custom-bg-error-50 {
    background-color: var(--custom-error-50);
}

.custom-color-error-100 {
    color: var(--custom-error-100);
}

.custom-bg-error-100 {
    background-color: var(--custom-error-100);
}

.custom-color-error-200 {
    color: var(--custom-error-200);
}

.custom-bg-error-200 {
    background-color: var(--custom-error-200);
}

.custom-color-error-300 {
    color: var(--custom-error-300);
}

.custom-bg-error-300 {
    background-color: var(--custom-error-300);
}

.custom-color-error-400 {
    color: var(--custom-error-400);
}

.custom-bg-error-400 {
    background-color: var(--custom-error-400);
}

.custom-color-error-500 {
    color: var(--custom-error-500);
}

.custom-bg-error-500 {
    background-color: var(--custom-error-500);
}

.custom-color-error-600 {
    color: var(--custom-error-600);
}

.custom-bg-error-600 {
    background-color: var(--custom-error-600);
}

.custom-color-error-700 {
    color: var(--custom-error-700);
}

.custom-bg-error-700 {
    background-color: var(--custom-error-700);
}

.custom-color-error-800 {
    color: var(--custom-error-800);
}

.custom-bg-error-800 {
    background-color: var(--custom-error-800);
}

.custom-color-error-900 {
    color: var(--custom-error-900);
}

.custom-bg-error-900 {
    background-color: var(--custom-error-900);
}

/* Inform */
.custom-color-inform-50 {
    color: var(--custom-inform-50);
}

.custom-bg-inform-50 {
    background-color: var(--custom-inform-50);
}

.custom-color-inform-100 {
    color: var(--custom-inform-100);
}

.custom-bg-inform-100 {
    background-color: var(--custom-inform-100);
}

.custom-color-inform-200 {
    color: var(--custom-inform-200);
}

.custom-bg-inform-200 {
    background-color: var(--custom-inform-200);
}

.custom-color-inform-300 {
    color: var(--custom-inform-300);
}

.custom-bg-inform-300 {
    background-color: var(--custom-inform-300);
}

.custom-color-inform-400 {
    color: var(--custom-inform-400);
}

.custom-bg-inform-400 {
    background-color: var(--custom-inform-400);
}

.custom-color-inform-500 {
    color: var(--custom-inform-500);
}

.custom-bg-inform-500 {
    background-color: var(--custom-inform-500);
}

.custom-color-inform-600 {
    color: var(--custom-inform-600);
}

.custom-bg-inform-600 {
    background-color: var(--custom-inform-600);
}

.custom-color-inform-700 {
    color: var(--custom-inform-700);
}

.custom-bg-inform-700 {
    background-color: var(--custom-inform-700);
}

.custom-color-inform-800 {
    color: var(--custom-inform-800);
}

.custom-bg-inform-800 {
    background-color: var(--custom-inform-800);
}

.custom-color-inform-900 {
    color: var(--custom-inform-900);
}

.custom-bg-inform-900 {
    background-color: var(--custom-inform-900);
}

/* Confirm */
.custom-color-confir-50 {
    color: var(--custom-confir-50);
}

.custom-bg-confir-50 {
    background-color: var(--custom-confir-50);
}

.custom-color-confir-100 {
    color: var(--custom-confir-100);
}

.custom-bg-confir-100 {
    background-color: var(--custom-confir-100);
}

.custom-color-confir-200 {
    color: var(--custom-confir-200);
}

.custom-bg-confir-200 {
    background-color: var(--custom-confir-200);
}

.custom-color-confir-300 {
    color: var(--custom-confir-300);
}

.custom-bg-confir-300 {
    background-color: var(--custom-confir-300);
}

.custom-color-confir-400 {
    color: var(--custom-confir-400);
}

.custom-bg-confir-400 {
    background-color: var(--custom-confir-400);
}

.custom-color-confir-500 {
    color: var(--custom-confir-500);
}

.custom-bg-confir-500 {
    background-color: var(--custom-confir-500);
}

.custom-color-confir-600 {
    color: var(--custom-confir-600);
}

.custom-bg-confir-600 {
    background-color: var(--custom-confir-600);
}

.custom-color-confir-700 {
    color: var(--custom-confir-700);
}

.custom-bg-confir-700 {
    background-color: var(--custom-confir-700);
}

.custom-color-confir-800 {
    color: var(--custom-confir-800);
}

.custom-bg-confir-800 {
    background-color: var(--custom-confir-800);
}

.custom-color-confir-900 {
    color: var(--custom-confir-900);
}

.custom-bg-confir-900 {
    background-color: var(--custom-confir-900);
}

/* Alertas */
.custom-color-alert-50 {
    color: var(--custom-alert-50);
}

.custom-bg-alert-50 {
    background-color: var(--custom-alert-50);
}

.custom-color-alert-100 {
    color: var(--custom-alert-100);
}

.custom-bg-alert-100 {
    background-color: var(--custom-alert-100);
}

.custom-color-alert-200 {
    color: var(--custom-alert-200);
}

.custom-bg-alert-200 {
    background-color: var(--custom-alert-200);
}

.custom-color-alert-300 {
    color: var(--custom-alert-300);
}

.custom-bg-alert-300 {
    background-color: var(--custom-alert-300);
}

.custom-color-alert-400 {
    color: var(--custom-alert-400);
}

.custom-bg-alert-400 {
    background-color: var(--custom-alert-400);
}

.custom-color-alert-500 {
    color: var(--custom-alert-500);
}

.custom-bg-alert-500 {
    background-color: var(--custom-alert-500);
}

.custom-color-alert-600 {
    color: var(--custom-alert-600);
}

.custom-bg-alert-600 {
    background-color: var(--custom-alert-600);
}

.custom-color-alert-700 {
    color: var(--custom-alert-700);
}

.custom-bg-alert-700 {
    background-color: var(--custom-alert-700);
}

.custom-color-alert-800 {
    color: var(--custom-alert-800);
}

.custom-bg-alert-800 {
    background-color: var(--custom-alert-800);
}

.custom-color-alert-900 {
    color: var(--custom-alert-900);
}

.custom-bg-alert-900 {
    background-color: var(--custom-alert-900);
}

.switch input:empty ~ span:after {
    background-color: #ffffff;
    opacity: 1;
}

.switch input:empty ~ span:before {
    background-color: #6F7171;
}

.switch input:checked ~ span:before {
    background-color: #00A083;
}

.switch input:checked ~ span:after {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* Botón :: Generar link y compartir - link express*/
.btn-create-and-share-link {
    background-color: #003865 !important;
    color: #FDFDFD !important;
}

.btn-create-and-share-link:hover, .btn-create-and-share-link:focus {
    background-color: #B2ECF2 !important;
    color: #003865 !important;
}

.btn-create-and-share-link:active {
    background-color: #006553 !important;
    color: #FDFDFD !important;
}

/* WIZARD */

/* WIZARD - SIGUIENTE */

.btn-next {
    background-color: #003865 !important;
    color: #FDFDFD !important;
}

.btn-next:hover, .btn-next:focus {
    background-color: #B2ECF2 !important;
    color: #003865 !important;
}

.btn-next:active {
    background-color: #006553 !important;
    color: #FDFDFD !important;
}

/* WIZARD - ANTERIOR */

.btn-back {
    background-color: #B2ECF2 !important;
    color: #003865 !important;
}

.btn-back:hover, .btn-back:focus {
    background-color: #336084 !important;
    color: #FDFDFD !important;
}

.btn-back:active {
    background-color: #006553 !important;
    color: #FDFDFD !important;
}

/* WIZARD - GUARDAR */

.btn-save {
    background-color: #00747F !important;
    color: #FDFDFD !important;
}

.btn-save:hover, .btn-save:focus {
    background-color: #00C1D4 !important;
    color: #003865 !important;
}

.btn-save:active {
    background-color: #006553 !important;
    color: #FDFDFD !important;
}
/* Botón :: Campos de cabecera - (Empresa) Dashboard */
.btn-header-fields {
    background-color: #006553 !important;
    color: #FDFDFD !important;
}
/* Icono sin fondo */
.btn-header-fields-icon {
    background-color: transparent !important;
    color: #FDFDFD !important;
}

/* Efecto hover en todo el botón y su contenido */
.btn-header-fields:hover,
.btn-header-fields:focus {
    background-color: #00C1D4 !important;
    color: #003865 !important;
}

/* Aplica el color al icono en hover */
.btn-header-fields:hover .btn-header-fields-icon,
.btn-header-fields:focus .btn-header-fields-icon {
    background-color: transparent !important;
    color: #003865 !important;
}

/* Cuando el botón está activo */
.btn-header-fields:active {
    background-color: #006553 !important;
    color: #FDFDFD !important;
}

/* Aplica el color también al icono cuando el botón está activo */
.btn-header-fields:active .btn-header-fields-icon {
    color: #FDFDFD !important;
}

/* Botón :: Tipo - (Empresa) Dashboard*/
.btn-enterprise-type {
    background-color: #003865 !important;
    color: #FDFDFD !important;
}

.btn-enterprise-type:hover, .btn-enterprise-type:focus {
    background-color: #B2ECF2 !important;
    color: #003865 !important;
}

.btn-enterprise-type:active {
    background-color: #003865 !important;
    color: #FDFDFD !important;
}

/* Botón :: Entorno - (Empresa) Dashboard*/
.btn-enterprise-environment {
    background-color: #00C1D4 !important;
    color: #003865 !important;
}

.btn-enterprise-environment:hover, .btn-enterprise-environment:focus {
    background-color: #00C1D4 !important;
    color: #003865 !important;
}

.btn-enterprise-environment:active {
    background-color: #00C1D4 !important;
    color: #003865 !important;
}

/* Botón :: Credenciales - (Empresa) Dashboard*/
.btn-enterprise-credentials {
    background-color: #B2ECF2 !important;
    color: #003865 !important;
}

.btn-enterprise-credentials:hover, .btn-enterprise-credentials:focus {
    background-color: #336084 !important;
    color: #FDFDFD !important;
}

.btn-enterprise-credentials:active {
    background-color: #B2ECF2 !important;
    color: #003865 !important;
}

/* Botón :: Credenciales - (Empresa) Dashboard*/
.btn-enterprise-credentials {
    background-color: #B2ECF2 !important;
    color: #003865 !important;
}

.btn-enterprise-credentials:hover, .btn-enterprise-credentials:focus {
    background-color: #336084 !important;
    color: #FDFDFD !important;
}

.btn-enterprise-credentials:active {
    background-color: #B2ECF2 !important;
    color: #003865 !important;
}

/* Botón :: Fecha de registro - (Empresa) Dashboard*/
.btn-enterprise-register-date {
    border-color: #00747F;
    color: #00747F;
}

.btn-enterprise-register-date:hover, .btn-enterprise-register-date:focus {
    border-color: #008069;
    color: #008069;
}

.btn-enterprise-register-date:active {
    border-color: #00747F;
    color: #00747F;
}

/* Botón :: Última actualización - (Empresa) Dashboard*/
.btn-enterprise-last-update {
    border-color: #00747F;
    color: #00747F;
}

.btn-enterprise-last-update:hover, .btn-enterprise-last-update:focus {
    border-color: #008069;
    color: #008069;
}

.btn-enterprise-last-update:active {
    border-color: #00747F;
    color: #00747F;
}

/* Botón :: Consultar links - link express*/
.btn-consult-links {
    background-color: #003865 !important;
    color: #FDFDFD !important;
}

.btn-consult-links:hover, .btn-consult-links:focus {
    background-color: #B2ECF2 !important;
    color: #003865 !important;
}

.btn-consult-links:active {
    background-color: #006553 !important;
    color: #FDFDFD !important;
}
/* checkbox :: General*/
.checkbox > span {
    background-color: transparent;
    border: 1.5px solid #003865;
}

/* BTN LOG OUT */
.btn.btn-log-out {
    background-color: #B2ECF2 !important; /* Cambia el color de fondo */
    border-color: #B2ECF2 !important; /* Cambia el color del borde */
    color: #003865 !important; /* Cambia el color del texto */
}

.btn.btn-log-out:hover {
    background-color: #FFB81D !important; /* Cambia el color de fondo */
    border-color: #FFB81D !important; /* Cambia el color del borde */
    color: #003865 !important; /* Cambia el color del texto */
}

.btn.btn-log-out:active {
    background-color: #00C1D4 !important; /* Cambia el color de fondo */
    border-color: #00C1D4 !important; /* Cambia el color del borde */
    color: #003865 !important; /* Cambia el color del texto */
}

.btn.btn-log-out:focus {
    background-color: #00C1D4 !important; /* Cambia el color de fondo */
    border-color: #00C1D4 !important; /* Cambia el color del borde */
    color: #003865 !important; /* Cambia el color del texto */
}

/* label :: tipo - listado de links*/
.label-custom-column {
    background-color: #B2ECF2 !important;
    color: #003865 !important;
}

.label-custom-column:hover, .label-custom-column:focus {
    background-color: #336084 !important;
    color: #FDFDFD !important;
}

.label-custom-column:active {
    background-color: #006553 !important;
    color: #FDFDFD !important;
}

/* Button :: Nuevo - General*/
.btn-new-register {
    background-color: #00747F !important;
    color: #FDFDFD !important;
}

.btn-new-register:hover, .btn-new-register:focus {
    background-color: #00C1D4 !important;
    color: #003865 !important;
}

.btn-new-register:active {
    background-color: #006553 !important;
    color: #FDFDFD !important;
}
/* ícono herede el color */
.btn-new-register i {
    color: #FDFDFD !important;
}

.btn-new-register:hover i, .btn-new-register:focus i {
    color: #003865 !important;
}

.btn-new-register:hover {
    color: #003865; /* Cambia el color de texto, y por herencia el del SVG */
}

.btn-new-register:hover svg {
    fill: currentColor; /* SVG lo hereda */
}

.btn-new-register:active i {
    color: #FDFDFD !important;
}

/* Botón :: Comparte tu link - link express */
.btn-share-link-express {
    background-color: #B2ECF2 !important;
    color: #003865 !important;
}

.btn-share-link-express:hover,
.btn-share-link-express:focus {
    background-color: #003865 !important;
    color: #FDFDFD !important;
}

.btn-share-link-express:active {
    background-color: #006553 !important;
    color: #FDFDFD !important;
}

/* Asegurar que el ícono herede el color */
.btn-share-link-express i {
    color: inherit !important;
}
/* bg heder de notificaciones */
.bg-header-notification {
    background-color: #003865  !important;
}

/* Botón :: Exportar - General */
.btn-export-color {
    background-color: #00747F !important;
    color: #FDFDFD !important;
}

.btn-export-color:hover,
.btn-export-color:focus {
    background-color: #00C1D4 !important;
    color: #003865 !important;
}

.btn-export-color:active {
    background-color: #006553 !important;
    color: #FDFDFD !important;
}

/* Asegurar que el ícono herede el color */
.btn-export-color i {
    color: inherit !important;
}

/* Asegurar que el ícono herede el color */
.btn-export-color svg,
.btn-export-color span {
    color: inherit !important;
    fill: currentColor !important;
}

/* -------------------------------------------------------------------------- */
/*                                  SHEPHERD                                  */
/* -------------------------------------------------------------------------- */
/* --------------------------------- Colores -------------------------------- */
.shepherd-element.onboarding-step .shepherd-header {
    background-color: var(--custom-ebi-main-first);
    font-weight: bold;
    padding: 1rem;    
}
/* Ajustar el título */
.shepherd-element.onboarding-step .shepherd-title {
    color: var(--custom-ebi-neutral-light) !important;
    margin: 0;
    font-size: 1rem;
}
.shepherd-element.onboarding-step .shepherd-text {
    color: var(--custom-ebi-neutral-dark) !important;
    font-size: 0.95rem;
}
/* -------------------------------- Margenes -------------------------------- */
.onboarding-step[data-popper-placement="left"]
{
    margin-left: -2%!important;
}
.onboarding-step[data-popper-placement="bottom"]
{
    margin-top: 1%!important;
}
/* --------------------------------- Botones -------------------------------- */
.onboarding-step .shepherd-button  {
    background-color: var(--custom-ebi-main-first) !important;
    color: var(--custom-ebi-neutral-light) !important;
    border-radius: 5px;
}
.onboarding-step .shepherd-button:hover  {
    background-color: var(--custom-ebi-main-second) !important;
    color: var(--custom-ebi-neutral-light) !important;
}
/* --------------------------------- Mobile --------------------------------- */
.mobile-onboarding.onboarding-step{
    width: 70%!important;
}
.mobile-onboarding.onboarding-step[data-popper-placement="bottom"]
{
    margin-top: 8%!important;
}
/* -------------------------------------------------------------------------- */
.checkbox > input:focus ~ span {
    border: 1.5px solid var(--custom-exp-500);
}

.label-zigi {
    background-color: var(--custom-zigi) !important;
    color: #000000 !important;
}

/* Checkbox deshabilitado + marcado: aplicar color tenue */
.checkbox input[type="checkbox"]:disabled:checked + span {
    cursor: not-allowed;
    opacity: 0.6;
}

/* Cambiar cursor para mostrar que está desactivado */
.checkbox input[type="checkbox"]:disabled + span {
    cursor: not-allowed;
    opacity: 0.6;
}

input.fake-disabled + span {
    cursor: not-allowed;
    opacity: 0.6;
}