@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
/* =============================================================================
 *  TEMA CORPORATIVO — UNIEMPRESARIAL, Fundación Universitaria Empresarial de la
 *  Cámara de Comercio de Bogotá (INSTITUCION = uniempresarial)
 *  Misma estructura de theme-tecmd.css / theme-ipc.css y coherente con el login de
 *  Uniempresarial (css/Login/uniempresarial/style.css) y el banner, con el look & feel
 *  de uniempresarial.edu.co (kit Elementor: primary #273474, secondary #EA0029, #48AAD3):
 *    Azul Uniempresarial #273474  acción principal, títulos, encabezado de ventanas,
 *                                 barra de módulos (degradé hacia #2F4596)
 *    Azul oscuro         #1B2558  menú lateral, hover de botones
 *    Azul profundo       #121A45  tooltips, avisos, presionado
 *    Azul medio          #2C3A80  opción activa del menú lateral
 *    Rojo Uniempresarial #EA0029  SOLO acento (barra de opción activa, filete de ventanas,
 *                                 borde de botón presionado). Nunca texto pequeño.
 *    Celeste             #48AAD3  íconos activos/hover sobre el menú azul (5.9:1 sobre #1B2558)
 *    Azul enlaces        #2B6CB0  enlaces y foco (5.2:1 sobre blanco)
 *    Selección           #E8EBF5  fila seleccionada, ítem activo (tinte de #273474)
 *    Texto               #2D3748  principal / #4A5568 secundario
 *    Superficies         #FFFFFF contenido, #F7FAFC cabeceras, #EDF2F7 tintes, bordes #E2E7F0
 *  Contraste: blanco sobre #273474 = 11.0:1; blanco sobre #1B2558 = 14.0:1;
 *  #273474 sobre #E8EBF5 = 9.3:1; #2D3748 sobre blanco = 12.0:1; #4A5568 sobre blanco = 7.5:1.
 *
 *  Tipografía: Poppins (Google Fonts, la de los titulares del portal) en títulos, pestañas,
 *  botones y menú; si no carga, Segoe UI. Celdas y campos conservan Open Sans de Triton.
 *  No se usa una regla global de font-family: pisaría la fuente de iconos 'ExtJS'.
 *
 *  Solo override de selectores Triton (ExtJS 7.x).
 * ============================================================================= */


/* -----------------------------------------------------------------------------
 * TIPOGRAFÍA
 * -------------------------------------------------------------------------- */
body:not(.uniemp-login) .x-tab-inner-default,
body:not(.uniemp-login) .x-btn-inner-default-small,
body:not(.uniemp-login) .x-btn-inner-default-toolbar-small,
body:not(.uniemp-login) .x-panel-header-title-default,
body:not(.uniemp-login) .x-panel-header-title-default-framed,
body:not(.uniemp-login) .x-window-header-title-default,
body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-text,
body:not(.uniemp-login) .x-fieldset-header-text-default,
body:not(.uniemp-login) .x-fieldset-header-default > .x-fieldset-header-text,
body:not(.uniemp-login) .x-accordion-hd .x-panel-header-title,
body:not(.uniemp-login) .x-column-header-text-inner,
body:not(.uniemp-login) .x-grid-group-title,
body:not(.uniemp-login) .swal2-title,
body:not(.uniemp-login) .swal2-styled,
body:not(.uniemp-login) .introjs-tooltip-title,
body:not(.uniemp-login) .introjs-button {
	font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
}


/* -----------------------------------------------------------------------------
 * PESTAÑAS (barra de páginas): fondo blanco, activa subrayada en azul Uniempresarial
 * -------------------------------------------------------------------------- */
body:not(.uniemp-login) .x-tab-bar-default {
	background-color: #FFFFFF;
	border-color: #E2E7F0;
	border-bottom: 1px solid #E2E7F0;
}

body:not(.uniemp-login) .x-tab-bar-strip-default {
	background-color: transparent;
	border-color: transparent;
}

body:not(.uniemp-login) .x-tab-default,
body:not(.uniemp-login) .x-tab.x-tab-default {
	background-color: transparent;
	border-color: transparent;
	border-radius: 0;
}

