@charset "UTF-8";
/*
  Nuevos estilos ESPASEM conversando con BOOTSTRAP para Aplicaciones
  ( para ser estandarizado en todas las aplicaciones )
  Archivo Base en SEI - Asistencia
*/

/* 
  Colores ESPASEMSAC (Logo)

  Rojo   : #B22D30 rgb(178,  45, 48)    LOGO Rojo
  Dorado : #D3AC4D rgb(211, 172, 77)    LOGO Dorado
  Azul   : #064B75 rgb(  6,  75, 117)   LOGO Azul 

  Colores Controles

  Azul    : #000066   Azul ESPASEMSAC       rgb(1,0,102)
  Naranja : #FF6600   Naranja ESPASEMSAC    rgb(255,102,0)
  Rojo    : #AF2D30   Rojo ESPASEMSAC       
  Plomo   : #808080   Plomo ESPASEMSAC      rgb(128,128,128)
  Dorado  : #CC9900   Dorado ESPASEMSAC     rgb(204, 153, 0)

  Variaciones

  Azul 01 : #F1F1FF
  Azul 02 : #E5E5FF
  Azul 03 : #D7D7FF
  Azul 04 : #CBCBFF
  Azul 05 : #BFBFFF
  Azul 06 : #B1B1FF
  Azul 07 : #A5A5FF
  Azul 08 : #9797FF
  Azul 09 : #8B8BFF
  Azul 10 : #7F7FFF
  Azul 12 : #6566ff
  Azul 15 : #3f3fff

  Plomo 05  : #F0F0F0
  Plomo 10  : #E6E6E6
  Plomo 15  : #DDDDDD
  Plomo 20  : #CCCCCC
  Plomo 30  : #B3B3B3
  Plomo 40  : #999999
  Plomo 50  : #808080

  Naranja 01  : #FFF6F1
  Naranja 02  : #FFEEE5
  Naranja 03  : #FFE6D7
  Naranja 04  : #FFDECB
  Naranja 05  : #FFD7BF
  Naranja 10  : #FFB07F
  Naranja 15  : #FE883E   rgb(254,136,62)
  
  Dorado 01 : #FFFBF1
  Dorado 02 : #FFF8E5
  Dorado 03 : #FFF4D7
  Dorado 04 : #FFF1CB
  Dorado 05 : #FFEDBF
  Dorado 10 : #FFDC7F

  Colores para Reportes

  Naranja : #FF6600   Naranja ESPASEMSAC -- Resaltar datos Muy intenso
  
  
  Rojo    : #ec1c24  -- Resaltar datos intenso
  Rojo    : #ffacaf  -- Resaltar datos
  Rojo    : #ffd0d1  -- Resaltar linea
  Rojo    : #eecfbe  -- Fondo Rojo
  
  Naranja : #FE883E  -- Resaltar datos intenso
  Naranja : #FFB07F  -- Resaltar datos
  Naranja : #FFD7BF  -- Resaltar linea

  Verde   : #008000  -- Resaltar datos intenso
  Verde   : #b6ffb6  -- Resaltar linea
  Verde   : #b6ffb6  -- Resaltar linea


  Color anterior de cabeceras
  #5D7B9D
*/


:root {
  /* No se pueden ver en el Visual Studio, solo los muestra en ejecución */
  --bs-espasem-azul: #000066; /* Azul ESPASEMSAC */
  --bs-espasem-Naranja: #FF6600; /* Naranja ESPASEMSAC */
  --bs-espasem-rojo: #AF2D30; /* Rojo ESPASEMSAC */
  --bs-espasem-plomo: #808080; /* Plomo ESPASEMSAC */
  --bs-espasem-dorado: #CC9900; /* Dorado ESPASEMSAC */
  /*--bs-body-font-size: 1rem;*/

  /* Cambiando colores del Bootstrap 5*/
  --bs-primary: --bs-espasem-azul;
}

html {
  font-family: Arial, Helvetica, sans-serif;
  /**/
  /*font-size: 12px;*/ /* Nuevo  20/10/2023*/
  font-size: 0.8rem;  /* 16px tamaño comunmente definido por los navegadores (0.8rem se acerca a los 12px que uso) */
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  /**/
}

