.auth-form .form-control {
    border-radius: 500px !important;
    color: #252525 !important;
}

.auth-form .form-control::placeholder {
    opacity: 0.5 !important;
}

.auth-form .btn {
    border-radius: 500px !important;
    background: black !important;
    color: white !important;
    text-transform: uppercase !important;
}

.authincation-content {
    background: white;
}

.auth-form .form-control {
    padding: 10px 20px !important;
    font-size: 16px !important;
}

.checkbox-lembrar {
    top: 2px;
}

.checkbox-lembrar * {
    cursor: pointer !important;
}

.checkbox-lembrar .custom-control-label::before {
    top: 0px;
}

.card-subtitle {
    font-weight: 400 !important;
    font-size: 14px !important;
    display: block !important;
    margin-top: 1px !important;
    color: #7b7b7b;
    text-transform: none !important;
}

.box-plano {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 12px 23px 0px rgba(112,112,112, 0.08) ;
    transition: .27s ease;
    background: #F7BB26;
}

.box-plano:hover {
    transform: translatey(-5px);
}

.box-plano h4 {
    background: #F7BB26;
    color: white !important;
    padding: 10px;
    text-align: center;
    font-size: 17px !important;
    margin-bottom: 0 !important;
}

.box-plano h5 {
    background: #F7BB26;
    color: white !important;
    padding: 0 10px 10px;
    text-align: center;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.box-plano a {
    display: block;
    padding: 10px;
    text-align: center;
    background: #fff;
}

.card-body .form-control, .modal .form-control {
    border-color: #ddd;
    border-radius: 50px;
    padding: 10px 20px;
    color: #252525 !important;
}

.form-control:focus {
    border-color: #F7BB26 !important;
}

.card-body .form-control::placeholder, .modal .form-control::placeholder {
    opacity: 0.5 !important;
}

.btn-light:hover {
    background: #f7f7f7 !important;
    border-color: #f7f7f7 !important;
}

.valim-holder_loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.valim-holder_loading .valim-loading_content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.valim-holder_loading .valim-loading_content .valim-loading_spinner {
    display: block;
    width: 30px;
    height: 30px;
    border: 4px solid #F7BB26;
    margin-bottom: 10px;
    border-radius: 50%;
    border-right-color: transparent !important;
    animation: valim_rotate infinite linear 2s;
}

.valim-holder_loading .valim-loading_content .valim-loading_title {
    font-size: 19px;
    font-weight: 500;
    color: #252525;
}

@keyframes valim_rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.alert-site {
    display: flex;
    align-items: center;
}

.alert-site p {
    margin-bottom: 0 !important;
    padding-left: 5px !important;
    width: calc(100% - 300px);
}

.alert-site .icone {
    width: 40px;
}

.alert-site .botao {
    width: 300px;
    text-align: right;
}

.card-site .editar_site {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background: rgba(255,255,255,0.8);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: black;
    cursor: pointer;
    opacity: 0;
    transition: .27s ease;
}

.card-site .editar_site:hover {
    opacity: 1;
}

.card-site h5 {
    color: #F7BB26;
}

.card {
    height: auto !important;
}

.etapas-site {
    display: flex;
    align-items: center;
}

.etapas-site a {
    border-radius: 5px;
    width: 16.66%;
    margin-right: 10px;
    height: 70px;
    text-align: center;
    font-size: 13px;
    padding: 5px;
    line-height: 1;
    color: #252525;
    font-weight: 500;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.etapas-site a:after {
    content: '';
    width: 70px;
    height: 70px;
    background: rgba(0,0,0,0.5) !important;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 0.1;
    transition: .27s ease;
}

.etapas-site a:hover:after, .etapas-site a.active:after {
    transform: translate(-50%, -50%) scale(1.3);
}

.etapas-site a.completo:after {
    background: #F7BB26 !important;
    opacity: 0.1 !important;
}

.etapas-site a i {
    display: block !important;
    width: 100%;
    font-size: 25px;
    margin-bottom: 3px;
    position: relative;
    z-index: 2;
}

.etapas-site a span {
    position: relative;
    z-index: 2;
    display: block !important;
}

.etapas-site a.completo i, .etapas-site a.active i {
    color: #F7BB26 !important;
}

mark {
    padding: 0 !important;
    background: none !important;
    color: #F7BB26;
}

.grupo-opcoes .opcoes {
    display: flex;
}

.grupo-opcoes .opcoes .opcao {
    width: 20% !important;
    padding: 5px;
    position: relative;
}

.grupo-opcoes .opcoes .opcao input{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translatex(-50%);
    width: 1px !important;
}

.grupo-opcoes .opcoes .opcao img {
    width: 100%;
    border: 3px solid #eaeaea;
    border-radius: 5px;
    background: #f1f1f1;
    cursor: pointer;
    filter: grayscale(1);
    transition: .27s ease;
}

.grupo-opcoes .opcoes .opcao input:checked+label img {
    border: 3px solid #F7BB26;
    filter: grayscale(0);
}

.grupo-opcoes .opcoes .opcao label {
    position: relative;
}

.asColorPicker-trigger {
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    height: 100%;
    width: 60px;
    border-radius: 0 40px 40px 0 !important;
    overflow: hidden;
}

.asColorPicker-clear {
    display: none !important;
}

.asColorPicker-alpha {
    display: none;
}

.asColorPicker_open {
    border-radius: 10px;
    margin: 5px;
}

p.aviso {
    color: #252525;
    font-size: 16px !important;
    line-height: 1.4;
}

.modal-footer .btn {
    padding: 10px 20px !important;
}

.card_tag {
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 15px 15px 0;
    margin-bottom: 20px !important;
    overflow: hidden;
}

.card_tag h5 {
    font-size: 18px !important;
    margin-bottom: 0 !important;
}

.card_tag p {
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

.card_tag h6 {
    background: #F7BB26;
    display: inline-block !important;
    color: black;
    font-weight: 500 !important;
    font-size: 11px;
    text-transform: uppercase;
    padding: 3px 10px 2px;
    border-radius: 50px;
}

.card_tag .acoes {
    display: block;
    width: calc(100% + 32px);
    margin-left: -16px;
    border-top: 1px solid #eaeaea;
    padding: 0 !important;
}
.card_tag .acoes .btn {
    border-radius: 50px !important;
    width: calc(50% - 20px);
    margin: 5px 10px !important;
    padding: 6px 10px;
}

.bootstrap-select .btn {
    width: 100% !important;
}

.dropdown.default-select {
    width: 100% !important;
    display: block;
}

.bootstrap-select .dropdown-menu .dropdown-item {
    font-size: 14px !important;
    padding: 5px 20px !important;
}

.dropzone {
    border: 2px dashed #aaa;
    border-radius: 20px;
    transition: .27s ease;
}

.dropzone:hover, .dropzone.dz-started {
    border-color: #F7BB26 !important;
}

.dropzone .dz-message button {
    color: #252525 !important;
    font-size: 20px !important;
}

.has_pdf p {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #252525;
    line-height: 1.5 !important;
    margin-top: 15px !important;
}

.dropzone .dz-preview .dz-remove {
    position: absolute;
    top: -10px;
    z-index: 999;
    left: 50%;
    transform: translatex(-50%);
    background: red;
    color: white;
    display: block;
    padding: 2px 10px 1px;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 10px;
}

.card.icon-box {
    background: #f1f1f1;
    padding: 20px;
}

.card.icon-box i {
    font-size: 60px;
    color: #252525;
}

.card.icon-box h4 {
    margin-top: 10px;
}

.card.icon-box p {
    font-size: 14px;
    color: #252525;
    font-weight: 400;
}

.card.icon-box a.btn {
    text-transform: uppercase;
}

p.possui {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: -5px 0;
}

.upgrade-body img {
    width: 250px;
    margin-bottom: 20px;
}

.upgrade-body p {
    text-align: center;
}

.holder-select-site {
    padding: 30px 30px 10px;
}

.holder-select-site .bootstrap-select .btn {
    border-width: 3px !important;
}

@media (min-width: 1025px){
    .menu-toggle .holder-select-site {
        display: none;
    }
}

.card-optout p {
    font-size: 14px;
    color: #252525;
    font-weight: 300;
    line-height: 1.4 !important;
}

.card-optout p a {
    font-weight: 400;
    color: #252525;
}

.card-optout p a:hover {
    color: #F7BB26;
}

.card-optout p em strong {
    font-weight: bold !important;
}

.card-optout .form-control {
    border-color: #aaa;
}

.poweredby p {
    font-size: 10px !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 0 !important;
}

.card-optout .form-control[disabled] {
    opacity: 0.3;
}

.box-info-aceite {
    position: relative;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.2));
}

.box-info-aceite h6 {
    font-size: 14px !important;
    color: #000;
    display: block;
    width: 100%;
    background: #F7BB26;
    padding: 5px 10px;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
}

.box-info-aceite p {
    font-size: 16px;
    font-weight: 400 !important;
    color: #252525;
    display: block;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 0 0 5px 5px;
    margin-bottom: 30px;
}

.box-info-aceite ul {
    font-size: 16px;
    font-weight: 400 !important;
    color: #252525;
    display: block;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 0 0 5px 5px;
    margin-bottom: 30px;
}

.box-info-aceite ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}