body:not(.uniemp-login) .x-tab-inner-default {
	color: #4A5568;
	font-weight: 600;
}

body:not(.uniemp-login) .x-tab-icon-el-default,
body:not(.uniemp-login) .x-tab-default .x-tab-glyph {
	color: #4A5568;
}

body:not(.uniemp-login) .x-tab-over.x-tab-default {
	background-color: #F7FAFC;
}

body:not(.uniemp-login) .x-tab-over.x-tab-default .x-tab-inner-default {
	color: #2D3748;
}

body:not(.uniemp-login) .x-tab.x-tab-active.x-tab-default {
	background-color: transparent;
	box-shadow: inset 0 -3px 0 #273474;
}

body:not(.uniemp-login) .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
body:not(.uniemp-login) .x-tab.x-tab-active.x-tab-default .x-tab-icon-el-default {
	color: #273474;
}

body:not(.uniemp-login) .x-tab-focus.x-tab-default {
	outline-color: transparent;
}

body:not(.uniemp-login) .x-tab-default .x-tab-close-btn,
body:not(.uniemp-login) .x-tab-default.x-tab-active .x-tab-close-btn {
	color: #4A5568;
}

body:not(.uniemp-login) .x-tab-default .x-tab-close-btn:hover {
	color: #C62828;
}

/* Flechas de desplazamiento de la barra de pestañas */
body:not(.uniemp-login) .x-box-scroller-tab-bar-default,
body:not(.uniemp-login) .x-tab-bar-default-scroller .x-box-scroller-tab-bar-default {
	color: #4A5568;
	background-color: #FFFFFF;
}


/* -----------------------------------------------------------------------------
 * PANELES: cabecera neutra, título azul Uniempresarial
 * -------------------------------------------------------------------------- */
body:not(.uniemp-login) .x-panel-default,
body:not(.uniemp-login) .x-panel-default-framed {
	border-color: #E2E7F0;
}

body:not(.uniemp-login) .x-panel-header-default,
body:not(.uniemp-login) .x-panel-header-default-framed,
body:not(.uniemp-login) .x-panel-header-default-framed-top {
	background-color: #F7FAFC !important;
	border-color: #E2E7F0;
}

body:not(.uniemp-login) .x-panel-header-default {
	border-bottom: 1px solid #E2E7F0;
}

body:not(.uniemp-login) .x-panel-header-title-default,
body:not(.uniemp-login) .x-panel-header-title-default-framed {
	color: #273474;
	font-weight: 700;
}

body:not(.uniemp-login) .x-panel-header-default .x-tool-tool-el,
body:not(.uniemp-login) .x-panel-header-default .x-tool-img,
body:not(.uniemp-login) .x-panel-header-default-framed .x-tool-tool-el,
body:not(.uniemp-login) .x-panel-header-default-framed .x-tool-img {
	color: #4A5568;
	background-color: transparent;
}

body:not(.uniemp-login) .x-panel-header-default .x-tool-over .x-tool-tool-el,
body:not(.uniemp-login) .x-panel-header-default-framed .x-tool-over .x-tool-tool-el {
	color: #273474;
}

body:not(.uniemp-login) .x-panel-header-default .x-panel-header-glyph,
body:not(.uniemp-login) .x-panel-header-default .x-panel-header-icon {
	color: #273474;
}

/* Acordeones */
body:not(.uniemp-login) .x-accordion-hd .x-panel-header-title {
	color: #273474;
	font-weight: 700;
}

body:not(.uniemp-login) .x-accordion-hd .x-tool-img,
body:not(.uniemp-login) .x-accordion-hd .x-tool-tool-el {
	color: #4A5568;
}

body:not(.uniemp-login) .x-accordion-item .x-accordion-hd {
	border-color: #E2E7F0;
}

/* Fieldsets (grupos de campos) */
body:not(.uniemp-login) .x-fieldset-default {
	border-color: #E2E7F0;
	border-radius: 8px;
}

