﻿.scroll-master-container {
    width: 100vw;
    height: 100vh;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.master-container {
    transform-origin: top left;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
}

.header {
    display: none;
}

.loginDisplay {
    display: none;
}

.main {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #EEEEEE;
}

.main-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins', sans-serif;
}

.header-logo-css img {
    width: 577px;
    height: 187px;
    margin-bottom: 55px;
}

.logonFormGEM {
    width: 732px;
    height: auto;
    padding: 30px 70px;
    border-radius: 20px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.label-login {
    display: none;
}

.input-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-login {
    width: inherit;
    height: 65px;
    margin: 20px 0;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    /*// box-shadow: 0px 5px 5px 2px rgba(204, 204, 204, 0.8);*/
    color: #4c4c4c;
    font-size: 26px;
    padding-left: 20px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
}

    .input-login::placeholder {
        color: #4c4c4c;
        font-size: 26px;
    }

    .input-login:focus {
        outline: none;
    }

    .input-login:-webkit-autofill {
        -webkit-box-shadow: 0 0px 0px 40px white inset;
        font-size: 26px;
    }

.actions-container {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.button-login-entrar, .button-login-entrar:focus, .button-login-entrar:active, .button-login-entrar:visited {
    width: 300px;
    height: 65px;
    background-color: #58b8ae;
    border: 0;
    font-size: 36px;
    box-shadow: 0px 5px 5px 2px rgba(204, 204, 204, 0.8);
}

.button-login-entrar:hover {
    background-color: rgba(88, 184, 174, 0.9);
}

.button-login-entrar:focus, .button-login-entrar:active {
    border: 0;
    outline: none;
}

.btn-success, btn-success .btn-success:focus, .btn-success:active, .btn-success:active:hover, .btn-success:focus:active, .btn-success:not(:disabled):not(.disabled):active {
    background-color: #58b8ae;
    border: 0;
    outline: none;
}

.button-voltar {
    margin-top: 15px;
    width: 300px;
    height: 65px;
    border: 0;
    background-color: rgba(108,117,125, 0.7);
    font-size: 36px;
    box-shadow: 0px 5px 5px 2px rgba(204, 204, 204, 0.8);
    color: #FFFFFF !important;
    transition: background-color 0.5s;
}

    .button-voltar:hover {
        background-color: rgba(108,117,125, 0.6);
    }

.button-login-esqueci-senha {
    width: auto;
    height: 40px;
    margin-top: 20px;
    background-color: #ffffff;
    font-size: 20px;
    transition: color 0s;
}

    .button-login-esqueci-senha:hover {
        background-color: #ffffff;
        border: 0;
    }

.footer {
    display: none;
}

span {
    display: none;
}