.espfont-size {
  font-size: 0.8rem !important;
}

/* Etiquetas */

.espEtiquetaAplicacion {
  /*font-size: 22px;*/
  font-size: 1.7rem;
  font-style: italic;
  color: #000066; /* Azul ESPASEM*/
  /**/
}

.espEtiqueta,
.espEtiquetaCentrada {
  text-align: right;
  padding: 2px;
  margin: 0px 1px 0px 0px;
  border-collapse: collapse;
  /* Cambios */
  /*border: 1px solid fuchsia;*/
}

.espEtiquetaCentrada {
  text-align: center;
  /* Cambios */
  border: 1px solid fuchsia;
}

.espEtiquetaTitulo {
  /*font-size: 18px;*/
  font-size: 1.5rem;
  font-style: italic;
  text-decoration: underline;
  color: #000066; /* Azul ESPASEMSAC */
  /**/
}

.espEtiquetaPie {
  font-style: italic;
  font-size: 14px;
  color: #f0f0f0; /* Blanco */
}

.espEtiquetaLogin {
  font-size: 12px;
  font-style: italic;
  color: #000066 !important; /* Azul ESPASEMSAC */
  padding-top: 18px;
}

.espEtiquetaMensajes {
  text-align: left;
  color: #AF2D30; /* Rojo ESPASEMSAC */
}

.espEtiquetaAvisoGrandeVerde {
  font-size: 14px;
  font-weight: normal;
  color: #008080;
  text-decoration: underline;
}


/* Textos (Formato) */

.text-espAzul {
  color: #000066 !important; /* Azul ESPASEMSAC */
}

.text-espRojo {
  color: #AF2D30 !important; /* Rojo ESPASEMSAC */
}

.text-espNaranja {
  color: #FF6600 !important; /* Naranja ESPASEMSAC */
}

.text-espPlomo {
  color: #808080 !important; /* Plomo ESPASEMSAC */
}

.text-espMagenta {
  color: #920092 !important; /* Magenta */
}

.text-espBlanco {
  color: white !important; /* Blanco*/
}

.text-espHide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* Fondos */
.bg-espFondo {
  background-color: #f8f9fa !important; /* Fondo de toda la Aplicación */
  /*background-color: #E5E5FF !important;*/ /* ESPASEMSAC - Azul 02 */
}

.bg-espAzul {
  background-color: #000066 !important; /* Azul ESPASEMSAC */
  color: white !important;
}

.bg-espRojo {
  background-color: #AF2D30 !important; /* Rojo ESPASEMSAC */
  color: white !important;
}

.bg-espNaranja {
  background-color: #ff6600 !important; /* Naranja ESPASEMSAC */
  color: white !important;
}

.bg-espPlomo {
  background-color: #808080 !important; /* Plomo ESPASEMSAC */
  color: white !important;
}

.bg-espPlomo-15 {
  background-color: #DDDDDD !important; /* Plomo 15 ESPASEMSAC */
  color: white !important;
}

.bg-espPlomo-20 {
  background-color: #CCCCCC !important; /* Plomo 20 ESPASEMSAC */
  color: white !important;
}

.bg-espPlomo-30 {
  background-color: #B3B3B3 !important; /* Plomo 30 ESPASEMSAC */
  color: white !important;
}

.bg-espDorado {
  background-color: #CC9900 !important; /* Dorado ESPASEMSAC */
  color: white !important;
}

.bg-espNegro {
  background-color: black !important; /* Negro */
  color: white !important;
}


/* * Tabla * */

.espTabla {
  font-family: inherit;
  font-size: 14px;
  font-size: 12px;  /* Nuevo 20/10/2023*/
  margin: 0px;
  border-collapse: collapse;
  padding: 0px;
  /*border-spacing: 0px;*/
  width: 100%;
  /**/
  /*border: 1px solid red;*/
}

/* Tabla - Filas (tr) */

.espTabla_filaHide {
  font-size: 0.02em;  /* tamaño relativo al fuente, es un % del padre */
  box-sizing: border-box;
  visibility: collapse;
}