body:not(.uniemp-login) .x-fieldset-header-text-default,
body:not(.uniemp-login) .x-fieldset-header-default > .x-fieldset-header-text {
	color: #273474;
	font-weight: 700;
}


/* -----------------------------------------------------------------------------
 * BOTONES
 * default-small      → acción: azul institucional
 * default-toolbar    → acciones de barra: blanco con borde (no compiten)
 * -------------------------------------------------------------------------- */
body:not(.uniemp-login) .x-btn-default-small {
	background-color: #273474;
	border-color: #273474;
	border-radius: 6px;
}

body:not(.uniemp-login) .x-btn-inner-default-small {
	color: #FFFFFF;
	font-weight: 600;
}

body:not(.uniemp-login) .x-btn-icon-el-default-small {
	color: #FFFFFF;
}

/* Iconos de acción sobre fondo transparente (columna Acciones de calificaciones
 * en hoja de vida): conservan su color propio de style_calificaciones.css
 * (mismo ajuste del ticket #79511 en theme-uc.css). */
body:not(.uniemp-login) .x-btn-icon-el-default-small.icon-observacion {
	color: #2B6CB0;
}

body:not(.uniemp-login) .x-btn-icon-el-default-small.cancelacion-asignatura {
	color: #FAAC58;
}

body:not(.uniemp-login) .x-btn-over.x-btn-default-small,
body:not(.uniemp-login) .x-btn-focus.x-btn-default-small {
	background-color: #1B2558;
	border-color: #1B2558;
}

body:not(.uniemp-login) .x-btn.x-btn-menu-active.x-btn-default-small,
body:not(.uniemp-login) .x-btn.x-btn-pressed.x-btn-default-small {
	background-color: #121A45;
	border-color: #121A45;
}

body:not(.uniemp-login) .x-btn-focus.x-btn-default-small {
	box-shadow: 0 0 0 3px rgba(39, 52, 116, 0.28);
}

body:not(.uniemp-login) .x-btn-default-toolbar-small {
	background-color: #FFFFFF;
	border-color: #CBD2DE;
	border-radius: 6px;
}

body:not(.uniemp-login) .x-btn-inner-default-toolbar-small {
	color: #2D3748;
	font-weight: 600;
}

body:not(.uniemp-login) .x-btn-icon-el-default-toolbar-small {
	color: #273474;
}

body:not(.uniemp-login) .x-btn-over.x-btn-default-toolbar-small {
	background-color: #F7FAFC;
	border-color: #B4BCCB;
}

body:not(.uniemp-login) .x-btn.x-btn-pressed.x-btn-default-toolbar-small,
body:not(.uniemp-login) .x-btn.x-btn-menu-active.x-btn-default-toolbar-small {
	background-color: #E8EBF5;
	border-color: #273474;
}

/* Barra inferior de formularios y ventanas ("buttons"): un solo botón principal.
 * El último botón (Guardar, Aceptar…) queda en azul Uniempresarial; los demás
 * (Cancelar, Más tarde…) pasan a blanco con borde. */
body:not(.uniemp-login) .x-toolbar-footer .x-btn-default-small {
	background-color: #FFFFFF;
	border-color: #CBD2DE;
}

body:not(.uniemp-login) .x-toolbar-footer .x-btn-default-small .x-btn-inner-default-small {
	color: #2D3748;
}

body:not(.uniemp-login) .x-toolbar-footer .x-btn-default-small .x-btn-icon-el-default-small {
	color: #273474;
}

body:not(.uniemp-login) .x-toolbar-footer .x-btn-over.x-btn-default-small {
	background-color: #F7FAFC;
	border-color: #B4BCCB;
}

body:not(.uniemp-login) .x-toolbar-footer a.x-btn-default-small:last-of-type {
	background-color: #273474;
	border-color: #273474;
}

body:not(.uniemp-login) .x-toolbar-footer a.x-btn-default-small:last-of-type .x-btn-inner-default-small,
body:not(.uniemp-login) .x-toolbar-footer a.x-btn-default-small:last-of-type .x-btn-icon-el-default-small {
	color: #FFFFFF;
}

