/* FLEX BOX pai*/
.displayFlex{ display: flex; } 

.logo{ display: block; max-width: 200px; margin: 0px auto 20px auto; }

.section-inside{
    width: 100%;
    height: 100%;
}

a{
    transition: 0.5;
}

.padding{
    padding-top: 40px;
    padding-bottom: 40px;
}

.line{ display: block; height: 1px; border: none; }
.lineTot{ width: 100%; background-color: #eee; }

.shadow{
    box-shadow: 3px -3px 30px #b6b6b6;
    -webkit-box-shadow: 3px -3px 30px #b6b6b6;
    -moz-box-shadow: 3px -3px 30px #b6b6b6;
}

.shadow-bt{
    box-shadow: 7px 8px 6px 0px rgba(217,217,217,0.75);
-webkit-box-shadow: 7px 8px 6px 0px rgba(217,217,217,0.75);
-moz-box-shadow: 7px 8px 6px 0px rgba(217,217,217,0.75);
}

.round{
    border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
}
/* TELA DE LOGIN */

.telaLogin{ 
    margin: 70px auto;
    flex-direction: column; 
    padding: 60px 40px;
    background-color: #eee;
    max-width: 650px;
}

.btn{
    padding: 12px;
    display: block;
    max-width: 250px;
    font-size: 1.1em;
    text-align: center;
    border: none;
    text-decoration: none;
}
    .enviar{
        max-width: 140px;
        background-color: #075a30;
        color: #fff;
    }

    .enviar:hover{ 
        cursor: pointer; 
        background-color: #4db43d;
        transition: 0.8;
    }

    .esqPass{ margin: 6px 0px 20px 0px; display: block; }
        .esqPass a{ 
            display: block; 
            color: #777; 
            font-size: 0.8em;
            text-decoration: none;
        }

        .esqPass a:hover{ color: #389829; }


.header{
    padding: 16px 0px 0px 0px;
    background-color: #fff;
}
    .menu ul li{ display: inline-block; margin: 6px; }
    .menu ul li a{ text-decoration: none; padding: 8px; border-radius: 6px; display: block; font-size: 1em; color: #047700; }
    .menu ul li a:hover{ background-color: #08a702; color: #fff; }

/* FORM */
.formLogin{
    margin: 12px auto;
    max-width: 500px;
}

.tForm{ font-size: 1.1em; font-family: 'Lato', sans-serif; margin: 0px 0px 10px 0px;  }
.btClose{ font-size: 0.9em; font-family: 'Lato', sans-serif; }
.popup{
    width: 30%; 
}
/* BACKGROUNDS */
.bgh{ 
    background: url('../imgs/bgh.jpg');
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: bottom;
}

.iframe{ width: 100%; border: none; overflow: hidden; height: 500px; }

h4.name{ font-size: 1em; }

.imgCart{ 
    width: 408px; 
    height: 250px; 
    display: block; 
    background-size: contain;
    border-radius: 20px;
}

.logoC{ display: block; text-align: center; margin: 0px auto; width: 40%; margin-bottom: 22px; }

.gInfos{ position: absolute; width: 80%; left: 20px; top: 30px; right: 65px; }
.gInfos .lst li{ font-size: 0.9em; }

/* HISTÓRICO DE PAGAMENTO */

h2.title{ font-size: 1em; margin: 0px 0px 18px 0px; }

.td{
    width: 24%;
    float: left;
    padding: 12px 0px;
}

.td.dependentes{
    position: relative;
    width: 48%;
    float: left;
    padding: 12px 0px;
}

ul.lst li{ 
    display: block; 
    margin: 0px; 
    padding: 3px 0px; 
    width: 100%;
    border-bottom: 1px dotted #b6b6b6;
}

.telaHist{ 
    margin: 60px auto;
    padding: 30px; 
    border: none; 
    background-color: #eee;
    overflow: hidden;
    height: 100%;
}

.telaHist .row{ 
    overflow-x: scroll;
}
.telaHist.dep .row{ 
    overflow-x: hidden;
}

.titulos h2{ font-size: 1em; }
.larg{ margin: 0px; }

i.icon{ margin: 0px; padding: 0px; display: inline-block; width: 58px; height: 16px; }
i.icon.asaas{ background: url('../imgs/asaas.svg') no-repeat;  }
i.icon.boleto{ background: url('../imgs/boleto.webp') no-repeat;  }

/*
.telaHist .row .items{
    max-width: 200px;
    padding: 0px 6px;
    margin: 0px;
}

.telaHist .row .items span{ 
    background-color: #e8e4e4; 
    display: block; 
    padding: 4px 2px;
    font-size: 0.8em;
}

.telaHist .row .items h2{
    color: #000;
    font-size: 0.9em;
    margin: 6px;
} */