/* Tabla - Columnas (Celdas td) */
.espTabla_colEspera,
.espTabla_colTitulo,
.espTabla_colCabecera,
.espTabla_colFiltro,
.espTabla_colDatos,
.espTabla_colTabla,
.espTabla_colOpciones,
.espTabla_colOpcionesReporte,
.espTabla_colReporte,
.espTabla_colMensajes {
  /*font-size: 1em;*/
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  border: none;
  /**/
  border-collapse: collapse;
  /*  border: 1px solid;
  border-color: blueviolet;*/
}

.espTabla_colEspera {
  text-align: center;
  /*font-size: 0.8em;*/
  /*font-size: 1em;*/
  width: 1.8em;
  /**/
  /*border: 1px solid red;*/
}


.espTabla_colTitulo {
  text-align: left;
}

.espTabla_colCabecera,
.espTabla_colFiltro,
.espTabla_colDatos {
  padding: 3px 0px;
  border-bottom-width: thin;
  border-bottom-style: solid;
  /*border-bottom-color: #000066;*/ /* Azul EspAsEmSac */
  border-bottom-color: var(--bs-espasem-azul); /* Azul EspAsEmSac */
}


.espTabla_colTabla {
  text-align: center;
  vertical-align: top;
  border-top: thin solid #000066; /* Azul EspAsEmSac */
  border-bottom: thin solid #000066; /* Azul EspAsEmSac */
  /* Cambios */
  /*border: 2px solid greenyellow;*/
}

.espTabla_colOpciones,
.espTabla_colOpcionesReporte {
  font-size: 0.85em;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  padding: 5px 1px 4px;
}

.espTabla_colOpcionesReporte {
  text-align: left;
  border-top: solid;
  border-top-width: thin;
  border-top-color: #000066; /* Azul EspAsEmSac */
}

.espTabla_colReporte {
  padding: 0px;
}

.espTabla_colMensajes {
  text-align: left;
  color: #AF2D30; /* Rojo ESPASEMSAC */
  background-color: #eecfbe;  /* Fondo Rojo*/
}


.espTabla_colDerecha,
.espTabla_colIzquierda,
.espTabla_colIzquierdaTitulo,
.espTabla_colCentrada,
.espTabla_colBoton {
  font-size: 12px;
  margin: 0px;
  padding: 1px 0px;
  border: none;
  vertical-align: middle;
  border-collapse: collapse;
  /**/
/*    border: 1px solid;
  border-color: blue;*/
}

.espTabla_colCentrada {
  text-align: center;
}

.espTabla_colDerecha {
  text-align: right;
}

.espTabla_colIzquierda,
.espTabla_colIzquierdaTitulo {
  text-align: left;
}

.espTabla_colBoton {
  text-align: left;
  padding-left: 4px;
}

/* Controles */
.controlBoton,
.controlBotonTresPuntos{
  /*font-size: 12px;*/
  background-color: #CCCCCC; /* Plomo 20 */
  color: #000066; /* Azul ESPASEMSAC */
  text-align: center;
  white-space: nowrap;
  margin: 0px;
  padding: 2px 4px;
  border: 1px solid #808080; /* Plomo 50 */
  border-radius: 3px;
  /* CAMBIOS */
  /*border: 1px solid blue;*/
}

  .controlBotonTresPuntos {
    padding: 2px 4px;
  }

  .controlBoton:hover, 
  .controlBotonTresPuntos:hover {
    cursor: pointer;
    background-color: #000066; /* Azul Marino Oscuro */
    color: #FFFFFF; /* Plomo 0 */
  }

  .controlBoton:active,
  .controlBotonTresPuntos:active,
  .controlBotonDescarga:active {
    transform: scale(0.9);
  }

  .controlBoton:disabled,
  .controlBotonTresPuntos:disabled {
    cursor: not-allowed;
    color: #3f3fff; /* Azul 15 */
    background-color: #D7D7FF; /* Azul 03 */
  }

/*.controlBotonDescarga {
  background-image: url(../Imagenes/descarga-A.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  width: 30px;
  border: none;*/
  /**/
  /*border: 1px solid red;*/
/*}*/

/*  .controlBotonDescarga:hover {
    cursor: pointer;
    background-image: url(../Imagenes/descarga-A1.png);
    background-origin: padding-box;
  }*/

