body{
  background:#FBFBFB; 
  padding:0px;
  height: 100vh; /* Establece la altura del body al 100% del viewport height */
}
.hd{
  padding:0px;
}
.mate{
  display:none;
}
.row2mate{
  display:none;
}

 .btnconsulta {
    background: linear-gradient(90deg, #6A00A7 1.25%, #00CDCD 98.75%);
    color: #ffffff;
    border: none;
    border-radius: 105px;
    cursor: pointer;
    transition: background 0.3s ease;
    font-family:'Ubuntu';
    font-size:19px;
    margin-top:0px;
}

.btnconsulta:hover {
    background: linear-gradient(90deg, #00CDCD 1.25%, #6A00A7 98.75%);
}

.btnconsulta2 {
  background-color: #6A00A7;
  padding: 11px;
  margin: 20px;
  color: #ffffff;
  border: none;
  border-radius: 105px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.form-control[readonly] {
  background: white;
  font-family:'Ubuntu';
  text-align:center;
  background: white;
  font-family: 'Ubuntu';
  text-align: center;
  border-color: #00CDCD;
  border-radius: 100px;
}
.form-select {
  background: white;
  font-family:'Ubuntu';
  text-align:center;
}
p{
  line-height: 20px;
  font-family: 'Ubuntu';
  font-size: 15px;
}
.campo .form-select {
    color: #6A00A7;
    font-family: 'Ubuntu', sans-serif;
    line-height: 162.9%;
    font-size: 16px;
    font-weight: 600;
    border-radius: 100px;
    border-color: #00CDCD;
    text-align: center;

}

.expresscolor{
    color: #00CDCD;
   font-size: 1rem;
    font-style: normal;
    line-height: 162.9%;
    font-family: Ubuntu;
    font-size: 1rem;
    font-weight: 600;
}


.advancedcolor {
    color: #002955;
    font-size: 1rem;
    font-style: normal;
    line-height: 162.9%;
    font-family: Ubuntu;
    font-weight: 600;
    letter-spacing: 5px; /* Espaciado entre letras de 5 píxeles */
}

.premiumcolor{
    color:#6A00A7;
   font-size: 1rem;
    font-style: normal;
    line-height: 162.9%;
    font-family: Ubuntu;
    font-size: 1rem;
    font-weight: 600;
}

th {
    padding: 10px;
    font-size: 15px;
    
}

     /* ... estilos adicionales para las celdas, bordes, etc. ... */
    .sectiontable {
      width: 75%; /* Ajusta el ancho del contenedor según sea necesario */
      text-align:center;
      overflow-x: auto; /* Agrega una barra de desplazamiento horizontal si es necesario */
}

table {
  width: 100%;
  border-collapse: collapse;
}

.bordernone {background:#FBFBFB;
}

.bordernone {
  border-left: 2px solid rgba(77, 9, 248, 0.475);
  border-top: none;
  border-bottom: none;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  background-color: #F0F0F0;
  border:none;
}

td {
  border: 2px solid rgb(104,49,147);
  padding: 2px;
  border-spacing: 1px;
 /* color: #002955;*/
  text-align: center;
  font-family: Ubuntu;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
} 

th {
  padding: 10px;
  font-size: 15px;
}

.colum_title {
    
    
background: transparent;
color:#363636;
text-align:center;
font-size:14px;
border: 2px solid rgb(106,0,167);
font-weight:600;
}

.celdanone{
  border:none;
 }

.borderventas{
   border:2px solid rgb(52,192,197);
   border-bottom:none;
   font-size: 15px;
   font-weight: 600;
   color: #34C0c5;
   border-top: none;
   border-left: none;
   border-right: none;
}
 
 .celdavaciaborder{
  border:2px solid rgb(52,192,197);
  font-size: 15px;
  font-weight: 600;
  color: rgb(52,192,197);

}
.celdavaciaborderbottom {
      border: 2px solid rgb(52, 192, 197);
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;

}
 /*FIN Estilo de Circuito de Ventas*/
 /*Estilo Circuito de Compras */
 .bordercompras{
   border:2px solid rgb(104,49,147);
   border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
   font-size: 15px;
  font-weight: 600;
  color: rgb(104,49,147);
 } 

.bordernonecompras{
border:2px solid rgb(104,49,147);
font-size: 15px;
  font-weight: 600;
  color: rgb(104,49,147);
}

.celdavaciaborderbottomcompras {
    border:2px solid rgb(104,49,147);
    border-top:none;
    border-left: none;
    border-right: none;
    border-bottom:none;

}
/*FIN Estilo Circuito de Compras */

/*Estilo Circuito Específico */
.borderespecifico{
   border:2px solid rgb(23,43,83);
   border-bottom:none;
   font-size: 15px;
  font-weight: 600;
  color: rgb(23,43,83);
 } 

.bordernoneespecifico{
border:2px solid rgb(23,43,83);
font-size: 15px;
  font-weight: 600;
  color: rgb(23,43,83);
}

.celdavaciaborderbottomespecifico {
    border:2px solid rgb(23,43,83);
    border-top:none;

}
/*FIN Estilo Circuito Específico */
/*Estilo de Acceso Virtuales1*/
.bordervirtuales1{
    display: table-cell;
   border:2px solid rgb(52,192,197);
   font-size: 15px;
  font-weight: 600;
  color: #34C0c5;
 } 
 
 .celdavaciabordervirtuales1{
border:2px solid rgb(52,192,197);
border-top:none;
border-bottom:none;

}
.celdavaciaborderbottomvirtuales1 {
    border:2px solid rgb(52,192,197);
    border-top:none;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;

}

/*FIN Estilo de Acceso Virtuales1*/

 /*Estilo Accesos Virtuales2 */
.bordervirtuales2 {
  border: 2px solid rgb(104, 49, 147);
  font-size: 15px;
  font-weight: 600;
  color: rgb(104, 49, 147);
  border-bottom-left-radius: 20px !important;
}
.bordernonevirtuales2{
border:2px solid rgb(104,49,147);
border-top:none;
border-bottom:none;
}

.celdavaciaborderbottomvirtuales2 {
    border:2px solid rgb(104,49,147);
    border-top:none;
    border-top: none;
    border-bottom: none;
    border-left: none;

}
/*FIN Estilo Accesos Virtuales2 */


 .bordervirtuales3 {
    display: grid;
    border-bottom-left-radius: 30px;
    border-top: none;
   
    font-size: 15px;
    font-weight: 700;
    height: 45px;
   }


.sectiontablesecond {
    text-align: center;
    width: 60%;
    margin-left: 300px;
}
pre {
    display: none;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em;
}

.imputw{

width:55px;
}

.resultimputw{
  width:90px;
}

.anchofeetotal{
width: 100px;
}

.altofila{
color: #002955;
text-align: center;
font-family: Ubuntu;
font-size: 14px;
font-style: normal;
font-weight: 500;
}

.anchocolumna1{
width: 221px;
}

.anchocolumnafinal{
font-weight:700;

}

.anchodecolumna2 {

width: 100px;
}

.anchocantidadaccesos {
width: 50px;
}

.borderintegral {
  display: table-cell;
  border-top-left-radius: 30px;
  border: solid 2px rgb(16, 81, 155);
  font-size: 15px;
  font-weight: 600;
  color: rgb(16, 81, 155);
  flex-wrap: nowrap;}

.one{
margin-top:-10px;   
width: 200px;
height: 25px;
border: 2px solid #00CDCD;
border-radius: 50px;
text-align: center;
margin-left: -60px;
font-family:'Ubuntu';}


.onelab{
    margin-left:-53px;
}
.one2lab{
    margin-left: -28px;
    font-size: 15px;
    margin: 0px 0px 4px -33px;
}
.onevence{
width: 200px;
height: 25px;
border: 2px solid #00CDCD;
border-radius: 50px;
text-align: center;
/*padding: 10px 20px  10px 20px;*/
font-family:'Ubuntu';
margin-left: -34px;
}
.one2{
margin-top:-10px;   
height: 25px;
border: 2px solid #6A00A7;
border-radius: 5px;
text-align: center;
/*padding: 10px 20px  10px 20px;*/
font-family:'Ubuntu';}
.ones {
margin-top:-10px;   
height: 25px;
border: 2px solid #6A00A7;
border-radius: 5px;
text-align: center;
/*padding: 10px 20px  10px 20px;*/
font-family:'Ubuntu';
    
}

button, input, optgroup, select, textarea{
background:#FBFBFB;
font-family:'Ubuntu';
font-size:15px;
text-align: center;

    
}
.sectionht {
   margin-left: 150px;
   margin-right:150px;
   margin-top:50px;
   width: 80%;
}

.sectionht2 {
   margin-left: auto;
   margin-right: auto;
   margin-top: 50px;
   width: 70%;
}

.titulosass {
    display: flex;
    justify-content: center;
    border: 2px solid; /* Necesario para usar border-image */
    border-image: linear-gradient(115deg, #6A00A7, #00CDCD) 1;
    box-shadow: none;
    text-align: center;
    font-size: 25px;
    color: #6A00A7;
    padding: 10px;
    font-family: 'Ubuntu', sans-serif; /* Corregido font-family */
    font-style: normal;
    font-weight: 700;
    line-height: 89.9%;
    margin-top: 25px;
    margin-bottom: -50px;
}
.titulosass1 {
   display: flex;
   justify-content: center;
   border: solid 2px;
   border-image: linear-gradient(115deg, #6A00A7, #00CDCD) 1;
   box-shadow: none;
   text-align: center;
   font-size: 25px;
   color: #6A00A7;
   padding: auto;
   font-size: 'ubuntu';
   font-style: normal;
   font-weight: 700;
   line-height: 89.9%;
   padding: 10px;
   margin-bottom: 0px;
}
.sectionlast{
display: flex;
justify-content: space-around;
margin-top: 20px;
}

.tabla2da{
text-align:left;
}


    /* Estilos de la tabla */
    .hidden-row {
        background-color: #F1F1F1;
        color: #F1F1F1;
        cursor: pointer;
    }

    .hidden-row input {
        background-color: #F1F1F1;
        color: #F1F1F1;
        border: none;
    }

    .hidden-row.show {
        background-color: #FFFFFF;
        color: #000000;
    }

    .hidden-row.show input {
        background-color: #FFFFFF;
        color: #000000;
        border: 1px solid #000;
    }

  
    select {
        -webkit-appearance: none; /* Para Safari/Chrome */
        -moz-appearance: none; /* Para Firefox */
        appearance: none; /* Para otros navegadores */
    }
    /* Estilo para ocultar el texto del input file */
    .custom-file-input {
        visibility: hidden;
        width: 0;
    }
    .custom-file-label {
       display: none;
    }
    .custom-upload-button {
       padding: 10px 20px;
       font-size: 16px;
       background-color: #007bff;
       color: #fff;
       border: none;
       border-radius: 5px;
       cursor: pointer;
    }
  
      
  
    /* Estilos para el campo de entrada */
    .form-group {
        position: relative;
        margin-bottom: 20px;
    }
    .form-group label {
        position: absolute;
        top: -15px;
        left: 0;
        font-size: 14px;
        color: #666;
        background-color: #fff;
        padding: 0 8px;
    }
    .form-group input {
        width: 100%;
        padding: 8px;
        border: none;
        border-bottom: 1px dashed #00CDCD; /* Color de la línea punteada */
        outline: none;
            }
    .text-under-line{
        font-family:'Ubuntu';
        font-size: 14px;
        color:#002955;
        font-weight:400;
    }
 
    body {
        font-family: Arial, sans-serif;
        /*padding-bottom: 60px; /* Ajuste para dejar espacio para el footer */
        text-align: center;
    }
    #pageLinks {
        margin-top: 20px;
    }
    #pageLinks a 
    {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 15px;
        border: 1px solid #ccc;
        border-radius: 50%;
        text-decoration: none;
        color: #333;
        font-family:'Ubuntu';
        font-weight: bold;
        cursor:pointer;
    }
    #pageLinks a:hover {
        color: #ffff;
        background:#6A00A7; /* Cambia el color del texto a rojo al pasar el cursor sobre el enlace */
    }
    #footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background-color: #f0f0f0;
        line-height: 50px;
        text-align: center;
    }
    .coloractivo{
     background:#5ddede;
    }

/* Estilos para impresión */
/*@media print {
    body {
    font-size: 8px;
    line-height: 1;
    background:red;
}
.sectionht{
    margin:15px;
}
#btnImprimir {
    display: none; /* Oculta el botón de impresión en la vista previa de impresión 
}*/
#chasqui {
   align-content: center;
}
.campo {
    display: block;
    flex-wrap: wrap; /* Permite envolver los elementos en múltiples líneas si es necesario */
    justify-content: space-between; /* Distribuye los elementos de manera uniforme */
    align-items: center; /* Alinea verticalmente al centro */
    margin-bottom: 20px;
}
.campo {
    flex: 1; /* Ocupa todo el espacio disponible dentro de la fila */
    margin-right: 10px; /* Espacio entre los elementos */
}


/*Nuevos estilos*/

.separado {
        margin-right: 3px;
    }
    
  
/* Estilo específico para la separación de columnas */
td:first-child {
    padding-right: 3px; /* Espacio entre la primera columna y la siguiente */
}

th:nth-child(2), td:nth-child(2) {
    padding-left: 3px; /* Opcional: Espacio adicional en la segunda columna para mayor claridad */
}

/*Estilos fechas*/
.date-container {
    display: flex;
    justify-content: center;
    margin-top: -20px;
    font-family: 'Ubuntu', sans-serif;
    gap: 238px;
}
.date-box {
text-align: center;
display: ruby;
color: #002955;
font-family: 'Ubuntu-Regular', sans-serif;
font-size: 16px;
font-weight: 500;
position: relative;
}
    

.date-box label {
            display: block;
            font-weight: bold;
            margin-bottom: 5px;
        }


   .date-box input {
    padding: 3px;
    font-size: 16px;
    text-align: center;
    border: 2px solid #00cdcd;
    border-radius: 100px;
    width: auto;
    margin-left: 5px;

        }
 /*Fin de Estilos fechas*/    
 
 
body {
    background: #FBFBFB;
    padding: 100px;
    font-family: 'Ubuntu', sans-serif;
    color: #363636;
    margin: 0px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px auto;
    text-align: center;
}

th, td {
    border: 2px solid rgb(106, 0, 167);
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #002955;
}

th {
   
    color: #002955;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

td input {
    width: 90%;
    border: none;
    background: transparent;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    text-align: center;
}

td input:focus {
    outline: 2px solid #00CDCD;
    background-color: #F0F8FF;
}

td.readonly input {
    background: #F1F1F1;
    color: #999;
    pointer-events: none;
}

.select-container {
    margin: 20px auto;
    text-align: center;
}

select {
    padding: 10px;
    border: 2px solid #00CDCD;
    border-radius: 25px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #6A00A7;
    background: white;
    cursor: pointer;
    transition: all 0.3s ease;
}

select:focus {
    outline: none;
    border-color: #6A00A7;
}

button {
    margin-top: 0px;
    padding: 10px 20px;
    background: linear-gradient(90deg, #6A00A7, #00CDCD);
    color: white;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Ubuntu', sans-serif;
    transition: background 0.3s ease;
}

button:hover {
    background: linear-gradient(90deg, #00CDCD, #6A00A7);
}

.sectionht, .sectiontablesecond {
    width: 85%;
    margin: auto;
    /*margin-top: 20px;*/
    text-align: center;
}

tfoot td {
    font-weight: 700;
    background: #F1F1F1;
}

.sectionht .container {
    display: flex;
    justify-content: center; /* Centrar elementos horizontalmente */
    align-items: center; /* Centrar elementos verticalmente */
    gap: 180px; /* Espaciado entre elementos */
}

.campo {
    text-align: center;
}
    
    .seccionfirmas2 .container {
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
    gap: 20px; /* Espaciado entre elementos */
}


.text-under-line {
    margin-top: 5px;
    font-size: 14px;
    color: #666;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    text-align: center;
} 


/*sombrear fila de tabla*/

    .fila-seleccionada {
        background-color: #002955;
        
        color: #002955; /* Opcional: Cambiar color de texto para mejor visibilidad */
    }

/*sombrear fila de tabla 1*/

    .celda-seleccionada {
        background-color: #002955;
        color: #002955; /* Cambiar color de texto para mejor visibilidad */
    }

    body {
        color: #002955; /* Color para todo el texto */
    }

    table {
        color: #002955; /* Color para el contenido de las tablas */
    }

    input {
        color: #002955; /* Color para texto dentro de campos de entrada */
    }



.form-label {
    margin-bottom: .5rem;
    /* color: red; */
    color: #002955;
    text-align: left;
    font-family: 'Ubuntu-Regular', sans-serif;
    font-size: 19px;
    line-height: 189.4%;
    font-weight: 400;
    position: relative;
    height: 38px;
    Margin-top:20px;
}






