* {
    --text-color: #0073b7;
}

body,
html {
    height:100%;
}
body {
    display:grid;
    flex-direction:row;
    margin-top:0;
    font-size:14px;
    line-height: 1.5;
}
.toda-tela {
    height: 100vh;
}
.header {
    background:#2b6182;
    min-height:fit-content;
}
.footer {
    flex-shrink:0;
    background:#ededed;
    padding:10px;
}
.logo-footer {
    width:31%;
}
.logo-sgcor {
    display:inline-block;
    width:20%;
    margin-left:25%;
}
.logo-sgcor img {
    padding:10px;
}
.container-header {
    height:100%;
    flex-direction:column;
    align-items:center;
    padding:5px;
    display:flex;
    justify-content:center;
    z-index: 1;
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
.text-site {
    width: 30%;
    position: fixed;
    top: 2%;
    right: 2%;
}
.spacer {
    flex:1;
}
.text-white {
    color:#fff;
    margin-bottom:1px;
    text-decoration: none;
}
.text-white:hover {
    text-decoration: underline;
}
.error-login {
    padding:0;
}
.mensagem-login-lg {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 5px;
    width: 100%;
    margin: 5px 0px 5px 0px !important;
}
#mensagem-alert {
    border: 1px solid white;
    background: #ff000096;
    color: white !important;
    padding-inline: 15px;
    text-align: center;
    padding-block: 5px;
    width: 70%;
    border-radius: 5px;
}
#mensagem-sucesso {
    border: 1px solid white;
    background: #17880096;
    color: white !important;
    padding-inline: 15px;
    text-align: center;
    padding-block: 5px;
    width: 70%;
    border-radius: 5px;
}
#mensagem-bloqueio-financeiro {
    border: 1px solid white;
    background: rgba(255, 255, 255, 0.6);
    color: black !important;
    padding-inline: 15px;
    text-align: center !important;
    padding-block: 5px;
    width: 70%;
    border-radius: 5px;
}
form {
    text-align: center;
}
h1 {
    margin-top:0;
}
img {
    max-width:250%;
}
.font-registro-servico {
    font-size:10px;
}
.text-teste-gratis a {
    text-decoration: none;
}
.text-teste-gratis a:hover {
    text-decoration: underline;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    color: #495057 !important;
    font-size: 14px;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 35px;
}
.form-group label {
    text-decoration: none !important;
}

form #exibeSenha {
    cursor: pointer;
    position: absolute;
    color: #0000006e !important;
    display: table;
    text-align: right;
    width: 20px;
    right: 7px;
    top: 34px;
}

form #capsLock {
    display: none;
    position: absolute;
    color: #0000006e;
    padding-inline: 5px;
    text-align: right;
    width: 20px;
    right: 32px;
    top: 33px;
}

.btn {
    background-color: #428eb5;
    border-color: #428eb5;
    color:#fff;
    margin-bottom:0;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    touch-action:manipulation;
    white-space:nowrap;
    padding:6px 12px;
    font-size:14px!important;
    line-height:1.42857143;
    border-radius:.40rem;
    user-select:none;
}
.btn:hover {
    background-color: #317298 !important;
    color: #FFF !important;
    border: 1px solid #317298 !important;
}
.btn:focus {
    background-color: #317298 !important;
    color:#fff;
}
.sgcorFundo {
    background-color: #FFF;
    /*background:url("imgs/TelaLoginSgcor.png") no-repeat center;*/
    /*background-size:cover;*/
    box-shadow: -10px 0px 15px rgb(0 0 0 / 0.2);
    z-index: 0;
}
.caps-lock {
    padding-right: 16%;
}
.bloqueio-financeiro {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
}

#linkEsqueciSenha{
    margin-bottom: 5px; 
    font-size: 14px; 
    text-align: center; 
    text-decoration: none;
}

#linkEsqueciSenha:hover{
    text-decoration: underline;
}

.botaoVoltar{
    background-color: #eee; 
    border-color: #DDD;
    color: #333;
}

.botaoVoltar:hover{
    background-color: #DDD !important; 
    border-color: #ccc !important;
    color: #333 !important;
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (max-width: 826px) {
    .sgcorFundo {
        height: 100vh;
        display: flex;
    }
    .container-fluid {
        margin-top: 0 !important;
        overflow: scroll !important;
    }
    .logo-footer {
        max-height: 60px;
        width: unset;
    }
    .logo-sgcor {
        width: 30%;
        margin: 0 auto;
    }
    .form {
        width: 100%;
    }
    .container-header {
        height: 100%;
        justify-content: center;
        align-items: center;
        min-height: 400px;
        position: fixed;
    }
    .spacer {
        flex: unset;
    }
    .logo-horizontal {
        display: none !important;
    }
    .text-teste-gratis {
        margin-top: 0 !important;
        margin-left: 69% !important;
    }
    .caps-lock {
        padding-right: 6%;
    }
    .form-group i {
        margin-left: 2%;
    }
    .btn,
    .nossosCanais-titulo {
        width: 100% !important;
    }
    .nossosCanais{
        width: 95% !important;
    }
    .text-site {
        width: 96%;
        z-index: -1 !important;
    }
    ::-webkit-scrollbar {
        display: none;
    }
}

@media (min-width: 826px) {
    .form {
        margin-left: 17%;
        margin-right: 17%;
        margin-top: 10px;
    }
    .form-group {
        display: grid;
        margin-bottom: 5px;
        text-align: center;
        font-size: 15px;
    }
    .div-submit {
        display: flex;
        margin-top: 15px;
    }
    .logo-vertical {
        display: none !important;
    }

    .container-fluid {
        overflow: hidden !important;
    }
}