/*.controlBotonBorra {
  background-image: url('../Imagenes/icons8-trash-can-40.png');
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 100% 100%;
  width: 22px;
  height: 22px;
  border: none;
  padding: 0px;*/
  /* */
  /*border: 1px solid red;*/
  /*color: transparent;
}*/

  /*.controlBotonBorra:hover {
    cursor: pointer;
    background-image: url('../Imagenes/icons8-trash-can-40-A.png');*/
    /* */
    /*border: 1px solid blue;*/
  /*}*/


.controlPanel {
  font-size: 0.9rem;
  border-collapse: separate;
  /*border-spacing: 1px;*/
  /*border-color: transparent;*/
  /*border-bottom-width: 2px;*/
  border: hidden;
  margin: 2px;
  outline-style: hidden;
  text-decoration: solid;
  padding-bottom: 2px;
  background-color: inherit;
  vertical-align: top;
  width: 100%;
}

.controlTextBox,
.controlTextBox_Alerta,
.controlTextBox_Centrado,
.controlTextBox_Filtro,
.controlTextBox_Filtro15,
.controlTextBox_Filtro20,
.controlTextBox_Numero,
.controlTextBox_NumeroCorto,
.controlTextBox_NumeroLargo {
  font-family: inherit;
  /*font-size: 12px;*/
  text-align: left;
  padding: 2px;
  margin: 0px;
  margin-left: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(128, 128, 128, 0.4);
  vertical-align: middle;
  /**/
  /*border-color: darkgreen;*/
}

.controlTextBox_Alerta {
  color: red;
  font-weight: bold;
  background-color: white;
}

.controlTextBox_Centrado {
  text-align: center;
}

.controlTextBox_Filtro {
  width: 140px;
  padding-left: 4px;
}

.controlTextBox_Filtro15 {
  width: 120px;
  padding-left: 4px;
}

.controlTextBox_Filtro20 {
  width: 160px;
  padding-left: 4px;
}

.controlTextBox_Numero,
.controlTextBox_NumeroCorto,
.controlTextBox_NumeroLargo {
  text-align: right;
  width: 75px;
  padding-right: 2px;
}

.controlTextBox_NumeroCorto {
  width: 65px;
}

.controlTextBox_NumeroLargo {
  width: 85px;
}

  .controlTextBox:disabled,
  .controlTextBox_Alerta:disabled,
  .controlTextBox_Centrado:disabled,
  .controlTextBox_Filtro:disabled,
  .controlTextBox_Filtro15:disabled,
  .controlTextBox_Filtro20:disabled,
  .controlTextBox_Numero:disabled,
  .controlTextBox_NumeroCorto:disabled,
  .controlTextBox_NumeroLargo:disabled {
    background-color: #FFE6D7; /* Naranja 03 */
  }

.controlCheckBox,
.controlRadioButton {
  /*font-size: 12px;*/
  /*font-size: 1rem;*/
  text-align: left;
  padding: 2px;
  margin: 2px;
  /* Cambios */
  /*border: 1px solid green;*/
}

.controlRadioButton {
  border-collapse: collapse;
  padding-top: 25px;
  /*border: 1px solid red;*/
}

.controlCheckBoxSel {
  padding: 0px;
  margin: 0.01px;
  border: none;
  margin: auto;
  
  /*border: 1px solid red;*/
}

.controlDropDownList,
.controlDropDownList_Año,
.controlDropDownList_Periodo {
  /*font-size: 12px;*/
  text-align: left;
  padding: 2px 0px 2px 1px;
  margin: 0px;
  border: 1px solid rgba(128, 128, 128, 0.5);
  border-radius: 3px;
}

.controlDropDownList_Año {
  width: 60px;
  text-align:center;
}

.controlDropDownList_Periodo {
  width: 120px;
}

.controlReporte {
  border-width: 2px;
  border-style: none;
  background-color: white;
  width: 100%;
  height: 100%;
}




/* Control - GridView */
.controlGridView {
  font-family: inherit;
  /*font-size: 12px;*/
  font-weight: normal;
  background-color: #CCCCCC; /* Plomo 20  : #CCCCCC */
  color: #333333; /* Plomo 80 (#333333) */
  /* Cambios */
}

  .controlGridView a {
    color: white;
    text-decoration: underline;
  }