body:not(.uniemp-login) .x-toolbar-footer a.x-btn-over.x-btn-default-small:last-of-type {
	background-color: #1B2558;
	border-color: #1B2558;
}

/* Ext.Msg (Sí / No / Aceptar / Cancelar): el orden interno es OK, Sí, No,
* Cancelar, así que la acción principal es el PRIMER botón visible. */
body:not(.uniemp-login) .x-message-box .x-toolbar-footer a.x-btn-default-small,
body:not(.uniemp-login) .x-message-box .x-toolbar-footer a.x-btn-default-small:last-of-type {
	background-color: #273474;
	border-color: #273474;
}

body:not(.uniemp-login) .x-message-box .x-toolbar-footer a.x-btn-default-small .x-btn-inner-default-small {
	color: #FFFFFF;
}

body:not(.uniemp-login) .x-message-box .x-toolbar-footer a.x-btn-default-small:not([style*="display: none"]) ~ a.x-btn-default-small {
	background-color: #FFFFFF;
	border-color: #CBD2DE;
}

body:not(.uniemp-login) .x-message-box .x-toolbar-footer a.x-btn-default-small:not([style*="display: none"]) ~ a.x-btn-default-small .x-btn-inner-default-small {
	color: #2D3748;
}

body:not(.uniemp-login) .x-btn.x-btn-disabled.x-btn-default-small {
	background-color: #273474;
}

/* Botón de usuario (esquina superior derecha) */
body:not(.uniemp-login) .button-menu-home {
	background-color: #FFFFFF !important;
	border-color: #E2E7F0 !important;
	border-radius: 8px 8px 0 0;
}

/* Franja "Powered by" bajo el botón de usuario: Default/index.html.twig copia en
 * línea el color de .x-tab-bar-default; se fija el azul oscuro para que su
 * texto blanco siempre sea legible. */
body:not(.uniemp-login) #datasae-footer {
	background-color: #1B2558 !important;
}

body:not(.uniemp-login) .button-menu-home.x-btn-over {
	background-color: #F7FAFC !important;
}

body:not(.uniemp-login) .button-menu-home .x-btn-wrap .x-btn-button .x-btn-inner-default-small {
	color: #2D3748;
}

body:not(.uniemp-login) .button-menu-home .x-btn-wrap-default-small.x-btn-arrow-right:after {
	color: #4A5568;
}

body:not(.uniemp-login) .button-menu-home .x-btn-wrap .x-btn-button .x-btn-icon-el {
	color: #273474;
}


/* -----------------------------------------------------------------------------
 * MENÚ LATERAL (treelist): azul oscuro, opción activa con barra roja
 * -------------------------------------------------------------------------- */
body:not(.uniemp-login) .x-treelist-nav,
body:not(.uniemp-login) .x-treelist-nav .x-treelist-toolstrip,
body:not(.uniemp-login) .treelist-with-nav .x-panel-body {
	background-color: #1B2558;
}

body:not(.uniemp-login) .treelist-with-nav .x-panel-body {
	border-right: 1px solid #1B2558;
}

body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-text {
	color: #E6EAF4;
	font-weight: 400;
}

body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-icon,
body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-expander,
body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-tool {
	color: #A9B3D6;
}

body:not(.uniemp-login) .x-treelist-nav .x-treelist-row-over {
	background-color: #161F4D;
}

body:not(.uniemp-login) .x-treelist-nav .x-treelist-row-over:before,
body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-selected > .x-treelist-row-over:before {
	background-color: #EA0029;
}

body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-selected > .x-treelist-row,
body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
	background-color: #2C3A80;
}

body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-selected > .x-treelist-row:before,
body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-tool-floated:after {
	background-color: #EA0029;
}

body:not(.uniemp-login) .x-treelist-item-selected .x-treelist-row .x-treelist-item-wrap .x-treelist-item-text {
	color: #FFFFFF;
	font-weight: 700;
}

body:not(.uniemp-login) .x-treelist-item-selected .x-treelist-row .x-treelist-item-wrap .x-treelist-item-icon,
body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
	color: #48AAD3;
}

