/*Colores por defecto*/
:root {
    --main-headers-bg: #f8f9fa;
    --main-headers-text: #343a40;
    --main-buttons-bg: #ffffff;
    --main-buttons-text: #000000;
    /*Menu lateral*/
    --menu-bg: rgba(51,51,51,1);
    --menu-mobile-bg: rgb(26 25 25); /*Se recomienda que este no tenga transparencia*/
    --menu-text: #ffffff;
    --menu-text-active: #d72a1e;
    --menu-notif-alert: red;
    /*Colores para titulos y encabezados*/
    --bg-titles: var(--main-headers-bg);
    --color-titles: var(--main-headers-text);
    /*Colores para titulos y encabezados de buscadores. Por defecto apuntan a la variable de todos los buscadores (Existe por Telcel)*/
    --bg-titles-search: var(--main-headers-bg);
    --color-titles-search: var(--main-headers-text);
    /*Colores para titulos y encabezados de los contenedores de contenidos (subencabezados). Por defecto apuntan a la variable de todos los buscadores*/
    --bg-subtitles: var(--main-headers-bg);
    --color-subtitles: var(--main-headers-text);
    /*Colores para botoneria (botones principales, de buscadores, hover de menus desplegables*/
    --color-btns: var(--main-buttons-bg);
    --color-btns-text: var(--main-buttons-text);
    --color-btns-focus: rgb(0 123 255 / 25%); /*Sombreado al colocarse en el boton por teclado, mantener el 25%*/
    --color-btns-hover: var(--main-buttons-bg);
    /*Colores de menu desplegables. Por defecto hacen referencia al mismo color que la botoneria*/
    --color-btns-dropdown: #d72a1e; /*POLAK*/
    --color-btns-dropdown-text: var(--color-btns-text);
    /*Boton para traer más elementos*/
    --color-btn-more: var(--main-buttons-bg);
    --color-btn-more-text: var(--main-buttons-text);
    /*Botón de kardex*/
    --color-btn-kardex: #d72a1e;
    --color-btn-kardex-text: #F5F5F5;
    /*Botones de accion (ver notificaciones, enviar, etc.)*/
    --color-btns-actions: var(--main-buttons-bg);
    --color-btns-actions-text: var(--main-buttons-text);
    --color-btns-actions-focus: rgb(0 123 255 / 25%);
    /*Botones de cancelar o eliminar (borrar notificaciones, cancelar envio, etc.)*/
    --color-btns-cancel: #DC3545;
    --color-btns-cancel-text: #F5F5F5;
    --color-btns-cancel-focus: rgb(220 53 69 / 50%);
    /*Botones de finalizar (procesos de evaluación)*/
    --color-btns-finish: #1e9f00;
    --color-btns-finish-text: #F5F5F5;
    --color-btns-finish-focus: rgb(30 159 0 / 50%);
    /*Colores para barra de progresos*/
    --color-progressbar-bg: #bdbdbd;
    --color-progressbar-stripes: #029b17;
    /*Colores para botoneria de "ir a dudas", "comentarios", "calificar", "ir a foros" en filas*/
    --color-card-icon-btns: var(--main-buttons-bg);
    --color-card-icon-btns-bg: var(--main-buttons-bg);
    --color-card-icon-btns-text: var(--main-buttons-text);
    --color-card-icon-btns-border: var(--color-card-icon-btns-bg);
    --color-card-icon-btns-bg-hover: var(--color-card-icon-btns-bg);
    --color-card-icon-btns-text-hover: var(--color-card-icon-btns-text);
    /*Colores para tarjetas de contenidos/filas*/
    --bg-Card: rgba(255,255,255,.85);
    --bg-Card-hover: rgba(255,255,255,.85);
    /*Icono de pulgar para dar like y lapiz para editar comentarios en foros*/
    --color-btn-like: #d72a1e; /*Polak*/
    /*Colores para menu de usuario/header*/
    --color-header-text: #FFF;
    --color-header-tooltip: #434343;
    --color-header-dropdown-bg: transparent;
    /*Colores para botones flotantes de top-ten, es el orden en que se muestran los botones, independiente al tipo de recurso por boton*/
    --color-btn-topten-1: #3e5e9a;
    --color-btn-topten-1-active: #3e5e9a;
    --color-btn-topten-2: #f1685e;
    --color-btn-topten-2-active: #f1685e;
    --color-btn-topten-3: #febe29;
    --color-btn-topten-3-active: #febe29;
    --color-btn-topten-4: #25c225;
    --color-btn-topten-4-active: #25c225;
    /*Colores para etiquetas de tipo de contenido debajo de las imagenes*/
    --content-types-text: #F5F5F5;
    --content-types-docs: #E1B166;
    --content-types-courses: #B8CE00;
    --content-types-plan: #00B8CE;
    --content-types-courseP: #E67FA8;
    --content-types-forum: #8E3287;
    --content-types-practice: #E67FA8;
    --content-types-evaluation: #EF4040;
    /*Colores para estatus de progresos*/
    --status-completed: #029B17;
    --status-failed: #CC0000;
    --status-passed: #029B17;
    --status-inProgress: #FFB407;
    --status-notAttempted: #696969;
    /*Colores para estatus en historial*/
    --history-status-completed: blue;
    --history-status-failed: red;
    --history-status-passed: green;
    --history-status-exempt: cornflowerblue;
    /*Icono de sobres en notificaciones*/
    --envelope: #FFC107;
    /*Semaforo de disponibilidad en eventos presenciales*/
    --event-text: #FFFFFF;
    --event-enrolled-bg: var(--main-buttons-bg);
    --event-high-bg: #64b100;
    --event-low-bg: #fbc819;
    --event-no-availability-bg: #e61d23;
    /*Sección de eventos*/
    --color-event-border: #767474fa;
    /*Secció de ayuda, footer de secciones*/
    --help-footer: #0077a0;
    /*Valores numericos de la grafica de cumplimiento*/
    --accomplishment-values: #343a40;
    /*Mensaje con cantidad de resultados en biblioteca*/
    --msgTextResult-bg: #04A9CA;
    --msgTextResult-text: #f5f5f5;
    /*Library file icons*/
    --library-file-icon: #2d2c2c; /*Polak*/
    /*Graficas de cumplimiento en panel de usuario y dashboard*/
    --chart-completed: #d72a1e;
    --chart-pending-bg: rgb(189 189 189);
    --chart-failed: #dc7934;
    --chart-border-color: white;
    --chart-border-width: 3px;
    /*Barra de scroll*/
    --scroll-color: #337ab7;
    /*Footer powered by*/
    --bg-footer: rgba(33,47,61, 0.8);
    --color-footer: #F5F5F5;
    /*Buzon de ayuda*/
    --suggest-btn-bg: whitesmoke;
    --suggest-btn-icon: #434343;
    --suggest-btn-border: #aa2825;
    --suggest-btn-hover-border: #e03531;
    /*Volver arriba*/
    --goUp-btn-bg: var(--suggest-btn-bg);
    --goUp-btn-icon: var(--suggest-btn-icon);
    --goUp-btn-border: var(--suggest-btn-border);
    --goUp-btn-hover-border: var(--suggest-btn-hover-border);
    /*Mensaje de cookies, solo afecta el lado de colaborador*/
    --cookies-bg: #004077;
    --cookies-text: var(--main-buttons-text);
    --cookies-btn: var(--main-buttons-bg);
    --cookies-text-message: #f5f5f5;
    /*Colores para botones de notificaciones*/
    --color-btn-view-all: var(--color-btns-actions);
    --color-btn-view-all-text: var(--color-btns-actions-text);
    --color-btn-view-one: var(--color-btn-view-all);
    --color-btn-view-one-text: var(--color-btn-view-all-text);
    --color-btn-delete-all: var(--color-btns-cancel);
    --color-btn-delete-all-text: var(--color-btns-cancel-text);
    --color-btn-delete-one: var(--color-btn-delete-all);
    --color-btn-delete-one-text: var(--color-btn-delete-all-text);
    /*Números de secuencia*/
    --sequence-color: blue;
    --sequence-color-border: blue;
    --sequence-color-bg: transparent;
    --BlueStrongTextClass: var(--main-buttons-bg);
    /*Menú principal del lado del admin*/
--menu-bg-admi: #333333;
--menu-color-text: #f5f5f5;
    /*Titulo de secciones administrador*/
    --color-txt-title: #116396;
    /*Color de iconos header administrador*/
--color-i-header-admin: #000000;
    /*CAMBIO DE COLOR DE ICONOS DE COMENTARIOS, FOROS, DUDAS,RANKING */
    --color-i-m8-user-bg: #d72a1e; /*Polak*/
    --color-i-m8-user: #d72a1e; /*Polak*/
    /*TITULOS DE CONTENIDO EN ADMIN*/
    --color-title-admin: #116396;
    /*BACKGROUNDO PARA LOGIN*/
    --bg-color-card-login: rgba(255,255,255,0);
    /*POSICION DEL LOGIN*/
    --login-left: 2.9%;
--login-left-max: 48.32%;
--login-top: 9%;
    --login-top-max: 24.32%;
    /*COLOR DE TEXTOS EN LOGIN*/
    --color-login-text: #000000;
    --color-icon-login: #000000;
    /*BOTON DE INGRESAR LOGIN*/
    --btn-ingresar-login-bg: #ff2517;
    --btn-ingresar-login-text: #ffffff;
    /*BOTON DE REGISTRAR AQUI LOGIN*/
    --btn-login-register-bg: #007bff;
    --btn-login-register-text: #000000;
    /*colores de hover de menu*/
    --bg-hover-main: #f1f1f1;
    --color-bg-hover-text-admin: #6c737e;
    --scroll-color: #d72a1e; /*Polak barra scroll*/
    /*Esta variable se usa a menos que el backgrounf sea blanco de los botones*/
    --border-color-btn: #d72a1e; /*Polak*/
    --border-color-btn-hover:  #d72a1e; /*Polak*/
}