.box-info-aceite ul li.true:before {
    content: '';
    display: block;
    width: 7px;
    height: 11px;
    border: 3px solid green;
    border-left: 0;
    border-top: 0;
    position: absolute;
    top: 5px;
    left: 2px;
    transform: rotate(45deg);
    user-select: none;
    pointer-events: none;
}

.box-info-aceite ul li.false:before {
    content: '×';
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    font-size: 25px;
    font-weight: bold;
    color: red;
    line-height: 1;
    user-select: none;
    pointer-events: none;
}

.card p a {
    color: #252525;
}

.card p a:hover {
    color: #F7BB26;
}

.card .form-control[disabled] {
    color: rgba(0,0,0,0.4) !important;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 3px #ffed0033 !important;
}

.nav-header, .header {
    height: 80px !important;
}

[data-header-position="fixed"] .content-body {
    padding-top: 80px !important;
}

.erros {
    background: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.erros li {
    font-size: 13px;
}


.holder-select-site {
    margin-top: -20px !important;
}

.holder-select-site .bootstrap-select .btn {
    border-color: #F7BB26 !important;
    background: #F7BB26 !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    
}

.nav-item-cod a {
    font-size: 13px;
    margin-left: 10px;
}

.nav-item a.status_imp {
    color: #666 !important;
}

.nav-item-cod .status_imp:before {
    content: '|';
    display: inline-block;
    margin-right: 10px;
}

.nav-item-cod .status_imp.yes:after {
    content: '';
    display: inline-block;
    margin-left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background: green;
    vertical-align: 1px;
}

.nav-item-cod .status_imp.not:after {
    content: '';
    display: inline-block;
    margin-left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background: red;
    vertical-align: 1px;
}

.optout-solicitar {
    position: relative;
    overflow: hidden;
}

.optout-solicitar * {
    position: relative;
    z-index: 2;
}

#cookie_solicitar_1 {
    position: absolute;
    width: 350px;
    top: -155px;
    right: -110px;
    opacity: 0.2;
    user-select: none;
    pointer-events: none;
}


#cookie_solicitar_2 {
    position: absolute;
    width: 350px;
    bottom: 150px;
    left: -220px;
    opacity: 0.2;
    user-select: none;
    pointer-events: none;
    z-index: 1;
}

.optout-solicitar h3 img {
    height: 25px;
    vertical-align: -4px;
}