/* Menú flotante en modo compacto */
body:not(.uniemp-login) .x-treelist-nav.x-treelist-floater,
body:not(.uniemp-login) .x-treelist-nav .x-treelist-floater {
	background-color: #1B2558;
	box-shadow: 0 8px 24px rgba(18, 26, 69, 0.35);
}

/* Pie del menú lateral y botón para compactarlo */
body:not(.uniemp-login) .treelist-with-nav .x-toolbar-default {
	background-color: #1B2558;
	border-color: #1B2558;
}

body:not(.uniemp-login) .treelist-with-nav .x-btn-default-small,
body:not(.uniemp-login) .treelist-with-nav .x-btn-default-toolbar-small {
	background-color: #1B2558;
	border-color: #2F3C78;
}

body:not(.uniemp-login) .treelist-with-nav .x-btn-default-small .x-btn-icon-el-default-small,
body:not(.uniemp-login) .treelist-with-nav .x-btn-default-toolbar-small .x-btn-icon-el-default-toolbar-small {
	color: #A9B3D6;
}

body:not(.uniemp-login) .treelist-with-nav .x-btn-over.x-btn-default-small,
body:not(.uniemp-login) .treelist-with-nav .x-btn-over.x-btn-default-toolbar-small {
	background-color: #161F4D;
	border-color: #2F3C78;
}

body:not(.uniemp-login) .treelist-with-nav .x-btn-pressed.x-btn-default-small,
body:not(.uniemp-login) .treelist-with-nav .x-btn-pressed.x-btn-default-toolbar-small {
	background-color: #2C3A80;
	border-color: #EA0029;
}

/* Scroll del menú oscuro (WebKit) */
body:not(.uniemp-login) .treelist-with-nav ::-webkit-scrollbar-thumb {
	background-color: #3D4A8A;
}


/* -----------------------------------------------------------------------------
 * VENTANAS EMERGENTES: tarjeta blanca redondeada, encabezado azul Uniempresarial con
 * filete rojo (acento de uniempresarial.edu.co), pie gris
 * -------------------------------------------------------------------------- */
body:not(.uniemp-login) .x-window-default {
	border-color: #273474;
	border-radius: 10px;
}

body:not(.uniemp-login) .x-css-shadow {
	border-radius: 10px;
}

body:not(.uniemp-login) .x-window-header-default,
body:not(.uniemp-login) .x-window-header-default-top {
	background-color: #273474;
	border-color: #273474;
	border-radius: 10px 10px 0 0;
	box-shadow: inset 0 -3px 0 #EA0029;
}

body:not(.uniemp-login) .x-window-header-title-default {
	color: #FFFFFF;
	font-weight: 700;
}

body:not(.uniemp-login) .x-window-header-default .x-tool-img,
body:not(.uniemp-login) .x-window-header-default .x-tool-tool-el {
	background-color: transparent;
	color: #C8CEE6;
}

body:not(.uniemp-login) .x-window-header-default .x-tool-over .x-tool-tool-el {
	color: #FFFFFF;
}

body:not(.uniemp-login) .x-window-header-default .x-window-header-glyph,
body:not(.uniemp-login) .x-window-header-default .x-window-header-icon {
	color: #48AAD3;
}

body:not(.uniemp-login) .x-window-body-default {
	border-color: #FFFFFF;
	color: #2D3748;
}

body:not(.uniemp-login) .x-window-default .x-toolbar-footer {
	background-color: #F7FAFC;
	border-top: 1px solid #E2E7F0;
	border-radius: 0 0 10px 10px;
}

/* Avisos breves (Ext.toast): oscuros, no interrumpen; sin filete */
body:not(.uniemp-login) .x-toast.x-window-default,
body:not(.uniemp-login) .x-toast .x-window-body-default {
	background-color: #121A45;
	border-color: #121A45;
	color: #FFFFFF;
}

body:not(.uniemp-login) .x-toast .x-window-header-default {
	box-shadow: none;
}

/* Tooltips */
body:not(.uniemp-login) .x-tip-default {
	background-color: #121A45;
	border-color: #121A45;
	border-radius: 6px;
}

