body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
/*    padding-top: 40px;
    padding-bottom: 40px;*/
}
body.layout-login {
    background-color: #1ab394 !important;
}
.container-login {
    margin: auto;
    background: #fff;
    padding: 25px 45px 10px;
    border-radius: 25px;
}

.container-login .input-group-text {
    color: #c8cacc;
    background-color: #f6f7f8;
}

.container-login small, .small {
    font-size: 85%;
}

.container-login .signin-text {
    font-size: 15px;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}

.container-login .signin-text span {
    display: inline-block;
    position: relative;
    color: rgb(103 106 108);
    background: #fff;
    padding: 0px 31px;
    font-size: 18px;
}

.container-login .signin-text:before {
    display: none;
    background: #e4e4e4;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}

.container-login .logo-name {
    color: #e0e0e0;
    font-size: 120px;
    font-weight: 800;
    letter-spacing: -10px;
    margin-bottom: 0;
}

.btn-google {
    padding: 5px 10px 5px 10px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Roboto","Helvetica Neue",Helvetica,"Segoe UI",Arial,"Noto Sans","Liberation Sans",system-ui,-apple-system,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.btn-google:hover {
    color: #1c84c6;
    border-color: #1c84c6;
    box-shadow: 0 0 4px #4285f4;
}
.btn-google:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDEyIDEyIj48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNMTEuNzYgNi4xMzZjMC0uNDI1LS4wMzgtLjgzNC0uMTEtMS4yMjdINlY3LjIzaDMuMjNhMi43NiAyLjc2IDAgMDEtMS4xOTggMS44MXYxLjUwNkg5Ljk3YzEuMTM0LTEuMDQ0IDEuNzg5LTIuNTgyIDEuNzg5LTQuNDF6Ii8+PHBhdGggZmlsbD0iIzM0QTg1MyIgZD0iTTYgMTJjMS42MiAwIDIuOTc4LS41MzcgMy45Ny0xLjQ1NEw4LjAzMyA5LjA0MWMtLjUzNy4zNi0xLjIyNS41NzMtMi4wMzIuNTczLTEuNTYzIDAtMi44ODUtMS4wNTYtMy4zNTctMi40NzRILjYzOHYxLjU1NUE1Ljk5OCA1Ljk5OCAwIDAwNiAxMnoiLz48cGF0aCBmaWxsPSIjRkJCQzA1IiBkPSJNMi42NDMgNy4xNEEzLjYwNyAzLjYwNyAwIDAxMi40NTUgNmMwLS4zOTUuMDY4LS43OC4xODgtMS4xNFYzLjMwNUguNjM4YTUuOTk4IDUuOTk4IDAgMDAwIDUuMzlMMi42NDMgNy4xNHoiLz48cGF0aCBmaWxsPSIjRUE0MzM1IiBkPSJNNiAyLjM4NmMuODggMCAxLjY3Mi4zMDMgMi4yOTQuODk4bDEuNzItMS43MjFDOC45NzYuNTk1IDcuNjE4IDAgNiAwQTUuOTk4IDUuOTk4IDAgMDAuNjM4IDMuMzA1TDIuNjQzIDQuODZDMy4xMTUgMy40NDIgNC40MzcgMi4zODYgNiAyLjM4NnoiLz48L3N2Zz4=);
    position: absolute;
    left: 8%;
}
.titulo-pagina.login {
    display: none;
}
.container-login .bloco-logo img {
    width: 300px;
}
.input-group-lg > .input-group-prepend > .input-group-text {
    border: 1px solid #e5e6e7;
}

.container-login .alert-danger {
    margin-top: -25px;
    padding: 8px 15px;
}
.container-login .alert-danger .button.close{
    font-size: 21px;
}
.container-login .ibox-content {
    border:none;
}

body.layout-login .input-group-lg > .form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px);
    font-size: 14px;
}

.input-group-lg > .input-group-prepend > .input-group-text {
    font-size: 16px;
    padding: 0.375rem 0.75rem;
    border: 1px solid #e5e6e7;
}

@media (max-width: 375px) {
    .container-login .logo-name {
        text-align:center;
        font-size: 60px;
    }
}
@media (max-width: 575.98px) {
    .container-login .logo-name {
        text-align: center;
        font-size: 80px;
    }
    .btn-google:after {
        content: "Entrar com Google";
        text-indent: 0;
        display: block;
        line-height: initial;
    }
    .container-login .login-externo .col-8 {
        padding: 0 15px;
        width: 100% !important;
        max-width: none !important;
        flex: none !important;
    }
    .ibox-content {
        max-width: 100% !important;
    }
}
@media (min-width: 370px) {
    .btn-google-logar:after {
        content: "Entrar com sua conta do Google";
    }
    .btn-google-cadastrar:after {
        content: "Cadastrar com sua conta do Google";
    }

}

@media (min-width: 389.98px) {
    .nova-conta small:after {
        content: "Cadastrar uma nova conta";
    }
}
@media (max-width: 390px) {
    .nova-conta small:after {
        content: "Nova conta";
    }
}

@media (max-width: 1200px ) {
    .container-login .bloco-logo img {
        width: 300px;
    }




    .container-login .alert-danger {
        margin-top: 0;
    }
}

.container-login .bloco-logo {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (max-width: 991px) {

    body.layout-login {
       background-color: #fff !important;
    }
    body.layout-login .container:not(.container.logo) {
        margin-top: 0;
    }

    .container-login {
        margin: auto;
        background: #fff;
        padding: 0 15px;
        border-radius: 45px;
    }

    .ibox-content {
        margin:auto;
        max-width: 420px;
    }

    body.layout-login .bloco-logo {
        border-bottom: 1px solid #e4e4e4;
        margin: 0;
        padding: 15px;
    }
        body.layout-login .bloco-logo img {
            width: 200px;
        }
    body.layout-login .ibox-content {
        padding: 25px 20px 20px 20px;
    }
    body.layout-login .bloco-banner {
        display: none;
    }
    body.layout-login .bloco-esqueci-senha {
        margin: 20px 0 40px !important;
    }
    body.layout-login .bloco-esqueci-senha div {
        text-align: center !important;
    }
    body.layout-login .bloco-esqueci-senha div small {
        font-size: 15px !important;
    }
    body.layout-login .signin-text{
        margin: 40px 0 40px !important;
    }
    .titulo-pagina.login {
        display: block;
        margin: 30px 0 45px !important;
        padding-left: 0;
        font-size: 22px;
    }
    .container-login .signin-text span {
        padding: 0 45px;
    }
    .justify-content-center .col-lg-12 {
        padding-left: 0;
        padding-right: 0;
    }
    h1.titulo {
        margin: 30px 0;
    }
}




@media (min-width: 1200px) {
    .container {
        max-width: 960px;
    }
}

.layout-login .ibox-content.sk-loading > .sk-spinner {
    position: sticky !important;
}

body.publico.confirmacaowhatsapp div.bloco-banner, body.publico.salvarconfirmacaowhatsapp div.bloco-banner {
    display: none;
}
body.publico.confirmacaowhatsapp div.bloco-form, body.publico.salvarconfirmacaowhatsapp div.bloco-form {
    flex: 100%;
    min-width: 100%;
}
body.publico.confirmacaowhatsapp .container-login, body.publico.salvarconfirmacaowhatsapp .container-login {
    max-width: 650px;
}