body { background-color: #fbfbfb; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }

h5.line { float: left; width: 100%; border-bottom: 1px solid #ced4da; padding-bottom: 15px;
    margin-bottom: 15px; padding-left: 5px; font-weight: bold; }
td.acoes a { display: block; margin: 0 5px; float: left; }
a.cursor,b.cursor { cursor: pointer; }
.font-size-12 { font-size: 12px; }
.font-size-10 { font-size: 10px; }

#checkout .imgs-cartao img {
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
}

#checkout label { margin-bottom: 0; }
#checkout .form-group { margin-bottom: 5px; }
.hide { display: none !important;}

/*lista kits*/
#cad_kits tr.prods a { cursor:pointer; }

/*Detalhe Cliente*/
#detalhe-cliente .ticket { border-left: 3px solid #078fff; padding-left: 10px; overflow: hidden;
    margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 10px; }
#detalhe-cliente .ticket.status-waiting_payment { border-left-color:#ffc107 }
#detalhe-cliente .ticket.status-refused { border-left-color:#dc3545 }
#detalhe-cliente .ticket .ticket-info img { width: 20%; float: left; margin-right: 3%; max-height: 100px; }
#detalhe-cliente span.ticket-valor,
#detalhe-cliente a.ticket-title { display:block; width:60%; float:left; color: black; font-size:16px; }
#detalhe-cliente span.status-pagamento  { display: block; float: left; }
#detalhe-cliente small.ticket-origem { display: block; width: 75%; float: left; margin: 2px 0; }
#detalhe-cliente .ticket-info,
#detalhe-cliente .ticket-pagamento { display: block; float: left; width: 100%; }
#detalhe-cliente .ticket-pagamento > span { width: 100%; margin: 2px 0; }
#detalhe-cliente .ticket-pagamento > span.numero-boleto { font-size: 12px; font-weight: bold }
#detalhe-cliente .ticket-pagamento > span.url-boleto { font-size: 12px; }
#detalhe-cliente .ticket-pagamento img { float: left; }
#detalhe-cliente .ticket-pagamento a { font-size: 12px;}
#detalhe-cliente span#cod-boleto { float: left; display: block; margin-right: 10px; }
#detalhe-cliente .ticket.status-primary { border-left: 3px solid #007bff; border-top: 3px solid #007bff; border-right: 3px solid #007bff; }
#detalhe-cliente .ticket.status-secondary { border-left: 3px solid  #6c757d; border-top: 3px solid  #6c757d; border-right: 3px solid  #6c757d;}
#detalhe-cliente .ticket.status-success { border-left: 3px solid #28a745; border-top: 3px solid #28a745; border-right: 3px solid #28a745;}
#detalhe-cliente .ticket.status-info  { border-left: 3px solid #17a2b8; border-top: 3px solid #17a2b8; border-right: 3px solid #17a2b8;}
#detalhe-cliente .ticket.status-warning { border-left: 3px solid #ffc107; border-top: 3px solid #ffc107; border-right: 3px solid #ffc107;}
#detalhe-cliente .ticket.status-danger { border-left: 3px solid #dc3545; border-top: 3px solid #dc3545; border-right: 3px solid #dc3545; }
#detalhe-cliente .ticket.status-light { border-left: 3px solid #f8f9fa; border-top: 3px solid #f8f9fa; border-right: 3px solid #f8f9fa; }
#detalhe-cliente .ticket.status-dark { border-left: 3px solid #343a40; border-top: 3px solid #343a40; border-right: 3px solid #343a40; }

.totalizadores-pagamento { font-size: 12px; }
a.gerarCpf { padding:0; }

#itens-add-carrinho .media.iten-carrinho img{ max-height: 140px; }
#itens-add-carrinho .media.iten-carrinho h5 { font-size: 16px; }
.btn-right { float:right; }
.kit-padrao,.kit-upsell { cursor:pointer; }
.kit-padrao:hover:before,.kit-upsell:hover:before {     content: '+';
    content: '+';
    position: absolute;
    display: block;
    font-weight: bold;
    z-index: 9;
    margin-top: 15px;
    color: rgb(255, 255, 255);
    margin-left: 10px;
    padding: 10px;
    border-radius: 18px;
    background-color: #28a745;
    line-height: 10px;
}
.kit-padrao:hover:after,.kit-upsell:hover:after { content: ''; position: absolute;
    display: block;
    width: 100%;
    background-color: #60e669;
    opacity: 0.2;
    height: 100%; }