body:not(.uniemp-login) .x-tip-body-default {
	color: #FFFFFF;
}


/* -----------------------------------------------------------------------------
 * GRILLAS: encabezado gris claro, filas limpias, selección azul tenue
 * -------------------------------------------------------------------------- */
body:not(.uniemp-login) .x-grid-header-ct {
	border-color: #E2E7F0;
}

body:not(.uniemp-login) .x-column-header {
	background-color: #F7FAFC;
	border-color: #E2E7F0;
}

body:not(.uniemp-login) .x-column-header-text-inner,
body:not(.uniemp-login) .x-column-header-inner {
	color: #273474;
	font-weight: 600;
}

body:not(.uniemp-login) .x-column-header-over,
body:not(.uniemp-login) .x-column-header-sort-ASC,
body:not(.uniemp-login) .x-column-header-sort-DESC {
	background-color: #EDF2F7;
}

body:not(.uniemp-login) .x-column-header-trigger {
	background-color: #E2E7F0;
}

body:not(.uniemp-login) .x-grid-cell {
	color: #2D3748;
}

body:not(.uniemp-login) .x-grid-with-row-lines .x-grid-item,
body:not(.uniemp-login) .x-grid-with-row-lines .x-grid-item-alt {
	border-color: #EDF2F7;
}

body:not(.uniemp-login) .x-grid-item-alt {
	background-color: #FFFFFF;
}

body:not(.uniemp-login) .x-grid-row-over .x-grid-cell,
body:not(.uniemp-login) .x-grid-item-over {
	background-color: #F3F6FA;
}

body:not(.uniemp-login) .x-grid-item-selected,
body:not(.uniemp-login) .x-grid-item-selected .x-grid-cell {
	background-color: #E8EBF5 !important;
	border-color: #C8CEE6;
	color: #2D3748;
}

/* Indicador azul Uniempresarial a la izquierda de la fila seleccionada (no depende solo del tinte) */
body:not(.uniemp-login) .x-grid-item-selected .x-grid-cell:first-child {
	box-shadow: inset 3px 0 0 #273474;
}

body:not(.uniemp-login) .x-grid-group-hd {
	background-color: #F7FAFC;
	border-color: #E2E7F0;
}

body:not(.uniemp-login) .x-grid-group-title {
	color: #273474;
	font-weight: 700;
}

/* Barra de paginación y barras de herramientas */
body:not(.uniemp-login) .x-toolbar-default {
	background-color: #FFFFFF;
	border-color: #E2E7F0;
}

body:not(.uniemp-login) .x-toolbar-text-default {
	color: #4A5568;
}


/* -----------------------------------------------------------------------------
 * CAMPOS DE FORMULARIO: borde suave, foco azul Uniempresarial con halo, etiqueta legible
 * -------------------------------------------------------------------------- */
body:not(.uniemp-login) .x-form-item-label-default {
	color: #2D3748;
	font-weight: 600;
}

body:not(.uniemp-login) .x-form-trigger-wrap-default {
	border-color: #CBD2DE;
	border-radius: 6px;
}

body:not(.uniemp-login) .x-form-trigger-wrap-default .x-form-text-default {
	border-radius: 6px;
}

body:not(.uniemp-login) .x-form-trigger-default {
	color: #4A5568;
}

body:not(.uniemp-login) .x-form-trigger-wrap-focus-default,
body:not(.uniemp-login) .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
	border-color: #273474;
	box-shadow: 0 0 0 3px rgba(39, 52, 116, 0.16);
}

body:not(.uniemp-login) .x-form-trigger-wrap-invalid-default,
body:not(.uniemp-login) .x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
	border-color: #C62828;
}

body:not(.uniemp-login) .x-form-text-default.x-form-empty-field-default,
body:not(.uniemp-login) .x-form-empty-field {
	color: #8A94A6;
}

body:not(.uniemp-login) .x-form-invalid-under-default,
body:not(.uniemp-login) .x-form-error-msg {
	color: #C62828;
}

body:not(.uniemp-login) .x-form-cb-checked .x-form-checkbox-default,
body:not(.uniemp-login) .x-form-cb-checked .x-form-radio-default {
	color: #273474;
}

