/* =============================================================================
 *  TEMA CORPORATIVO — CORPORACIÓN EDUCATIVA INDOAMERICANA (INSTITUCION = indoamericana)
 *  Misma estructura del tema de UC (theme-uc.css) y coherente con el login de
 *  Indoamericana, con el look & feel de indoamericana.edu.co (institucional
 *  aeronáutico / marítimo, sobrio):
 *    Azul marino         #0B1751  acción principal, navegación activa, barra de módulos, títulos
 *    Azul profundo       #061748  menú lateral, hover/presionado de botones
 *    Azul noche          #050B28  tooltips, avisos, presionado
 *    Azul alterno        #001F54  opción activa del menú lateral
 *    Amarillo Indo       #FFD500  SOLO acento sobre fondos azules: barra de opción activa,
 *                                 módulo activo, filete de ventanas. Nunca texto sobre blanco.
 *    Azul selección      #E8ECF7  fila seleccionada, ítem activo (tinte de #0B1751)
 *    Ámbar / Verde / Rojo estados (#7A5A00 / #1B8A5A / #C62828)
 *    Texto               #32373C  principal / #5E6470 secundario
 *    Superficies         #FFFFFF contenido, #F4F5F8 cabeceras, #ECEEF3 tintes, bordes #DDE1EA
 *  Contraste: blanco sobre #0B1751 = 16.6:1; blanco sobre #061748 = 17.4:1;
 *  #0B1751 sobre #FFD500 = 12.4:1; #0B1751 sobre #E8ECF7 = 14.3:1;
 *  #32373C sobre #FFFFFF = 11.6:1 (todos AA/AAA).
 *
 *  Tipografía: el portal usa Cera (comercial); aquí Montserrat local
 *  (bundles/app/fonts/montserrat) en títulos, pestañas, botones y menú. Las celdas
 *  y campos conservan Open Sans de Triton (más compacta para datos). No se usa una
 *  regla global de font-family: pisaría la fuente de iconos 'ExtJS'.
 *
 *  Solo override de selectores Triton (ExtJS 7.1).
 * ============================================================================= */


/* -----------------------------------------------------------------------------
 * TIPOGRAFÍA
 * -------------------------------------------------------------------------- */
@font-face {
	font-family: 'IndoTemaMontserrat';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/montserrat/Montserrat-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'IndoTemaMontserrat';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/montserrat/Montserrat-Bold.otf') format('opentype');
}

body:not(.indo-login) .x-tab-inner-default,
body:not(.indo-login) .x-btn-inner-default-small,
body:not(.indo-login) .x-btn-inner-default-toolbar-small,
body:not(.indo-login) .x-panel-header-title-default,
body:not(.indo-login) .x-panel-header-title-default-framed,
body:not(.indo-login) .x-window-header-title-default,
body:not(.indo-login) .x-treelist-nav .x-treelist-item-text,
body:not(.indo-login) .x-fieldset-header-text-default,
body:not(.indo-login) .x-fieldset-header-default > .x-fieldset-header-text,
body:not(.indo-login) .x-accordion-hd .x-panel-header-title,
body:not(.indo-login) .x-column-header-text-inner,
body:not(.indo-login) .x-grid-group-title,
body:not(.indo-login) .swal2-title,
body:not(.indo-login) .swal2-styled,
body:not(.indo-login) .introjs-tooltip-title,
body:not(.indo-login) .introjs-button {
	font-family: 'Cera', 'IndoTemaMontserrat', 'Montserrat', 'Segoe UI', sans-serif;
}


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

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

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

body:not(.indo-login) .x-tab-inner-default {
	color: #5E6470;
	font-weight: 600;
}

body:not(.indo-login) .x-tab-icon-el-default,
body:not(.indo-login) .x-tab-default .x-tab-glyph {
	color: #5E6470;
}

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

body:not(.indo-login) .x-tab-over.x-tab-default .x-tab-inner-default {
	color: #32373C;
}

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

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

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

body:not(.indo-login) .x-tab-default .x-tab-close-btn,
body:not(.indo-login) .x-tab-default.x-tab-active .x-tab-close-btn {
	color: #5E6470;
}

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

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


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

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

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

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

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

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

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

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

body:not(.indo-login) .x-accordion-hd .x-tool-img,
body:not(.indo-login) .x-accordion-hd .x-tool-tool-el {
	color: #5E6470;
}

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

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

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


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

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

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

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

body:not(.indo-login) .x-btn.x-btn-menu-active.x-btn-default-small,
body:not(.indo-login) .x-btn.x-btn-pressed.x-btn-default-small {
	background-color: #050B28;
	border-color: #050B28;
}

body:not(.indo-login) .x-btn-focus.x-btn-default-small {
	box-shadow: 0 0 0 3px rgba(11, 23, 81, 0.28);
}

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

