@charset "UTF-8";

: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-espasem-azul-05: #BFBFFF; /* Azul 05 ESPASEMSAC */
  --bs-espasem-azul-10: #7F7FFF; /* Azul 10 ESPASEMSAC */
  --bs-espasem-azul-15: #3f3fff; /* Azul 15 ESPASEMSAC */

  --bs-espasem-Naranja-03: #FFE6D7; /* Naranja 03 ESPASEMSAC */
  --bs-espasem-Naranja-05: #FFD7BF; /* Naranja 05 ESPASEMSAC */
  --bs-espasem-Naranja-10: #FFB07F; /* Naranja 10 ESPASEMSAC */
  --bs-espasem-Naranja-15: #FE883E; /* Naranja 15 ESPASEMSAC */

  --bs-espasem-dorado-04: #FFF1CB; /* Dorado 04 ESPASEMSAC */
  --bs-espasem-dorado-05: #FFEDBF; /* Dorado 05 ESPASEMSAC */
  --bs-espasem-dorado-10: #FFDC7F; /* Dorado 10 ESPASEMSAC */
  /*--bs-body-font-size: 1rem;*/
}

html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8.5pt;
}

* {
  box-sizing: border-box;
}

/* 
  Colores ESPASEMSAC 

  Color Rojo   : #B22D30 rgb(178,  45, 48) 
  Color Dorado : #D3AC4D rgb(211, 172, 77)
  Color Azul   : #064B76 rgb(  6,  75, 118)

  Variaciones BorderColor="White" BorderStyle="Solid" BorderWidth="1px" 

  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


  Color anterior de cabeceras
  #5D7B9D

*/

/*
  Para los Reportes (colores para las filas)
  Naranja, #ffe1b4
  Rojo, #ffdcdc

*/

/* Color Texto #122372 */
/* Color Fondo #E6EAFB */
/* Color Fondo PopUp #E5E5E5 */

/* Color Azul  #001a72 rgb(0, 26, 114) */
/* Color Rojo  #80171f rgb(128, 23, 31) */
/* Color Texto #122372  - Azul */
/* Color Fondo #E6EAFB  - Azul Claro */
/* Color Fondo PopUp #E5E5E5 */


/* Color Dorado  #CC9933 rgb(204, 153, 51) */
/* Color Plomo   #808080 rgb(128, 128, 128) */
/* Color Rojo    #990000 rgb(153, 0, 0) */
/* Color Naranja  #CC3300 rgb(204, 51, 0)*/
/* Color Azul Tormenta      #330099 rgb(51,  0, 153) */
/* Color Azul Marino        #003399 rgb( 0, 51, 153) */
/* Color Azul Marino Oscuro #000066 rgb( 0,  0, 102) */

/* Azul    #000066 rgb(  0,   0, 102)  (Azul Marino Oscuro) */
/* Dorado  #CC9900 rgb(204, 153,   0)  */
/* Plomo   #808080 rgb(128, 128, 128) */
/* Naranja #FF6600 rgb(255, 102,   0)  (Naranja) */


/* Página Principal  */
.BordeRojoAzul {
  padding: .5px;
  margin: .5px;
  border-top-color: #B22D30;
  border-bottom-color: #122372;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: thin;
  border-bottom-width: thin;
}

.BordeRojoNada {
  padding: .5px;
  margin: .5px;
  border-top-color: #CC3300;
  border-top-style: solid;
  border-top-width: thin;
}

.BordeNadaAzul {
  padding: .5px;
  margin: .5px;
  border-bottom-color: #122372;
  border-bottom-style: solid;
  border-bottom-width: thin;
}

/* Página Principal Bordes - ESPASEM */
.BordeNadaNaranja {
  padding: .5px;
  margin: .5px;
  border-bottom-color: #ff6600; /* Naranja */
  border-bottom-style: solid;
  border-bottom-width: thin;
}

.BordeNaranjaPlomo {
  padding: .5px;
  margin: .5px;
  border-top-color: #ff6600; /* Naranja */
  border-top-style: solid;
  border-top-width: thin;
  border-bottom-color: #808080; /* Plomo */
  border-bottom-style: solid;
  border-bottom-width: thin;
  background-color: #F0F0F0;
  /* Nuevo */
  background-color: #F1F1FF !important; /* ESPASEMSAC - Azul 01 */
  /*background-color: #E5E5FF !important;*/ /* ESPASEMSAC - Azul 02 */
}

.BordeNadaPlomo {
  padding: .5px;
  margin: .5px;
  border-top-color: none;
  border-top-style: none;
  border-top-width: thin;
  border-bottom-color: #808080; /* Plomo */
  border-bottom-style: solid;
  border-bottom-width: thin;
}

/* Para Todo el Proyecto */

input {
  font-size: 8.5pt;
}

  input:disabled {
    background-color: #FCFCFC;
  }



