/* Typografía rodam */
@font-face {
  font-family: 'ITCAvantGardeStd-Bold';
  src: url('../fonts/ITCAvantGardeStd-Bold.eot');
  src: url('../fonts/ITCAvantGardeStd-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ITCAvantGardeStd-Bold.svg#ITCAvantGardeStd-Bold') format('svg'),
       url('../fonts/ITCAvantGardeStd-Bold.ttf') format('truetype'),
       url('../fonts/ITCAvantGardeStd-Bold.woff') format('woff'),
       url('../fonts/ITCAvantGardeStd-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Asenine';
  src: url('../fonts/ASENINE_.ttf');
  font-weight: normal;
  font-style: normal;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.fuente-primaria {
    font-family: "ITCAvantGardeStd-Bold";
    

}

.fuente-secundaria {
    font-family: 'Asenine';
}
h1 {
font-size: 21px;
font-family: "ITCAvantGardeStd-Bold";
}

h2 {

font-family: 'Asenine';

}

p {
font-family: 'Asenine'}

p.descripcion_objeto{
font-family: 'Asenine';
font-size: 19px;
}
.estado-sesion{
    /* para que quede en la esquina derecha del navbar */

    float:right;
    padding: auto;

    margin: auto;

    display: flex;
    align-items: center;


}


.estado-sesion .sesion-h2{

    display:inline-block;
    text-align: center;
    /*  margin-top: 40px;
     */
    float:none;
    clear: both;
    color: white;
    height: 100px;
    margin-right:50px;

    vertical-align: middle;
    display: flex;
    align-items: center;


}


.blanco {
    color: white;
}

.estado-sesion .sesion-h3{

    display:inline-block;
    text-align: center;
    /*  margin-top: 40px;
     */
    float:none;
    clear: both;
    color: white;
    height: 100px;
    margin-left:20px;
    text-decoration: underline;

    vertical-align: middle;
    display: flex;
    align-items: center;


}

#nombre-usuario{

font-family: 'ITCAvantGardeStd-Bold'
}



.contenido-vista * {

margin:auto
}

.contenido-vista h1 {
    text-align: center;
    display:block;
    margin-left:50px;
    margin: 20px 0px 20px 0px
}

.contenido-vista form button {
    display: block
}

.contenido-vista form table * {
   margin: 5px
}

.lista-dashboard{
    padding-inline-start: 10px
}

.lista-dashboard  li{
    font-family: Asenine;
    list-style-type: none;
    font-size: 21px;


}

.parrafo-bienvenida {

    font-family:Asenine;
    font-size: 24px

}

.aviso-info{
    background-color: #6bc0ad;
    padding: 50px;
    margin-bottom: 50px;
}

.aviso-info p{

}

.aviso-p {
text-align: center;
}
/* DEPRECATED, usar #titulo_detalle */

#titulo_producto_detalle{
    text-align: left;
    display:block;
    margin-left:50px;
    margin: 20px 0px 20px 0px

}

#titulo_detalle{
    text-align: left;
    display:block;
    margin-left:50px;
    margin: 20px 0px 20px 0px

}
/* DEPRECATED, usar .seccion_detalle */
.contenido-vista .seccion_producto_detalle{
    margin-top: 30px;
    margin-bottom: 20px;


}