[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu > li.mm-active > a:before {
    display: none !important;
}

.tabela-sites-user tr:first-of-type td {
    border-top: 0 !important;
}

.col-etapas {
    max-width: 63% !important;
}

.col-acoes {
    min-width: 12% !important;
    max-width: 20% !important;
}

.card-site-desativado {
    padding-top: 10px !important;
    opacity: 0.5 !important;
    overflow: hidden;
}

.card-site-desativado:hover {
    opacity: 0.9 !important;
}

.card-site-desativado:after {
    content: 'SITE DESATIVADO';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 11px;
    padding: 2px 5px;
    background: #f7bb26;
    font-weight: bold;
    color: white;
}

.footer {
    position: fixed;
    bottom: 0;
    background: white;
    box-shadow: 0px 0px 10px rgba(120, 130, 140, 0.13);
    width: 100%;
    padding-right: 20px !important;
}

.footer * {
    text-align: right !important;
}

.footer {
    font-size: 13px !important;
    background: #f7f7fc !important;
    border-top: 1px solid #eaeaea;
}
.footer .copyright {
    padding: 10px 15px !important;
}

.content-body {
    min-height: unset !important;
}
@keyframes coracao {
    0%, 100% {
        transform: scale(0.95);
    }
    80% {
        transform: scale(1.05);
    }
}

.coracao {
    display: inline-block;
    animation: coracao 2s infinite ease;
}

.nav-header .brand-logo {
    justify-content: center !important;
}

.add-menu-sidebar:before {
    background: url(../images/dots.png) no-repeat !important;
}
.swal2-popup {
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    overflow: hidden;
}

.swal2-popup:before {
    content: '';
    width: 100%;
    height: 5px;
    background: #FFBC00;
}

.swal2-styled.swal2-confirm {
    border-radius: 40px !important;
    background: #FFBC00;
    box-shadow: none !important;
    outline: none !important
}

.swal2-cancel {
    border-radius: 40px !important;
    box-shadow: none !important;
    outline: none !important
}

.swal2-popup:after {
    content: '';
    width: 300px;
    height: 300px;
    background: url('https://asclaras.com.br/wp-content/uploads/2021/08/cookie-1-450x450.png');
    background-size: cover;
    top: -100px;
    left: -100px;
    position: absolute;
    z-index: 0;
    opacity: 0.15;
}

.swal2-popup:before {
    z-index: 2;
}

.header-left .dashboard_bar {
    font-size: 20px;
}

@keyframes piscando {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.status_imp:after {
    animation: piscando 2s linear infinite;
}

.deznav .copyright {
    height: 120px !important;
}

.box-info-aceite p {
    font-size: 14px !important;
}

.widget-stat.card.bg-primary {
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    transition: .27s ease !important;
}

.widget-stat.card.bg-primary:hover {
    transform: translatey(-3px);
    box-shadow: 0 3px 3px rgba(0,0,0,0.1);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    background: #E5A300 !important;
    color: #fff !important;
}

.etapas-site a {
    transition: .27s ease !important;
    font-size: 12px !important;
}

.etapas-site a:hover {
    transform: scale(1.07);
}

.etapas-site a i {
    color: red;
}

body {
    background-image: url('https://app.asclaras.com.br/images/bg-cookie.png') !important;
    background-position: bottom right !important;
    background-repeat: no-repeat;
    min-height: 100vh;
}
.quantidade_plano {
    text-align: center;
}

.quantidade_plano h6 {
    text-align: left !important;
}

.quantidade_plano .btn {
    margin-top: 15px !important;
}

@media (max-width: 768px){
    
    .etapas-site {
        flex-wrap: wrap !important;
        margin-bottom: 0px !important;
    }
    .etapas-site a {
        width: 30% !important;
        border-radius: 0 !important;
        margin-bottom: 20px !important;
    }
    .etapas-site a:after {
        transform: translate(-50%, -50%) scale(1.2);
    }
    .nav-item-cod a:first-of-type, .nav-item-cod .status_imp:before {
        display: none !important;
    }
    .card-site .etapas-site {
        flex-wrap: nowrap !important;
        margin-bottom: 0px !important;
    }
    .card-site .col-etapas {
        min-width: 100% !important;
    }
    .card-site .etapas-site a {
        width: 13.9% !important;
    }
    .card-site .etapas-site a span {
        display: none !important;
    }
    .card-site .etapas-site a:after {
        transform: translate(-50%, -50%) scale(0.7) !important;
    }
    .card-site .col-acoes {
        text-align: center !important;
        min-width: 100% !important;
    }
    .card-site .col-acoes .btn-group {
        display: block !important;
        width: 100% !important;
    }
    
    .card-footer-link {
        display: inline-block;
    }
    
    #btn-editar, #btn-salvar, .card-footer a:last-of-type {
        float: right !important;
    }
    .holder-tabela {
        overflow-x: auto !important;
    }
}

.asColorPicker-trigger {
    border: 1px solid #ccc;
    border-left: 1px solid #ccc !important;
}

@media (max-width: 600px){
    .modal-footer {
        padding: 15px 10px !important;
        justify-content: space-between !important;
    }
    .modal-body {
        padding: 15px;
    }
    .modal-header {
        padding: 15px !important;
    }
    .modal-header .close {
        padding: 0.65rem 1.15rem !important;
    }
    .modal-footer .btn {
        padding: 10px 15px !important;
    }
    .card-title mark {
        font-size: 16px !important;
    }
    .box-solicitacao table th {
        font-size: 14px !important;
    }
    .box-solicitacao {
        overflow-x: auto;
    }
    .box-solicitacao table {
        width: 800px;
    }
    .card-header .card-title {
        max-width: calc(100% - 100px);
    }
    .box-info-aceite ul li {
        font-size: 14px;
    }
    .dataTables_length {
        display: flex;
        justify-content: center;
    }
    .dataTables_filter {
        display: flex;
        justify-content: center;
        text-align: center !important;
    }
    .dataTables_filter label input {
        display: block;
        margin: 0 !important;
    }
    .holder-tabela {
        clear: both !important;
    }
    .holder-tabela table {
        width: 1000px !important;
    }
    .dataTables_length {
        display: none !important;
    }
}

.plano_selecionado {
    display: flex;
    border: 1px solid #f1f1f1;
    border-radius: 50px;
    padding: 5px 10px;
    align-items: center;
    user-select: none;
    cursor: pointer;
    transition: .27s ease;
    position: relative;
}

.plano_selecionado .change {
    position: absolute;
    top: calc(50% - 2.5px);
    right: 30px;
    display: block;
    width: 5px;
    height: 5px;
    background: rgba(0,0,0,0.2);
    border-radius: 5px;
    z-index: 2;
}

.plano_selecionado .change:before {
    content: '';
    position: absolute;
    top: -8px;
    display: block;
    width: 5px;
    height: 5px;
    background: rgba(0,0,0,0.2);
    border-radius: 5px;
}

.plano_selecionado .change:after {
    content: '';
    position: absolute;
    top: 8px;
    display: block;
    width: 5px;
    height: 5px;
    background: rgba(0,0,0,0.2);
    border-radius: 5px;
}

.plano_selecionado:hover {
    background: #f9f9f9;
}

.plano_selecionado:after {
    content: '';
    position: absolute;
    top: calc(50% - 15px);
    right: 17px;
    width: 30px;
    height: 30px;
    display: block;
    background: white;
    border-radius: 50px;
}

.plano_selecionado:hover:after {
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.plano_selecionado img {
    width: 50px;
    height: 50px;
}

.plano_selecionado .info_plano {
    margin-left: 10px;
}

.plano_selecionado h5 {
    margin: 0 !important;
}

.plano_selecionado h6 {
    font-weight: 400 !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.8;
    margin: 0 !important;
}

.seletor_planos {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 450px;
    width: 100%;
    background: white;
    z-index: 5;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 20px;
}

.o_planos {
    display: flex;
}

.o_planos input + div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer;
    border: 1px solid #f1f1f1;
    padding: 20px 10px;
    border-radius: 5px;
    z-index: 2;
    background: white;
}

.o_planos input + div:hover {
    background: #f9f9f9;
}

.o_planos input:checked + div {
    background: #f2f2f2;
}

.o_planos input + div img {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    border: 1px solid #f1f1f1;
}

.o_planos input + div h6 {
    margin: 0 !important;
}

.o_planos label {
    position: relative;
    width: 50%;
    padding: 0 10px;
}

.o_planos label input {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
}

.o_planos label p {
    font-weight: 400 !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.8;
    margin: 0 !important;
}

.overlay_seletor_planos {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    z-index: 4;
}

.fechar_planos {
    width: 100px;
    text-align: center;
    margin: 10px auto 0;
    font-size: 12px;
    font-weight: 600;
    color: #252525;
    user-select: none;
    cursor: pointer;
}

#tags_categorias {
    display: flex;
    width: calc(100% + 10px);
    margin-left: -5px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

#tags_categorias .holder_card_cat {
    padding: 5px;
    width: 25%;
}