/* Textos */
.Texto_AzulTARDIS_1 {
  color: #102372;
}

.Texto_AzulTARDIS_2 {
  color: #46589F;
}

.Texto_AzulTARDIS_3 {
  color: #E7E8E0;
}

/* Etiquetas */

.espEtiqueta {
  font-family: Arial, sans-serif;
  /*font-size: 8.5pt;*/
  font-size: 9.5pt;
  text-align: right;
  padding: 2px 1px;
  margin: 0px 1px 0px 0px;
  border-collapse: collapse;
}

.espEtiquetaVariables {
  display: none;
  visibility: hidden;
  font-size: 0.05em;
}

.espEtiquetaEspera {
  vertical-align: middle;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  width: 100px;
  width: 100%;
}


.espEtiquetaTitulo {
  font-family: Arial, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  font-style: italic;
  color: #064B76; /* Azul EspAsEmSac */
  text-decoration: underline;
  width: 100%;
  height: 26px;
}

.espEtiquetaPie {
  font-style: italic;
  font-size: 1.1rem;
  /*color: #f0f0f0;*/ /* Blanco */
  color: #E5E5FF !important; /* Azul 02*/
}

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

  .espEtiquetaMensajes:empty {
    /*display: none;*/
  }

  .espEtiquetaMensajes:not(:empty) {
    padding: 2px 10px;
  }



.Texto_SubTitulo {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: italic;
  color: #064B76; /* Azul EspAsEmSac */
  text-decoration: underline;
  width: 100%;
  height: 24px;
}

.Texto_Pie {
  font-family: Arial, sans-serif;
  font-size: 9pt;
  font-style: italic;
  border: 0px;
  padding: 2px;
  vertical-align: central;
}

.Texto_AvisoGrandeVerde {
  font-family: Arial, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  color: #008080;
  text-decoration: underline;
}

.Texto_Simple {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-style: italic;
}

.Texto_Normal {
  font-family: Arial, sans-serif;
  font-size: 10pt;
  vertical-align: middle;
  color: #122372;
}

.Texto_Magenta {
  font-family: Arial, sans-serif;
  font-size: 9pt;
  vertical-align: middle;
  color: #920092;
  font-weight: normal;
}


/* 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-espRojo-10 {
  background-color: #ec1c24 !important; /* Rojo ESPASEMSAC */
  color: white !important;
}

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

.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-espDorado-10 {
  background-color: #FFDC7F !important; /* Dorado ESPASEMSAC */
  color: black !important;
}

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

/* Control - GridView */

.controlGridView {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8.5pt;
  font-weight: normal;
  color: #333333; /* Plomo 80 (#333333) */
  background-color: #CCCCCC; /* Plomo 20  : #CCCCCC */
  /*background-color: #DDDDDD;*/ /* Plomo 15 (#DDDDDD) */
  border-collapse: collapse;
}

  .controlGridView a {
    /* estilo del paginador */
    color: white;
    text-decoration: underline;
  }

.controlGridView_HeaderStyle {
  font-size: 9pt;
  font-weight: normal;
  text-align: center;
  color: white;
  background-color: #6c757d; /* Bootstrap gray-600 */
  border-right: 1px solid white !important; /* Separador vertical */
  padding: 4px 2px;
}

  .controlGridView_HeaderStyle th {
    border-right: 1px solid #dee2e6; /* Separador vertical */
  }


.controlGridView_PagerStyle {
  margin: 0px;
  padding: 0px;
  color: white;
  background-color: #6c757d; /* Bootstrap gray-600 */
}

  .controlGridView_PagerStyle a {
    /*color: #ffc107;*/ /* Amarillo Bootstrap para contraste */
    color: white;
    text-decoration: none;
    padding: 4px 6px;
    margin: 0 2px;
    border-radius: 4px;
    font-weight: bold;
  }

    .controlGridView_PagerStyle a:hover {
      color: white;
      background-color: #495057; /* más oscuro al pasar el mouse */
      padding: 4px 6px;
      text-decoration: none;
    }

  .controlGridView_PagerStyle span {
    color: white;
    background-color: #495057;
    padding: 4px 6px;
    margin: 0 2px;
    border-radius: 4px;
    font-weight: bold;
  }

/* Filas por Tipo de Mensaje ( controlGridView_fila ) */

.controlGridView_filaSeleccionUno {
  background-color: #FE883E; /* Naranja 15 */
  color: white;
}

.controlGridView_filaSeleccionDos {
  background-color: #3f3fff; /* Azul 15 */
  color: white;
}

