:root {

    --azul:#333573;

    --verde:#64E366;

    --naranja: #F5991C;

    --azulclaro:#D5D7E3;

    --grisclaro:#EEEFF7;

    --naranjaclaro:#F7F1BB;

    --amarilloclaro:#FBFBD7;

    --verdeclaro:#E1F9E2;

}



.text-azul{

     color: var(--azul); 

     font-weight: bold;

}



.bg-par{

    background-color:#F8FACC !important;

}



.bg-inpar{

   background-color:white !important;

}



.bg-gris-claro{

    background-color: var(--grisclaro) !important; 

}



.bg-nar-claro{

    background-color: var(--naranjaclaro) !important; 

}



.bg-amarillo-claro{

    background-color: var(--amarilloclaro) !important; 

}



.bg-verde-claro{

    background-color: var(--verdeclaro) !important; 

}



.bg-azul-claro{

    background-color: var(--azulclaro) !important; 

}



.bg-azul{

    background-color: var(--azul) !important; 

}



.font-size-n{

    font-size:.90rem; 

}





.ancho_normal{

   width: calc(100vw - 23rem);    

}



.ancho_completo{

    width: calc(100vw - 5rem);   

 }



 .botones-menu{

    margin: 0;

    font-size: .90rem;

    justify-content: center;

    align-items: center;

 }



 .opcion-menu{

    width: .50rem;

    height: 1.2rem;

    justify-content: center;

    align-items:center;

    display: flex;

 }



 .botones-menu-modal{

    margin: 0;

    font-size: 1.5rem;

    justify-content: center;

    align-items: center;

 }



 .opcion-menu-modal{

    width:  3rem;

    height: 3rem;

    justify-content: center;

    align-items:center;

    display: flex;

 }



 .tam-small{

    font-size:.75rem;  

 }



 .m-completo{

    height:95%;

 }

 

 .m-ajusta{

    flex:1 0 0;

    overflow:scroll;

 }



 .modal, .modal input,.modal select{

    font-family: 'PT Sans Narrow', sans-serif;

 }