#tags_categorias .holder_card_cat .card_cat {
    background: #f9f9f9;
    padding: 15px 20px;
    border-radius: 10px;
    border: 1px solid #f0f0f0;
    display: flex;
    height: 60px;
    align-items: center;
    position: relative;
    user-select: none;
    cursor: pointer;
    transition: .27s ease;
}

.card_cat span.categoria {
    width: 85%;
    font-weight: 500;
    font-size: 14px;
    color: #666;
    line-height: 1 !important;
}

.card_cat span.count {
    position: absolute;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: white;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #eaeaea;
    font-size: 14px;
    font-weight: bold;
}


#tags_categorias .holder_card_cat .card_cat.active {
    background: #f1f1fc;
    border-color: #eaeafc !important;
}

.titulo_cats {
    width: 100%;
    padding: 0 5px;
}

.titulo_cats h2 {
    font-size: 16px;
    margin-bottom: 0 !important;
}

.titulo_cats p {
    font-size: 14px;
    min-width: 100%;
}

#modalCategorias label {
    display: block;
    text-align: left;
}

#modalCategorias label span {
    font-size: 14px;
    font-weight: 500;
}


#modalCategorias label textarea {
    border-radius: 15px !important;
    resize: none;
}

.item_cat {
    display: flex;
    position: relative;
    border: 1px solid #f1f1f1;
    margin-bottom: 10px;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
}

.item_cat h5 {
    margin: 5px 0 !important;
}

.item_cat .open_edit_cat {
    position: absolute;
    background: #eaeafc;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    top: calc(50% - 15px);
    right: 45px;
    user-select: none;
    cursor: pointer;
    font-size: 20px;
    color: #252525;
    opacity: 0;
    transition: .27s ease;
}

.item_cat .del_cat {
    position: absolute;
    background: #db0000;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    top: calc(50% - 15px);
    right: 10px;
    user-select: none;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    opacity: 0;
    transition: .27s ease;
}


.item_cat:hover :is(.open_edit_cat, .del_cat){
    opacity: 1;
}

.o_produtos label {
    width: 33% !important;
}

.table-finalizar tr td {
    padding: 10px 5px !important;
}

.table-finalizar tr:last-of-type {
    background: #f7f7f7;
}

.btn-del {
    height: 30px !important;
    padding: 4px 8px !important;
}

.btn-del i {
    font-size: 20px !important;
}

.ql-toolbar.ql-snow {
    border-radius: 10px 10px 0 0;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-radius: 0 0 10px 10px;
}

.card.ver-ticket label {
    color: #252525;
}

.card.ver-ticket label span {
    display: block !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.8;
    letter-spacing: 1px;
    color: #666;
}

.card-resposta p:last-of-type {
    margin-bottom: 0 !important;
}

.card-resposta.resposta-staff {
    position: relative;
    overflow: hidden;
}

.card-resposta.resposta-staff:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #ffaa00;
}

.resposta-staff h6 i {
    background: #ffaa00;
    color: white;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-flex;
    vertical-align: 1px !important;
    align-items: center;
    justify-content: center;
    margin-left: 2px;
}

.resposta-staff h6 i:before {
    font-size: 12px !important;
}

/*#tickets a {*/
/*    display: block;*/
/*    width: 100%;*/
/*    margin: -15px;*/
/*    min-height: 40px;*/
/*    padding: 10px 15px;*/
/*}*/

.ticket_status_1 {
    font-weight: bold;
}

.ticket_status_1 td:first-of-type {
    position: relative;
    padding-left: 25px;
}

.ticket_status_1 td:first-of-type:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 2.5px);
    left: 15px;
    width: 5px;
    height: 5px;
    background: #ffaa00;
    border-radius: 50%;
}

.ticket_status_4 td {
    opacity: 0.5;
}

@media (min-width: 2000px){
    table.dataTable tbody th, table.dataTable tbody td {
        padding: 8px 10px !important;
    }
}

.card-resposta p {
    margin: 0 !important;
}

.card-resposta img {
    max-width: 100%;
}

.anexos {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-wrap;
    width: calc(100% + 20px);
    margin-left: -10px;
}

.anexos .holder-item-anexo {
    width: 50%;
    margin-bottom: 10px;
    width: 20%;
    padding: 10px;
}

.anexos .item-anexo {
    background: #fdfdfd;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #f1f1fc;
    user-select: none;
    cursor: pointer;
    transition: .27s ease;
}

