body {
    margin: 0;
    padding: 0;
}

    body:before {
        content: '';
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-image: url("../images/gui/login-image3.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: brightness(40%) blur(5px);
        transform: scale(1.2);
    }

.contact-form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 400px;
    height: 500px;
    padding: 80px 25px;
    box-sizing: border-box;
}


.avatar {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    top: calc(-80px/2);
    left: calc(50% - 40px);
}

a {
    color: rgb(30,166,168);
}

.formulario {
    display: block;
}

.login-button {
    margin: 35px 20px;
}

button.blue-btn {
    width: 100%;
    margin-right: 0px;
    background-color: rgb(30,166,168);
}

.form-floating-label input:disabled ~ label {
    top: 0 !important;
    font-size: 14px !important;
    color: #7b7b7b !important;
    font-weight: bold !important;
}

.form-floating-label label {
    line-height: 1;
    margin-bottom: 10px;
}

    .form-floating-label label::before {
        margin-left: 1px;
        margin-right: 10px;
    }

.form-floating-label [type='text'], .form-floating-label [type='password'] {
    color: #fffdfd !important;
}

.form-floating-label input:focus ~ label, .form-floating-label input:disabled[value] ~ label, .form-floating-label.has-value input ~ label {
    top: 0;
    font-size: 14px;
    color: rgb(30,166,168);
    font-weight: bold;
}

.validation-summary-errors {
    color: #f54e4e;
}

    .validation-summary-errors ul {
        list-style-type: none;
    }

select {
    color: #fffdfd;
}

    select option[value] {
        background: rgb(123, 123, 123);
    }

.form-floating-label label {
    color: #e0e0e0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #1ea6a814 inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:disabled {
    background-color: transparent !important;
}

.form-floating-label select {
    color: #fffdfd !important; 
}

.form-floating-label.has-value select ~ label {
    color: rgb(30,166,168) !important;    
}