body {
    margin          : 0;
    padding         : 0;
    font-family     : 'Barlow', sans-serif;
}
body, html {
    width : 100%;
    height: 100%;
}
.container-fluid { 
    height: 100%; 
}
.container-fluid > .row { 
    height: 100%; 
}
.left-login {
    height      : 100vh;
    padding     : 0;
    margin      : 0;
    background  : url('../img/umsoft-sistemas-login-left.png') right top no-repeat;
}
.right-login {
    display         : flex;
    align-items     : center;
    height          : 100%;
    color           :#494949;
    background-color:white;
}
form {
    text-align      : left;
    padding-left    : 50px;
    padding-right   : 50px;
    padding-top     : 20px;
}
.row-right {
    width: 100%;
    text-align: center;
}
img.logoumsoft {
    width           : 188px;
    margin-bottom   : 15px;
}
.google-top {
    display         : block;
    width           : 100%;
    color           : #6a6a6a;
    text-align      : center;
    font-weight     : 530;
    font-size       : 23px;
    margin-bottom   : 35px;
}
.google-top i {
    background      : #fdfdfd;
    font-style      : italic;
    padding-left    : 9px;
    padding-right   : 9px;
    border-radius   : 100px;
}
.google-top::after {
    display             : block;
    content             : "";
    width               : 100%;
    height              : 0.5px;
    background-color    : #dfdfdf;
    margin              : 0 auto;
    margin-top          : -16px;
    margin-bottom       : 10px;
}
.label-login {
    font-size       : 2.1rem; 
    padding-bottom  : 4px;
}
.input-login {
    width           : 100%;
    background      : #f9f9f9;
    border          : solid 1px #dfdfdf;
    border-radius   : 100px;
    padding-top     : 7px;
    padding-left    : 25px;
    padding-bottom  : 8px;
    margin-bottom   : 10px;
    height          : 46px;
}

.redefinir-senha {
    cursor: pointer;
}
.redefinir-senha:hover {
    text-decoration : none;
    color           : #3c3c3c;
}

/* ===== BOTÃO PULSAR ===== */
.btn {
    width           : 100%;
    background      : #007bff;
    border          : solid 1px #0063f7;
    border-radius   : 100px;
    padding         : 6px;
    text-align      : center;
    font-weight     : 600;
    font-size       : 18px;
    cursor          : pointer;
    height          : 46px;
    margin-top      : 5px;
    margin-bottom   : 30px;
}
.btn .btn-text { color: white !important; }
.btn:hover { background: #005ae1; color: white !important; }
.btn:focus { background: #005ae1; color: white !important; }
.btn:disabled {
    opacity : 0.6;
    cursor  : not-allowed;
}
.hidden { display: none !important; }
.loader-button {
    display         : flex;
    position        : absolute;
    left: 0; right: 0; top: -25px; bottom: 0;
    justify-content : center;
    align-items     : center;
}
.loader-button.hidden { display: none !important; }
.spinner-sm {
    height          : 20px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}
.spinner-sm > div {
    display         : block;
    margin-left     : 4px;
    width           : 4px;
    height          : 20px;
    background-color: #fff;
    animation       : sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner-sm .rect2 { animation-delay: -1.1s; }
.spinner-sm .rect3 { animation-delay: -1.0s; }
.spinner-sm .rect4 { animation-delay: -0.9s; }
.spinner-sm .rect5 { animation-delay: -0.8s; }

@keyframes sk-stretchdelay {
    0%, 40%, 100% { transform: scaleY(.4); }
    20% { transform: scaleY(1); }
}