#KbkdadosConfig .itemform {
margin-bottom: 15px;
display: block;
width: 100%;
}
#KbkdadosConfig .itemform.forabox {
margin: 0 10px;
width: calc(100% - 20px);
}
#KbkdadosConfig .boxconfig {
display: flex;
flex-wrap: wrap;
gap: 20px;
width: calc(100% - 40px);
margin: 5px 8px;
padding: 20px; }
#KbkdadosConfig .boxconfig.ativo {
background-color: #f3af6f;
}
#KbkdadosConfig input[type="text"],
#KbkdadosConfig textarea,
#KbkdadosConfig input[type="number"] {
display: block;
width: 100%;
margin-top: 5px;
}
#KbkdadosConfig .forabox {
clear: both;
}
#KbkdadosConfig input[type="submit"], #botaofinaltrends {
background-color: #ff8c1f; font-family: 'Rubik', sans-serif;
border: none;
color: #fff;
text-transform: uppercase;
border-radius: 10px;
margin: 0;
padding: 10px 15px;
text-align: center;
display: block;
float: right;
cursor: pointer;
font-size: 10pt;
height: 48px;
width: 220px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
border-radius: 5px;
margin-top: 16px;
}
#KbkdadosConfig input[type="submit"]:hover, #botaofinaltrends:hover {
background-color: #002648 !important;
}
.loading{
font-family: 'Rubik', sans-serif;
color: #002954;
font-size:12pt;
text-align:right;
display:none;
}
.loading.aparece{
display:block;
}
.gridbox,
.subgrid {
display: grid;
grid-template-columns: repeat(2, 1fr); gap: 20px;
width: calc(100% - 40px);
}
.subgrid {
max-width: 500px;
margin: 10px 20px;
} .topingresso{
display:none;
}
.some{
display:none;
}
.boxcadastroEvento .boxdados {
background-color: #fbfbfb;
margin-bottom: 60px;
-webkit-box-shadow: 14px 14px 23px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 14px 14px 23px 1px rgba(0, 0, 0, 0.25);
box-shadow: 14px 14px 23px 1px rgba(0, 0, 0, 0.25);
min-height: 180px;
display: flex;
flex-direction: column;
justify-content: center;
clear: both;
border-radius: 20px;
font-family: 'Rubik', sans-serif;
padding: 40px;
}
.pagamento .boxresumo h2, .boxcadastroEvento .boxdados h2 {
margin-top: 0;
color: #002648;
font-family: 'Rubik', sans-serif;
font-size: 16pt;
float: left;
font-weight: 600;
padding-left: 0;
width: 100%;
margin-bottom: 20px;
border-bottom: 1px solid #002648;
}
.pagamento .boxresumo h2.h2-insc-curso {
float: none;
}
#formInscricao .kbk-completo-toggle, #formInscricao .kbk-modulo, #formInscricao .total-valor {
display: flex;
align-items: center;
justify-content: space-between;
}
#formInscricao .total-valor {
margin-top: 8px;
}
#formInscricao .kbk-completo-toggle label {
width: calc(80% - 20px);
margin: 0;
padding-right: 32px;
font-weight: 500;
font-size: 12pt;
display: flex;
align-items: flex-start;
}
#formInscricao .kbk-completo-toggle p {
margin: 0;
font-weight: 500;
font-size: 12pt;
}
#formInscricao .kbk-modulo label {
width: calc(80% - 20px);
margin: 20px 0 0 0;
padding-right: 32px;
font-size: 12pt;
font-weight: 400;
display: flex;
align-items: flex-start;
}
#formInscricao .kbk-completo-toggle label input, #formInscricao .kbk-modulo label input {
margin-right: 0;
margin-top: 7px;
} #formInscricao .kbk-completo-toggle label span, #formInscricao .kbk-modulo label span {
width: 1px;
height: 16px;
border: 1px solid #002648;
background: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-right: 8px;
opacity: 0;
}
#formInscricao .kbk-completo-toggle label span::after, #formInscricao .kbk-modulo label span::after {
content: "";
width: 5px;
height: 8px;
border: solid #002648;
border-width: 0 1px 1px 0;
transform: rotate(45deg);
display: none;
cursor: pointer;
}
#formInscricao .kbk-completo-toggle label input:checked + span::after, #formInscricao .kbk-modulo label input:checked + span::after {
display: block;
cursor: pointer;
}
#formInscricao .kbk-modulo p {
margin: 0;
font-weight: 400;
font-size: 12pt;
}
#formInscricao .linha-baixo {
display: block;
height: 1px;
width: 100%;
background-color: #002648;
}
#formInscricao .total-valor h4 {
font-size: 14pt;
color: #002648;
font-weight: 500;
width: 220px;
margin: 0;
padding-right: 32px;
font-family: 'Rubik', sans-serif !important;
}
#formInscricao .total-valor h5 {
font-size: 16pt;
color: #0091ff;
font-weight: 600;
font-family: 'Rubik', sans-serif !important;
}
.boxcadastroEvento .boxdados{
font-weight: 500;
font-size: 16px;
display: block;
width: 100%;
margin-top: 5px;
color: #002648;
font-family: 'Rubik', sans-serif;
text-align: left;
}
.boxcadastroEvento .cnpj{
display: grid;
grid-template-columns: repeat(2, 1fr); gap: 20px;
width: calc(100% - 40px);
position: relative;
}
.dublegrid{
display: grid;
grid-template-columns: 50% 50%; gap: 10px;
width:calc(100% - 10px);
align-items: end; }
.grid233{
display: grid;
grid-template-columns: 50% 25% 25%; gap: 10px;
width: calc(100% - 20px);
align-items: end; }
.triplogrid{
display: grid;
grid-template-columns: 1fr 1fr 1fr; gap: 10px;
width:calc(100% - 10px);
align-items: end; }
.gridpix{
display: grid;
grid-template-columns: 30% 70%; gap: 10px;
}
.gridpix.pg-boleto{
display: grid;
grid-template-columns: 30% 70%;
gap: 24px;
}
.gridpix.pg-boleto .bloco2{
width: 100%;
display: block;
padding-right: 24px;
}
.itemform em{
font-style: normal;
font-size:12px;
}
.formtrends.formularios h2, .formtrends.formularios h4 {
color: #0091ff;
font-size: 20px;
text-transform:uppercase;
}
.formtrends.formularios h4.cobranca-para {
color: #002648;
text-transform: none;
font-size: 13pt;
font-weight: 400;
margin-bottom: 12px;
}
.boxpagamentos .itemform label {
display: block;
width: 100%;
font-size: 14px;
font-weight: 500;
font-size: 16px;
display: block;
width: 100%;
margin-top: 5px;
color: #002648;
font-family: 'Rubik', sans-serif;
text-align: left;
}
.conteudoInterno.pagamento .itemform input[type="text"], .conteudoInterno.pagamento .itemform input[type="email"], .conteudoInterno.pagamento .itemform select, .conteudoInterno.pagamento .itemform input[type="tel"], .conteudoInterno.pagamento .itemform input[type="number"], .conteudoInterno.pagamento .itemform input[type="date"], .conteudoInterno.pagamento textarea {
margin-right: 0;
border: 1px solid #002648;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: calc(100% - 10px);
font-family: 'Rubik', sans-serif;
border: 1px solid #002648;
padding: 10px;
border-radius: 10px;
font-size: 11pt;
font-family: 'Rubik', sans-serif;
color: #002648;
margin-bottom: 15px;
background-color: #fff !important;
position: relative;
height: 42px;
}
.conteudoInterno.pagamento textarea {
min-height: 200px;
}
ul#menupagamentos {
display: grid;
width: 100%;
margin: 20px 0;
list-style: none;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
gap: 10px;
}
ul#menupagamentos.novo-escola {
display: flex;
}
ul#menupagamentos li {
display: flex;
margin: 0 auto 20px;
font-family: 'Roboto', sans-serif;
padding: 0;
font-size: 13px;
color: #0091ff;
font-weight: 500;
background-color: #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 10px 11px 18px -6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 10px 11px 18px -6px rgba(0, 0, 0, 0.3);
box-shadow: 10px 11px 18px -6px rgba(0, 0, 0, 0.3);
cursor: pointer;
height: 85px;
text-align: center;
align-items: center;
justify-content: center;
flex-direction: column;
max-width:160px;
min-width: 160px;
}
ul#menupagamentos.novo-escola li {
max-width:118px;
min-width: 118px;
margin: 0;
}
ul#menupagamentos li img {
max-width: 50px;
margin-bottom: 5px;
}
#abreTrends .formpagseguro .PagBox {
padding: 30px 35px 20px;
}
.formpagseguro .PagBox {
display: block;
width: 100%;
border: none;
font-family: 'Roboto', sans-serif;
margin: 0 auto 20px;
padding: 12px 10px 0px;
text-align: left;
font-size: 13px;
color: #444;
background-color: rgba(174, 167, 157, 0);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 10px 11px 18px -6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 10px 11px 18px -6px rgba(0,0,0,0.3);
box-shadow: 10px 11px 18px -6px rgba(0, 0, 0, 0.3);
transition: opacity 0.5s ease;
max-width:680px;
opacity:1;
height:auto;
overflow:visible;
min-height: 485px;
position: relative;
}
.formpagseguro .PagBox.PagamentoPIX {
background-repeat: no-repeat;
background-position: 100% 70px;
padding-bottom: 20px;
}
.formpagseguro .PagBox.PagamentoEmpenho {
min-height: 816px;
}
.formpagseguro .PagBox ul.bullets {
margin: 10px 0 20px !important;
padding: 0 !important;
list-style: none;
display: block;
width: 100%;
float: left !important;
}
.formpagseguro .PagBox ul.bullets li{
font-weight: 400;
font-size: 14px;
color: #002648;
font-family: 'Rubik', sans-serif;
}
.formpagseguro .PagBox.some{
opacity:0;
height:1px;
overflow:hidden;
margin-bottom:0;
display:none;
transition: opacity 0.5s ease;
}
.formpagseguro .PagBox h3 {
color: #002954;
font-size: 14px;
margin-bottom: 20px;
}
#blocoformaspagamento .assinatura img {
width: 115px;
float: right;
margin-left:10px;
}
#blocoformaspagamento p img{
display:block;
}
#blocoformaspagamento .assinatura{
position:absolute;
bottom:20px;
right:30px;
}
.itemform{
position:relative;
}
.PagamentoEmpenho .itemform{
display:block;
width:100%;
float:left;
}
.erro, erro{
color: red;
font-size: 12px;
}
.cnpj .erro{
position:absolute;
bottom: -20px;
left:0;
}
.itemform erro{
position:absolute;
bottom: -5px;
left: 7px;
}
.Finalizado.PagBox {
display: block;
width: 100%;
background-color: #f3faff;
padding: 40px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
float: left;
margin: 45px 0;
position: relative;
-webkit-box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.29);
-moz-box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.29);
box-shadow: 5px 10px 15px 0px rgba(0, 0, 0, 0.29);
}
.mensagempix {
display: block;
width: 100%;
text-align: left;
color: #002648;
font-family: 'Rubik', sans-serif;
font-size: 16pt;
padding: 0 0 10px 40px;
background-repeat: no-repeat;
background-image: url(//escolaaberje.com.br/wp-content/plugins/kbook-pague-seguro/includes/images/icone-pix-negro.webp);
background-size: 31px auto;
background-position: 0 3px;
margin-left: 25px;
margin-bottom: 19px;
}
.Finalizado.PagBox .copyBT {
border: none;
background: #0cb5a0;
color: #FFF;
padding: 10px;
font-weight: 300;
font-size: 11pt;
margin: 3px auto 0;
float: none;
width: 290px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-family: 'Rubik', sans-serif;
background-repeat: no-repeat;
background-position: 8px 8px;
background-size: 24px;
background: #ff8c1f;
display: flex;
justify-content: center;
align-items: center;
height: 48px;
width: 220px;
font-size: 10pt;
font-weight: 500;
border-radius: 5px;
margin: 0;
}
.Finalizado.PagBox .copyBT:hover {
background-color: #002648 !important;
}
h2.pagamento{
color: #f08723;
font-family: 'Rubik', sans-serif;
font-size: 12pt;
font-weight: 400;
background-image: url(//escolaaberje.com.br/wp-content/plugins/kbook-pague-seguro/includes/images/relogio-laranja.webp);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0px 5px;
}
#txtarea {
width: 100%;
height: 60px;
resize: none;
height: auto !important;
min-height: 100px;
font-size: 12px;
background: transparent !important;
border: none !important;
}
.Finalizado.PagBox tempo {
color: #f08723;
font-family: 'Rubik', sans-serif;
font-size: 12pt;
font-weight: 400;
display: inline-block;
}
.blocobranco ul.pagamentopix li {
background-repeat: no-repeat;
padding-left: 24px;
font-size: 12pt;
font-family: 'Rubik', sans-serif;
color: #002648;
text-align: left;
line-height: 18pt;
margin-bottom: 15px;
}
.blocobranco ul.pagamentopix {
margin-top: 21px !important;
list-style: none;
margin-left: 0 !important;
margin-bottom: 30px !important;
}
.blocobranco ul.pagamentopix li:nth-child(1){
background-image: url(//escolaaberje.com.br/wp-content/plugins/kbook-pague-seguro/includes/images/ico-aplicativo.webp);
background-position: 3px 4px;
}
.blocobranco ul.pagamentopix li:nth-child(2) {
background-image: url(//escolaaberje.com.br/wp-content/plugins/kbook-pague-seguro/includes/images/ico-qrcode.webp);
background-position: 3px 4px;
}
.blocobranco ul.pagamentopix li:nth-child(3) {
background-image: url(//escolaaberje.com.br/wp-content/plugins/kbook-pague-seguro/includes/images/ico-confirmar.webp);
background-position: 3px 4px;
}
#pixCode {
font-size: 11px;
white-space: nowrap;
overflow: hidden;
opacity: 0;
} h2.pagamentoBoleto {
color: #002954;
font-family: 'Rubik', sans-serif;
font-size: 12pt;
font-weight: 500;
background-image: url(//escolaaberje.com.br/wp-content/plugins/kbook-pague-seguro/includes/images/relogio-laranja.webp);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0px 5px;
}
#boletoCode {
font-family: "Courier New", monospace;
letter-spacing: 0px;
font-size: 14px;
font-weight: 600;
margin-bottom: 16px;
}
.formapagamento{
color: #002954;
font-size: 13pt;
line-height: 20pt;
font-family: 'Rubik', sans-serif !important;
} h1.paguelogo{
display:block;
padding-top:100px;
background-image:url(//escolaaberje.com.br/wp-content/plugins/kbook-pague-seguro/includes/images/pagseguro-logo.png);
background-repeat:no-repeat;
}
#Kbkvoucher itemform {
display: block;
margin-bottom: 20px;
}
#Kbkvoucher itemform label {
display: block;
width: 100%;
font-size: 14px;
font-weight: 500;
color: #002648;
font-family: 'Rubik', sans-serif;
text-align: left;
margin-bottom: 5px;
}
#Kbkvoucher itemform label aviso{
font-size: 12px;
display: block;
margin-top: 5px;
font-weight:400;
}
#Kbkvoucher input[type=date], #Kbkvoucher input[type=datetime-local], #Kbkvoucher input[type=datetime], #Kbkvoucher input[type=email], #Kbkvoucher input[type=month], #Kbkvoucher input[type=number], #Kbkvoucher input[type=password], #Kbkvoucher input[type=search], #Kbkvoucher input[type=tel], #Kbkvoucher input[type=text], #Kbkvoucher input[type=time], input[type=url], #Kbkvoucher input[type=week] {
padding: 0 8px;
line-height: 2;
min-height: 30px;
display: block;
margin-top: 10px;
}
.bxgrid{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
width: calc(100% - 40px);
margin: 5px 20px;
max-width: 720px;
}
.kbkButtoms {
background-color: navy;
color: #fff;
border: none;
padding: 5px 10px;
cursor: pointer;
text-decoration: none;
display: block;
margin-bottom: 5px;
text-align: center;
}
table.tabela{
width:100%;
padding:5px;
}
table.tabela tr.head{
background-color:Navy;
color:#fff;
}
table.tabela tr td{
padding:5px;
font-size:14px;
}
table.tabela tr td.inner a{
width: calc(40% - 10px);
float: left;
margin: 4px;
}
table.tabela tr:nth-child(even){
background-color:#fff;
}
table.tabela{
width:100%;
}
table.tabelatr td{
padding:5px;
border:1px solid #ccc;
}
table.tabela tr.TrTitle td{
color:#fff;
background-color:navy;
border-right:1px solid #fff;
}
table.tabela tr td{
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
table.tabela tr td a, table.tabela tr td a:visited {
background-color: Navy;
color: #fff;
text-decoration: none;
padding: 5px;
margin: 5px;
display: block;
text-align: center;
}
table.tabela tr td a:hover {
background-color: Orange;
}
#wpfooter {
position: relative !important;
}