.controlGridView_HeaderStyle,
.controlGridViewPopUp_HeaderStyle {
  /*font-size: 12px;*/
  font-weight: normal;
  background-color: #808080; /* Plomo */
  color: white;
  /* Cambios */
}


.controlGridView_PagerStyle,
.controlGridViewPopUp_PagerStyle {
  /*font-size: 12px;*/
  margin: 0px;
  padding: 0px;
  color: white;
  background-color: #808080; /* Plomo */
  /* Cambios */
}

/*.controlGridViewPopUp-HeaderStyle {
  background-color: #000066;*/ /* Azul EspAsEmSac */
/*}*/
/*.controlGridViewPopUp-PagerStyle {
  background-color: #000066;*/ /* Azul EspAsEmSac */
/*}*/


.controlGridView_RowStyle,
.controlGridView_AlternatingRowStyle,
.controlGridViewPopUp_RowStyle,
.controlGridViewPopUp_AlternatingRowStyle {
  /*font-size: 12px;*/
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  /* Cambios */
}

.controlGridView_AlternatingRowStyle,
.controlGridViewPopUp_AlternatingRowStyle {
  background-color: white;
}

  .controlGridView_RowStyle:hover,
  .controlGridView_AlternatingRowStyle:hover,
  .controlGridViewPopUp_RowStyle:hover,
  .controlGridViewPopUp_AlternatingRowStyle:hover {
    background-color: #FFB07F; /* Naranja 10  : #FFB07F */
  }

.controlGridView_SelectedRowStyle,
.controlGridViewPopUp_SelectedRowStyle {
  /*font-size: 12px;*/
  color: white;
  background-color: #7F7FFF; /* Azul 10 */
  /* Cambios */
}

.controlGridView_EmptyDataRowStyle,
.controlGridViewPopUp_EmptyDataRowStyle {
  /*font-size: 12px;*/
}


/* GridView (Dataset) - Filas */

.controlGridView_filaSel,
.controlGridView_filaCentrada,
.controlGridView_filaCodigo,
.controlGridView_filaDescripcion,
.controlGridView_filaImporte,
.controlGridView_filaFecha,
.controlGridView_filaCheckBox {
  text-align: center;
  border: none;
  padding: 0px;
  margin: 0px;
  /**/
}

.controlGridView_filaSel {
  /*font-size: 12px;*/
  background-color: #808080; /* Plomo */
  color: white;
  padding: 2px 4px;
  margin: 0px 2px;
  border-radius: 3px;
  /**/
}

  .controlGridView_filaSel:hover {
    cursor: pointer;
    background-color: #000066; /* Azul Marino Oscuro */
  }

  .controlGridView_filaSel:active {
    transform: scale(0.9);
  }

.controlGridView_filaCentrada {
  text-align: center;
}

.controlGridView_filaCodigo {
  text-align: center;
}

.controlGridView_filaDescripcion {
  text-align: left;
  padding-left: 2px;
}

.controlGridView_filaImporte {
  text-align: right;
  padding-right: 2px;
}

.controlGridView_filaFecha {
  text-align: center;
  width: 70px;
}

.controlGridView_filaCheckBox {
  text-align: center;
  width: 30px;
}


/* * ==> COMPLEMENTOS (revisar si aun sirven 2025-05-13) <== * */

/* padding ( Bootstrap v5.1.2 (https://getbootstrap.com/) ) */

/* */


/* Configuración del Menu de Opciones */
.esp-StaticSelectedStyle {
  color: #507CD1;
}

.esp-StaticMenuItemStyle {
  border: 1px solid red;
}

.esp-DynamicSelectedStyle {
  background-color: var(--bs-espasem-rojo);
}

.esp-StaticHoverStyle {
  background-color: var(--bs-espasem-rojo);
  background-color: #AF2D30;
}

/* ----------------------------------------- */
/* > > * * ADAPTACIONES AL BOOTSTRAP * * < < */
/* ----------------------------------------- */
/*.navbar-brand {
  font-size: 2.5rem;
  padding-top: 0.3rem;
  padding-bottom: 0.2rem;*/

  /*font-size:12px;*/
