h1{
    font-size: 20px;
    color: #18171c;
}

.fuente{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;   
}

.subtitulo{
    font-size: 14px;
    color: #18171c;
}

.campo{    
    margin: 5px;    
    box-sizing: border-box;
    border-radius: 12px;
    border-width: 1px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 2px;
    font-size: 14px;
    border: #18171c;
}

.campo2{    
    height: 25px;
    margin: 3px;
    min-width: 0dx;
    width: max-content;
    flex: 1;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 12px;
    border-width: 2px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 2px;
    border: #18171c;
}

.campo3{    
    margin: 3px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    border-radius: 12px;
    border-width: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.campo4{    
    margin: 3px;
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 10px;
    border-radius: 5px;
    border-width: 0px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #e1e1e1;
}


.campo5{    
    margin: 3px;
    min-width: 0dx;    
    flex: 1;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 12px;
    border-width: 2px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 3px;
    padding-bottom: 2px;
    border: #18171c;
}

.campo6{    
    margin: 3px;    
    font-size: 14px;
    border-radius: 12px;    
    padding-left: 7px;
    padding-right: 40px;
    padding-top: 3px;
    padding-bottom: 2px;
    width: max-content;
    border: #18171c;
}

.boton2{
    margin: 10px;
    background: #1d1e33;
    border: #1d1e33;
    color: #ffff;
    border-radius: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 40px;
    margin-right: 40px;    
}

.boton3{
    font-size: 10px;
    margin: 10px;
    background: #1d1e33;
    border: #1d1e33;
    color: #ffff;
    border-radius: 3px;
    padding: 17px;
    width: fit-content;            
}

.boton4{
    font-size: 10px;
    margin: 7px;
    background: #e0e2e6;
    border: #e0e2e6;
    color: #3f3c3c;
    border-radius: 3px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    width: fit-content;             
    font-weight: 650;
}

.boton5{        
    border-radius: 12px;        
    background-color: transparent;
        
}

.contenedorLogin{
    position: absolute;
    top: 30%;
    left: 48%;
    transform: translate(-50%, -50%);
}

.contenedor1{
    justify-content: space-between;
    text-align: center;
    border-radius: 5px;
    background-color: #e1e1e1;
    width: 250px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;    
    padding-top: 20px;
    padding-bottom: 40px;   	
}

.contenedor2{
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
}

.contenedor3{
    justify-content: space-between;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #747474;
    font-weight: 300;           
}

.contenedorImg{    
    justify-content: space-between;
    width: fit-content;
    height: 74px;
    margin: auto;     
    left: 0;
    right: 0;    
    display: flex;
}

.contenedorImg2{            
    width: 170px;
    height: fit-content; 
    left: 10;
    right: 10;
    padding-right: 18px;        
}

.contenedorImg3{        
    width: 75%;
    height: fit-content;         
    left: 10;
    right: 10;
    padding-right: 18px;        
}

.contenedorEncabezado{        
    padding: 10px;            
    top: 0;
    left: 0;
    margin-top: -12px;
    width: 100%;    
    justify-content: space-between;
    display: inline-flex;
    flex-direction: row;    
    position: fixed;
    border-bottom: #e1e1e1;
    border-width: 2px;
    border-style: outset;   
    background-color: #fdfdfd;
    align-items: center; 
}

.contenedor4{        
    padding: 10px;
    background-color:#e1e1e1;            
    margin-top: 10px;
    border-color:#e1e1e1;
    /*border-style: outset;*/
    border-width: 5px;    
    border-radius: 7px;
    overflow: auto;
    justify-content: space-between;
    display: flex;
    flex-direction: column;            
}

.contenedor4_1{        
    padding: 10px;
    background-color:#e1e1e1;            
    width: 25%;
    margin-top: 10px;
    border-color:#e1e1e1;    
    border-width: 5px;    
    border-radius: 7px;
    overflow: auto;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.contenedor5{            
    overflow: auto;
    justify-content: space-between;
    display: inline-flex;            
    flex-wrap: wrap;
    align-items: first baseline;
}

.contenedor6{
    /*background-color: #a00000;*/
    background-color: #cac9c9;
    overflow: auto;
    justify-content: space-between;
    border-radius: 10px;
    display: inline-flex;            
    flex-wrap: wrap;
    align-items: center;    
    padding: 10px;
    margin: 5px;
    margin-top: 1px;
}

.contenedor7{        
    padding: 10px;
    background-color:#fdfdfd;                
    border-color:#fdfdfd;    
    border-width: 5px;    
    border-radius: 7px;
    overflow: auto;    
    display: flex;
    flex-direction: column;            
    align-items: center;
}

.contenedor8{    
    margin-top: 3px;
    display: flex;
    align-items: center;
    flex-direction: column;   
}

.contenedor9{
    display: flex;
    width: 100vw;
    height: 100vh;        
    align-items: center;
    flex-direction: column;
}

.contenedor10{            
    display: flex;
    overflow: auto;
    flex-direction: column;
    justify-content: space-between;
}

.contenedor11{                
    height: 25px;
    display: inline-flex;        
    min-width: 0px;
    width: max-content;
    justify-content: center;
    align-items: center;    
    background-color: #ffffff;
    border-radius: 12px;
    margin-left: 4px;
    margin-right: 3px;
    margin-bottom: 3px;
    font-size: 14px;
    
}

.contenedor11 input{           
    font-size: 14px;
    
    background-color: transparent;
    border-radius: 12px;    
    outline: none;    
}

.contenedor11 img{               
    width: 23px;   
    height: 23px;
    border-style: none;
    border-radius: 12px;    

}

.contenedor11:has(input:focus){               
    background-color: #fbdeb1;    
}


table {
    background-color: #fdfdfd;
    table-layout: fixed;
    width: 100%;
    border-radius: 4px;
    border: 2px solid rgb(52, 51, 51);
    text-align:center;
    font-size: 9px;
    color: rgb(52, 51, 51);
    padding: 2px;
    word-break: break-all;
    
}

 
  
  

.margenSuperior{
    margin-top: 30px;
}

.pagina{
    padding-top: 55px;
}

.titulo1{
    margin-top: 3px;
    font-size: calc(45% + 1vw);    
    text-align: center;
    color: #ffff;
    font-weight: 300;
    background-color: #39393d;          
    border-radius: 7px;
    padding: 3px 17px 6px 17px;     
    width: fit-content;
    height: fit-content;
}

.titulo2{
    font-size: 14px;    
    text-align: left;
    color: #575757;
    font-weight: 500;
    margin-top: 100;
    margin-bottom: 10px;           
}

.titulo3{
    font-size: 11px;    
    text-align: left;
    color: #2c4438;
    font-weight: 550;
    margin-bottom: 7px;
    padding-left: 15px;
    font-style: oblique;
    
}

.titulo4{
    font-size: 14px;    
    text-align: center;
    color: #fdfdfd;
    font-weight: 470;
    padding-bottom: 15px;  
}

.mensaje{
    font-size: 12px;
    color: #a00000;
}

.mensaje2{
    font-size: 12px;
    color: #2d1422;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 3px;
    font-weight: 470;
}

.mensaje3{
    font-size: 9px;
    color: #2d1422;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 10px;
    font-weight: 700;
}

.version{    
    font-size: calc(15% + 0.4vw);
    text-align: center;
    padding: 1.5px 35px 1.5px 35px;
    margin-top: 1px;
    border-radius: 3px;
    font-weight: 350;
    color: #ffffff;
    background-color: #39393d;    
    margin-right: 16px;
}

.progressbar{
    margin-top: 16px;
    accent-color: rgb(52, 57, 54);
    margin-bottom: 7px;
}

.progressbarLg{
    margin-top: 8px;
    margin-left: 35px;
    margin-right: 32px;    
    accent-color: rgb(52, 57, 54);
}



/* Cuadro de dialogo modal */
.modal {    
    display: none;      
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.contenido-modal {        
    background-color: #01222b;
    margin: 15% auto;    
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    /*border: 1px solid #01222b;*/
    width: fit-content;  
    border-radius: 20px;
    display: flex;
    overflow: auto;    
    display: flex;
    flex-direction: column;            
    align-items: center;   
    position: absolute;
    top: 25%;
    left: 48%;
    transform: translate(-50%, -50%);    
}


.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

.tabla{
    background-color: #1d1e33;
}

.contenedorCampoBoton{
    display: flex;
}