.controlGridView_filaCorrecto {
  background-color: #008000; /* Verde - Resaltar datos intenso*/
  color: white;
}
.controlGridView_filaInactivo {
  background-color: #ec1c24; /* Rojo - Resaltar datos intenso*/
  background-color: #fc4c53; /* Rojo personalizado */
  color: white;
}
.controlGridView_filaError {
  background-color: #ec1c24; /* Rojo - Resaltar datos intenso*/
  color: white;
}
.controlGridView_filaAlerta {
  background-color: #CC9900; /* Dorado */
  color: white;
}

.controlGridView_filaInformacion {
  background-color: #FFDC7F; /* Dorado 10 */
  /*color: white;*/
}

  .controlGridView_filaSeleccionUno td,
  .controlGridView_filaSeleccionDos td,
  .controlGridView_filaCorrecto td,
  .controlGridView_filaInactivo td,
  .controlGridView_filaError td,
  .controlGridView_filaAlerta td,
  .controlGridView_filaInformacion td {
    border-right: 1px solid #dee2e6; /* Separador vertical */
    border-top: 1px solid #CCCCCC;
  }

/* AQUi VA : .controlGridView_celda?? */

.controlGridView_celdaNaranja {
  background-color: #ff6600 !important; /* Naranja ESPASEMSAC */
  color: white !important;
  border-top: 1px solid #CCCCCC;
}

.controlGridView_celdaRojo {
  background-color: #AF2D30 !important; /* Rojo ESPASEMSAC */
  color: white !important;
  border-top: 1px solid #CCCCCC;
}

.controlGridView_celdaDorado {
  background-color: #CC9900 !important; /* Dorado ESPASEMSAC */
  color: white !important;
  border-top: 1px solid #CCCCCC;
}

.controlGridView_celdaAzul {
  background-color: #000066 !important; /* Azul ESPASEMSAC */
  color: white !important;
  border-top: 1px solid #CCCCCC;
}

.controlGridView_controlCheckBox {
  display: block;
  padding: 0px;
  margin: 0px;
  width: 100%;
  text-align: center;
}





.controlGridView_RowStyle, 
.controlGridView_AlternatingRowStyle {
  /*font-size: 8.5pt;*/
  border-top: 1px solid #CCCCCC !important;
  vertical-align: middle;
  padding: 1px 2px;
  margin: 0px;
}

  .controlGridView_RowStyle td {
    border-right: 1px solid #dee2e6; /* Separador vertical */
    border-top: 1px solid #CCCCCC !important;
    vertical-align: middle;
    padding: 1px 2px;
    margin: 0px;
  }

.controlGridView_AlternatingRowStyle {
  background-color: #ffffff;
}
  .controlGridView_AlternatingRowStyle td {
    border-right: 1px solid #dee2e6; /* Separador vertical */
    border-top: 1px solid #CCCCCC !important;
    vertical-align: middle;
    padding: 1px 2px;
    margin: 0px;
  }
  .controlGridView_RowStyle:hover,
  .controlGridView_AlternatingRowStyle:hover {
    background-color: #FFB07F; /* Naranja 10 */
    color: black;
  }



.controlGridView_SelectedRowStyle {
  color: white;
  background-color: #7F7FFF !important; /* Azul 10 */
}

  .controlGridView_SelectedRowStyle td {
    border-right: 1px solid #CCCCCC; /* Separador vertical */
    border-top: 1px solid #CCCCCC !important;
    padding: 1px 2px;
    vertical-align: middle;
    margin: 0px;
  }

.controlGridView_EmptyDataRowStyle {
  font-size: 1rem;
  /*background-color: #f8d7da;*/
  color: #41464b; /* gris oscuro */
  text-align: center;
}

/* Control - GridView (PopUp) */

.controlGridViewPopUp_HeaderStyle {
  background-color: #064B76; /* ESPASEM Azul */
  font-weight: normal;
  height: 20px;
}

.controlGridViewPopUp_PagerStyle {
  background-color: #064B76; /* ESPASEM Azul */
  font-weight: normal;
  height: 20px;
}

.controlGridViewPopUp_RowStyle {
}

.controlGridViewPopUp_AlternatingRowStyle {
  background-color: white;
}

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

.controlGridViewPopUp_SelectedRowStyle {
  background-color: #7F7FFF; /* Azul 10 */
  color: white;
}

/* Controles - Cabecera */
.Cab_controlTextBox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8.5pt;
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  vertical-align: middle;
}

.Cab_Centrado {
  text-align: center;
}


.Cab_controlTextBox:read-only {
  color: white;
  background-color: #064B76; /* Azul ESPASEM */
}

.Cab_Centrado:read-only {
  color: white;
  background-color: #AF2D30; /* Rojo ESPASEM */
}


/* Controles - Cabecera */
.Cab_controlTextBox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8.5pt;
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  vertical-align: middle;
}

.Cab_Centrado {
  text-align: center;
}


.Cab_controlTextBox:read-only {
  color: white;
  background-color: #064B76; /* Azul ESPASEM */
}