.badge-processing {
    background-color: #48578a !important;
    color: #fff !important;
}
.badge-authorized {
    background-color: #4badee !important;
    color: #000000 !important;
}
.badge-paid {
    background-color: #28a745 !important;
    color: #fff !important;
}
.badge-refunded {
    background-color: #002385 !important;
    color: #fff !important;
}
.badge-waiting_payment {
    background-color: #ffc107 !important;
    color: #000000 !important;
}
.badge-refused {
    background-color: #c70000 !important;
    color: #fff !important;
}
.badge-pending_refund {
    background-color: #4985a1 !important;
    color: #fff !important;
}
.badge-chargedback {
    background-color: #521843 !important;
    color: #fff !important;
}
.badge-analyzing {
    background-color: #a7048b !important;
    color: #fff !important;
}
.badge-pending_review {
    background-color: #ff3502 !important;
    color: #000000 !important;
}

.badge-credit_card {
    background-color: #023dff !important;
    color: #fff !important;
}
.badge-boleto {
    background-color: #057c0b !important;
    color: #fff !important;
}
.badge-pix {
    background-color: #8e07a0 !important;
    color: #fff !important;
}
.badge-Analisar {
    padding: 5px !important;
    background-color: #2299bd !important;
    color: #fff !important;
}
.badge-Analisada {
    padding: 5px !important;
    background-color: #07a047 !important;
    color: #fff !important;
}
.badge-Processar {
    padding: 5px !important;
    background-color: #bc41cc !important;
    color: #fff !important;
}
.badge-Finalizada {
    padding: 5px !important;
    background-color: #555555 !important;
    color: #fff !important;
}
.badge-Processada {
    padding: 5px !important;
    background-color: #000000 !important;
    color: #fff !important;
}

.popover {background-color: black;}
.popover-body {
    background-color: black;
    color: white !important;
    text-align: center;
}
.bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: black;
}

.copy { cursor:pointer; }

#resultado_ranking tbody tr:nth-child(1) td,
.table-ouro, .table-ouro>td, .table-ouro>th {
    background-color: #FFD700;
}

#resultado_ranking tbody tr:nth-child(2) td,
.table-prata, .table-prata>td, .table-prata>th {
    background-color: #D7D7D7;
}

#resultado_ranking tbody tr:nth-child(3) td,
.table-bronze, .table-bronze>td, .table-bronze>th {
    background-color: #AD8A56;
}