/* Listas desplegables de combos y menús contextuales */
body:not(.uniemp-login) .x-boundlist-item-over {
	background-color: #F3F6FA;
	border-color: #F3F6FA;
}

body:not(.uniemp-login) .x-boundlist-selected {
	background: #E8EBF5;
	border-color: #E8EBF5;
	color: #273474;
}

body:not(.uniemp-login) .x-menu-item-focus .x-menu-item-link-default,
body:not(.uniemp-login) .x-menu-item-active .x-menu-item-link-default,
body:not(.uniemp-login) .x-menu-item-focus.x-menu-item-default,
body:not(.uniemp-login) .x-menu-item-active.x-menu-item-default {
	background-color: #E8EBF5;
}

body:not(.uniemp-login) .x-menu-item-icon-default,
body:not(.uniemp-login) .x-menu-item-glyph-default {
	color: #273474;
}

/* Barra de progreso */
body:not(.uniemp-login) .x-progress-default .x-progress-bar-default {
	background-color: #273474;
}


/* -----------------------------------------------------------------------------
 * SWEETALERT2: una acción principal azul Uniempresarial, secundaria en blanco
 * -------------------------------------------------------------------------- */
body:not(.uniemp-login) .swal2-popup {
	border-radius: 12px;
	border-top: 4px solid #273474;
}

body:not(.uniemp-login) .swal2-title {
	color: #273474;
}

body:not(.uniemp-login) .swal2-styled.swal2-confirm {
	background-color: #273474;
	border-radius: 6px;
}

body:not(.uniemp-login) .swal2-styled.swal2-cancel {
	background-color: #FFFFFF;
	border: 1px solid #CBD2DE;
	border-radius: 6px;
	color: #2D3748;
}

body:not(.uniemp-login) .swal2-styled.swal2-confirm:focus,
body:not(.uniemp-login) .swal2-styled.swal2-cancel:focus {
	box-shadow: 0 0 0 3px rgba(39, 52, 116, 0.28);
}


/* -----------------------------------------------------------------------------
 * GUÍA DE PRIMER USO (intro.js)
 * -------------------------------------------------------------------------- */
body:not(.uniemp-login) .introjs-tooltip {
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(18, 26, 69, 0.20);
	color: #2D3748;
	padding: 16px 18px;
}

body:not(.uniemp-login) .introjs-helperLayer {
	border-radius: 8px;
	outline: 3px solid rgba(234, 0, 41, 0.85);
	outline-offset: 2px;
}

body:not(.uniemp-login) .introjs-helperNumberLayer {
	background: #273474;
	border: 2px solid #EA0029;
	box-shadow: none;
	color: #FFFFFF;
	text-shadow: none;
}

body:not(.uniemp-login) .introjs-tooltipbuttons {
	border-top: 0;
}

body:not(.uniemp-login) .introjs-button {
	background: #FFFFFF;
	background-image: none;
	border: 1px solid #CBD2DE;
	border-radius: 6px;
	box-shadow: none;
	color: #2D3748;
	font-weight: 600;
	text-shadow: none;
}

body:not(.uniemp-login) .introjs-button:hover,
body:not(.uniemp-login) .introjs-button:focus {
	background: #F7FAFC;
	border-color: #B4BCCB;
	box-shadow: none;
	color: #2D3748;
}

body:not(.uniemp-login) .introjs-nextbutton,
body:not(.uniemp-login) .introjs-donebutton {
	background: #273474;
	border-color: #273474;
	color: #FFFFFF;
}

body:not(.uniemp-login) .introjs-nextbutton:hover,
body:not(.uniemp-login) .introjs-nextbutton:focus,
body:not(.uniemp-login) .introjs-donebutton:hover,
body:not(.uniemp-login) .introjs-donebutton:focus {
	background: #1B2558;
	border-color: #1B2558;
	color: #FFFFFF;
}

body:not(.uniemp-login) .introjs-skipbutton {
	background: transparent;
	border-color: transparent;
	color: #2B6CB0;
}

