@font-face{
    font-family: Montserrat;
    src:url('/static/fonts/Montserrat-Light.ttf');
}

HTML{    
    font-family: "Montserrat";
}
BODY{    
    font-family: "Montserrat";
    text-shadow:  0 1px rgba(255,255,255, .4), 1px 0 rgba(255,255,255, .4);
}


nav.web5vz-nav a{
    color: #ffffff !important;
    text-shadow:  0 1px rgba(255,255,255, .0), 1px 0 rgba(255,255,255, .0);
}
nav.web5vz-nav a:hover{
    text-shadow:  0 1px rgba(255,255,255, .4), 1px 0 rgba(255,255,255, .4);
}
ul.web5vz-nav-dropdown a{
    color: #0099FF !important;
    text-shadow:  0 1px rgba(255,255,255, .0), 1px 0 rgba(255,255,255, .0);
}
ul.web5vz-nav-dropdown a{
    color: #0099FF !important;
    text-shadow:  0 1px rgba(0,153,255, .0), 1px 0 rgba(0,153,255, .0);
}
ul.web5vz-nav-dropdown a:hover{
    text-shadow:  0 1px rgba(0,153,255, .4), 1px 0 rgba(0,153,255, .4);
}



.web5vz-body-bg{
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url("https://lh3.googleusercontent.com/QTJPNkKmOsZ8M5hItNnsdk99ImCO62hhtd_bs9wRbmaQ3WVr4Zx8MBBKIO3iCqTTgbIAOltFNrp7Vquq2LryFudiKwPQLZj7PxUOm7Q7Ih9vRm9qOHRm5tOYXZI1xMS_bSgLyCPn_Y9TqYZ9s-MwhbGvGx06Qnk_YvIOmKGFL0UIh1PAODFiR4WU_BeAWV7e2DozZX5Cqgf8Gsmhydk5i6T-LbhJFfT1c7LN-6hLciDPOZwA5JxYsQEVJ3RgU4w72GDWoaHrgB2fG8kX7c4snR375nByzD8pa-2wPLhQjYY5KIOkq0W2RzCfOYkC-qi5DuKHU0qIcv0IqP0ZZInll2dsjxYEM1fmlf9QptxK3232q1wVJRr9Po32-SQUgozgRjzbzepNbfUnxvch6P4HNsKJHEBpK-FAXgTI2THs7XE4k12OypFTfnnQpvqH0EeW9YWMZ2-cTb-BUi6p8-y8Jq5sR8Dtx4ErF1dSeRNFVXNYhqvvdRY6C3Q8mhpH167fH47Ula_vsIQ3yWp_BtZX6PlTn7waUyFuuRCLJh7iVWPdrVwkFj0hVp6T1y9VGq49gw7IMmoBjiGOAfslhu0O1l0goqBViHw3XbJ3UfkEaAs0bBAZkOxkxr6NTsEpJGrKEmzfShFRgU7iB7I3A87MkBsO6favJH9C1xAGY1Z0EoaflmqW0gL8UETUIckNGECHsk417Y6ijziaN_Zl4N0ocQk=w1000-h550-no");

}
.web5vz-body-container{

    padding: 2rem;
    /*background-image: linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.1));*/

}
.web5vz-gb-gradient{
    position: fixed;
    top:0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: -200;
    background-image: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,.8));
}

@media (max-width: 768px) {
    .btn, .btn-group {
        width:100%;
        margin-bottom: .5rem;
    }
}




.web5vz-integer-field {
    /* cuando quieres que un textbox solo permita ingresar numeros peglae esta clase junto a las otras */
}
.web5vz-money-field {
    /* cuando quieres que un textbox solo permita ingresar numeros y un punto como separador de decimales peglae esta clase junto a las otras */    
}
@media only screen and (max-width: 600px) {
    .web5vz-money-field {
        max-width: fit-content;
    }
}

.web5vz-datepicker {
    /* cuando quieres que un textbox despliegue un selector de fecha */
}
.web5vz-onfocus-selectall {
    /* seleccionar todo el texto cuando gana el foco */
}
.web5vz-init-focused{
    /* poner el foco en el control cuando se inicia.
        usado para focusear un elemento en la grid cuando se le da a editar
    */
}

.web5vz-q6cell{    
    display: block;
    float:left;
    padding-left: 1px;
    text-align: center;
    font-size: 1vw;
    border-left: 1px #FFF solid;
    cursor:pointer;
}