.contenido-vista .seccion_detalle{
    margin-top: 30px;
    margin-bottom: 20px;


}
.aviso-flujo{
/* Deprecated: usar warning */

    background-color: #E8A612; /* amarillo rodam */
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.warning {
    background-color: #ffd472; /* amarillo rodam */
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.aviso-feedback{
/* Deprecated: usar info */

    background-color: #6bc0ad; /* verde rodam */
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;

}
.info{
    background-color: #6bc0ad; /* verde rodam */
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}


.success{
    background-color: #6bc0ad; /* verde rodam */
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.error{
    background-color: #DB2E55;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.estado-QA{
    background-color: #B2B2B1; /* gris rodam */
    padding: 5px;
    border-radius: 5px;

}

.estado-QA p {
color: white;
text-align : center;
font-family: 'ITCAvantGardeStd-Bold';
}


.form-group{  /* los formularios dentro del form container*/
    background:  #fff; /* gris rodam */;
    margin: 2em;
}

.separador-secciones{
    margin-top: 10px;
    margin-bottom: 10px;
}


.table tr td {
   text-align: center;
}

.table tr th {
  text-align: center;
}

#visibilidad-columnas button {
    display: inline;
}

.feature * {
    margin-left: 2px;}
.feature-block{
    margin-left: 5%;
    margin-right: 5%;
}

.ingreso-copiado-cuadros-previsualizacion{
    font-family:Courier New;
    font-size: 8pt;
}

.utls-btn-sep{
    margin-left: auto;
    margin-right: auto;
    margin-up: 5pt;
    margin-bottom: 5pt;
}

.utls-div-margin-auto{
    margin: auto;
}


.form-group label {
    text-align: right;
}

.form-group th {
    text-align: right;
}

/* Integracion con Datatables */


.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    margin: 1%;
}

div.dt-buttons {
    float: right;
    display: inline;
}

.contenido-vista form button.dt-button {
    display: inline;}

/* El contenedor de funcionalidad va */
/* a la izq en la columna de la izq. */
#funcionalidad-tabla {
    float: left;
}
/* controles dentro del contenedor se pegan */
/* a la izquierda en el orden en que aparecen */
/* en el contenedor. */
/* Da una apariencia minimalista y compacta. */
/* Copiado de los buttons de Datatables */
#funcionalidad-tabla input {
    background-image: unset;
    background-color:    #ffffff;
    border: none;
     width: 200px;
    padding: 3px 20px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin: 0px 0px 0px 0px;
    text-align: left;
    float: left;
    
}
#funcionalidad-tabla select {
    background-image: unset;
    background-color:    #ffffff;
    border: none;
    padding: 3px 20px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin: 0px 0px 0px 0px;
    text-align: left;
    float: left;
}

/* botones de rodam dentro de grupos */
/* de datatable adoptan la apariencia */
/* de los botones de datatable  */
.dropdown-menu > li > input:hover,
.dropdown-menu > li > input:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
#funcionalidad-tabla li:hover,
#funcionalidad-tabla input:hover {
     color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;}

#links-a-vistas {
    padding-inline-start: 0px;
}

/* La paginación de rodam se integra en el */
/* wrapper de datatable y se ubica en la */
/* derecha, como si fuera del mismo paquete */
	      
.dataTables_wrapper #ra-pagination-snippet{
    float: right;
}



/* filtros dedicados en columnas */
/* datatable calculan su tamano */
/* correctamente  */

tfoot input {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
}

/* termina seccion  */
.padding-1{
     padding: 1%;

}
.padding-5{
    padding: 5%;
}


/* lectura en bloque */
#table tbody tr td {
    vertical-align: middle;
}
#table  tbody tr td input {
    text-align: center;   
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    autocomplete: off
}
#table  tbody tr td select {
    text-align: center;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#table  tbody tr td textarea {
    text-align: center;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#table tbody tr td select option {
    text-align: center;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.controles-light tr td input {
    text-align: center;   
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    autocomplete: off
}
.controles-light tr td select {
    text-align: center;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.controles-light tr td textarea {
    text-align: center;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.controles-light tr td select option {
    text-align: center;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

@media (min-width: 1336px) {
.lectura_en_bloque {

  width: 100%;
  max-width: 1300px;
  height: 600px;
  margin: 0 auto;
  display: block;
  overflow-x: auto;
  border-spacing: 0;

}

}

@media (min-width: 1980px) {
.lectura_en_bloque {

  width: 100%;
  max-width: 1900px;
  height: 1000px;
  margin: 0 auto;
  display: block;
  overflow-x: auto;
  border-spacing: 0;

}

}

.candidatos-resultado {
  border: 1px dotted #ccc;
  padding: 3px;
}
.candidatos-resultado ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.contenido-vista form div.candidatos-resultado {
    margin: 0px;
}

.contenido-vista form div.candidatos-resultado ul li {
    padding: 5px 0;
    text-align: center;
}
.candidatos-resultado ul li {
    padding: 5px 0;
    text-align: center;
}
.candidatos-resultado ul li:hover {
  background: #eee;
}

.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.fade-me-in.htmx-added {
  opacity: 0;
}
.fade-me-in {
  opacity: 1;
  transition: opacity 0.25s cubic-bezier(0.87, 0.35, 1, 1)
}


.bloque-fila-error li {
    list-style:none;
    text-align:right;
	color: red;
}
.bloque-fila-edicion {
    background-color:plum;
}
.bloque-fila-success {
    background-color:lightgreen;
}
/* ============

==============================================================
   Author's custom styles
========================================================================== */