.anexos .item-anexo:hover {
    background: #f9f9f9;
    border-color: #ddddfc;
}

.anexos .thumb img {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #f1f1fc;
    margin-bottom: 10px;
}

.anexos .thumb i {
    height: 60px;
    width: 60px;
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.anexos .arquivo {
    font-size: 10px;
    text-align: center;
}

.card.card-resposta label {
    margin-top: 20px;
}

.card.card-resposta label span {
    display: block !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.8;
    letter-spacing: 1px;
    color: #666;
}

.card-resposta label {
    margin-bottom: 0 !important;
}

.card.ver-ticket .form-group.row {
    margin: 0 !important;
}

.holder_val {
    display: flex;
}

.holder_val select {
    width: 50% !important;
}

.holder_val select:first-of-type {
    margin-right: 20px !important;
}

/*// CARTAO*/
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 180px;
  perspective: 1000px;
  font-family: 'Inconsolata', monospace;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 10px;
}

.flip-card.active .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
    background-image: linear-gradient(45deg, #F7BB26, #ff7700);
    background-color: #F7BB26;
    color: black;
    border-radius: 10px;
}

.flip-card-front:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 20px;
    width: 40px;
    height: 30px;
    background: black;
    border-radius: 5px;
}

.flip-card-back {
  background-color: #aaa;
  color: white;
  transform: rotateY(180deg);
  border-radius: 10px;
}

.card-number {
    position: absolute;
    top: 65px;
    left: 20px;
    font-size: 25px;
}

.card-nome {
    position: absolute;
    top: 100px;
    left: 20px;
    text-transform: uppercase;
    width: calc(100% - 30px);
    height: 23px;
    text-align: left;
    display: block;
    font-size: 17px;
    overflow: hidden;
    white-space: nowrap;
}

.card-val:before {
    content: 'Validade';
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: -8px;
}

.card-val {
    text-align: left;
    position: absolute;
    left: 20px;
    font-size: 15px;
    top: 130px;
}

.flip-card-back:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 40px;
    background: black;
    top: 15px;
    left: 0;
}

.flip-card-back:after {
    content: '';
    position: absolute;
    top: 55px;
    left: 0;
    width: calc(100% - 90px);
    height: 30px;
    background: #eaeaea;
}

.card-cvv {
    position: absolute;
    top: 55px;
    left: calc(100% - 90px);
    width: 60px;
    height: 30px;
    background: white;
    color: #252525;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: italic;
}

.table-checkout {
    width: 100% !important;
}

.table-checkout td {
    font-size: 13px !important;
}

.btn.btn-voltar-checkout {
    background: #eaeaea !important;
    color: #252525 !important;
    transition: .27s ease;
    box-shadow: none !important;
}

.btn.btn-voltar-checkout:hover {
    background: #e1e1e1 !important;
}

.btn.btn-pagar {
    background: #F7BB26 !important;
    color: #252525 !important;
    box-shadow: none !important;
}

.card-title {
    text-transform: none !important;
}

.badge_t_4, .badge_t_1_admin, .badge_t_3_admin  {
    background: #dd0000dd !important;
    color: white !important;
}

.badge_t_1, .badge_t_3, .badge_t_4_admin {
    background: #f1f1fc;
}

.badge_t_2, .badge_t_2_admin {
    background: #11ddaa !important;
    color: white;
}

#gerenciar_cats {
    position: relative;
    color: white !important;
    margin-top: -20px;
}

/*#tags_categorias .holder_card_cat .card_cat[data-cat="Todas as Tags"].active {*/
/*    background: #F7BB26 !important;*/
/*    border-color: #ffaa00 !important;*/
/*}*/

/*#tags_categorias .holder_card_cat .card_cat[data-cat="Todas as Tags"].active .categoria {*/
/*    color: white !important;*/
/*}*/

body.swal2-shown .modal.show {
    display: none !important;
}

#list_cat_personalizadas {
    margin-top: 15px;
}

.item_cat .open_edit_cat, .item_cat .del_cat {
    opacity: 1 !important;
}

.flip-card {
  background-color: transparent;
  width: 100%;
  height: 180px;
  perspective: 1000px;
  font-family: 'Inconsolata', monospace;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  border-radius: 10px;
}

.flip-card.active .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
    background-image: linear-gradient(45deg, #F7BB26, #ff7700);
    background-color: #F7BB26;
    color: black;
    border-radius: 10px;
}

.flip-card-front:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 20px;
    width: 40px;
    height: 30px;
    background: black;
    border-radius: 5px;
}

.flip-card-back {
  background-color: #aaa;
  color: white;
  transform: rotateY(180deg);
  border-radius: 10px;
}

.card-number {
    position: absolute;
    top: 65px;
    left: 20px;
    font-size: 25px;
}

.card-nome {
    position: absolute;
    top: 100px;
    left: 20px;
    text-transform: uppercase;
    width: calc(100% - 30px);
    height: 23px;
    text-align: left;
    display: block;
    font-size: 17px;
    overflow: hidden;
    white-space: nowrap;
}

.card-val:before {
    content: 'Validade';
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: -8px;
}

.card-val {
    text-align: left;
    position: absolute;
    left: 20px;
    font-size: 15px;
    top: 130px;
}

.flip-card-back:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 40px;
    background: black;
    top: 15px;
    left: 0;
}

.flip-card-back:after {
    content: '';
    position: absolute;
    top: 55px;
    left: 0;
    width: calc(100% - 90px);
    height: 30px;
    background: #eaeaea;
}

.card-cvv {
    position: absolute;
    top: 55px;
    left: calc(100% - 90px);
    width: 60px;
    height: 30px;
    background: white;
    color: #252525;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: italic;
}

.produtos_finalizar label {
    display: block !important;
    width: 100%;
    position: relative;
}

.produtos_finalizar input {
    position: absolute;
    top: 5px;
    left: 5px;
}

.box_produto {
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 20px;
    background: white;
    transition: .27s ease;
}

.box_produto img {
    width: 60px !important;
    height: 60px !important;
}

.box_produto div {
    padding-left: 20px;
    padding-right: 50px;
    width: 100%;
}

.box_produto h5 {
    font-size: 17px;
    margin: 0 0 5px;
}

.box_produto p {
    font-size: 14px;
    margin: 0;
    line-height: 1.1;
}