body:not(.uniemp-login) .introjs-skipbutton:hover,
body:not(.uniemp-login) .introjs-skipbutton:focus {
	background: transparent;
	border-color: transparent;
	color: #273474;
}

body:not(.uniemp-login) .introjs-disabled,
body:not(.uniemp-login) .introjs-disabled:hover,
body:not(.uniemp-login) .introjs-disabled:focus {
	background: #FFFFFF;
	border-color: #E2E7F0;
	color: #B4BCCB;
}

body:not(.uniemp-login) .introjs-bullets ul li a {
	background: #CBD2DE;
}

body:not(.uniemp-login) .introjs-bullets ul li a.active {
	background: #273474;
	width: 16px;
}

body:not(.uniemp-login) .introjs-progressbar {
	background-color: #273474;
}


/* -----------------------------------------------------------------------------
 * HOVER CON TEXTO LEGIBLE
 * Menú lateral: sobre el azul oscuro el texto queda blanco y el ícono celeste.
 * Combos y menús contextuales: Triton pone el texto en blanco al pasar el mouse y
 * con los fondos claros de este tema no se vería; se deja oscuro.
 * -------------------------------------------------------------------------- */
body:not(.uniemp-login) .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-text,
body:not(.uniemp-login) .x-treelist-nav.x-treelist-highlight-path .x-treelist-item-over > * > .x-treelist-item-text,
body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over > * > .x-treelist-item-text {
	color: #FFFFFF;
}

body:not(.uniemp-login) .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-icon,
body:not(.uniemp-login) .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-expander,
body:not(.uniemp-login) .x-treelist-nav.x-treelist-highlight-path .x-treelist-item-over > * > .x-treelist-item-icon,
body:not(.uniemp-login) .x-treelist-nav.x-treelist-highlight-path .x-treelist-item-over > * > .x-treelist-item-expander {
	color: #48AAD3;
}

body:not(.uniemp-login) .x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over {
	background-color: #161F4D;
}

body:not(.uniemp-login) .x-boundlist-item-over {
	color: #2D3748;
}

body:not(.uniemp-login) .x-menu-item-focus .x-menu-item-text-default,
body:not(.uniemp-login) .x-menu-item-active .x-menu-item-text-default,
body:not(.uniemp-login) .x-menu-item-focus .x-menu-item-text-default-menubar,
body:not(.uniemp-login) .x-menu-item-active .x-menu-item-text-default-menubar {
	color: #2D3748;
}


/* =============================================================================
 * BARRA SUPERIOR DE MÓDULOS (solo el tabpanel raíz del viewport, no las pestañas
 * de páginas): franja azul Uniempresarial como la barra de navegación de uniempresarial.edu.co; módulos
 * como chips, el activo en blanco con texto azul Uniempresarial.
 * ============================================================================= */
body.x-body:not(.uniemp-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar {
	background-color: #273474 !important;
	background-image: linear-gradient(90deg, #1B2558 0%, #273474 55%, #2F4596 100%) !important;
	border-color: #273474 !important;
	padding: 6px 8px 0;
}

body.x-body:not(.uniemp-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-default {
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 18px !important;
	margin: 0 6px 6px 0 !important;
	padding: 6px 14px !important;
	box-shadow: none;
}

body.x-body:not(.uniemp-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-default .x-tab-inner-default,
body.x-body:not(.uniemp-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-default .x-tab-icon-el-default {
	color: #FFFFFF !important;
	font-weight: 600;
}

body.x-body:not(.uniemp-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab-over.x-tab-default {
	background: rgba(255, 255, 255, 0.10) !important;
	border-color: rgba(255, 255, 255, 0.45) !important;
}

body.x-body:not(.uniemp-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default {
	background: #FFFFFF !important;
	border-color: #FFFFFF !important;
}

body.x-body:not(.uniemp-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default .x-tab-inner-default,
body.x-body:not(.uniemp-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default .x-tab-icon-el-default {
	color: #273474 !important;
	font-weight: 700;
}

body.x-body:not(.uniemp-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-box-scroller-tab-bar-default {
	background-color: #273474;
	color: #FFFFFF;
}