/* Responsividade e estilo aplicado sempre que a tela tiver tamanho a partir de 768px em diante */

    @media(min-width:768px){
    .main-container{
        display: flex;
        justify-content: center;
        }
    }

#user, #password{border: 1px solid rgb(160, 160, 160) !important;}
#user:focus-within{border: 1px solid #165e83 !important; }
#password:focus-within{border: 1px solid #165e83!important;}
#buttonConfirm:hover{background-color: #1b5572 !important;transition: .1s ease all !important;}

/*Ocultar o icone padrão que aparece no input do tipo password*/
::-ms-reveal{
    display:none;
}

.eye-open,.fa-eye-slash{
    top:48%;
    right: 35%;
    color:gray;
}

 .hide{
    display: none;
}

@media(min-width:1000px){
    #inputPassword{
        position: relative;
    }

    .eye{
        position:absolute;
        top:47%;
        right: 36%;
    }
}