body,html{
    height: 100dvh;
}
body{
    background: url(../img/fondo-circulos.png) center center;
    background-size: contain;
}
form{
    max-width: 320px;
}
.togglePasswordButton{
    right: 12px;
    bottom: 5px;
}
#togglePassword,.buttonShowPasswordBtn{
    border:0;
    font-size: 19px;
    color: #666;
    background-color: transparent;
}
.form-label{
    font-size: .9rem !important;
}
.form-control{
    transition: .3s;
    height: 45px;
    box-shadow: 0px 0px 5px 0px #0005 ;
}
.form-control:hover{
    background-color:#efefef ;
}
::placeholder{
    font-style: italic;
    color: #000;
}
.alert-dark{
    font-size: .9rem ;
}
#terminosYCondiciones{
    -webkit-appearance: none;
    appearance: none;
    height: 22px;
    position: relative;
    width: 22px;
    transition: .3s;
    border:1px solid silver;
    border-radius: 5px;
}
#terminosYCondiciones:checked{
    background-color: rgb(90, 155, 88);
    z-index: 999;
    border:1px solid rgb(14, 116, 10);
    box-shadow: 0px 0px 18px 0px #0009 , 0 0 0 2px rgba(3, 63, 1, 0.5);
    
}
#terminosYCondiciones:checked:before{
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    content: "\f00c";
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 18px;
    margin: auto;
    top: -4px;
    right: -2px;
    color: #ffffffee;
    
}
.bi{
    font-size: 21px;
}
.links-ul{
    transition: .3s;
    color: #08345eee !important;
}
.links-ul:hover{
    color: #1f640aee !important;
    text-decoration: underline !important;
}