/********** Template CSS **********/
:root {
    /* ----------------- TODO LOGIN PORTAL -----------------*/
    --bglogin: white;        /* el background*/
    --bgrectangle:#344685;   /*el bg del rectangulo*/
    
    --loginses: white;       /*LOGIN color*/

    /*USUARIO Y CONTRASENA*/
    --letter: black;
    /* BOTON */
    --logbutton: #1DA54A;
    --letbuton: white;
    --textbkgnd: white;
    /* colores de las letras estan en forms.py para 
        cambiar contrasenna */

}

/*RESPONSIVIDAD DE LA PAGINA */

/* .body
{
    background-color: var(--bglogin);
} */


@font-face {
    font-family:"light";
    src: url("fonts/FuturaPTLight.otf");
}

@font-face {
    font-family:"book";
    src: url("fonts/FuturaPTBook.otf");
}

@font-face {
    font-family:"medium";
    src: url("fonts/FuturaPTMedium.otf");
}


.bg_body{
    background-color: var(--bglogin);
}

.rectangle{
    background-color: var(--bgrectangle);
}


#light{
    font-family:'light';
    color:var(--loginses);
}

#book{
    font-family:'book';
}

#medium{
    font-family:'medium';
}


#buttonlog
{
    background-color:var(--logbutton);
    color: var(--letbuton);
    font-family:'medium';
    font-size: 20px;
}

#frmcontrol{
    color:var(--letter);
    font-family:'book';
    font-size: 18px;
}


#base
{
    color:white;
    font-family:'medium';
    font-size: 18px;
}


#links{
    color:white;
    font-family:'medium';
    font-size: 18px;
}

#links:hover{
    color:#1A2342;
    font-family:'medium';
}


#links:active{
    color: #1DA54A;
    font-family:'medium';
}


#loglogo{
    width: 80%;
    height: 30%;
}


.form-control{
    background-color: var(--textbkgnd) !important;
}