#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;
gap: 32px;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
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:76px;
min-width:76px;
width:76px;
height:89px;
margin:0;
border-radius:18px;
color:#0076d6;
font-size:12px;
line-height:1.2;
background:#fff;
}
ul#menupagamentos.novo-escola li.ativo {
border:1px solid #008bd2;
background:#eaf7ff;
box-shadow:none;
}
ul#menupagamentos.novo-escola li span {
display:block;
color:#000;
font-size:11px;
font-weight:700;
}
ul#menupagamentos li img {
max-width:50px;
max-height:50px;
margin-bottom:5px;
}
ul#menupagamentos.novo-escola li img {
width:42px;
height:42px;
object-fit:contain;
}
#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.PagamentoDeposito {
min-height:270px;
}
.formpagseguro .PagBox.PagamentoDeposito textarea {
width:100%;
min-height:84px;
border:1px solid #002954;
border-radius:10px;
}
.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/sg-pagseguro/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;
}
.kbk-resumo-parcelamento {
margin-top: 8px;
padding: 8px 10px;
border-radius: 8px;
background: #f6f7f7;
color: #1d2327;
font-size: 13px;
line-height: 1.4;
}
.kbk-parcelas-alerta {
margin-top: 8px;
padding: 8px 10px;
border-left: 3px solid #dba617;
background: #fff8e5;
color: #6b4e00;
font-size: 12px;
border-radius: 6px;
}
.kbk-parcelas-loading {
opacity: .65;
pointer-events: none;
} .kbk-voucher-admin-v2{
max-width: 1280px;
}
.kbk-voucher-hero{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
margin:22px 0 18px;
padding:26px 30px;
border-radius:18px;
background:#fff;
border:1px solid #dcdcde;
box-shadow:0 10px 28px rgba(0,0,0,.05);
}
.kbk-voucher-hero h1{
margin:0 0 6px;
font-size:32px;
line-height:1.1;
font-weight:700;
color:#1d2327;
}
.kbk-voucher-hero p{
margin:0;
color:#646970;
font-size:15px;
}
.kbk-voucher-hero-tag{
padding:9px 13px;
border-radius:999px;
background:#f0f6fc;
color:#0a4b78;
font-weight:700;
white-space:nowrap;
}
.kbk-voucher-stats{
display:grid;
grid-template-columns:repeat(5, minmax(0, 1fr));
gap:14px;
margin-bottom:18px;
}
.kbk-voucher-stat{
background:#fff;
border:1px solid #dcdcde;
border-radius:14px;
padding:18px;
box-shadow:0 8px 22px rgba(0,0,0,.035);
}
.kbk-voucher-stat span{
display:block;
color:#646970;
font-size:12px;
text-transform:uppercase;
letter-spacing:.04em;
font-weight:700;
margin-bottom:8px;
}
.kbk-voucher-stat strong{
display:block;
font-size:28px;
line-height:1;
color:#1d2327;
}
.kbk-voucher-card{
background:#fff;
border:1px solid #dcdcde;
border-radius:16px;
padding:24px;
margin:0 0 20px;
box-shadow:0 10px 28px rgba(0,0,0,.045);
}
.kbk-voucher-card-title{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:18px;
}
.kbk-voucher-card-title h2{
margin:0 0 5px;
font-size:20px;
color:#1d2327;
}
.kbk-voucher-card-title p{
margin:0;
color:#646970;
}
.kbk-voucher-form{
display:grid;
grid-template-columns:1.25fr 1fr 1fr 1fr 1fr 1fr;
gap:16px;
align-items:start;
}
.kbk-voucher-field label{
display:block;
margin-bottom:7px;
font-weight:700;
color:#1d2327;
}
.kbk-voucher-field input[type="text"],
.kbk-voucher-field input[type="number"],
.kbk-voucher-field input[type="date"]{
width:100%;
min-height:40px;
border-radius:8px;
}
.kbk-voucher-field small{
display:block;
margin-top:7px;
color:#646970;
line-height:1.35;
}
.kbk-voucher-radios{
display:flex;
gap:12px;
align-items:center;
min-height:40px;
}
.kbk-voucher-radios label{
display:flex;
align-items:center;
gap:5px;
margin:0;
font-weight:600;
}
.kbk-voucher-create-actions{
display:flex;
align-items:center;
gap:14px;
margin-top:20px;
}
.kbk-voucher-primary{
min-width:150px;
cursor:pointer;
}
.kbk-voucher-create-button.button.button-primary{
min-height:38px;
padding:0 18px;
border-radius:10px;
font-weight:800;
letter-spacing:.01em;
display:inline-flex;
align-items:center;
justify-content:center;
box-shadow:none;
}
.kbk-voucher-create-button.is-loading{
opacity:.72;
cursor:wait;
}
.kbk-voucher-create-actions #mensagem,
.kbk-voucher-create-actions #repositorio{
margin:0;
}
.kbk-voucher-create-actions h2{
margin:0;
font-size:14px;
color:#157347;
}
.kbk-voucher-table-wrap{
width:100%;
overflow:auto;
}
.kbk-vouchers-table-v2{
border:0;
border-collapse:separate;
border-spacing:0;
}
.kbk-vouchers-table-v2 thead th{
background:#f6f7f7;
color:#1d2327;
font-size:12px;
text-transform:uppercase;
letter-spacing:.04em;
padding:13px 14px;
border-bottom:1px solid #dcdcde;
}
.kbk-vouchers-table-v2 tbody td{
vertical-align:top;
padding:16px 14px;
border-bottom:1px solid #f0f0f1;
}
.kbk-voucher-code{
font-size:16px;
font-weight:800;
color:#1d2327;
margin-bottom:8px;
letter-spacing:.01em;
}
.kbk-voucher-status{
display:inline-flex;
align-items:center;
padding:4px 9px;
border-radius:999px;
font-size:12px;
font-weight:800;
}
.kbk-voucher-status.ativo{
background:#edfaef;
color:#0a7a2f;
}
.kbk-voucher-status.esgotado{
background:#fff4e5;
color:#8a4b00;
}
.kbk-voucher-status.vencido{
background:#fcebea;
color:#b02a37;
}
.kbk-voucher-status.ilimitado{
background:#f0f6fc;
color:#0a4b78;
}
.kbk-voucher-progress{
width:180px;
max-width:100%;
height:7px;
overflow:hidden;
border-radius:999px;
background:#f0f0f1;
margin-top:9px;
}
.kbk-voucher-progress span{
display:block;
height:100%;
border-radius:999px;
background:#2271b1;
}
.kbk-voucher-users{
max-height:86px;
overflow:auto;
line-height:1.5;
}
.kbk-voucher-users span{
display:block;
}
.kbk-voucher-users em{
color:#646970;
}
.kbk-voucher-actions{
min-width:190px;
}
.kbk-voucher-inline-action{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
}
.kbk-voucher-delete.button{
color:#8a2424;
border-color:#d0a4a4;
background:#fff;
box-shadow:none;
}
.kbk-voucher-delete.button:hover,
.kbk-voucher-delete.button:focus{
color:#7a1f1f;
border-color:#b85c5c;
background:#fff8f8;
}
.kbk-voucher-empty{
padding:28px !important;
text-align:center;
color:#646970;
}
@media (max-width: 1180px){
.kbk-voucher-form{
grid-template-columns:repeat(3, minmax(0, 1fr));
}
.kbk-voucher-stats{
grid-template-columns:repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 782px){
.kbk-voucher-hero,
.kbk-voucher-create-actions{
display:block;
}
.kbk-voucher-hero-tag{
display:inline-block;
margin-top:12px;
}
.kbk-voucher-form,
.kbk-voucher-stats{
grid-template-columns:1fr;
}
.kbk-voucher-card{
padding:18px;
}
} .kbk-voucher-toolbar{
display:grid;
grid-template-columns:minmax(280px, 1.4fr) minmax(180px, .7fr) minmax(220px, .8fr) auto;
gap:14px;
align-items:end;
padding:16px;
margin:0 0 18px;
background:#f6f7f7;
border:1px solid #dcdcde;
border-radius:16px;
}
.kbk-voucher-toolbar label{
display:block;
margin:0 0 6px;
font-size:12px;
font-weight:800;
color:#50575e;
text-transform:uppercase;
letter-spacing:.045em;
}
.kbk-voucher-toolbar input[type="search"],
.kbk-voucher-toolbar select{
width:100%;
min-height:38px;
border-radius:10px;
border-color:#c3c4c7;
background:#fff;
}
.kbk-voucher-clear-filters{
min-height:38px !important;
border-radius:10px !important;
}
.kbk-voucher-card-title-with-tools{
margin-bottom:14px;
}
.kbk-voucher-users span{
display:block;
padding:0 0 8px;
}
.kbk-voucher-users span strong{
display:block;
color:#1d2327;
}
.kbk-voucher-users span small{
display:block;
color:#646970;
font-size:12px;
word-break:break-word;
}
.kbk-voucher-row-updated td,
.kbk-voucher-row-new td{
animation:kbkVoucherLinhaAtualizada 1.4s ease;
}
@keyframes kbkVoucherLinhaAtualizada{
0%{background:#fff8d9;}
100%{background:transparent;}
}
.kbk-voucher-msg{
display:inline-block;
margin-top:8px;
font-size:12px;
font-weight:700;
}
.kbk-voucher-msg.ok{
color:#0a7a2f;
}
.kbk-voucher-msg.erro{
color:#b02a37;
}
.kbk-voucher-empty-filter{
border:1px dashed #c3c4c7;
border-radius:14px;
margin-top:14px;
background:#fff;
}
@media (max-width: 1180px){
.kbk-voucher-toolbar{
grid-template-columns:1fr 1fr;
}
}
@media (max-width: 782px){
.kbk-voucher-toolbar{
grid-template-columns:1fr;
}
} .kbk-voucher-field-discount-type{
grid-column:1/-1;
}
.kbk-voucher-discount-options{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:12px;
}
.kbk-voucher-discount-option{
text-align:left;
padding:14px 16px;
border:1px solid #dcdcde;
border-radius:14px;
background:#fff;
cursor:pointer;
transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.kbk-voucher-discount-option:hover,
.kbk-voucher-discount-option.is-active{
border-color:#2271b1;
box-shadow:0 8px 20px rgba(34, 113, 177, .12);
transform:translateY(-1px);
}
.kbk-voucher-discount-option strong{
display:block;
margin-bottom:4px;
color:#1d2327;
font-size:14px;
}
.kbk-voucher-discount-option span{
display:block;
color:#646970;
font-size:12px;
line-height:1.35;
}
.kbk-voucher-compat-field{
opacity:.72;
}
.kbk-voucher-compat-field .kbk-voucher-radios{
background:#f6f7f7;
}
.kbk-voucher-modal{
display:none;
position:fixed;
inset:0;
z-index:100000;
}
.kbk-voucher-modal.is-open{
display:block;
}
.kbk-voucher-modal-backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,.42);
}
.kbk-voucher-modal-box{
position:relative;
width:min(640px, calc(100vw - 36px));
margin:8vh auto 0;
padding:26px;
background:#fff;
border-radius:22px;
box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.kbk-voucher-modal-box h2{
margin:0 32px 6px 0;
font-size:24px;
line-height:1.15;
}
.kbk-voucher-modal-box p{
margin:0 0 20px;
color:#646970;
}
.kbk-voucher-modal-close{
position:absolute;
top:16px;
right:16px;
width:34px;
height:34px;
border:0;
border-radius:50%;
background:#f0f0f1;
color:#1d2327;
font-size:24px;
line-height:30px;
cursor:pointer;
}
.kbk-voucher-modal-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
.kbk-voucher-modal-actions{
display:flex;
justify-content:flex-end;
gap:10px;
margin-top:22px;
}
#kbkVoucherModalMensagem{
min-height:26px;
margin-top:10px;
}
@media (max-width: 782px){
.kbk-voucher-discount-options,
.kbk-voucher-modal-grid{
grid-template-columns:1fr;
}
.kbk-voucher-modal-box{
margin:34px auto 0;
padding:20px;
}
}
.kbk-voucher-compat-field{
display:none;
}
.kbk-voucher-field input.kbk-voucher-field-disabled,
.kbk-voucher-field input[readonly].kbk-voucher-field-disabled{
background:#f6f7f7;
color:#8c8f94;
border-color:#dcdcde;
cursor:not-allowed;
}
.kbk-voucher-pagination{
display:flex;
justify-content:flex-end;
align-items:center;
padding:16px 0 4px;
}
.kbk-voucher-pagination-inner{
display:flex;
gap:12px;
align-items:center;
flex-wrap:wrap;
color:#50575e;
font-size:13px;
}
.kbk-voucher-pagination-inner span{
display:inline-flex;
align-items:center;
min-height:30px;
}
.kbk-voucher-pagination-inner .button[disabled]{
opacity:.55;
cursor:not-allowed;
}
.kbk-voucher-bulk-actions{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
padding:14px 16px;
margin:0 0 14px;
border:1px solid #e2e4e7;
border-radius:12px;
background:#fbfbfc;
}
.kbk-voucher-select-visible{
display:inline-flex;
align-items:center;
gap:8px;
font-weight:600;
color:#1d2327;
}
.kbk-voucher-bulk-info{
color:#646970;
font-size:13px;
}
.kbk-voucher-bulk-msg{
min-height:24px;
flex-basis:100%;
}
.kbk-voucher-check-col{
width:36px;
text-align:center !important;
vertical-align:middle !important;
}
.kbk-voucher-check-col input[type="checkbox"]{
margin:0;
}
.kbk-voucher-bulk-delete[disabled]{
opacity:.55;
cursor:not-allowed;
}