.box_produto h6 {
    margin: 5px 0 0 !important;
}

.box_produto .add {
    display: block;
    position: absolute;
    top: calc(50% - 20px);
    right: 20px;
    width: 40px;
    height: 40px;
    border: 2px solid #F7BB26;
    border-radius: 50%;
    cursor: pointer;
    user-select: none;
}

.box_produto .add:before {
    content: '';
    width: 2px;
    height: 20px;
    background: #F7BB26;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(90deg);
}

.box_produto .add:after {
    content: '';
    width: 2px;
    height: 20px;
    background: #F7BB26;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: .27s ease;
}

.produtos_finalizar input:checked + .box_produto {
    border: 1px solid #eaeafc;
    background: #f9f9fc;
}

.produtos_finalizar input:checked + .box_produto .add:after {
    transform: translate(-50%,-50%) rotate(90deg);
}

.seletor_planos {
    overflow: hidden;
}

.seletor_planos:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    background: #F7BB26;
}

.seletor_planos .o_planos {
    margin: 30px 0 !important;
}

.badge_Approved {
    background: #11ddaa;
    color: white;
}

.badge_Denied {
    background: #dd0000dd;
    color: white;
}

.badge_Canceled {
    background: #aaaaaadd;
    color: white;
}

.badge_Pending {
    background: #F7BB26;
    color: white;
}

.planos_upgrade .add:before {
    height: 8px !important;
    transform: rotate(-45deg) !important;
    top: 15px !important;
    left: 12px !important;
    opacity: 1 !important;
}

.planos_upgrade .add:after {
    height: 15px !important;
    transform: rotate(45deg) !important;
    top: 10px !important;
    left: 20px !important;
    opacity: 1 !important;
}

.planos_upgrade .add {
    filter: grayscale(1) !important;
    opacity: 0.5;
    transition: .27s ease;
}

.planos_upgrade input:checked + div .add {
    filter: none !important;
    opacity: 1;
}

.produtos_finalizar label {
    cursor: pointer;
}

.cta_central {
    background: #F7BB26;
    padding: 30px;
    margin: 40px 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.cta_central:after {
    content: '';
    width: 100%;
    height: 5px;
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
}

.cta_central h3 {
    margin-bottom: 20px;
    color: #252525;
}

.cta_central .btn {
    font-size: 15px;
}

.cta_central h6 {
    font-size: 16px;
    font-weight: 400 !important;
    color: #252525 !important;
}

#contas .btn-primary {
    padding: 4px 15px !important;
}

.flip-card-front:before {
    background-color: white !important;
    background-image: url('/images/ac/bandeiras.png');
    background-size: 200px 60px;
}

.holder_cartao[data-bandeira="visa"] .flip-card-front:before {
    background-position: -40px 60px;
}

.holder_cartao[data-bandeira="mastercard"] .flip-card-front:before {
    background-position: -80px 60px;
}

.holder_cartao[data-bandeira="diners"] .flip-card-front:before {
    background-position: -120px 60px;
}

.holder_cartao[data-bandeira="amex"] .flip-card-front:before {
    background-position: -160px 60px;
}

.holder_cartao[data-bandeira="discover"] .flip-card-front:before {
    background-position: 0px 30px;
}

.holder_cartao[data-bandeira="hipercard"] .flip-card-front:before {
    background-position: -40px 30px;
}

.holder_cartao[data-bandeira="elo"] .flip-card-front:before {
    background-position: -80px 30px;
}

.holder_cartao[data-bandeira="jcb"] .flip-card-front:before {
    background-position: -120px 30px;
}

.holder_cartao[data-bandeira="aura"] .flip-card-front:before {
    background-position: -160px 30px;
}

.auth-form .btn.btn-cinza {
    background-color: #f1f1f1 !important;
    color: #252525 !important;
}

.footer {
    z-index: 2;
}

.badge.badge_ {
    background: red;
    color: #fff;
}

.dataTable thead tr {
    background: #f1f1f1;
}

.holder_mensagem_ticket {
    margin: 0 15px;
    border: 1px solid #f1f1f1;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 10px;
    margin-bottom: 20px;
    display: block !important;
    width: 100% !important;
}

.holder_mensagem_ticket p {
    margin-bottom: 10px !important;
    line-height: 1.5 !important;
}

.holder_mensagem_ticket p:last-of-type {
    margin-bottom: 0 !important;
}

.option_upgrade {
    position: relative;
    pointer-events: none !important;
    user-select: none;
}

.option_upgrade:before {
    content: '';
    position: absolute;
    top: -50px;
    left: -5px;
    display: block;
    width: calc(100% + 50px);
    height: calc(100% + 50px);
    background: rgba(255,255,255,0.7);
    cursor: not-allowed;
    pointer-events: none !important;
}

.option_upgrade .aviso_upgrade {
    margin-top: 10px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    pointer-events: auto !important;
}

.option_upgrade .aviso_upgrade span {
    padding-right: 10px;
    font-weight: bold;
}

.ac_tooltip {
    display: inline-block;
    position: relative;
    cursor: help;
}

.ac_tooltip:after {
    content: attr(data-content);
    position: absolute;
    display: none;
    width: 200px;
    height: auto;
    padding: 15px 20px;
    background: rgba(0,0,0,0.9);
    left: 50%;
    transform: translatex(-50%);
    z-index: 2;
    font-size: 12px;
    font-weight: 500;
    color: white;
    border-radius: 5px;
    user-select: none;
    pointer-events: none !important;
}

.ac_tooltip:hover:after {
    display: block;
}

.ac_help {
    color: #F7BB26;
    margin-left: 5px;
}

.auth-form .btn.btn-alterar-plano {
    background-color: #F7BB26 !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
    margin: -5px 0 -5px 5px;
    vertical-align: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 8px 15px !important;
    font-size: 14px;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 15px 15px !important;
}

.badge-nivel-perm {
    position: absolute;
    top: -30px;
    left: -5px;
}