body:not(.indo-login) .x-btn-inner-default-toolbar-small {
	color: #32373C;
	font-weight: 600;
}

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

body:not(.indo-login) .x-btn-over.x-btn-default-toolbar-small {
	background-color: #F4F5F8;
	border-color: #B4BBCB;
}

body:not(.indo-login) .x-btn.x-btn-pressed.x-btn-default-toolbar-small,
body:not(.indo-login) .x-btn.x-btn-menu-active.x-btn-default-toolbar-small {
	background-color: #E8ECF7;
	border-color: #0B1751;
}

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

body:not(.indo-login) .x-toolbar-footer .x-btn-default-small .x-btn-inner-default-small {
	color: #32373C;
}

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

body:not(.indo-login) .x-toolbar-footer .x-btn-over.x-btn-default-small {
	background-color: #F4F5F8;
	border-color: #B4BBCB;
}

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

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

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

/* 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(.indo-login) .x-message-box .x-toolbar-footer a.x-btn-default-small,
body:not(.indo-login) .x-message-box .x-toolbar-footer a.x-btn-default-small:last-of-type {
	background-color: #0B1751;
	border-color: #0B1751;
}

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

body:not(.indo-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: #CDD2DE;
}

body:not(.indo-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: #32373C;
}

body:not(.indo-login) .x-btn.x-btn-disabled.x-btn-default-small {
	background-color: #0B1751;
}

/* Botón de usuario (esquina superior derecha) */
body:not(.indo-login) .button-menu-home {
	background-color: #FFFFFF !important;
	border-color: #DDE1EA !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 profundo para que su
 * texto blanco siempre sea legible. */
body:not(.indo-login) #datasae-footer {
	background-color: #061748 !important;
}

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

body:not(.indo-login) .button-menu-home .x-btn-wrap .x-btn-button .x-btn-inner-default-small {
	color: #32373C;
}

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

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


/* -----------------------------------------------------------------------------
 * MENÚ LATERAL (treelist): azul profundo, opción activa con barra amarilla
 * -------------------------------------------------------------------------- */
body:not(.indo-login) .x-treelist-nav,
body:not(.indo-login) .x-treelist-nav .x-treelist-toolstrip,
body:not(.indo-login) .treelist-with-nav .x-panel-body {
	background-color: #061748;
}

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

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

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

body:not(.indo-login) .x-treelist-nav .x-treelist-row-over {
	background-color: #0B1F63;
}

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

body:not(.indo-login) .x-treelist-nav .x-treelist-item-selected > .x-treelist-row,
body:not(.indo-login) .x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
	background-color: #001F54;
}

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

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

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

/* Menú flotante en modo compacto */
body:not(.indo-login) .x-treelist-nav.x-treelist-floater,
body:not(.indo-login) .x-treelist-nav .x-treelist-floater {
	background-color: #061748;
	box-shadow: 0 8px 24px rgba(5, 11, 40, 0.35);
}

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

body:not(.indo-login) .treelist-with-nav .x-btn-default-small,
body:not(.indo-login) .treelist-with-nav .x-btn-default-toolbar-small {
	background-color: #061748;
	border-color: #1A2C73;
}

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

body:not(.indo-login) .treelist-with-nav .x-btn-over.x-btn-default-small,
body:not(.indo-login) .treelist-with-nav .x-btn-over.x-btn-default-toolbar-small {
	background-color: #0B1F63;
	border-color: #1A2C73;
}

body:not(.indo-login) .treelist-with-nav .x-btn-pressed.x-btn-default-small,
body:not(.indo-login) .treelist-with-nav .x-btn-pressed.x-btn-default-toolbar-small {
	background-color: #001F54;
	border-color: #FFD500;
}

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


/* -----------------------------------------------------------------------------
 * VENTANAS EMERGENTES: tarjeta blanca redondeada, encabezado azul marino con
 * filete amarillo (como las franjas del portal), pie gris
 * -------------------------------------------------------------------------- */
body:not(.indo-login) .x-window-default {
	border-color: #0B1751;
	border-radius: 10px;
}

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

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

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

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

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

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

body:not(.indo-login) .x-window-body-default {
	border-color: #FFFFFF;
	color: #32373C;
}

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

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

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

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

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


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

body:not(.indo-login) .x-column-header {
	background-color: #F4F5F8;
	border-color: #DDE1EA;
}

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

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

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

body:not(.indo-login) .x-grid-cell {
	color: #32373C;
}

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

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

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

body:not(.indo-login) .x-grid-item-selected,
body:not(.indo-login) .x-grid-item-selected .x-grid-cell {
	background-color: #E8ECF7 !important;
	border-color: #C6CEE6;
	color: #32373C;
}

body:not(.indo-login) .x-grid-group-hd {
	background-color: #F4F5F8;
	border-color: #DDE1EA;
}

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

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

