/*Colores por defecto*/
:root {
--main-headers-bg: #cc0000;
--main-headers-text: #ffffff;
--main-buttons-bg: #cc0000;
--main-buttons-text: #F5F5F5;
    /*Menu lateral*/
--menu-bg: rgba(204,0,0,1);
    --menu-mobile-bg: rgb(26 25 25); /*Se recomienda que este no tenga transparencia*/
--menu-text: #979699;
--menu-text-active: #F7F6FB;
    --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: var(--color-btns);
    --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: #cc0000;
--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: var(--chart-completed);
    /*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: var(--main-buttons-bg);
    /*Colores para menu de usuario/header*/
    --color-header-text: #434343;
    --color-header-tooltip: #434343;
    --color-header-dropdown-bg: transparent;
    --color-medal-gold: #D4AF37;
    --color-medal-silver: #929292;
    --color-medal-bronze: #CD7F32;
    /*seccion de mi perfil usuario*/
    --profile-active-tabs: #0084ff;
    --profile-active-tabs-text: #F5F5F5;
    --profile-hr: #dedede;
    --profile-sidebar-bg: rgba(0,0,0,0.1);
    /*Color de fondo para banner*/
    --banner-bg: #3c3c3c;
    /*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: #adadad;
    --color-btn-topten-1-active: #cc0000;
    --color-btn-topten-2: #adadad;
    --color-btn-topten-2-active: #cc0000;
    --color-btn-topten-3: #adadad;
    --color-btn-topten-3-active: #cc0000;
    --color-btn-topten-4: #adadad;
    --color-btn-topten-4-active: #cc0000;
    /*Colores para etiquetas de tipo de contenido debajo de las imagenes*/
    --content-types-text: #F5F5F5;
--content-types-docs: #adadad;
--content-types-courses: #adadad;
--content-types-plan: #adadad;
--content-types-courseP: #adadad;
--content-types-forum: #8E3287;
--content-types-practice: #adadad;
--content-types-evaluation: #adadad;
    /*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: green;
    --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: #434343;
    /*Graficas de cumplimiento en panel de usuario y dashboard*/
--chart-completed: #029b17;
    --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(--color-gray-de);
    /*Menú principal del lado del admin*/
--menu-bg-admi: #cc0000;
--menu-color-text: #f5f5f5;
    /*Titulo de secciones administrador*/
    --color-txt-title: #116396;
    /*Color de iconos header administrador*/
--color-i-header-admin: #cc0000;
    /*CAMBIO DE COLOR DE ICONOS DE COMENTARIOS, FOROS, DUDAS,RANKING */
    --color-i-m8-user-bg: var(--main-buttons-bg);
    --color-i-m8-user: #f5f5f5;
    /*TITULOS DE CONTENIDO EN ADMIN*/
    --color-title-admin: #116396;
    /*BACKGROUNDO PARA LOGIN*/
    --bg-color-card-login: rgba(255,255,255,0.4);
    /*POSICION DEL LOGIN*/
    --login-left: 44.9%;
    --login-left-max: 51.92%;
    --login-top: 15.5%;
    --login-top-max: 24.32%;
    /*COLOR DE TEXTOS EN LOGIN*/
    --color-login-text: #254369;
    --color-icon-login: #254369;
    /*BOTON DE INGRESAR LOGIN*/
    --btn-ingresar-login-bg: #28a745;
    --btn-ingresar-login-text: #f5f5f5;
    /*BOTON DE REGISTRAR AQUI LOGIN*/
    --btn-login-register-bg: #007bff;
    --btn-login-register-text: #f5f5f5;
    /*colores de hover de menu*/
    --bg-hover-main: #f1f1f1;
    --color-bg-hover-text-admin: #6c737e;
    --scroll-color: #aaa;
    /*Esta variable se usa a menos que el backgrounf sea blanco de los botones*/
    --border-color-btn: var(--main-buttons-bg);
    --border-color-btn-hover: var(--color-btns-dropdown);
    /*COLOR DE COLAPSE ADMIN*/
    --bg-li-admin: #6c737e;
    --color-li-admin: #f5f5f5;
    --color-text-adm: #1c1c1c;
    --color-sec-adm: #6c737e;
    /*COLOR GRIS PARA DUDAS Y EXPERTOS M8*/
    --color-gray-de: #6c737e;
    /*COLOR DE BORDE DE LOS BUSCADORES DEL LADO DEL ADMIN*/
    --color-border-search: #ced4da;
    /*Textos para etiquetas de contenidos*/
    --documentMX: 'Documentos';
    --coursesMX: 'Curso en línea';
    --coursePMX: 'Curso presencial';
    --practiceMX: 'Práctica';
    --evaluationMX: 'Evaluación';
    --planMX: 'Plan';
    --forumMX: 'Foro';
    /*ingles*/
    --documentUS: 'Documents';
    --coursesUS: 'Online course';
    --coursePUS: 'Live Training';
    --practiceUS: 'Practice';
    --evaluationUS: 'Evaluation';
    --planUS: 'Learning Plan';
    --forumUS: 'Forum';
    /*portugues*/
    --documentBR: 'Documentos';
    --coursesBR: 'Curso on-line';
    --coursePBR: 'Cursos presenciais';
    --practiceBR: 'Prás';
    --evaluationBR: 'Avaliações';
    --planBR: 'Plano';
    --forumBR: 'Fóruns';
}