.auth-form {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.produto_cadastro label {
    display: block;
    position: relative;
}

.produto_cadastro input {
    position: absolute;
    top: 50%;
    left: 50%;
}

.p_c_info {
    background: white;
    position: relative;
    border: 2px solid #eaeaea;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 10px;
    text-align: center;
    height: 110px;
    cursor: pointer;
    transition: .27s ease;
}

.p_c_info * {
    opacity: 0.6;
    transition: .27s ease;
}

.p_c_info:hover * {
    opacity: 1;
}

.p_c_info p {
    margin: 0 !important;
    font-weight: bold;
}

.p_c_info h6 {
    margin-bottom: 0px;
}

.produto_cadastro input:checked + .p_c_info {
    border: 2px solid #F7BB26;
}

.produto_cadastro input:checked + .p_c_info * {
    opacity: 1;
}

.form-control.preencher {
    border-color: red !important;
}

.produtos_finalizar input:checked + .box_produto {
    border-color: #F7BB26 !important;
}

.produtos_finalizar input + .box_produto * {
    opacity: 0.9 !important;
    filter: grayscale(0.7);
    transition: .27s ease;
}

.produtos_finalizar input:checked + .box_produto *, .produtos_finalizar input + .box_produto:hover * {
    opacity: 1 !important;
    filter: grayscale(0);
}

.produtos_finalizar input:checked + .box_produto .inteiro {
    display: none;
}

.produtos_finalizar input + .box_produto .mordido {
    display: none;
}

.produtos_finalizar input:checked + .box_produto .mordido {
    display: block;
}

.bolinha_status {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    vertical-align: 3px;
}

.bolinha_status.yes {
    background: green;
}

.bolinha_status.not {
    background: red;
}

.cta_central {
    background-image: url('https://blog.asclaras.com.br/wp-content/uploads/2021/12/bg-pagetitle.jpg');
    border-radius: 10px !important;
}

.cta_central .btn {
    background: black !important;
    color: white !important;
    border-color: black !important;
}

.o_planos ul {
    margin-top: 10px;
}

.o_planos ul li {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.o_planos ul li:before {
    content: '';
    position: relative;
    width: 6px;
    height: 10px;
    border: 2px solid #F7BB26;
    border-left: none;
    border-top: none;
    display: inline-block;
    transform: rotate(45deg);
    margin-right: 6px;
    vertical-align: 1px;
}

.o_planos ul li.nao:before {
    content: '×';
    position: relative;
    width: 6px;
    height: 10px;
    border: none !important;
    display: inline-block;
    transform: scale(1.6) !important;
    margin-right: 9px;
    vertical-align: -1px;
    color: red;
    line-height: 0;
}

.o_planos ul li.nao {
    text-decoration: line-through;
    color: #aaa;
}

.confirm_planos.mensal .show_anual {
    display: none !important;
}

.confirm_planos.anual .show_mensal {
    display: none !important;
}

.plano_selecionado.alterar_plano:after {
    display: none;
}

.plano_selecionado .change_plano {
    content: '';
    position: absolute;
    top: calc(50% - 15px);
    right: 17px;
    width: 140px;
    height: 30px;
    display: block;
    background: white;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px rgba(0,0,0,0.05);
}

.plano_selecionado:hover .change_plano {
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.cb_periodo {
    position: relative;
    display: block;
    width: 54px;
    margin: 0 auto;
    height: 50px;
}

.cb_periodo input + div {
    display: block;
    height: 30px;
}

.cb_periodo input {
    position: absolute;
    left: 50%;
    transform: scale(0.1);
}

.cb_periodo input + div .background {
    display: block;
    position: absolute;
    width: 54px;
    height: 35px;
    background: #f1f1f1;
    border: 2px solid #eaeaea;
    border-radius: 50px;
    left: 50%;
    transform: translatex(-50%);
    cursor: pointer;
}

.cb_periodo input + div .background:after {
    content: 'Anual';
    position: absolute;
    right: -10px;
    transform: translatex(100%);
    font-size: 18px !important;
    font-weight: 700;
    opacity: 0.8;
    pointer-events: none !important;
}

.cb_periodo input + div .background:before {
    content: 'Mensal';
    position: absolute;
    left: -10px;
    transform: translatex(-100%);
    font-size: 18px !important;
    font-weight: 700;
    opacity: 0.8;
    pointer-events: none !important;
}

.cb_periodo input + div .cookie {
    display: block;
    width: 29px;
    height: 29px;
    background: url(https://asclaras.com.br/wp-content/uploads/2021/08/cookie-1-450x450.png) center center #000;
    background-size: cover;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: .5s ease;
    cursor: pointer;
}

.cb_periodo input:checked + div .cookie {
    left: 22px;
    transform: rotate(45deg);
}

.anexo_cookie {
    position: relative;
    width: 150px;
    height: 40px;
    margin: 0 !important;
}

.anexo_cookie input {
    width: 1px !important;
    height: 1px !important;;
    position: absolute;
    left: 50%;
    top: 50%;
}

.anexo_cookie span {
    display: flex;
    position: relative;
    width: 100%;
    height: 40px;
    background: #F7BB26;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    color: white !important;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: inset 0 0 0 999px rgba(0,0,0,0);
    transition: .27s ease;
}

.anexo_cookie span:hover {
    box-shadow: inset 0 0 0 999px rgba(0,0,0,0.04);
}

.change_icone {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.change_icone img {
    width: 70px !important;
    height: 70px !important;
    margin-right: 15px;
    border: 5px solid white;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

#upload-demo {
    display: block;
    width: 300px;
    height: 300px;
}

.overlay_upload {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.8);
    z-index: 5;
    cursor: pointer;
}

.holder_upload {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6;
    background: white;
    padding: 40px 10px;
    border-radius: 25px;
    max-width: 350px;
}

.croppie-container .cr-boundary {
    background-image: linear-gradient(45deg, #eaeaea 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #eaeaea 75%), linear-gradient(45deg, transparent 75%, #eaeaea 75%), linear-gradient(45deg, #eaeaea 25%, #fff 25%);    
    background-size: 20px 20px;       
    background-position: 0 0, 0 0, -50px -50px, 50px 50px;
}

.croppie-container .cr-resizer, .croppie-container .cr-viewport {
    border-radius: 50% !important;
}

.modal-content {
    background: none !important;
    border: none !important;
    box-shadow: 0 !important;
    border-radius: 20px 20px !important;
    overflow: hidden;
}

.modal-header {
    background: #f9f9f9;
    border: none !important;
}

.modal-header h5 {
    padding-left: 35px;
    position: relative;
}

.modal-header h5:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: url(https://dev.asclaras.com.br/content/uploads/cookie-1.png) center center;
    background-size: cover;
    position: absolute;
    left: 0;
}

.modal-header .close span {
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.modal-header .close span:after {
    content: '×';
    font-size: 25px;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 0.75;
}

.modal-body {
    background: #fff;
}

.modal-footer {
    background: #f9f9f9;
    border: none !important;
}

.modal-footer button {
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

#modalCupom img {
    width: 100%;
}

.modal, .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

.fake-chat {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.open-fake-chat {
    position: fixed;
    bottom: 30px;
    right: 0;
    background: #F7BB26;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 0 0 10px;
    font-size: 25px;
    color: black !important;
    cursor: pointer;
    transition: .27s ease;
    opacity: 0.9;
}

.open-fake-chat:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    opacity: 1;
}

.open-fake-chat i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .5s ease;
}

.open-fake-chat .fechar, .fake-chat.active .abrir {
    transform: translate(-50%, -50%) scale(0) !important;
    opacity: 0;
}

.open-fake-chat .abrir, .fake-chat.active .fechar {
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1;
}

.fake-chat.active .open-fake-chat {
    opacity: 1;
    right: 20px;
    border-radius: 50% !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.form-fake-chat {
    display: block;
    width: 250px;
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    transition: .5s ease;
    position: fixed;
    bottom: 50px;
    right: 0;
    transform: translatex(100%);
    opacity: 0;
}

.fake-chat.active .form-fake-chat {
    right: 35px;
    transform: translatex(0);
    opacity: 1;
}

.form-fake-chat p {
    font-size: 14.5px;
    line-height: 1.4;
    margin-bottom: 10px !important;
}

.form-fake-chat textarea {
    border-radius: 10px !important;
    border-color: #ddd;
    height: 80px;
    color: #333 !important;
    resize: none !important;
}

.form-fake-chat h5 {
    margin-bottom: 5px !important;
    font-size: 18px !important;
}

.form-fake-chat h5:before {
    content: '{';
    font-weight: 900 !important;
    vertical-align: 1px;
    color: #F7BB26;
    display: inline-block;
    margin-right: 5px;
}

.form-fake-chat button {
    margin-top: 5px;
    margin-bottom: 5px !important;
}

.badge-recorrente {
    padding: 0 !important;
    font-size: 10px;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: 1px;
    position: absolute;
    top: 2px;
    cursor: pointer;
}

.badge-recorrente:hover:after {
    content: 'ecorrente';
}

.badge-recorrente:hover {
    width: auto;
    user-select: none;
    padding: 0 5px !important;
}

.holder_rec {
    position: relative;
    display: inline;
    vertical-align: 1px;
    margin: -5px 0 -5px 2px !important;
}

.badge-expirado {
    font-size: 10px;
    padding: 0 5px !important;
    color: white;
    vertical-align: 1px;
}

.produtos_mktplace .p_c_info {
    height: 165px !important;
    opacity: 0.9 !important;
}

.produtos_mktplace .p_c_info * {
    opacity: 1 !important;
}

.produtos_mktplace .p_c_info:hover {
    border: 2px solid #F7BB26 !important;
    opacity: 1 !important;
}

.produtos_mktplace .p_c_info img {
    margin-bottom: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #F7BB26 !important;
    border: none !important;
    font-size: 14px !important;
    color: white !important;
    border-radius: 50px !important;
    padding: 0 10px 0 25px !important;
    font-weight: 500;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    width: 20px;
    padding-left: 7px !important;
    border-color: rgba(0,0,0,0.1) !important;
    color: white !important;
    background: rgba(0,0,0,0.02) !important;
}

.col-status-pedido .form-control {
    padding: 0 !important;
}

.col-status-pedido .bootstrap-select .btn {
    margin-top: -7px !important;
    height: 35px !important;
    padding: 7px 15px !important;
}

.email-invalido, .email-invalido:focus {
    border-color: red !important;
}

#holder_enterprise {
    background: #f1f1f1;
    padding: 20px 30px;
    border-radius: 15px;
}

.modal-body [disabled], #holder_enterprise [disabled] {
    opacity: 0.4 !important;
}

tr.desativado {
    opacity: 0.2 !important;
    transition: .27s ease;
}

tr.desativado:hover {
    opacity: 0.6 !important;
}

.info-contratar {
    background: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-top: 10px !important;
}

.aviso-ticket {
    display: block;
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 50%;
    position: absolute;
    left: 12px;
    top: calc(50% - 1px);
}

.col-perms {
    margin-top: -5px;
}

@media (max-width: 600px){
    .card-site-desativado {
        overflow: initial !important;
    }
    .card-site-desativado:after {
        border-radius: 40px 40px 0 0;
    }
    
    .col-perms {
        margin-top: 20px !important;
    }
    
    .col-perms .possui {
        margin-bottom: 20px !important;
    }
    
    .badge-nivel-perm {
        left: 50%;
        transform: translatex(-50%);
    }
    
    .col-perms .card.card-site {
        margin-bottom: 5px !important;
    }
    
    .holder_card_cat {
        width: 50% !important;
    }
    
    .card_cat span.categoria {
        font-size: 13px !important;
    }
    .card_cat span.count {
        width: 25px;
        height: 25px;
        right: 10px !important;
        font-size: 12px;
        top: calc(50% - 12.5px);
    }
    #gerenciar_cats {
        float: left !important;
        display: inline-block !important;
        margin-top: 0px !important;
        margin-bottom: 5px !important;
        padding: 5px 15px !important;
    }
    #contas_filter {
        margin-top: 40px !important;
    }
    
    .footer-ticket {
        padding-bottom: 60px !important;
    }
    
    .paginate_button.previous, .paginate_button.next {
        font-size: 0 !important;
    }
    
    .paginate_button.previous:after {
        content: '«';
        font-size: 13px !important;
    }
    
    .paginate_button.next:after {
        content: '»';
        font-size: 13px !important;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 4px 10px !important;
        font-size: 13px;
    }
    
    .d-block-sm {
        display: block !important;
    }
}

.swal2-confirm i, .swal2-cancel i {
    font-size: 28px !important;
    vertical-align: -5px;
    margin-left: -5px;
    margin-right: 5px;
}

.swal2-actions {
    flex-direction: row-reverse !important;
}