body:not(.indo-login) .x-toolbar-text-default {
	color: #5E6470;
}


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

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

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

body:not(.indo-login) .x-form-trigger-default {
	color: #5E6470;
}

body:not(.indo-login) .x-form-trigger-wrap-focus-default,
body:not(.indo-login) .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
	border-color: #0B1751;
	box-shadow: 0 0 0 3px rgba(11, 23, 81, 0.16);
}

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

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

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

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

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

body:not(.indo-login) .x-boundlist-selected {
	background: #E8ECF7;
	border-color: #E8ECF7;
	color: #0B1751;
}

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

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

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


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

body:not(.indo-login) .swal2-title {
	color: #0B1751;
}

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

body:not(.indo-login) .swal2-styled.swal2-cancel {
	background-color: #FFFFFF;
	border: 1px solid #CDD2DE;
	border-radius: 6px;
	color: #32373C;
}

body:not(.indo-login) .swal2-styled.swal2-confirm:focus,
body:not(.indo-login) .swal2-styled.swal2-cancel:focus {
	box-shadow: 0 0 0 3px rgba(11, 23, 81, 0.28);
}


/* -----------------------------------------------------------------------------
 * GUÍA DE PRIMER USO (intro.js)
 * -------------------------------------------------------------------------- */
body:not(.indo-login) .introjs-tooltip {
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(5, 11, 40, 0.20);
	color: #32373C;
	padding: 16px 18px;
}

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

body:not(.indo-login) .introjs-helperNumberLayer {
	background: #0B1751;
	border: 2px solid #FFD500;
	box-shadow: none;
	color: #FFFFFF;
	text-shadow: none;
}

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

body:not(.indo-login) .introjs-button {
	background: #FFFFFF;
	background-image: none;
	border: 1px solid #CDD2DE;
	border-radius: 6px;
	box-shadow: none;
	color: #32373C;
	font-weight: 600;
	text-shadow: none;
}

body:not(.indo-login) .introjs-button:hover,
body:not(.indo-login) .introjs-button:focus {
	background: #F4F5F8;
	border-color: #B4BBCB;
	box-shadow: none;
	color: #32373C;
}

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

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

body:not(.indo-login) .introjs-skipbutton {
	background: transparent;
	border-color: transparent;
	color: #1D3A9E;
}

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

body:not(.indo-login) .introjs-disabled,
body:not(.indo-login) .introjs-disabled:hover,
body:not(.indo-login) .introjs-disabled:focus {
	background: #FFFFFF;
	border-color: #DDE1EA;
	color: #B4BBCB;
}

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

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

body:not(.indo-login) .introjs-progressbar {
	background-color: #0B1751;
}


/* -----------------------------------------------------------------------------
 * HOVER CON TEXTO LEGIBLE
 * Menú lateral: sobre el azul profundo el texto queda blanco y el ícono amarillo.
 * 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(.indo-login) .x-treelist-nav .x-treelist-row-over > * > .x-treelist-item-text,
body:not(.indo-login) .x-treelist-nav.x-treelist-highlight-path .x-treelist-item-over > * > .x-treelist-item-text,
body:not(.indo-login) .x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over > * > .x-treelist-item-text {
	color: #FFFFFF;
}

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

body:not(.indo-login) .x-treelist-nav .x-treelist-item-floated > .x-treelist-row-over {
	background-color: #0B1F63;
}

body:not(.indo-login) .x-boundlist-item-over {
	color: #32373C;
}

body:not(.indo-login) .x-menu-item-focus .x-menu-item-text-default,
body:not(.indo-login) .x-menu-item-active .x-menu-item-text-default,
body:not(.indo-login) .x-menu-item-focus .x-menu-item-text-default-menubar,
body:not(.indo-login) .x-menu-item-active .x-menu-item-text-default-menubar {
	color: #32373C;
}


/* =============================================================================
 * BARRA SUPERIOR DE MÓDULOS (solo el tabpanel raíz del viewport, no las pestañas
 * de páginas): franja azul marino como la barra de navegación del portal; módulos
 * como chips, el activo en amarillo Indo con texto azul marino.
 * ============================================================================= */
body.x-body:not(.indo-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar {
	background-color: #0B1751 !important;
	border-color: #0B1751 !important;
	padding: 6px 8px 0;
}

body.x-body:not(.indo-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(.indo-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-default .x-tab-inner-default,
body.x-body:not(.indo-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(.indo-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(.indo-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default {
	background: #FFD500 !important;
	border-color: #FFD500 !important;
}

body.x-body:not(.indo-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(.indo-login) > .x-panel > .x-panel-bodyWrap > .x-tab-bar .x-tab.x-tab-active.x-tab-default .x-tab-icon-el-default {
	color: #0B1751 !important;
	font-weight: 700;
}

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