html {
    height: 100%;
}

body {
    min-height: 100%;
}

.container {
    width: 99%;
}

input:hover {
    caret-color: black !important;
    cursor: default;
}

/* Estilo para o corpo da página */
body {
    background-color: #f8f9fa;
}

.btn-vermelho {
    background-color: #8B1A1A;
    color: white;
    border: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.btn-vermelho:hover,
.btn-vermelho:focus {
    background-color: #a82626;
    color: white;
    box-shadow: 0 0 0 0.2rem rgba(139, 26, 26, 0.5);
    text-decoration: none;
}

.btn-vermelho:active {
    background-color: #751616;
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}

.btn-vermelho:disabled {
    background-color: #c46a6a;
    color: #fff;
    opacity: 0.65;
}

/* Estilo para o link de cadastro */
.link-register {
    color: #8B1A1A;
    font-weight: bold;
    text-decoration: none;
}
.link-register:hover {
    text-decoration: underline;
}
.form-check-input:checked {
    background-color: #8B1A1A;
    border-color: #8B1A1A;
}

.bg-agua-deslogado {
    background-image: url('../imgs/Bubble-agua.svg');
    background-color: rgb(21 21 21 / 30%);
    background-blend-mode: overlay;
}
img {
    pointer-events: none;
}
    .bg-agua-deslogado svg {
        pointer-events: none;
    }

.container-fluid .title {
    font-family: 'Microgramma D', sans-serif;
    font-size: 70px;
    line-height: 2.1;
    /*color: #777;*/
}

.container-fluid .subtitle {
    font-family: 'Julius Sans One', sans-serif;
    /*color: #777;*/
    font-size: 15px;
    border-top: 0;
}

.background {
    background-image: url(../images/login/fundo-login.jpg);
    /*background-size: 100% 100%;*/ /*fica alinhada sem distorcer*/
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
}

/*text-shadow:xPosition yPosition blurSize color;
Onde:

xPosition é a posição horizontal da sombra de texto em relação ao texto.
yPosition é a posição vertical da sombra do texto em relação ao texto.
blurSize é o tamanho do desfoque de sombras.
color é o valor da cor - hex, rgb, rgba, hsl, hsla ou cor nomeada.*/

.sombra {
    color: #000000;
    line-height: 3.0;
    /* text-shadow: 2px 2px 2px #ffffff;*/
}

.sombraTurva {
    color: #FFFFFF;
    text-shadow: 0px 0px 20px #99FFFF;
}

.sombraNeonVermelho {
    text-shadow: 0px 0px 3px #FF0000;
}

.sombraNeonBranco {
    text-shadow: 0px 0px 3px #fff;
}

.login-container {
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 25px !important;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    padding: 1.25rem;
}

.logos-container {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 25px !important;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    padding: 1.05rem 20px;
    position: fixed;
    bottom: -0px;
    z-index: -1;
}

/*CSS do login*/

.h100 {
    height: 100%;
}


.esquerda {
    /*background: #040a0a url('../images/.png') bottom right no-repeat;*/
    background-image: url(../images/fundo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .esquerda img {
        width: 120px;
        height: auto;
        margin: 30px 0 0 30px;
    }

.direita {
    background-color: #f1f1f1;
    height: 100%;
    vertical-align: middle;
}

.logos {
    margin: 50px 0 0 0;
}

.login {
    margin: 100px 0 0 0;
}

.footerEsquerda {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: auto auto;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border-radius: 5px !important;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    flex: 1 1 auto;
}


.footerDireita {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: auto auto;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border-radius: 5px !important;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    flex: 1 1 auto;
    padding: 1.25rem;
    margin-left: 0;
    margin-right: 0;
}


.ConverteMaisculas {
    text-transform: uppercase;
}

.ConverteMinusculas {
    text-transform: lowercase;
}

.btn-azul {
    color: white;
    background-color: #4088F6;
    border-color: #4088F6;
}

@media (max-height: 623px) {
    .hidden-espaco {
        display: none;
    }
}

.scale-up-center {
    -webkit-animation: scale-up-center 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center 1.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-7-11 10:44:1
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}