.form-login {
    /* background: linear-gradient(to right, rgba(24, 38, 86, 1) 0%, rgba(251, 190, 56, 1) 100%);
    background: -moz-linear-gradient(left, rgba(24, 38, 86, 1) 0%, rgba(251, 190, 56, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(24, 38, 86, 1) 0%, rgba(251, 190, 56, 1) 100%);
    background: -o-linear-gradient(left, rgba(24, 38, 86, 1) 0%, rgba(251, 190, 56, 1) 100%);
    background: -ms-linear-gradient(left, rgba(24, 38, 86, 1) 0%, rgba(251, 190, 56, 1) 100%); */
    /* background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24, 38, 86, 1)), color-stop(100%, rgba(251, 190, 56, 1))); */
    background: rgba(227, 207, 182, 1);
    border-radius: 12px;
    padding-left: 2px;
    padding-right: 2px;
}

.form-login:hover {
    background: rgba(227, 207, 182, 0.5);
}

.form-captcha {
    background: transparent !important;
    border-radius: 12px !important;
    border: 0;
    width: 100% !important;
}

.form-login .form-control {
    border-radius: 0;
}

.captcha-wrapper > img {
    transform: scale(105%);
}

.background-login {
    background-image: url("../../../assets/images/homepage.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

.input-color {
    background-color: transparent !important;
    border: 0;
    width: 95%;
    color: rgba(102, 102, 102, 1) !important;
    
}

.button-submit {
    background-color: rgba(24, 38, 86, 1); 
    border-radius: 12px !important;
}

.button-submit:hover {
    background-color: rgba(75, 99, 166, 1); 
}

:focus {
    border: 0 !important;
    outline: 0 !important;
}

.footer-background {
    background-color: transparent;
}

::placeholder {
    color: rgba(102, 102, 102, 1) !important;
}

@media only screen and (max-width: 768px) {
    .login--background {
        max-height: 100vh !important;
        width: 100% !important;
    }

    /* .login--background img {
        object-fit: cover !important;
    } */

    #logo_pupr {
        margin-bottom: 2em;
    }
}

.form-checkbox {
    width: 1.25rem;
    height: 1.25rem;
    border-color: rgb(227, 207, 182) !important;
    border-radius: 4px !important;

    &:checked {
        background-color: rgb(227, 207, 182) !important;
    }

}

.relative {
    position: relative;
}

/* .eyes-icon {
    position: absolute;
    top: 0;
    right: 0;
    color: #6666;
} */

#password {
    padding-right: 30px; 
    /* padding: 10px; */
    font-size: 16px;
}

#togglePassword {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    
}