.fundo{
  background-color: rgb(80, 8, 120);
  background-image: url(/img/dna_bkg_linha.png);
  background-size: 105px, cover;
}

.btn-login{
    font-family: "NexaText-ExtraBold";
    background-color: #00a3e0;
    height: 58px;
}

.btn-login:active{
    background-color: #0077a1;
}

.btn-login:hover{
    background-color: #00a3e0;
}

.dna-logo{
    height: 22vh;
}

.dna-icon-erro{
    height: 18vh;
}

input, button {
    border-radius: 30px !important;
}

input{
    text-align: center !important;
}

.form-floating.custom-class>label {
    top: 0;
    right: 0;
    transform-origin: 100% 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    text-align: center;
}

.form-floating.custom-class>.form-control-plaintext~label, .form-floating.custom-class>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.98) translateY(-0.5rem) translateX(-0.15rem);
    text-align: center;
}

.border-pers {
    border-radius: 0.5rem !important;
}

.login-container-conteudo{
    height: 30vh;
}

.login-container-form{
    height: 25vh;
}

.login-espacamento-5{
    height: 5vh;
}

.login-espacamento-24{
    height: 24vh;
}

.corpo-box-redirecionamento{
    font-size: 1.75vh;
}

.espacamento-2{
    height: 2vh;
}

.btn-olho {
    position: absolute;
    right: 3vw;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    z-index: 5;
    color: #000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}