.Cab_Centrado:read-only {
  color: white;
  background-color: #AF2D30; /* Rojo ESPASEM */
}


/* Controles */
.controlBoton,
.controlBotonTresPuntos {
  font-size: inherit;
  background-color: #CCCCCC; /* Plomo 20 */
  color: #000066; /* Azul ESPASEMSAC */
  text-align: center;
  white-space: nowrap;
  margin: 2px 1px;
  padding: 2px 4px;
  border: 1px solid #808080; /* Plomo 50 */
  border-radius: 3px;
  line-height: 150%;
  /* CAMBIOS */
  --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-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 */
}

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

.controlBotonTresPuntos {
  background-image: url(../Imagenes/card-list.svg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 0px 4px;
  padding-left: 12px;
  color: transparent; /* Oculta los tres puntos ... */
  width: 26px;
}

  .controlBotonTresPuntos:hover {
    cursor: pointer;
    background-color: #7F7FFF;
  }

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

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


/* Panel */

.controlPanel {
  font-size: 8.5pt;
  /*border: 1px solid #e0e6ff;*/
  /*border: 1px solid #FF6600;*/ /*Naranja ESPASEMSAC*/
  border: 1px solid #FFB07F; /*Naranja 10 ESPASEMSAC*/
  border-radius: 4px;
  border-collapse: collapse;
  box-shadow: 0 1px 3px rgba(75, 75, 255, 0.1);
  margin: 0;
  margin-bottom: 1px;
  padding: 2px;
  padding-bottom: 6px;
  background: linear-gradient(135deg, rgba(75, 75, 255, 0.05) 0%, rgba(75, 75, 255, 0.1) 100%);
  width: 100%;
  transition: all 0.2s ease;
}

  .controlPanel:hover {
    border-color: #4B4BFF;
    box-shadow: 0 2px 6px rgba(75, 75, 255, 0.15);
  }
  /* Estilo para el legend (GroupingText) */
  .controlPanel fieldset {
    border: none;
    /*border: 1px solid red;*/
    margin: 0;
    padding: 0;
  }

  .controlPanel legend {
    /*font-size: 9pt;*/
    font-size: 1.2rem;
    font-weight: 500;
    font-style: italic;
    text-decoration: underline;
    color: #000066; /* Azul ESPASEMSAC */
    padding: 0 4px;
  }


.Control_LabelenBlanco {
  font-family: Arial, sans-serif;
  font-size: 8px;
}

.controlRadioButton,
.controlCheckBox,
.controlCheckBoxEstado_60 {
  padding: 2px 4px;
  margin: 0px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 80%;
}
/* Espacio entre el radiobutton o checkbox y el texto */
.controlRadioButton input[type="radio"],
.controlCheckBox input[type="checkbox"] {
  margin-right: 4px; /* espacio entre radiobutton y texto */
  margin-left: 4px; /* espacio entre radiobutton y texto */
}

  .controlRadioButton label {
    margin-right: 3px; /* espacio entre cada radio item */
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }

  /* Espaciado entre cada ListItem */
  .controlCheckBox td {
    padding-right: 6px; /* espacio entre los ítems */
  }

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

/* ** revisar permanencia */
.controlCheckBoxEstado_60 {
  padding: 2px;
  width: 60px;
}




.controlDropDownList_TipoCambio {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 90px;
}

.controlDropDownList_Moneda_190 {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 190px;
}

.controlDropDownList,
.controlDropDownList_Año,
.controlDropDownList_Periodo,
.controlDropDownList_Operacion {
  font-family: inherit;
  font-size: inherit;
  margin: 0.01px;
  border: 1px solid gray;
  padding: 2px;
  vertical-align: middle;
  /* Cambios */
  line-height: 120%;
}

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

.controlDropDownList_Periodo {
  width: 120px;
}

.controlDropDownList_Operacion {
  width: 300px;
}

/* Controles texbox*/
.controlTextBox_CuentaContableCodigo {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  text-align: center;
  vertical-align: middle;
  width: 60px;
}

.controlTextBox_CuentaContableDescripcion {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 420px;
}

.controlTextBox_OperacionContableCodigo {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}

.controlTextBox_OperacionContableDescripcion {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 450px;
}

.controlTextBox_Año {
  border: 1px solid #808080; /* Plomo 50 */
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  text-align: center;
  vertical-align: middle;
  width: 40px;
}

.controlTextBox_Periodo {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  text-align: center;
  vertical-align: middle;
  width: 80px;
}




.controlTextBox,
.controlTextBox_Centrado,
.controlTextBox_Fecha,
.controlTextBox_Filtro,
.controlTextBox_Numero,
.controlTextBox_Numero_80,
.controlTextBox_NumeroCorto,
.controlTextBox_NumeroPequenio_40,
.controlTextBox_NumeroLargo {
  font-family: inherit;
  font-size: inherit;
  margin: 0.01px;
  border: 1px solid gray;
  padding: 2px;
  vertical-align: middle;
  line-height: 120%;
  /* Cambios */
  /*border: 1px solid red;*/
}

.controlTextBox_Centrado {
  text-align: center;
}

.controlTextBox_Filtro {
  width: 140px;
}

.controlTextBox_Numero,
.controlTextBox_Numero_80,
.controlTextBox_NumeroCorto,
.controlTextBox_NumeroPequenio_40,
.controlTextBox_NumeroLargo {
  text-align: right;
  padding-right: 3px;
}

.controlTextBox_NumeroCorto {
  width: 70px;
}

.controlTextBox_NumeroLargo {
  width: 90px;
}

.controlTextBox_NumeroPequenio_40 {
  width: 40px;
}


.controlTextBox:disabled {
  /*background-image: linear-gradient(90deg, #FFEEE5, white);*/
  background-image: linear-gradient(90deg, #FFE6D7, white); /* Naranja 03 */
}

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

  .controlTextBox_Centrado:disabled,
  .controlTextBox_Fecha:disabled {
    background-image: linear-gradient(90deg, #FFE6D7, white, #FFE6D7); /* Naranja 03 */
  }

.controlTextBox_Numero_80:disabled,
.controlTextBox_NumeroCorto:disabled,
.controlTextBox_NumeroPequenio_40:disabled,
.controlTextBox_NumeroLargo:disabled {
  /*background-image: linear-gradient(90deg, white, #FFEEE5);*/
  background-image: linear-gradient(90deg, #FFE6D7, white); /* Naranja 03 */
}


.controlTextBox_Centrado010_80 {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  text-align: center;
  vertical-align: middle;
  width: 80px;
}



.controlTextBox:disabled,
.controlTextBox_Alerta:disabled,
.controlTextBox_Filtro:disabled,
.controlTextBox_Numero:disabled,
.controlTextBox_NumeroCorto:disabled,
.controlTextBox_NumeroLargo:disabled {
  background-color: var(--bs-espasem-Naranja-03); /* Naranja 03 */
  /*background-image: linear-gradient(90deg, #FFEEE5, white);*/
  background-image: linear-gradient(90deg, #FFE6D7, white); /* Naranja 03 */
}

.controlTextBox:placeholder-shown,
.controlTextBox_Alerta:placeholder-shown,
.controlTextBox_Centrado:placeholder-shown,
.controlTextBox_Filtro:placeholder-shown,
.controlTextBox_Numero:placeholder-shown,
.controlTextBox_NumeroCorto:placeholder-shown,
.controlTextBox_NumeroLargo:placeholder-shown {
  color: var(--bs-espasem-Naranja);
}

.controlTextBox:not(:placeholder-shown),
.controlTextBox_Alerta:not(:placeholder-shown),
.controlTextBox_Centrado:not(:placeholder-shown),
.controlTextBox_Filtro:not(:placeholder-shown),
.controlTextBox_Numero:not(:placeholder-shown),
.controlTextBox_NumeroCorto:not(:placeholder-shown),
.controlTextBox_NumeroLargo:not(:placeholder-shown) {
  color: black;
}




.controlTextBox015_120 {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 120px;
}

.controlTextBox020_140 {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 140px;
}

.controlTextBox030_210 {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 210px;
}

.controlTextBox050_340 {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 340px;
}

.controlTextBox060_410 {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 410px;
}


.controlTextBox090_720 {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 720px;
}

.controlTextBox100_670 {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 670px;
}

.controlTextBox100_810 {
  border: 1px solid gray;
  padding: 2px;
  margin: 0px;
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
  vertical-align: middle;
  width: 810px;
}



/*  Otros */
.Mensajes,
.MensajesGrande {
  color: #FF0000;
  font-weight: bold;
}

.MensajesGrande {
  font-size: 1.1em;
}

.espLinea {
  font-family: Arial, sans-serif;
  background-color: #122372;
  padding: .4px;
  margin: .4px;
  height: -15px;
}

/* Tabla - Filas (tr) */

.espTabla_filaHide {
  font-size: 0.05em;
  box-sizing: border-box;
  visibility: collapse;
}


/*.Fila_Nada {
  text-align: left;
  font-size: 0.05em;
  box-sizing: border-box;
  height: 0.01px;*/
/* NUEVO */
/*visibility: collapse;
}*/

.columna_Nada {
  font-size: 0.05em;
  box-sizing: border-box;
  visibility: collapse;
  padding: 0px;
  border: none;
}

/* Tabla - Celdas (td) */
/* Tabla - Columnas (Celdas td) */
.espTabla_colEspera,
.celda_Centrada,
.celda_Izquierda,
.celda_IzquierdaTitulo,
.celda_Derecha,
.celda_EsperaSimple,
.celda_BotonTresPuntos,
.celda_Boton,
.celda_Reporte {
  padding: 0.5px 0.5px;
  margin: 1px;
  vertical-align: middle;
  /* Cambios */
  /*margin: 0px;*/
  /*border: none;*/
  /*border: 1px solid blue;*/
  /*border: 1px solid #FF6600;*/
}

.celda_Centrada {
  text-align: center;
}

.celda_Izquierda,
.celda_IzquierdaTitulo {
  text-align: left;
}

.celda_Derecha {
  /*padding: 1px 3px 1px 0.01px;*/
  text-align: right;
}

.espTabla_colEspera {
  text-align: center;
  width: 30px;
  height: 26px;
}

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

.celda_EsperaSimple {
  text-align: center;
  width: 30px;
  height: 26px;
}

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

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

.celda_BotonTresPuntos {
  text-align: left;
  width: 30px;
  padding-left: 3px;
}

.celda_Reporte {
  /*padding: 5px;*/
  padding: 0px;
}

.celda_Tabla {
  padding: 0.01px;
  margin: 0.1px;
  text-align: center;
  vertical-align: top;
  border: none;
  border-top: thin solid #064B76; /* Azul EspAsEmSac */
  border-bottom: thin solid #064B76; /* Azul EspAsEmSac */
}

.celda_Cabecera {
  margin: 1px;
  padding: 1px 0.01px 6px;
  border: none;
  border-bottom: thin inset #064B76; /* Azul EspAsEmSac */
}

.celda_Filtro {
  padding: 4px 0.01px;
  text-align: left;
  margin: 1px;
  border: none;
  /* Cambios */
  /*border: 1px solid red;*/
}

.celda_Datos {
  text-align: center;
  vertical-align: middle;
  margin: 1px;
  padding: 5px 0.01px 8px;
  background-color: #E5E5FF; /* Azul 02*/
  border: none;
  border-top: thin solid #064B76; /* Azul EspAsEmSac */
  border-bottom: thin solid #064B76; /* Azul EspAsEmSac */
}


.celda_Opciones,
.celda_OpcionesPopUp,
.celda_OpcionesReporte,
.celda_OpcionesParametros {
  font-family: inherit;
  font-size: inherit;
  text-align: center;
  vertical-align: middle;
  margin: 0.01px;
  border: none;
  padding: 4px 1px 4px;
  height: auto;
  /**/
  /*border: 1px solid blue;*/
}

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

.celda_OpcionesParametros {
  border-top: solid;
  border-top-width: thin;
  border-top-color: #00008C; /* Azul 10*/
}

.celda_Mensajes {
  text-align: left;
  color: #AF2D30; /* Rojo ESPASEMSAC */
  /*background-color: #eecfbe;*/
  background-color: #f1dada; /* Rojo personalizado */
  border-radius: 4px;
}

/* Tabla - Formato */
.Tabla_RowStyle {
  height: 8pt;
}


/* * Tabla (GridView) * */

.espTabla {
  font-family: inherit;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse; /* colapsa bordes solo en Tablas */
  table-layout: fixed;
  /*width: 100%;*/
  /* Cambios*/
}


.TablaTipo_01 {
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
}

/* Dataset - TablaCeldas */

.Tablacelda_Sel {
  font-family: inherit;
  text-align: center;
  vertical-align: middle;
  width: 25px;
}

.Tablacelda_SelCheckBox {
  text-align: center;
  vertical-align: middle;
  border: none;
  background-color: #808080; /* Plomo */
  color: white;
}

.Tablacelda_SelControl {
  text-align: center;
  vertical-align: middle;
  border: none;
  background-color: #808080; /* Plomo */
  color: white;
  border-radius: 3px;
}

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

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


.Tablacelda_Centrada {
  text-align: center;
  vertical-align: middle;
}

.Tablacelda_Codigo {
  text-align: center;
  vertical-align: middle;
  width: 40px;
}

.Tablacelda_Codigo04_40 {
  text-align: center;
  vertical-align: middle;
  width: 40px;
}


.Tablacelda_Codigo_50 {
  text-align: center;
  vertical-align: middle;
  width: 50px;
}

.Tablacelda_Codigo06_60 {
  text-align: center;
  vertical-align: middle;
  width: 60px;
}

.Tablacelda_Codigo10_80 {
  text-align: center;
  vertical-align: middle;
  width: 80px;
}

.Tablacelda_Abreviacion {
  text-align: center;
  vertical-align: middle;
  width: 50px;
}

.Tablacelda_UbicaDepartamento {
  text-align: left;
  vertical-align: middle;
  width: 300px;
}

.Tablacelda_UbicaProvincia {
  text-align: left;
  vertical-align: middle;
  width: 400px;
}

.Tablacelda_UbicaDistrito {
  text-align: left;
  vertical-align: middle;
  width: 500px;
}

.Tablacelda_Descripcion {
  text-align: left;
  vertical-align: middle;
  padding-left: 2px;
}

.Tablacelda_Descripcion03_40 {
  text-align: left;
  vertical-align: middle;
  width: 40px;
}

.Tablacelda_Descripcion010_70 {
  text-align: left;
  vertical-align: middle;
  width: 70px;
}

.Tablacelda_Descripcion020_150 {
  text-align: left;
  vertical-align: middle;
  width: 150px;
}

.Tablacelda_Descripcion80_560 {
  text-align: left;
  vertical-align: middle;
  width: 560px;
}


.Tablacelda_Descripcion200 {
  text-align: left;
  vertical-align: middle;
  width: 260px;
}

.Tablacelda_Descripcion300 {
  text-align: left;
  vertical-align: middle;
  width: 300px;
}

.Tablacelda_Descripcion350 {
  text-align: left;
  vertical-align: middle;
  width: 350px;
}

.Tablacelda_Descripcion400 {
  text-align: left;
  vertical-align: middle;
  width: 400px;
}

.Tablacelda_Descripcion500 {
  text-align: left;
  vertical-align: middle;
  width: 500px;
}

.Tablacelda_Descripcion600 {
  text-align: left;
  vertical-align: middle;
  width: 600px;
}

.Tablacelda_EmpresaCodigo {
  text-align: center;
  vertical-align: middle;
  width: 40px;
}

.Tablacelda_EmpresaDescripcion {
  text-align: left;
  vertical-align: middle;
  width: 550px;
}

.Tablacelda_CuentaContable {
  text-align: center;
  vertical-align: middle;
  width: 55px;
}

.Tablacelda_CuentaContableDenominacion {
  text-align: left;
  vertical-align: middle;
  width: 360px;
}

.Tablacelda_CuentaContableDenominacionLarga {
  text-align: left;
  vertical-align: middle;
  width: 620px;
}

.Tablacelda_Naturaleza {
  text-align: center;
  vertical-align: middle;
  width: 35px;
}

.Tablacelda_AsientoNumero {
  text-align: center;
  vertical-align: middle;
  width: 45px;
}

.Tablacelda_AsientoSecuencia {
  text-align: center;
  vertical-align: middle;
  width: 25px;
}

.Tablacelda_Fecha_60 {
  text-align: center;
  vertical-align: middle;
  width: 65px;
}

.Tablacelda_Fecha {
  text-align: center;
  vertical-align: middle;
  width: 65px;
}

.Tablacelda_FechaLarga_120 {
  text-align: center;
  vertical-align: middle;
  width: 125px;
}

.Tablacelda_TipoOperacion {
  text-align: center;
  vertical-align: middle;
  width: 35px;
}

.Tablacelda_MonedaSimbolo {
  text-align: center;
  vertical-align: middle;
  width: 35px;
}

.Tablacelda_MonedaDescripcion {
  text-align: left;
  vertical-align: middle;
  width: 150px;
}

.Tablacelda_Porcentaje {
  text-align: center;
  vertical-align: middle;
  width: 40px;
}

.Tablacelda_Importe {
  text-align: right;
  vertical-align: middle;
  width: 90px;
  padding-right: 2px;
}

.Tablacelda_ImporteCorto {
  text-align: right;
  vertical-align: middle;
  width: 60px;
  padding-right: 2px;
}

.Tablacelda_ImporteLargo {
  text-align: right;
  vertical-align: middle;
  width: 90px;
  padding-right: 2px;
}

.Tablacelda_Documento {
  text-align: left;
  vertical-align: middle;
  width: 195px;
}

.Tablacelda_DocumentoMasFecha {
  text-align: left;
  vertical-align: middle;
  width: 250px;
}

.Tablacelda_Auxiliar {
  text-align: center;
  vertical-align: middle;
  width: 120px;
}

.Tablacelda_AuxiliarDescripcion {
  text-align: left;
  vertical-align: middle;
  width: 580px;
}

.Tablacelda_AuxiliarDescripcionValidar {
  text-align: left;
  vertical-align: middle;
  width: 640px;
}

.Tablacelda_Glosa {
  text-align: left;
  vertical-align: middle;
  width: 250px;
}

.Tablacelda_GlosaOperacion {
  text-align: left;
  vertical-align: middle;
  width: 580px;
}

.Tablacelda_CheckBox {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
  width: 30px;
  /**/

}

.Tablacelda_MovimientoSituacion {
  text-align: center;
  vertical-align: middle;
  width: 35px;
}

.Tablacelda_ComprobanteCodigoDescripcion_280 {
  text-align: left;
  vertical-align: middle;
  width: 280px;
}

.Tablacelda_OperacionContableCodigo {
  text-align: center;
  vertical-align: middle;
  width: 40px;
}

.Tablacelda_OperacionContableCodigoDescripcion {
  text-align: left;
  vertical-align: middle;
  width: 400px;
}

.Tablacelda_ComprobanteAbreviacion_40 {
  text-align: center;
  vertical-align: middle;
  width: 40px;
}

.Tablacelda_ComprobanteDescripcion {
  text-align: center;
  vertical-align: middle;
  width: 40px;
}

.Tablacelda_NumeroRUC {
  text-align: center;
  vertical-align: middle;
  width: 80px;
}

.Tablacelda_EmpresaNombreComercial {
  text-align: left;
  vertical-align: middle;
  width: 480px;
}

.Tablacelda_EmpresaSUNAT_Estado {
  text-align: center;
  vertical-align: middle;
  width: 160px;
}


.Tablacelda_ {
  text-align: center;
  vertical-align: middle;
  width: 40px;
}



.pupupcontrol {
  background-color: #AAD4FF;
  position: absolute;
  visibility: hidden;
  border-style: solid;
  border-color: Black;
  border-width: 2px;
}

/* Modal Popup */
.modalBackground {
  /*background-color: #F0F0F0;*/ /* Plomo 5 */
  background-color: #7F7FFF; /* Plomo 5 */
  /*filter: alpha(opacity=70);*/
  filter: opacity(70%);
  opacity: 0.7;
}

.modalPopup {
  font-family: Arial, sans-serif;
  font-size: 9pt;
  border: 2px solid #00008C; /* Azul 10 */
  background-color: #F1F1FF; /* Azul 2 */
  padding: 2px;
}

  .modalPopup p {
    padding: 5px;
  }

.Tablacelda_PopupCodigo {
  text-align: center;
  vertical-align: middle;
  width: 100px;
}

.Tablacelda_PopupDescripcion {
  text-align: left;
  vertical-align: middle;
  width: 460px;
}





/* Validator */
.espValidador {
  color: #FF0000;
  display: none;
}

.ValidatorCalloutHighlight {
  background-color: #FFEEE5; /* Naranja 02 */
}

/* Textbox Watermark */
.watermarked {
  /*font-family: Arial, Helvetica, sans-serif;*/
  /*font-size: 8.5pt;*/
  font-family: inherit;
  font-size: inherit;
  border: 1px solid gray;
  padding: 2px;
  margin: 0.01px;
  vertical-align: middle;
  background-color: #FFF4D7; /* Dorado 03 */
  color: hsl(20, 80%, 60%);
  /*color: red;  Reemplazado el 14/06/2021*/
}


/* - - Nuevos - - */
.row {
  margin-right: -10px;
  margin-left: -10px;
}

  .row:before,
  .row:after {
    display: table;
    content: " ";
  }

  .row:after {
    clear: both;
  }

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

@media (min-width: 800px) {
  .container {
    max-width: 1200px;
  }

  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11 {
    float: left;
  }

  .col-md-1 {
    width: 8.333333333333332%;
  }

  .col-md-2 {
    width: 16.666666666666664%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333333333333%;
  }

  .col-md-5 {
    width: 41.66666666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.333333333333336%;
  }

  .col-md-8 {
    width: 66.66666666666666%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333333333334%;
  }

  .col-md-11 {
    width: 91.66666666666666%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.333333333333332%;
  }

  .col-md-push-2 {
    left: 16.666666666666664%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333333333333%;
  }

  .col-md-push-5 {
    left: 41.66666666666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.333333333333336%;
  }

  .col-md-push-8 {
    left: 66.66666666666666%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333333333334%;
  }

  .col-md-push-11 {
    left: 91.66666666666666%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.333333333333332%;
  }

  .col-md-pull-2 {
    right: 16.666666666666664%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333333333333%;
  }

  .col-md-pull-5 {
    right: 41.66666666666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.333333333333336%;
  }

  .col-md-pull-8 {
    right: 66.66666666666666%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333333333334%;
  }

  .col-md-pull-11 {
    right: 91.66666666666666%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }

  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }

  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #003399;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
}

  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small,
  .h1 small,
  .h2 small,
  .h3 small,
  .h4 small,
  .h5 small,
  .h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999999;
  }

h1,
h2,
h3 {
  margin-top: 10px;
  margin-bottom: 5px;
}

h4,
h5,
h6 {
  margin-top: 5px;
  margin-bottom: 5px;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

h1 small,
.h1 small {
  font-size: 24px;
}

h2 small,
.h2 small {
  font-size: 18px;
}

h3 small,
.h3 small,
h4 small,
.h4 small {
  font-size: 14px;
}

/* Calendario (revisar el \Content\AjaxControlToolkit\Styles\Calendar.css) */


/* Nuevos */

/**{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8.5pt;
}*/


/*   * * 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;*/
}


/* **************/