:root {
    --color-primary: #04CF8C;
    --color-primary-rgb: 4,207,140;
    --color-primary-contrast: #ffffff;
    --color-primary-contrast-rgb: 255,255,255;
    --color-primary-shade: #04b67b;
    --color-primary-tint: #1dd498;
    --color-secondary: #537780;
    --color-secondary-rgb: 83,119,128;
    --color-secondary-contrast: #ffffff;
    --color-secondary-contrast-rgb: 255,255,255;
    --color-secondary-shade: #496971;
    --color-secondary-tint: #64858d;
    --color-tertiary: #2192D7;
    --color-tertiary-rgb: 33,146,215;
    --color-tertiary-contrast: #ffffff;
    --color-tertiary-contrast-rgb: 255,255,255;
    --color-tertiary-shade: #1d80bd;
    --color-tertiary-tint: #379ddb;
    --color-success: #2dd36f;
    --color-success-rgb: 45,211,111;
    --color-success-contrast: #ffffff;
    --color-success-contrast-rgb: 255,255,255;
    --color-success-shade: #28ba62;
    --color-success-tint: #42d77d;
    --color-warning: #ffc409;
    --color-warning-rgb: 255,196,9;
    --color-warning-contrast: #000000;
    --color-warning-contrast-rgb: 0,0,0;
    --color-warning-shade: #e0ac08;
    --color-warning-tint: #ffca22;
    --color-danger: #eb445a;
    --color-danger-rgb: 235,68,90;
    --color-danger-contrast: #ffffff;
    --color-danger-contrast-rgb: 255,255,255;
    --color-danger-shade: #cf3c4f;
    --color-danger-tint: #ed576b;
    --color-dark: #222428;
    --color-dark-rgb: 34,36,40;
    --color-dark-contrast: #ffffff;
    --color-dark-contrast-rgb: 255,255,255;
    --color-dark-shade: #1e2023;
    --color-dark-tint: #383a3e;
    --color-medium: #92949c;
    --color-medium-rgb: 146,148,156;
    --color-medium-contrast: #ffffff;
    --color-medium-contrast-rgb: 255,255,255;
    --color-medium-shade: #808289;
    --color-medium-tint: #9d9fa6;
    --color-light: #f4f5f8;
    --color-light-rgb: 244,245,248;
    --color-light-contrast: #537780;
    --color-light-contrast-rgb: 83,119,128;
    --color-light-shade: #d7d8da;
    --color-light-tint: #f5f6f9;
    --roboto-mono: 'Roboto Mono';
    --roboto: 'Roboto';
    --border: #E8E8E8;
}

body,
html {
    height: 100%;
    background-color: #FAFAFA;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.login-titulo-topo, .login-subtitulo-topo {
    font-size: 30px;
    /*width: 60%;*/
    color: #fff !important;
    margin-bottom: 50px;
}

.login-subtitulo-topo {
    font-size: 24px;
    /*width: 80%;*/
}

.container-fluid {
    padding: 0 !important;
}

.row {
    margin: initial;
}

.login-topo {
    background-color: var(--color-secondary);
    background-image: url(/img/fundo-login.svg);
    background-position-x: 80% !important;
    background-size: 300px;
    background-repeat: no-repeat;
}

.btn-cadastro {
    /*width: 200px;*/
    display: block;
    font-weight: bold;
    border-radius: 8px;
    border-width: 1px;
    margin-top: 18px;
    margin-left: auto;
    margin-right: auto;
    border-color: var(--color-primary) !important;
}

.confirmacao-redefinicao {
    color: var(--color-secondary) !important;
}

.divider {
    border-bottom: 1px solid var(--border);
    margin: 20px 0;
    display: block;
    width: 100%;
}

.btn-criar-conta, .btn-recuperar-senha, .btn-retorno, .btn-politica, #btn-forgot-password {
    /*width: 200px;*/
    display: block;
    font-weight: bold;
    border-radius: 8px;
    border-width: 1px;
    /*margin-top: 18px;*/
    margin-left: auto;
    margin-right: auto;
    border-color: var(--border) !important;
    color: var(--color-secondary) !important;
    padding: 15px;
}

#btn-forgot-password {
    color: #fff !important;
    border-radius: 8px !important;
}

.btn-recuperar-senha {
    border: 0px;
    font-weight: 100;
}

.btn-recuperar-senha, .btn-retorno, .btn-politica, #btn-forgot-password {
    border-color: initial !important;
    font-size: 12px;
    border-radius: initial;
    border-width: initial;
    border: 0px;
    font-family: var(--roboto-mono);
    margin: 20px;
    padding: initial;
}

.btn-politica {
    font-size: 11px;
    color: var(--color-secondary) !important;
}

footer {
    /* position: absolute;*/
    bottom: 0;
    width: 100%;
    margin-bottom: 20px;
}

.btn-retorno, #btn-forgot-password {
    font-size: 14px;
}

.login-container {
    background-image: url('/img/graphic-login.jpg');
    background-size: 900px;
    background-repeat: no-repeat;
    background-positx: -250px;
    background-posity: -50px;
    min-height: 100%;
}

@media only screen and (max-width: 980px) {
    .login-container {
        background-image: none;
    }

    .login-titulo-topo, .login-subtitulo-topo {
        width: initial;
        font-size: 18px;
        padding: 0 30px;
    }

    .login-subtitulo-topo {
        font-size: 16px;
        padding: initial;
    }

    .login-topo {
        background-color: var(--color-secondary);
        background-image: url(/img/fundo-login.svg);
        /* background-position-x: 1000px !important; */
        /* background-size: 300px; */
        background-repeat: no-repeat;
        background-position-x: center !important;
        background-size: initial;
    }

    footer {
        position: inherit;
    }
}

.t-logo {
    margin: 50px;
    text-align: center;
    position: relative;
}

.text-colored {
    color: #04CF8C !important;
    text-align: left !important;
}

.alert.validatsummary-errors ul {
    margin: 0 !important;
}

.t-div-form {
    margin-top: 6%;
    margin-left: 6%;
    margin-right: 6%;
}

#btn-login, #btn-forgot-password, .btn-redefinir {
    padding: 15px;
    color: white;
    background-color: #04CF8C;
    border: none;
    width: 114px;
    float: right;
}

.t-login-separador {
    width: 100%;
    padding: 0;
    text-align: center;
    font-size: 18px !important;
    font-weight: bold;
    color: darkgrey;
    text-transform: uppercase;
}

    .t-login-separador:after {
        display: inline-block;
        margin: 0 0 8px 20px;
        height: 1px;
        content: " ";
        text-shadow: none;
        background-color: lightgrey;
        width: calc(30% - 20px + 0px);
    }

    .t-login-separador:before {
        display: inline-block;
        margin: 0 20px 8px 0;
        height: 1px;
        content: " ";
        text-shadow: none;
        background-color: lightgrey;
        width: calc(30% - 20px + 0px);
    }

.t-title-login, h1, h3, h4, h5 {
    color: #04CF8C !important;
}

.t-title-login {
    text-align: center;
}

.input-validaterror {
    border-color: red;
}