.widget p {
    margin: 0 !important;
}
.widget { display: block !important; }
@import url(https://fonts.googleapis.com/css?family=Titillium+Web&display=swap);*{outline:0;border:none;padding:0;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box}a{text-decoration:none}.cresta-whatsapp-chat-box{width:60px;height:60px;display:block;position:fixed;bottom:16px;right:15px;cursor:pointer;text-align:center;line-height:60px;background:green;border-radius:100%;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,.5);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,.5);box-shadow:1px 1px 4px 0 rgba(0,0,0,.5);z-index:1000}.cresta-whatsapp-chat-box svg#whatsapp-msng-icon{width:30px;height:30px;position:absolute;top:15px;left:15px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}.cresta-whatsapp-chat-box svg#close-icon{opacity:0;width:20px;height:20px;position:absolute;top:20px;left:20px;-webkit-transition:opacity 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,.5);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,.5);box-shadow:1px 1px 4px 0 rgba(0,0,0,.5)}
.call-whatsapp{
    position: fixed;
    right:65px;
    font-size:16px;color:green;z-index:9999;background:green!important;-webkit-border-radius:5px!important;-moz-border-radius:5px!important;border-radius:5px!important;text-align:center!important;padding:5px 7px!important;color:#fff;font-family:'Titillium Web',sans-serif;-webkit-box-shadow:-4px 2px 4px 0 rgba(0,0,0,.5);-moz-box-shadow:-4px 2px 4px 0 rgba(0,0,0,.5);box-shadow:-4px 2px 4px 0 rgba(0,0,0,.5);}.modal-wapp iframe{height:495px!important;position:relative;overflow:hidden;overflow-y:auto;z-index:999999;margin:auto;display:inherit;max-width:370px;width:100%}.modal-wapp{font-family:arial,sans-serif!important;display:flex;padding:15px;right:-500px;z-index:999999999;position:fixed;bottom:0;top:0!important;background:rgba(0,0,0,.7)!important;overflow-x:hidden;overflow-y:auto;transition:.5s}#wapp-header .closebtn{position:absolute;top:15px;right:15px;font-size:30px;line-height:20px;color:#fff!important;text-decoration:none;background:#d20303;padding:10px;text-align:center;z-index:9999999}.form-wapp input,.form-wapp textarea{outline:0;border:none}.form-wapp textarea{min-height:90px}input:focus,textarea:focus{border-color:transparent!important}.form-wapp .nome{text-transform:capitalize}.form-wapp .email{text-transform:lowercase}.form-wapp{margin:auto;height:auto;background:#e9e9e9;border-radius:8px;display:block;flex-wrap:wrap;justify-content:space-between;clear:both;align-items:center;vertical-align:middle;position:relative}.form-wapp .header{width:100%;padding:14px 10px;float:left;background:#009688;color:#fff;position:absolute;left:0;z-index:2;top:0}
    .form-wapp .header .logo{
        margin-bottom:0;
        width:100%;
        height:auto;
        overflow:hidden;vertical-align:middle;display:flex;align-items:center;padding:0;float:left;top:-4px;position:relative}.form-wapp .header .logo a{width:100%}.form-wapp .header .logo img{width:166px;position:relative;left:18px}.form-wapp .header .info{width:73%;padding:10px;float:left}.form-wapp .header .info span{clear:both;display:block;font-size:12px}.form-wapp .header .info span.status::before{content:' ';width:5px;height:5px;margin:6px 3px 0 0;background:#4be726;float:left;border-radius:50%}.form-wapp .header .info span.nome-empresa{font-size:13px;font-weight:700}.form-wapp .box-form{width:100%;height:auto;padding:95px 15px 0;clear:both;position:relative}.form-wapp .box-form .title{font-size:14px;padding:6px;margin-bottom:10px;border-radius:4px}.form-wapp .footer{text-align:right;display:block;position:relative;bottom:-10px}.form-wapp .footer img{width:64px}.form-wapp .box-campos{position:relative;width:100%;z-index:1;margin-bottom:8px}
        .form-wapp .campo{color:#666;font-size:14px;display:block;width:100%;background:#fff;border-radius:25px !important;padding:14px 30px 14px 58px;}.form-wapp .campo+.icon{font-size:15px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;position:absolute;border-radius:25px;bottom:0;left:0;height:100%;padding-left:25px;pointer-events:none;color:#57b846;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.form-wapp .campo:focus+.icon{color:#0c0;padding-left:28px}.form-wapp .alert-validate .campo+.icon{color:#b96766}.form-wapp .validate-input{position:relative}.form-wapp .alert-validate::after{content:"!";width:18px;height:18px;border-radius:50%;background:#c80000;text-align:center;color:#fff;display:block;position:absolute;font-size:12px;font-weight:700;line-height:18px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:13px}.form-wapp .container-form-btn{text-align:center}.form-wapp .container-form-btn .submit{font-weight:500;font-size:14px;line-height:1.5;color:#fff;width:100%;border-radius:25px;background:#009688;align-items:center;padding:10px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;margin:auto;float:none;outline:0;margin-top:20px;margin-bottom:30px}.form-wapp .container-form-btn .submit:focus,.form-wapp .container-form-btn .submit:hover{background:#068377;color:#fff}.form-wapp .container-form-btn .submit:focus{background:#068377}.text-center{text-align:center}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
    .btn{display:inline-block;padding:4px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
    button,input,optgroup,select,textarea{font:inherit}
    .form-wapp .campo:focus+.icon svg path{fill:#0c0}

    @media screen and (max-width:360px){
        .form-wapp{width:100%;border-radius:0}}@media(max-width:320px){.form-wapp{width:100%}}#loadWapp{margin:0 auto;margin-top:10px;width:400px}#hidden{display:none}.modal-wapp{display:none;transition:.3s ease-in-out}@media screen and (max-width:480px){#loadWapp{width:100%}.boleto{margin-right:0!important}}@media screen and (max-width:300px){.form-wapp .header .info{width:auto}}#formWapp input[type=radio]+label::before{border:3px solid #fff;content:"";display:inline-block;height:10px;margin:0 .25em 0 0;padding:0;width:10px;background-color:#fff;cursor:pointer;box-shadow:1px 1px 8px 0 #949292;line-height:3px}#formWapp input[type=radio]{display:none}#formWappinput{box-shadow:0 6px 12px rgba(0,0,0,.3);height:55px;color:#6e8ca0;font-size:14px}#formWapp input[type=radio]:checked+label::before{content:"\2713";color:#696969;font-size:25px}.pagamento-p p{text-align:center;margin-top:20px;margin-bottom:20px;font-weight:700}.centered{margin:0 auto;display:table}.boleto{margin-right:20px}.hidden{display:none}.onBoth{cursor:pointer}.name-complete{font-size:12px;margin-bottom:10px;margin-left:25px;color:#d20303;font-weight:700;display:none}

    #modal-whatsapp{right:0;left:0}
.box-whatsapp{
    right: 65px;
    bottom: 28px;
    z-index: 99999;
    text-align: center;
    width: 200px;
    position: relative;
}
@media screen and (max-width:991px){.call-whatsapp{font-weight:700!important;animation-name:zeroW!important}}@media screen and (max-width:480px){#wapp-header .closebtn{top:15px;right:25px;padding:6px}.form-wapp .header .logo img{width:100px;left:29px;top:4px}.form-wapp .header{padding:0px 0}.form-wapp .box-form{padding:75px 15px 0}.modal-wapp{top:-15!important}}@media screen and (max-width:400px) {#wapp-header .closebtn{top:10px!important} .cresta-whatsapp-chat-box {display: none;}
.call-whatsapp { border: 1px solid #b65151; box-shadow: 0 2px 0 #8d3e3e, inset 0 1px 3px rgba(255,255,255,0.7), 0 7px 3px rgba(0,0,0,0.18); font-weight: bold; text-shadow: 0 2px 4px rgba(0,0,0,0.3); right: 5px; bottom: -10px !important; font-size: 14px; padding: 12px 7px!important; background-color: green !important;}}
.call-whatsapp {
    bottom: 30px;
}

#formWapp select {
    color: #666;
    font-size: 14px;
    display: block;
    width: 100%;
    background: #fff;
    padding: 14px 0px 14px 54px;
    border-radius: 25px;
}
#formWapp optgroup {
    font-weight: bold;
}
.icon-select {
    position: absolute;
    margin-top: -75px;
    margin-left: 25px;
}

@media screen and (max-width: 480px) {
    #loadWapp { margin-top: 5px !important; }
}
@media screen and (max-width: 400px) {
    .call-whatsapp { bottom: 5px !important; }
    .form-wapp .header .logo {
        height: 50px;
    }
    #formWapp {
        margin-top: -15px;
    }

    .dropleft .dropdown-menu {
        right: inherit;
    }
}

@media screen and (max-width: 600px) {
    .dropleft .dropdown-menu {
        right:initial;
    }
    #lista_produtos h2.card-title {
        margin-top: 75px;
    }

    #dashboard .col-md-2 > button {
        width: 30%;
        margin: 0 1%;
        margin-bottom: 20px;
    }

    .col-md-2 {
        margin-top: 10px;
    }
}
#tela_permissoes .lista-permissoes {
    width: 100%;
}
#tela_permissoes .permissao {
    border: 1px solid #eaf0f3;
    background-color: #f7f9fa;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
#tela_permissoes .permissao a {
    display: none;
    font-size: 12px;
    position: absolute;
    right: 0;
    font-weight: normal;
}

#tela_permissoes .permissao:hover {
    opacity: 1;
    background-color: #dbe4e9;
    border: 1px solid #a1becc;
}
#tela_permissoes .permissao h6 {
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}
#tela_permissoes .permissao label.title {
    text-align: left;
    justify-content: left;
    font-weight: bold;
}
#tela_permissoes .custom-control-label::after {
    left: 48%;
}
#tela_permissoes .custom-control-label::before {
    left: 48%;
}
#tela_permissoes .form-inline .custom-control-label {
    cursor: pointer;
}
#tela_permissoes .col-permissao {
    min-height: 40px;
}
a.btn-prosseguir,button.finalizar-compra-ce {
    box-shadow: 0 0 17px #09440f;
    animation: pulsate 1s ease-out infinite;
}
@-webkit-keyframes pulsate {
    0%   { box-shadow: 0 0 0 #09440f; }
    50%  { box-shadow: 0 0 17px #09440f; }
    100% { box-shadow: 0 0 0 #09440f; }
}
.cep-nao-sei { float: right; margin: 3px 0 0 0; }
.cep-nao-sei input { float: left; cursor:pointer; }
.cep-nao-sei label { display: block; float: left; font-size: 12px; margin-left: 5px; cursor:pointer; text-transform: uppercase; font-weight: bold; }

.custom-control-lg .custom-control-label::before,
.custom-control-lg .custom-control-label::after {
    top: 0.1rem !important;
    left: -2rem !important;
    width: 1.45rem !important;
    height: 1.45rem !important;
}

.custom-control-lg .custom-control-label {
    margin-left: 0.5rem !important;
    font-size: 1.15rem !important;
}

thead input { width: 100% }
.dt-buttons {
    position: absolute !important;
    top: 20px;
    right: 20px;
}
.ss-value-delete {
    color: red;
    background-color: white;
    padding: 0 4px 0 4px;
    border-radius: 4px;
}
.ss-value-text {
    font-size: 14px;
    font-weight: 700;
}
.ss-option:not(.ss-disabled).ss-option-selected {
    color: #666;
    background-color: rgb(40, 199, 35) !important;
}

@media screen and (max-width: 991px) {
    #teste2 { display: none}
}

.form-control-selectpicker {
    height: 44px;
    display: block;
    width: 100%;
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1.1rem;
    font-size: 1.063rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media screen and (min-width: 858px) {
    .vnd_pix_pg, .vnd_pix_gr, .vnd_pix_pg_paybuy, .vnd_pix_gr_paybuy {
        margin-top: 20px;
    }
}