/*}*/

  .navbar {
  --bs-navbar-color: white;
  padding: 2px;
}

.nav-link {
  /*background-color: var(--bs-espasem-dorado);*/
  /*background-color: var(--bs-espasem-Naranja);*/
  /*border-radius: 4px;*/
  padding: 2px;
}

  .nav-link:hover, .nav-link:focus {
    background-color: var(--bs-espasem-rojo);
  }

.dropdown-item {
  background-color: black;
  color: white;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: white;
  background-color: var(--bs-espasem-rojo);
}

/* *** INICIO - manejo de submenu *** */
/* Estilos CSS necesarios para soportar menús de múltiples niveles */

.dropdown-menu {
  background-color: black;
}

/* Estilos base para los submenús anidados */
.dropdown-submenu {
  position: relative;
}

  /* Flecha para indicar que hay un submenú */
  .dropdown-submenu > .dropdown-item.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
  }

  /* Posicionamiento de submenús nivel 2 y superior */
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    /*margin-top: -0.5rem;*/
    margin-left: 0;
    border-radius: 0.5rem;
    /*background-color: var(--bs-espasem-Naranja);*/
  }

  /* Mostrar submenu al hacer hover (opcional) */
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }

/* Para dispositivos móviles necesitaremos JavaScript */
@media (max-width: 991.98px) {
  .dropdown-menu .dropdown-menu {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
/* *** FIN - manejo de submenu *** */

/* Reescritas por Espasem */

.btn-primary {
  --bs-btn-bg: var(--bs-espasem-azul);
}

  .btn-espPlomo {
  --bs-btn-color: #000066; /* Azul */
  --bs-btn-bg: #CCCCCC; /* Plomo 20 */
  --bs-btn-border-color: #064B76; /* Azul EspAsEmSac */

  --bs-btn-hover-color: #fff; /* Blanco */
  --bs-btn-hover-bg: #064B76; /* Azul EspAsEmSac */
  --bs-btn-hover-border-color: #CCCCCC; /* Plomo 20 */

  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff; /* Blanco */
  --bs-btn-active-bg: #064B76; /* Azul EspAsEmSac */
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff; /* Blanco */
  --bs-btn-disabled-bg: #CCCCCC; /* Plomo 20 */
  --bs-btn-disabled-border-color: #064B76; /* Azul EspAsEmSac */
}


/* *** FIN *** */



/* * Modal Popup * */

.modalPopup {
  font-family: inherit;
  /*font-size: 1rem;*/
  border: 1px solid #00008C; /* Azul 10 */
  background-color: #F1F1FF; /* Azul 2 */
  padding: 1px;
  margin: 0px;
}

  .modalPopup p {
    padding: 5px;
  }

.modalBackground {
  background-color: #7F7FFF; /* Azul 10 */
  filter: opacity(80%);
  opacity: 0.8;
}



/* Textbox Watermark */
.watermarked {
  background-color: #FFF4D7; /* Dorado 03 */
  color: hsl(20, 80%, 60%);
}

.espValidador {
  display: none;
}

.espHighlightCssClass {
  color: hsl(20, 80%, 60%);
  animation: movAlerta 1s infinite;
}

@keyframes movAlerta {
  80% {
    color: red;
    font-weight: 600;
  }
}


.espHighlightCssClass {
  color: hsl(20, 80%, 60%);
  animation: movAlerta 1s infinite;
}

@keyframes movAlerta {
  80% {
    color: red;
    font-weight: 600;
  }
}

/* Eliminar para que se use el mensaje por defecto del Ajax */
.espValidatorCalloutExtender {
  font-family: inherit;
  font-size: 14px !important;
  color: red !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #00008C !important; /* Azul 10 */
  background-color: #FFDECB !important; /* Naranja 04 */
}


/*   * * TEMPORALES (usados para el diseño) * * */
.esp-borde-color-azul {
  border: 1px solid blue;
  /**/
  /*margin: 0px;*/
}

.esp-borde-color-rojo {
  border: 1px solid red;
  /**/
  /*margin: 0px;*/
}

.esp-borde-color-naranja {
  border: 1px solid orange;
  /**/
  /*margin: 0px;*/
}


.w-30 {
  width: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.w-90 {
  width: 90% !important;
}