@import url("features.css");

@import url("carousel.css");

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");



:root, [data-bs-theme=light] {

    --cor-laranja:#FF7500;

    --cor-laranja-claro:#FF8931;

    --cor-laranja-escuro:#DB5E00;

    --cor-roxo:#963CBD;

    --cor-roxo-claro:#9F4CD6;

    --cor-roxo-escuro:#7A30A0;

    --cor-verde:#009F64;

    --cor-verde-claro:#00B76C;

    --cor-verde-escuro:#008951;

    --cor-branco: #fff;

    --cor-secundaria-vermelho: #dc4856;

    --cor-secundaria-vermelho-claro: #fceff0;

    --cor-secundaria-azul: #04BFDA;

    --cor-secundaria-verde: #00a650;

    --cor-cinza-050: #f9fafb;

    --cor-cinza-100: #F4F5F7;

    --cor-cinza-200: #E9ECEF;

    --cor-cinza-300: #DEE2E6;

    --cor-cinza-400: #CED4DA;

    --cor-cinza-500: #ADB5BD;

    --cor-cinza-600: #6C757D;

    --cor-cinza-700: #495057;

    --cor-cinza-800: #343A40;

    --cor-cinza-900: #212529;

    --bs-border-color-translucent: #CED4DA;

}





html, body {font-family: 'Inter', Arial, Helvetica, sans-serif; text-align: left;color: var(--cor-cinza-900);font-size:1rem;}

p {font-size:1.125rem}

img {max-width: 100%}

hr {opacity: 1;color: var(--cor-cinza-300);}

a {text-decoration: none; color: var(--cor-laranja); transition: all ease-in-out .25s;}

a:hover {color:var(--cor-laranja-escuro)}

.cor-primaria {color: var(--cor-laranja)}

.cor-secundaria1 {color: var(--cor-verde)}

h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.2;}

.nowrap {white-space: nowrap}

.display-d-991 {display:block !important}

.display-m-991 {display:none !important}



.msgerro {color: var(--cor-secundaria-vermelho);}



.enviarSenhaModal .modal {--bs-modal-width: 600px;}

.enviarSenhaModal .modal-body {white-space: normal !important;}



.navbar-brand img {height: 50px;}



.btn {box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05);--bs-btn-padding-x: 1.5rem;--bs-btn-padding-y: 0.7rem;font-size: 1rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.btn-primary {--bs-btn-color: #fff;--bs-btn-bg: var(--cor-laranja);--bs-btn-border-color: var(--cor-laranja);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-laranja-escuro);--bs-btn-hover-border-color: var(--cor-laranja-escuro);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-laranja); --bs-btn-active-border-color: var(--cor-laranja);}

.btn-verde {--bs-btn-color: #fff;--bs-btn-bg: var(--cor-verde);--bs-btn-border-color: var(--cor-verde);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-verde-escuro);--bs-btn-hover-border-color: var(--cor-verde-escuro);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-verde); --bs-btn-active-border-color: var(--cor-verde);}

.btn-secondary {--bs-btn-color: #fff;--bs-btn-bg: var(--cor-cinza-800);--bs-btn-border-color: var(--cor-cinza-800);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-cinza-700);--bs-btn-hover-border-color: var(--cor-cinza-700);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-800); --bs-btn-active-border-color: var(--cor-cinza-800);}

.btn-outline-primary {--bs-btn-color: var(--cor-laranja);--bs-btn-border-color:var(--cor-laranja);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-laranja);--bs-btn-hover-border-color: var(--cor-laranja);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-laranja-escuro);--bs-btn-active-border-color: var(--cor-laranja-escuro);}

.btn-outline-secondary {--bs-btn-color: var(--cor-cinza-700);--bs-btn-border-color:var(--cor-cinza-400);--bs-btn-hover-color: var(--cor-cinza-800);--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: var(--cor-cinza-600);--bs-btn-active-color: var(--cor-cinza-800);--bs-btn-active-bg: var(--cor-cinza-300);--bs-btn-active-border-color: var(--cor-cinza-300);}

.btn-outline-branco-laranja, .btn-outline-branco-verde, .btn-outline-branco-roxo {--bs-btn-color: #fff;--bs-btn-border-color: #fff;--bs-btn-hover-bg: #fff;--bs-btn-hover-border-color: #fff;--bs-btn-active-bg: #fff;--bs-btn-active-border-color: #fff;}

.btn-outline-branco-laranja {--bs-btn-hover-color: var(--cor-laranja);--bs-btn-active-color: var(--cor-laranja);}

.btn-outline-branco-verde {--bs-btn-hover-color: var(--cor-verde);--bs-btn-active-color: var(--cor-verde);}

.btn-outline-branco-roxo {--bs-btn-hover-color: var(--cor-roxo);--bs-btn-active-color: var(--cor-roxo);}

.btn-branco {--bs-btn-color: var(--cor-cinza-900);--bs-btn-bg:  #fff;--bs-btn-border-color:  #fff;--bs-btn-hover-color: var(--cor-cinza-900);--bs-btn-hover-bg: var(--cor-cinza-200);--bs-btn-hover-border-color: var(--cor-cinza-200);--bs-btn-active-color: var(--cor-cinza-900);--bs-btn-active-bg: var(--cor-cinza-200);--bs-btn-active-border-color: var(--cor-cinza-200);}

.btn-outline-vermelho {--bs-btn-color: var(--cor-cinza-800);--bs-btn-border-color:var(--cor-cinza-400);--bs-btn-bg: transparent;--bs-btn-hover-color: var(--cor-secundaria-vermelho);--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: var(--cor-secundaria-vermelho);--bs-btn-active-color: var(--cor-secundaria-vermelho);--bs-btn-active-bg: transparent;--bs-btn-active-border-color: var(--cor-secundaria-vermelho);}





.btn-ic i {margin-right: 5px;}

.btn-config-notificacoes {float:right;}

.btn-index-vertodas {margin-top: 10px; padding: 7px 20px 5px 15px; border-radius: 999px;--bs-btn-color: var(--cor-cinza-900);--bs-btn-bg: var(--cor-cinza-200);--bs-btn-border-color: var(--cor-cinza-200);--bs-btn-hover-color: var(--cor-cinza-900);--bs-btn-hover-bg: var(--cor-cinza-400);--bs-btn-hover-border-color: var(--cor-cinza-400);--bs-btn-active-color:var(--cor-cinza-900);--bs-btn-active-bg: var(--cor-cinza-400);--bs-btn-active-border-color: var(--cor-cinza-400);}

.btn-voltar {border-radius:999px; padding: 5px 20px 5px 15px;--bs-btn-color: var(--cor-cinza-700);--bs-btn-bg: var(--cor-cinza-100);--bs-btn-border-color:var(--cor-cinza-100);--bs-btn-hover-color: var(--cor-cinza-800);--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: var(--cor-cinza-600);--bs-btn-active-color: var(--cor-cinza-800);--bs-btn-active-bg: var(--cor-cinza-300);--bs-btn-active-border-color: var(--cor-cinza-300);}





.btn-index-vertodas i {font-size: 17px; }



.btn-branco-verde {--bs-btn-color: var(--cor-verde);--bs-btn-bg: #fff;--bs-btn-border-color: #fff;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-verde-escuro);--bs-btn-hover-border-color: var(--cor-verde-escuro);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-verde-escuro);--bs-btn-active-border-color: var(--cor-verde-escuro);}

.btn-branco-roxo {--bs-btn-color: var(--cor-roxo);--bs-btn-bg: #fff;--bs-btn-border-color: #fff;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-roxo-escuro);--bs-btn-hover-border-color: var(--cor-roxo-escuro);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-roxo-escuro);--bs-btn-active-border-color: var(--cor-roxo-escuro);}

.btn-outline-cinza-escuro{--bs-btn-color: var(--cor-cinza-700);--bs-btn-border-color:var(--cor-cinza-700);--bs-btn-hover-color: #fff;--bs-btn-hover-bg: var(--cor-cinza-800);--bs-btn-hover-border-color: var(--cor-cinza-800);--bs-btn-active-color: var(--cor-cinza-700);--bs-btn-active-bg: var(--cor-cinza-700);--bs-btn-active-border-color: var(--cor-cinza-700);}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {font-weight: 500;color: var(--cor-cinza-600);background-color: var(--cor-cinza-300);border-color: var(--cor-cinza-300);opacity: var(--bs-btn-disabled-opacity);}





.accordion {margin-bottom: 0.938rem; }

.accordion .accordion-button.collapsed {font-weight:400; font-size: 15px; color:var(--cor-cinza-900); background: #fff; }

.accordion .accordion-button {color:var(--cor-cinza-900); background: #fff; font-size: 15px; }

.accordion-button:focus {outline: 0 !important;box-shadow:none}

.accordion strong {display:block; margin-bottom:0.625rem}

.accordion-button:not(.collapsed){box-shadow: none;}









.form-control::-webkit-input-placeholder {color: var(--cor-cinza-500) ;}

.form-control:-moz-placeholder {color: var(--cor-cinza-500) ;}

.form-control::-moz-placeholder {color: var(--cor-cinza-500) ;}

.form-control::placeholder{color: var(--cor-cinza-500) ;}

.form-control:-ms-input-placeholder {color: var(--cor-cinza-500) ;}

.form-label {font-size:15px;margin-bottom:5px;margin-left:3px}



.form-control {font-size:1rem;height:48px;line-height:48px;padding:0 0.75rem;border: 1px solid var(--cor-cinza-400);box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05)!important;}

.form-control:focus {border: 1px solid var(--cor-cinza-700) !important}

.input-group-text {box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05)!important;background: #fff;color: var(--cor-cinza-600); border-color: var(--cor-cinza-400);}

.input-group>.form-control {border-left:0}

.form-select {height: 3.438rem; outline: 0 !important; border: 1px solid var(--cor-cinza-400);box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05)!important; outline: 0 !important;}

.form-select:focus {border: 1px solid var(--cor-cinza-400)}

.form-textarea {height:auto;line-height: 1.5 !important; padding:  0.75rem;}



.input-group-right>.form-control {border: 1px solid var(--cor-cinza-400); border-right: 0; box-shadow: 0px 1px 0 rgb(0 0 0 / 0.05)!important;}

.input-group-right .input-group-text a {color: var(--cor-cinza-900);} 



.vgroup-top {margin-bottom:0; border-radius: 6px 6px 0 0 !important; border-bottom:0 !important; background-color:transparent !important}

.vgroup-bottom {border-radius: 0 0 6px 6px  !important; background-color:transparent !important}

.vgroup-bottom.validade {width:60%; float:left; border-radius: 0 0 0 6px !important}

.vgroup-bottom.cvv {width:40%; float:right; border-radius: 0 0 6px 0 !important; border-left:0 !important}

.input-ic {height: 55px;margin-bottom: -55px;padding-left: 16px;padding-top: 14px;color: var(--cor-cinza-500);}

.input-ic svg {height:22px; width:22px}

.input-ic-txt {padding-left: 45px !important;}

.input-ic-right {text-align: right; padding-right:16px;}

.input-ic-right a {color:var(--cor-cinza-500)}

.input-group-btn-right>.form-control {background: transparent;border-left: 1px solid var(--cor-cinza-400);border-radius: 6px !important;margin-right: 10px;}

.input-group-btn-right .btn {border-radius: 6px !important;}



.form-floating {position: relative;}

.form-floating > .form-control,.form-floating > .form-control-plaintext,.form-floating > .form-select {line-height:initial;padding:0 12px !important;height:55px;line-height: 55px;}

.form-floating > label {padding: 0;height: 55px;line-height: 55px;padding-left:12px;top: -1px;color:var(--cor-cinza-600);}

.form-floating>.form-control:focus~label,

.form-floating>.form-control:not(:placeholder-shown)~label,

.form-floating>.form-select~label {opacity: 1;transform: scale(.85) translateY(-1.8rem) translateX(0.8rem);  padding:0 10px !important;color:var(--cor-cinza-700)}

.form-control.is-valid, .was-validated .form-control:valid {border: 1px solid var(--cor-cinza-400);padding-right: calc(1.5em + 0.75rem);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ADB5BD' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");}

.form-check-input {box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05);outline: 0;}

.form-check-input:checked {box-shadow:none; background-color: var(--cor-laranja) !important; border-color: var(--cor-laranja) !important}





.input-codigos {display: flex;gap: 10px;align-items: center;justify-content: space-between;font-size: 33px;color: var(--cor-secundaria-verde); max-width:480px; }

.input-busca {background: url("images/ic-search.svg") no-repeat center left;background-size: 18px 18px;background-position: center left 15px;padding-left: 45px}



.page-link {color: var(--cor-cinza-800);}

.page-link:hover {color: var(--cor-laranja);}

.page-link-center:hover {color: var(--cor-cinza-800); background-color: #fff;}



.navbar-close {z-index: 999; background:#fff; position: fixed; top:0; left:0; width:100%; box-shadow: 0 0 5px rgb(0 0 0 / 0.1); background: #fff; height:5.3rem; padding-left:1.875rem; padding-right:1.875rem;display: flex;align-items: center;}

.no-navbar-close {display: flex; justify-content: space-between; padding: 0 1.875rem; height: 5.3rem; margin-bottom:-5.3rem; align-items: center;}

.navtop-bottom {height:5.3rem}

.navbar-crm {height:85px;min-height:85px;z-index: 999; background:#fff; width:100%; box-shadow: 0 0 5px rgb(0 0 0 / 0.1); background: #fff; height:5.3rem; padding-left:1.875rem; padding-right:1.875rem;display: flex;align-items: center;justify-content:space-between;position:relative;}

.nav-nome {font-size:21px; margin: 0}

.nav-nome span  {color: var(--cor-laranja)}

.navbar-crm-2 {height: 86px; padding:20px;background: var(--cor-cinza-100);border-bottom:1px solid var(--cor-cinza-300);display:flex;justify-content: center;}

.navbar-crm-2 .empresa-info {display:flex;gap: 10px;}

.nav-empresa-logo {height:100%;width: auto;border-radius: 6px 0 0 6px;width:48px; border-right: 1px solid var(--cor-cinza-300);}

.nav-empresa-nome {display:flex}

.nav-empresa-nome select {border-radius: 6px; color: var(--cor-cinza-700); height:47px;font-size:15px;outline: 0 !important; box-shadow: none !important; font-weight: 500; padding:0 50px 0 20px}

.nav-empresa-nome select:focus {border: 1px solid var(--cor-cinza-300)}

.nav-empresa-icon .btn {height:47px;font-size:15px;font-weight: 500;border-radius:6px;box-shadow: none;padding:0;--bs-btn-color: var(--cor-cinza-700);--bs-btn-bg: #fff; --bs-btn-border-color: var(--cor-cinza-300);--bs-btn-hover-color: var(--cor-cinza-700);--bs-btn-hover-bg:  #fff;--bs-btn-hover-border-color:  var(--cor-cinza-300);--bs-btn-active-color: var(--cor-cinza-700);--bs-btn-active-bg: #fff;--bs-btn-active-border-color: var(--cor-cinza-300);}

.nav-empresa-icon .dropdown-toggle::after {margin:0 15px 0 10px}

.nav-empresa-unidade .btn {height:47px;font-size:15px;font-weight: 500;border-radius:6px;box-shadow: none;--bs-btn-color: var(--cor-cinza-700);--bs-btn-bg: #fff;--bs-btn-border-color: var(--cor-cinza-300);--bs-btn-hover-color: var(--cor-cinza-700);--bs-btn-hover-bg: #fff;--bs-btn-hover-border-color:  var(--cor-cinza-300);--bs-btn-active-color: var(--cor-cinza-700);--bs-btn-active-bg: #fff;--bs-btn-active-border-color: var(--cor-cinza-300);}

.nav-empresa-unidade-unica .btn {cursor:default !important;}

.nav-empresa-unidade select {color: var(--cor-cinza-700); height:47px;font-size:15px;outline: 0 !important; box-shadow: none !important; font-weight: 500; padding:0 50px 0 20px}

.nav-empresa-unidade select:focus {border: 1px solid var(--cor-cinza-300)}



.hidden {display: none;}

.dashboard .crm-sidebar {border-right: 1px solid var(--cor-cinza-300); max-width: 240px;}

.dashboard .crm-sidebar-inner {min-height: calc(100vh - 85px);border: 0 !important}

.sidebar-title {padding:12px 15px 11px 15px;background: var(--cor-cinza-700);color: var(--cor-cinza-300);text-transform: uppercase;font-size: 11px;font-weight: 500;letter-spacing: 1.5px;padding-left:35px}

.ic-sidebar-multi {height:17px; width: 17px;}

.sidebar-item {display:flex !important; gap: 8px; align-items:center; font-size:15px;padding:10px 15px;color: var(--cor-cinza-900);border-bottom:1px solid var(--cor-cinza-300)}

.sidebar-item:hover {color: var(--cor-laranja)}

.sidebar-item-sub {display:block;padding:10px;padding-left:30px;border-bottom:1px solid var(--cor-cinza-300);background: var(--cor-cinza-100);width:100%;font-size:15px;color: var(--cor-cinza-900)}

.sidebar-item-sub span {display: inline !important}

.sidebar-item .ico-submenu {color: var(--cor-cinza-500); font-size: 13px; margin-left: auto !important;}



.sidebar-inicio {display:flex; justify-content: space-between; }

.btn-hidden-menu {border:0; width:50px; background: #fff;}

.btn-hidden-menu:hover, .sidebar-item-sub:hover {color: var(--cor-laranja)}

.btn-hidden-menu-fechar {margin:20px 0 0 20px; position: absolute}

.sidebar-inicio-item {border:0}



.dashboard-content {padding:0}

.dashboard .periodo {display: flex; align-items: center; gap: 10px; margin-bottom:50px}

.dashboard .periodo {display:flex}

.dashboard .periodo select, .dashboard .periodo .inputdata {width: auto; border-radius: 6px; color: var(--cor-cinza-700); height:47px;font-size:15px;outline: 0 !important; font-weight: 500; padding:0 50px 0 20px}

.dashboard .periodo select:focus {border: 1px solid var(--cor-cinza-300)}

.dashboard .periodo .inputdata {padding-right: 15px;}

.dashboard-box {height:100%; border: 1px solid var(--cor-cinza-400); border-radius:6px; padding:30px; white-space: normal;}

.dashboard-box h1 {font-size:30px;}

.dashboard-box h2 {font-size:17px; color: var(--cor-cinza-600);margin-bottom:15px}

.dashboard-box .h2destaque {color: var(--cor-cinza-900);}



.dashboard-box h3 {font-size:17px; color: var(--cor-cinza-600);margin-bottom:5px;}

.dashboard-box-mb {margin-bottom:30px}

.dashboard-box-0 {border:0; padding-left:0; padding-right: 0;}





.dashboard-box2 {display: flex; border: 1px solid red; align-items: stretch}















.box-vendasdia {display:flex; align-items: center;height:100%}

.box-novosclientes .nav-tabs {--bs-nav-tabs-border-width: 0;border-radius: 0 !important;border-radius: 999px;}

.box-novosclientes .nav-link {border-radius:999px !important;background:var(--cor-cinza-200);color:var(--cor-cinza-900);margin-bottom:30px;margin-right:10px}

.box-novosclientes .nav-tabs .nav-item.show .nav-link, .box-novosclientes .nav-tabs .nav-link.active {color: #fff; background: var(--cor-cinza-900)}



.dados-vendas  {border: 1px solid var(--cor-cinza-400); border-radius:6px; padding:30px; margin-top:30px; margin-bottom:30px}

.dados-vendas h2 {font-size:17px; color: var(--cor-cinza-600);margin-bottom:15px}

.dados-vendas-inner {display:flex}

.dados-vendas-item {flex: 1 1 auto}

.dados-vendas-item span {font-size:25px; font-weight: 700}

.box-fidelidade {height:100%; display: flex; align-items: center; font-size: 16px}

.box-fidelidade h3 {margin-top:5px; font-size:35px}

.dashboard-main {margin:0;padding:0; width: 100%; white-space: nowrap; overflow:hidden}

.dashboard-inner {margin:80px;white-space: normal;}

.dashboard-inner-top {margin:40px 80px -40px 80px; white-space: normal;}



.abresidebarm .offcanvas { width: 100% !important;overflow:scroll}

.menu-m {display: flex; background:#fff; align-items: center    }

.btn-abrirmenu-m {display:none}

.dashboard-periodo-comparar {display: flex; align-items: center; justify-content:space-between}

.dashboard-periodo-comparar .periodo {margin-bottom:0}

.dashboard .comparar .form-switch {display: flex; align-items: center;}

.dashboard .comparar .form-switch .form-check-input {width:50px; height:30px; margin-right:10px}

.dashboard .comparar .form-switch label {margin-top:5px}



.grafico-legenda {display: flex; align-items: center; justify-content: center; gap: 80px;}

.grafico-legenda i {margin-right:5px}

.grafico-legenda2 i {color:#008b5f}

.grafico-legenda1 i {color:#6f00f4}



.dados-faturamento  {border:1px solid var(--cor-cinza-300); border-radius:6px; padding:30px; margin-top:30px;}

.dados-faturamento h2 {font-size:17px; color: var(--cor-cinza-600);margin-bottom:5px}

.dados-faturamento-inner {display:flex}

.dados-faturamento-item {flex: 1 1 auto}

.dados-faturamento-item .valor {font-size:20px; font-weight: 700; display: flex; align-items: center}

.dados-faturamento-item .valor .crescimento, .dados-faturamento-item .valor .queda { color:#fff;font-size:13px; font-weight: 500; margin-left:5px; border-radius:999px; padding: 1px 10px}

.dados-faturamento-item .valor .crescimento i, .dados-faturamento-item .valor .queda i {font-size:11px}

.dados-faturamento-item .valor .crescimento {background:var(--cor-secundaria-verde);}

.dados-faturamento-item .valor .queda {background:var(--cor-secundaria-vermelho);}

.dados-faturamento h3 {margin-bottom:20px; font-size:17px; color: var(--cor-cinza-900);}



.title {font-size:30px; margin-bottom:20px;}

.title-ic {font-size:30px; display: flex; align-items: center; margin-bottom:20px; justify-content: start;}

.title-ic i {margin-right:10px; font-size: 20px;}

.page-subtitle {font-size:22px; font-weight: 700; margin-bottom: 20px;}

.subtitle-atencao {display: flex; gap: 15px; align-items: center; }

.subtitle-atencao-ic {font-size: 45px; color: var(--cor-laranja);}



.linkdepagamento {white-space: normal;}

.linkdepagamento .collapseCriarLink {margin-bottom:30px}

.linkdepagamento .link-dados .form-floating {margin-bottom:25px}

.linkdepagamento .link-dados form {max-width: 350px;}

.linkdepagamento .link-dados .url-link {display: flex; align-items: center; margin-top: 10px; gap: 10px; }

.linkdepagamento .link-dados .url-link .link {background-color: var(--cor-cinza-100); border:1px solid var(--cor-cinza-300); padding: 5px 10px;font-size: 14px; border-radius: 6px;}

.linkdepagamento .link-dados .url-link .btn {padding: 5px 10px; font-weight: 400; font-size: 14px;}

.linkdepagamento .tabela-links {margin-top:30px; border-top: 1px solid var(--cor-cinza-300)}

.linkdepagamento .tabela-links a {color: var(--cor-cinza-900)}

.tabela-links .info .cliente {margin-right: 30px}

.tabela-links .info .id {width: 120px}

.tabela-links .info .data {width: 220px}

.tabela-links .info .valor {width: 130px}

.tabela-links .info .valor .btn {color: #fff; padding: 5px 10px;font-weight: 400;font-size: 14px; margin-top:5px}

.tabela-links .info {font-size:14px; display: flex; align-items: center; border-bottom: 1px solid var(--cor-cinza-300);padding: 20px 5px; transition: all ease-in-out .25s;}

.tabela-links .info .cliente {flex: 1 1 auto}

.tabela-links .info .nome {font-weight: 600; font-size: 16px; letter-spacing: -0.5px; margin-bottom:5px}

.tabela-links .info .valor span {display:block; font-weight: 600; color: var(--cor-laranja);}

.tabela-links .info .id span {display: block;}

.tabela-links-check {margin-top:20px}



.pg-premios .campo-cpf, .cadastrarcliente .campo-cpf, .consultarcliente .campo-cpf {max-width: 620px;}

.pg-premios .txt-aviso.erro, .cadastrarcliente .txt-aviso.erro,.consultarcliente .txt-aviso.erro {color: var(--cor-secundaria-vermelho);}

.pg-premios .txt-aviso, .cadastrarcliente .txt-aviso,.consultarcliente .txt-aviso {margin-top:30px} 



.pg-premios .periodo-busca {display: flex; justify-content: space-between;}





.cadastrarcliente .txt-aviso .btn {margin-top: 15px;}

.cadastrarcliente .form-campo {margin-bottom: 30px;}

.cadastrarcliente .accordion {margin-bottom: 0.938rem; border-radius:12px}

.cadastrarcliente .accordion-button,

.cadastrarcliente .accordion-button.collapsed, 

.cadastrarcliente .accordion-button:focus{font-weight:700; font-size: 1.3rem !important; color:var(--cor-cinza-700); background: #fff;padding: 30px;}

.cadastrarcliente .accordion-item:last-of-type .accordion-button.collapsed {border-radius:12px}

.cadastrarcliente .accordion-item {border-radius:12px}

.cadastrarcliente .accordion-item:first-of-type .accordion-button {border-radius: 12px 12px 0 0; border: 0}

.cadastrarcliente .accordion-icone {margin-right:15px; color: #898989; width:20px; height:20px}

.cadastrarcliente .accordion-body {padding-bottom:10px; padding-top:30px}

.cadastrarcliente-form-btn {text-align: right; margin-top: 30px;}

.cadastrarcliente-form-btn .btn {padding:20px 80px}



.perfil-cliente {display: flex; border-radius: 6px; overflow: hidden;align-items: center; justify-content: start; border: 1px solid var(--cor-cinza-400); }

.perfil-cliente .foto {max-width: 250px;}

.perfil-cliente .nome {font-size:18px; margin:0 0 20px 0; background-color: var(--cor-cinza-200); padding: 10px 20px; border-radius: 999px; display: inline-block}

.perfil-cliente .right {line-height: 2;  padding: 20px 50px; width: 100%;}

.perfil-cliente .dados {display: flex; justify-content: space-between; }

.perfil-cliente .saldo {font-size:18px; margin:20px 0 0 0;}

.perfil-cliente .saldo span {color: var(--cor-laranja)}

.perfil-cliente-p {display: flex; }

.perfil-cliente-p .perfil-cliente {min-width: 620px}

.perfil-cliente-p .perfil-cliente .foto {max-width: 160px;}

.perfil-cliente-p .perfil-cliente .nome {background-color: transparent; padding: 0; margin: 0 0 10px 0;}

.perfil-cliente .OTP-ok {color: var(--cor-secundaria-verde);}





.cliente-visao  {border:1px solid var(--cor-cinza-400); border-radius:6px; padding:30px;}

.cliente-visao-inner {display: flex; justify-content: space-between;}



.cliente-visao h4 {font-size:17px; color: var(--cor-cinza-600);margin-bottom:30px;}

.cliente-visao h4 i {font-size:15px; color: var(--cor-cinza-600); color: var(--cor-cinza-600)}



.cliente-visao h2 {font-size:17px; color: var(--cor-cinza-600);margin-bottom:5px;}

.cliente-visao-item .valor {font-size:20px; font-weight: 700; display: flex; align-items: center}

.consultarcliente .feedback {border:1px solid var(--cor-cinza-400); border-radius:6px; padding:30px; padding-bottom:0;}

.consultarcliente .feedback ul, .consultarcliente .feedback li  {list-style: none; padding: 0; margin: 0}

.consultarcliente .feedback li {padding: 40px 0; border-bottom: 1px solid var(--cor-cinza-300); display: flex; gap: 40px; align-items: center;}

.consultarcliente .feedback li:last-child {border:0}

.consultarcliente .feedback li span {font-weight: 600;}

.consultarcliente .acoes-marketing {display: flex; justify-content: space-between; margin-top:30px}

.consultarcliente .acoes-marketing .item {display: flex; align-items: center; gap: 10px}

.consultarcliente .acoes-marketing .btn {padding: 5px 10px}

.consultarcliente .acoes-marketing i {font-size:20px}

.consultarcliente .nps {border:1px solid var(--cor-cinza-400); border-radius:6px; padding:30px;padding-bottom:30px}

.consultarcliente .nps h4 {display: flex; align-items: center; gap: 15px; margin:0}

.consultarcliente .nps i {font-size:44px}





.consultarcliente .naocadastrado {margin-top: 50px; max-width: 620px;;}

.consultarcliente .naocadastrado h1 i {font-size: 28px;}

.consultarcliente .naocadastrado .btn-cadastrar {margin-top: 20px;}

.consultarcliente .naocadastrado .celular {margin-top: 20px; display: flex; gap: 10px; align-items: end;}



.consultarcliente .acoes .btns {display: flex; flex-direction: row; gap: 20px;}

.consultarcliente .acoes .btn {padding-left: 30px; padding-right: 30px; }

.consultarcliente .acoes .btn i {font-size: 18px; margin-right: 5px;}



.btn-collapseTabela-out {text-align: right; margin-top: 15px}

.btn-collapseTabela {border-radius:999px; padding:0; height: 40px; width: 40px; line-height: 40px; margin-top:4px;--bs-btn-color:var(--cor-cinza-900);--bs-btn-bg: #fff;--bs-btn-border-color:var(--cor-cinza-400);--bs-btn-hover-color: var(--cor-cinza-700);--bs-btn-hover-bg:  #FFF;--bs-btn-hover-border-color: var(--cor-cinza-900);--bs-btn-active-color: var(--cor-cinza-700);--bs-btn-active-bg:  #FFF;--bs-btn-active-border-color:  var(--cor-cinza-900);}

.btn-collapseTabela:hover {color: var(--cor-cinza-700) !important;}



.tabela-pagamentos {margin-top:50px}

.tabela-pagamentos a {color: var(--cor-cinza-900)}

.tabela-pagamentos a:hover{color: var(--cor-laranja)}

.tabela-pagamentos .info h3 {font-size: 1rem; }

.tabela-pagamentos .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 20px 15px 20px 5px; transition: all ease-in-out .25s;}

.tabela-pagamentos .info:hover {background:var(--cor-cinza-100)}

.tabela-pagamentos .titulo:hover {background:#fff !important}

.tabela-pagamentos .dados {width: 100%; display: flex; padding-right:20px;}

.tabela-pagamentos .item {width: 100%;}

.tabela-pagamentos .legenda-m {display: none;}

.tabela-pagamentos i {font-size:20px}



.tabela-premios {margin-top:50px}

.tabela-premios a {color: var(--cor-cinza-900)}

.tabela-premios a:hover{color: var(--cor-laranja)}

.tabela-premios .info h3 {font-size: 1rem; }

.tabela-premios .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 20px 15px 20px 5px; transition: all ease-in-out .25s;}

.tabela-premios .info:hover {background:var(--cor-cinza-100)}

.tabela-premios .titulo:hover {background:#fff !important}

.tabela-premios .dados {width: 100%; display: flex; align-items: center; padding-right:20px; justify-content: space-between;}

.tabela-premios .item {width: 80%;}

.tabela-premios .legenda-m {display: none;}

.tabela-premios .item.foto {width: 100%; }

.tabela-premios .item.foto img {max-width: 250px; border-radius: 12px;}

.tabela-premios i {font-size:20px}



.tabela-marketing {margin-top:50px}

.tabela-marketing a {color: var(--cor-cinza-900)}

.tabela-marketing a:hover{color: var(--cor-laranja)}

.tabela-marketing .info h3 {font-size: 1rem; }

.tabela-marketing .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 20px 15px 20px 5px; transition: all ease-in-out .25s;}

.tabela-marketing .info:hover {background:var(--cor-cinza-100)}

.tabela-marketing .titulo:hover {background:#fff !important}



.tabela-marketing .item {width: 80%;}

.tabela-marketing .legenda-m {display: none;}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: var(--cor-cinza-900); border: 1px solid var(--cor-cinza-900)}

.nav-pills .nav-link {color: var(--cor-cinza-900);background-color: #fff; border: 1px solid var(--cor-cinza-300);}

.configuracoesdeconta .nav-pills .nav-link, .estornos .nav-pills .nav-link  {padding-left:50px; padding-right:50px}

.configuracoesdeconta .nav-pills, .estornos .nav-pills {gap: 20px}

.configuracoesdeconta .config-content h2, .h2-destaque {color: var(--cor-cinza-900) !important; font-size: 22px !important}

.configuracoesdeconta .config-content {margin-top:50px; }

.configuracoesdeconta .notificacao-tipo {background-color: var(--cor-cinza-100); border-radius: 12px; padding:20px 25px}

.configuracoesdeconta .notificacao-tipo h3 {color: var(--cor-cinza-900); display: flex; align-items: center; gap:10px; margin-bottom: 10px;}

.configuracoesdeconta .notificacao-tipo i {font-size: 26px;}







.tabela-notificacao-config {margin-top: 40px;}

.tabela-notificacao-config a {color: var(--cor-cinza-900)}

.tabela-notificacao-config .info {display: flex; align-items: center; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 15px; transition: all ease-in-out .25s;}

.tabela-notificacao-config .info:hover {background:var(--cor-cinza-100)}

.tabela-notificacao-config .info.titulo:hover {background:#fff}

.tabela-notificacao-config .tipos {flex-grow: 1}

.tabela-notificacao-config .email {min-width: 200px;}

.tabela-notificacao-config .sms {min-width: 100px;}



.tabela-notificacao-config i {font-size: 20px; margin-left: 10px;}



.tabela-notificacao-config .bi-check-circle {color: var(--cor-laranja);}

.tabela-notificacao-config  .bi-circle {color: var(--cor-cinza-500);}





.configuracoesdeconta .config-content-notificacoes {max-width: 900px;}

.configuracoesdeconta .config-content-notificacoes .btn {margin-top: 40px;}



.configuracoesdeconta .logo {max-width: 285px; text-align: center; margin-top: 15px;margin-bottom: 15px;background: #fff;border-radius: 0.75rem;padding: 10px;box-shadow: 0 0 15px rgb(0 0 0 / 0.2);}

.configuracoesdeconta .logo img {max-width: 200px;}

.configuracoesdeconta .perfil-dados {display: flex; flex-direction: column; gap: 15px; margin-top: 40px;}

.configuracoesdeconta .perfil-dados-item {display: flex; gap:30px; align-items: center;}

.configuracoesdeconta .perfil-dados-item b {width: 200px; text-align: right;}

.configuracoesdeconta .perfil-dados-item.bancaria b {width: 270px; text-align: right;}

.configuracoesdeconta .perfil-dados-item a {color: var(--cor-cinza-900)}

.configuracoesdeconta .perfil-dados-item a:hover {color: var(--cor-laranja)}

.configuracoesdeconta .perfil-dados-item-input {margin-left:230px; margin-bottom:30px; max-width: 350px;}

.configuracoesdeconta .perfil-dados-item-input-end {max-width: 630px;}

.configuracoesdeconta .perfil-dados-item-input-end .btn {margin-top:15px}

.configuracoesdeconta .perfil-dados-item-foto {margin-left:230px; margin-bottom:30px;}

.configuracoesdeconta .perfil-dados-item-foto .img {max-width: 200px; border-radius: 12px; margin-top:10px; margin-bottom: 30px;}

.configuracoesdeconta .form-control {max-width: 500px;}

.configuracoesdeconta .btn-alterar-conta-bancaria {margin-left:110px; margin-top:30px}

.configuracoesdeconta .alterar-conta-bancaria {margin-top:80px; max-width: 900px;}

.configuracoesdeconta .alterar-conta-bancaria .form-campo {margin-bottom: 20px;}

.configuracoesdeconta .atendimento {margin: 50px 0; background-color: yellow;}





.cadastro-left {background:#FFF2E7; min-height: calc(100vh - 5.3rem);display: flex;align-items: end;-webkit-box-orient: vertical;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}

.cadastro-left-w {background:#fff}

.cadastro-left .content{margin-right: 115px;padding-top: 0;width: 395px;margin-top: 70px;}

.cadastro-ic {width:150px; margin-left:50px}

.cadastro-left h4, .cadastro-participante-m h4 {font-size:19px; font-weight: 500; margin-top:30px}

.cadastro .btn-acessarconta {margin-top:20px}

.cadastro-right {display: flex;align-items: start;}

.cadastro-right .content{margin-left: 115px;padding-top: 0;width: 295px;margin-top: 70px;}

.cadastro-right h3 {margin-bottom:30px; font-size: 28px;}

.cadastro-form-cpf {margin-top:37px}

.cadastro-form-cpf .btn {margin-top:30px;}

.cadastro-ic-form {width:150px; margin-left:50px; margin-bottom:30px}

.cadastro-participante-m {display:none;background:#FFF2E7;margin-top:50px;padding:25px 0 50px 0;}

.cadastro-formulario {width: 100%; max-width:800px; margin-top: 50px}

.cadastro-formulario .accordion {margin-bottom: 0.938rem; border-radius:12px}

.cadastro-formulario .accordion-button,

.cadastro-formulario .accordion-button.collapsed, 

.cadastro-formulario .accordion-button:focus{font-weight:700; font-size: 1.3rem !important; color:var(--cor-cinza-700); background: #fff;padding: 30px;}

.cadastro-formulario .accordion-item:last-of-type .accordion-button.collapsed {border-radius:12px}

.cadastro-formulario .accordion-item {border-radius:12px}

.cadastro-formulario .accordion-item:first-of-type .accordion-button {border-radius: 12px 12px 0 0; border: 0}

.cadastro-formulario .accordion-icone {margin-right:15px; color: #898989; width:20px; height:20px}

.cadastro-formulario .accordion-body {padding-bottom:10px; padding-top:30px}

.cadastro-formulario .form-campo {margin-bottom: 30px}



.form-campo-celular {display:flex; margin-bottom:20px; }

.form-campo-celular .btn {margin-left: 5px;line-height: 55px;padding: 0 25px !important;max-height: 55px;}



.codigo-campos {display:flex; margin-top:15px; gap: 10px}

.codigo-campos .form-control {text-align: center;}



.cadastro-formulario .form-legenda {font-size:13px; color: var(--cor-cinza-600); margin-bottom:30px}

.cadastro-formulario .form-fim {margin: 30px 0}

.cadastro-formulario .form-fim .btn {padding: 20px 0; margin: 20px 0}

.cadastro-formulario .form-fim .form-check {margin-bottom:5px}

.cadastro-ic-retorno {width:240px; margin-right:50px}

.cadastro-retorno {padding-top:20px}

.cadastro-retorno .btn {padding:15px 45px}



.dados-complementares label {margin:0; font-size:1rem; font-weight: 600}

.dados-complementares span {font-size:1rem; display: block; margin-bottom:10px;font-style:italic; font-size: 15px; color: var(--cor-cinza-600)} 

.dados-complementares textarea {height:100px; line-height: normal; padding:.375rem .75rem}

.form-arquivos-logo {font-size:15px; margin-top:15px; margin-left:3px}

.cadastro-formulario .txt-senha {margin-bottom:40px}

.dados-complementares .form-check {margin-top:10px}

.cadastro-left-inner {max-width:300px; margin-right:50px; text-align: center}

.cadastro-left-inner h4 {font-weight: 700; margin-bottom:20px}



.login-navbar-brand-m {display: none}

.background-image-login {width: 100%;float: right;background-size: cover;background-repeat: no-repeat;background-position: right bottom}

.background-image-login .content {height: 100vh;display: flex;flex-direction: column;}

.login-navbar-brand {width:280px; margin: 0 auto; display:block; margin-top:40px;margin-bottom: auto;}

.login-slogan {font-size:25px;margin-top: auto;text-align: right;color: #fff;font-weight: 500;padding-right:70px;padding-bottom:60px;text-shadow: 2px 2px 5px rgb(0 0 0 / 0.7);}

.login-slogan span {max-width:500px; display: inline-block}



.form-check-login {margin-top:10px}

.login-primeiroacesso {margin-top:50px;}

.login-primeiroacesso .icon {width:24px; height:24px; margin-right:5px; color: var(--cor-laranja)}

.login-primeiroacesso h3 {font-weight: 700; display: inline-block; font-size: 18px; margin-top:2px; margin-bottom: 15px;}

.login-linkcriarconta a {display:block; color:var(--cor-cinza-900); padding-bottom:5px; font-weight: 500}

.login-esqueciasenha {margin-top:50px; margin-bottom:50px}

.login-esqueciasenha a {color: var(--cor-cinza-900); font-weight: 500}

.login-esqueciasenha a:hover {color: var(--cor-laranja); }

.login-linkcriarconta:before {margin-top:0.3rem;content: "";display: block;height: 0.1rem;width: 0;}

.login-linkcriarconta:after {margin-top:0.3rem;transition: all ease-in-out .4s;background: none repeat scroll 0 0 var(--cor-laranja);content: "";display: block;height: 0.1rem;width: 0;}

.login-linkcriarconta:hover:after {width: 100%;}

.login-erro {color: var(--cor-secundaria-vermelho); margin-top:20px; font-size: 15px}



.afiliacao-left {min-height: calc(100vh - 5.3rem);display: flex;align-items: end;-webkit-box-orient: vertical;-ms-flex-direction: column-reverse;flex-direction: column-reverse;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}

.afiliacao-left .content {margin-right: 115px;padding-top: 0;max-width: 395px;margin-top: 70px; text-align: right ;}

.afiliacao-left h1 {text-align: right; font-size: 27px;}

.afiliacao-left h2 {text-align: right; font-size: 16px; color: var(--cor-cinza-600); font-weight: 500;}

.afiliacao-left p{margin-top: 50px;}

.afiliacao-ic-retorno {width:240px; margin-bottom: 20px;}

.afiliacao-title-retorno {font-size:20px; margin-bottom:30px}

.afiliacao-title-retorno i {color: var(--cor-laranja)}

.afiliacao-retorno-msg {margin-top:70px}



.dados-fidelidade  {border:1px solid var(--cor-cinza-400); border-radius:6px; padding:30px; margin-top:30px;}

.dados-fidelidade h2 {font-size:17px; color: var(--cor-cinza-600);margin-bottom:5px}

.dados-fidelidade-inner {display:flex}

.dados-fidelidade-item {flex: 1 1 auto}

.dados-fidelidade-item .valor {font-size:20px; font-weight: 700; display: flex; align-items: center}

.dados-fidelidade h3 {margin-bottom:20px; font-size:17px; color: var(--cor-cinza-900);}



.box-marketing {height:100%; display: flex; align-items: center; font-size: 16px}

.box-marketing h3 {margin-top:5px; font-size:35px}

.box-destaque h3 {font-size:40px; margin-bottom:25px; margin-top:25px}

.custom-tooltip {--bs-tooltip-bg: var(--cor-cinza-900);--bs-tooltip-color: #fff;}







.dados-novoscadastros  {margin-top:50px;}

.dados-novoscadastros h2 {font-size:17px; color: var(--cor-cinza-600);margin-bottom:5px}

.dados-novoscadastros-inner {display:flex; justify-content: space-between;}

.dados-novoscadastros-item {flex: 1 1 auto}

.dados-novoscadastros-item .valor {font-size:20px; font-weight: 700; display: flex; align-items: center}

.dados-novoscadastros h3 {margin-bottom:20px; font-size:17px; color: var(--cor-cinza-900);}





.tabela-ranking {margin-top:50px}

.tabela-ranking a {color: var(--cor-cinza-900)}

.tabela-ranking .info h3 {font-size: 1rem; }

.tabela-ranking .info {display: flex; align-items: center; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 5px; transition: all ease-in-out .25s;}

.tabela-ranking .info:hover {background:var(--cor-cinza-100)}

.tabela-ranking .titulo:hover {background:#fff !important}

.tabela-ranking .numero {width: 90px; padding-left:10px }

.tabela-ranking .cliente {flex: 1 1 auto!important}

.tabela-ranking .recencia {width: 180px;  }

.tabela-ranking .frequencia {width: 190px;  }

.tabela-ranking .valor {width: 220px; }

.tabela-ranking .cta {width: 188px; text-align: center;}

.tabela-ranking .btn {color: #fff; font-weight: 400;}

.tabela-ranking .legenda-m {display: none;}

.tooltip-rfm .tooltip-inner {max-width: 400px !important;text-align: left;}

.tabela-ranking .selecionar-todos {display: flex; justify-content: space-between; padding:45px 15px}

.tabela-ranking .selecionar-todos .cta {width: auto;text-align: center;}





.estornos-content {margin-top:50px}

.estornos-input {max-width: 900px; display: flex; gap: 15px; align-items: end;}

.estornos-input .btn {height:3.438rem}

.estornos-erro {color: var(--cor-secundaria-vermelho); margin:30px 0 }

.estornos .accordion {margin-bottom:25px}

.estornos .accordion h2 {margin-bottom:0}

.estornos .accordion-item:last-of-type .accordion-button.collapsed {font-weight: 500}

.estornos .accordion-button,.estornos .accordion-button.collapsed, .estornos .accordion-button:focus{font-weight: 600; color:var(--cor-cinza-900);}

.estorno-motivo {margin-top: 20px;}

.estorno-motivo .right {padding-left:50px;font-weight: 400 !important;}





.tabela-cancelamentos {margin-top:50px}

.tabela-cancelamentos a {color: var(--cor-cinza-900)}

.tabela-cancelamentos .info h3 {font-size: 1rem; }

.tabela-cancelamentos .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-cancelamentos .info:hover {background:var(--cor-cinza-100)}

.tabela-cancelamentos .titulo:hover {background:#fff !important}

.tabela-cancelamentos .item {width: 100%;} 

.tabela-cancelamentos .item.ico {width: 140px; font-size: 26px;} 

.tabela-cancelamentos .legenda-m {display: none;}



.offcanvas .offcanvas-body {padding: 25px 70px 0 70px}

.abreaba .offcanvas {--bs-offcanvas-width: 550px;}

.abreaba .offcanvas h4 {margin-bottom: 20px;}

.abreaba .offcanvas .offcanvas-header {justify-content: end;}

.abreaba .offcanvas .offcanvas-body {padding: 25px 70px 0 70px; white-space: normal;}

.abreaba .btn-offcanvas-close {margin-top:60px}

.abreaba .offcanvas .form-campo{margin-bottom: 30px}

.abreaba .offcanvas .dados {display: flex; align-items: center; justify-content: space-between; font-size: 15px; margin-bottom:10px; color: var(--cor-cinza-600)}

.abreaba .offcanvas .right {font-weight: 600; color: var(--cor-cinza-900) }

.abreaba .offcanvas .fidelidade {color: var(--cor-laranja);}

.abreaba .offcanvas .dados .ic-compartilhamento {font-weight: 600; font-size: 24px; color: var(--cor-cinza-900);}



.abreaba .offcanvas .icones {display: flex; align-items: center; justify-content: space-between; gap: 10px;}

.abreaba .offcanvas .dados .ico-tipo {width: 20px; height: 20px}

.abreaba .offcanvas .dados .ico-excluir:hover {opacity: 0.5;}

.abreaba .header {display: flex; align-items: center; margin-bottom:60px}

.abreaba .header .ico-header {padding:20px 18px 0 18px ;color: var(--cor-cinza-900);background: var(--cor-cinza-100); width:70px; height:70px; text-align: center; margin-right:20px; border-radius:999px;}

.abreaba .header .valor {font-size:20px; margin-bottom:5px; margin-top:5px}

.abreaba .header .valor span {font-weight: 500; font-size: 15px; color: var(--cor-cinza-600);}

.abreaba .header .nome {font-weight: 600; font-size:16px}

.abreaba .header .unidade {color: var(--cor-cinza-600)}



.abreaba .header .nomepremio {font-size:18px}

.abreaba .header .titlepremio {margin-bottom: 5px;}

.abreaba .fotopremio {border-radius: 12px; margin-bottom: 30px;}



.tooltip-idvenda .tooltip-inner {max-width: 500px !important;text-align: left;}



.empresa-header {display:block; width:100%; max-width: 1296px; margin: 0 auto}

.empresa-banner-d {display:block}

.empresa-banner-m {display:none}

.empresa-info {display: flex; justify-content:space-between; align-items: center; }

.empresa-info-dados {display: flex; align-items: center}

.empresa-info-logo img {margin:-30px 0 0 30px; background:#fff; width: 210px;padding: 0.625rem;border-radius: 0.75rem; box-shadow: 0 0 1.875rem rgb(0 0 0 / 0.1); margin-right:35px}



.empresa-info-unidade h2 {margin:0; color:var(--cor-cinza-800); font-size:30px}

.empresa-info-conversao {display: flex; align-items: center; margin-top:20px}

.empresa-info-conversao h2 {margin:0; color:var(--cor-cinza-800); font-size:18px; font-weight:500;}

.empresa-info-conversao span {color:var(--cor-laranja); font-weight: 700}

.empresa-info-conversao-ic {color:var(--cor-cinza-600); width:23px; height:23px; margin-right:8px; }

.empresa-info-cta-ic {width:25px; height:25px; margin-bottom:5px;}

.empresa-info-cta .btn {font-size:14px; font-weight: 500;margin:0 0 0 10px; padding-left:30px; padding-right: 30px}

.empresa-info-cta .btn-pay {padding-left:50px; padding-right:50px}

.empresa-info-cta .btn-secondary {--bs-btn-bg: #FFF; --bs-btn-color: var(--cor-cinza-700);--bs-btn-border-color:var(--cor-cinza-400);--bs-btn-hover-color: var(--cor-cinza-800);--bs-btn-hover-bg: transparent;--bs-btn-hover-border-color: var(--cor-cinza-600);--bs-btn-active-color: var(--cor-cinza-800);--bs-btn-active-bg: var(--cor-cinza-300);--bs-btn-active-border-color: var(--cor-cinza-300);}

.empresa-info-cta .btn-primary  {--bs-btn-color: #fff;--bs-btn-bg: var(--cor-verde);--bs-btn-border-color:var(--cor-verde);--bs-btn-hover-color: #fff;--bs-btn-hover-bg:  var(--cor-verde-escuro);--bs-btn-hover-border-color:var(--cor-verde-escuro);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-verde);--bs-btn-active-border-color: var(--cor-verde);}

.empresa-info-tipo {text-align: center; padding:20px 30px; border: 1px solid var(--cor-cinza-400); border-radius:6px; box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05)}

.empresa-info-tipo-ic {width:40px; height:40px; margin-bottom:5px;}





.pg-vitrine-all {background-color: var(--cor-cinza-100);}

.pg-vitrine {min-height: calc(100vh - 75px); background-color: #fff; max-width: 600px; margin: 0 auto;  padding-bottom:20px}

.pg-vitrine .empresa-info {display: block}

.pg-vitrine .empresa-info-dados {display: block;}

.empresa-info-unidade h2 {font-size: 25px;}

.pg-vitrine .empresa-info-logo img {margin:0; width: 100%}

.pg-vitrine .empresa-info-logo {width: 150px; margin: 0 auto; margin-top:-20px}

.pg-vitrine .empresa-info-unidade {text-align: center; margin-top:15px}

.pg-vitrine .empresa-info-conversao {justify-content: center; align-items: end;}

.pg-vitrine .menu {margin-top: 20px;  padding: 12px; padding-bottom:0; background-color: #fff; position: -webkit-sticky; /* Safari */ position: sticky;top: 0;z-index: 9;}

.pg-vitrine .input-buscar {margin-bottom:15px; background: url("images/ic-search.svg") no-repeat center left;background-size: 18px 18px;background-position: center left 15px;padding-left: 45px}

.pg-vitrine .buscar .btn {border-radius: 6px !important; margin-left: 10px !important;}

.pg-vitrine .menulinks {width: 100% !important;white-space: nowrap;overflow-x: auto; overflow-y: hidden; padding: 10px 0 15px 40px; margin-bottom: 10px;}

.pg-vitrine .menulinks-inner {padding-top:10px;white-space: nowrap !important;display: inline;}

.pg-vitrine .menulinks-inner li {display: inline;}

.pg-vitrine .menulinks-inner li a {display: inline;}

.pg-vitrine .menulinks a {margin-right:20px}

.pg-vitrine .menulinks .nav-link {color: var(--cor-cinza-900); border:0}

.pg-vitrine .menulinks .nav-link.active {background-color: var(--cor-cinza-900); color: #fff}

.pg-vitrine .menu .nav-item.dropdown {list-style:none; font-size: 28px; height: 50px; width: 50px; padding-top: 1px; padding-left: 5px; margin-bottom: -50px;}

.pg-vitrine .menu .nav-item.dropdown .dropdown-toggle::after {display: none;}

html .pg-vitrine .menulinks::-webkit-scrollbar {width: 6px;height:6px;}

html .pg-vitrine .menulinks::-webkit-scrollbar-thumb {border-radius: 99px; background: var(--cor-cinza-200);border:1px solid #fff; background-color: var(--cor-cinza-100);}

html .pg-vitrine .menulinks::-webkit-scrollbar-track {background: transparent; border-radius:99px}



.footer-vitrine-top {height: 75px;}

.footer-vitrine {height: 75px; background: #fff;border-top: 1px solid var(--cor-cinza-300);padding: 10px 0; font-size: 14px; position: fixed; bottom:0; width: 100%;} 

.footer-vitrine-inner {display: flex; align-items: end; justify-content: center;}

.footer-vitrine-inner .item {text-align: center; width: 80px; margin: 0 20px}

.footer-vitrine-inner .item i {font-size:21px}

.footer-vitrine a {color: var(--cor-cinza-700)}

.footer-vitrine a:hover {color: var(--cor-laranja)}





.vitrine-modal .modal-header .btn-close {margin-left:0}

.vitrine-modal .btn-voltar {color: var(--cor-cinza-900); font-size:25px}

.vitrine-modal .modal {--bs-modal-width: 600px; margin-left:-8px}

.vitrine-modal .modal-footer {display: flex; justify-content: space-between; align-items: center;}

.vitrine-modal .btn-adicionar {display: flex; gap: 10px}

.vitrine-modal .btn-adicionar .btn {padding-top:14px}

.vitrine-modal .btn-adicionar .form-control {max-width: 65px;}

.vitrine-modal .btn-pagar {display: flex; gap: 10px; flex-direction: column;}

.vitrine-modal .btn-pagar .form-control {min-width: 100%;}

.vitrine-modal .btn-pagar .btn {padding-top:14px}

.vitrine-modal .btn-pagar .form-control {max-width: 65px;}

.vitrine-modal .preco {padding-top:3px}

.vitrine-modal .preco h5 {color: var(--cor-laranja); font-size:21px; margin-bottom: 0;}

.vitrine-modal .preco span {font-weight: 600;font-size: 16px;}

.vitrine-modal .preco .parcelamento {color: var(--cor-cinza-600); font-size:14px; font-weight: 500; margin-bottom: 0;}

.vitrine-modal .preco .parcelamento span {font-weight: 600; margin-bottom: 0;}



.vitrine-modal-produto .produto-img {margin-bottom:30px}

.vitrine-modal-produto .escolha-tipo {display: flex; align-items: center; justify-content: space-between; max-width: 230px; margin-bottom: 10px;}



.vitrine-modal-carrinho .lista-produto {display: flex; gap:20px; align-items: center; justify-content: space-between; margin-bottom: 30px;}

.vitrine-modal-carrinho .lista-produto .produto-img {width: 40%;}

.vitrine-modal-carrinho .lista-produto .produto-dados {width: 60%; display: flex; gap: 13px; flex-direction: column;}

.vitrine-modal-carrinho .lista-produto .produto-dados .nome {font-size:20px; margin:0}

.vitrine-modal-carrinho .lista-produto .produto-dados .quantidade {max-width: 80px;}

.vitrine-modal-carrinho .lista-produto .produto-dados .valor {color: var(--cor-laranja); margin:0}



.vitrine-modal-endereco .form-campo {margin-bottom: 20px;}

.vitrine-modal-endereco .form-campo .form-control, .vitrine-modal-endereco .form-campo .form-select {height: 37px;}



.vitrine-modal-vazio img {width: 80%; max-width: 200px; display: block; margin: 20px auto;}

.vitrine-modal-vazio h4 {text-align: center; margin-bottom: 50px;}



.vitrine-modal-detalhes .cpf-box {background-color: var(--cor-cinza-100); margin:50px; padding: 40px 30px; border-radius:12px}

.vitrine-modal-detalhes .cpf-box h5 {margin-bottom: 20px;}

.vitrine-modal-detalhes .box-endereco {background-color: var(--cor-cinza-100); padding: 15px 20px; border-radius:12px; display: flex; align-items: center; justify-content: space-between;}

.vitrine-modal-detalhes .box-endereco .endereco {display: flex; align-items: center; gap: 15px;}

.vitrine-modal-detalhes .box-endereco .endereco i {font-size:40px; color: var(--cor-cinza-500)}

.vitrine-modal-detalhes .box-endereco .btn {padding: 3px 8px;}

.vitrine-modal-detalhes .box-entrega {background-color: var(--cor-cinza-100); padding: 15px 20px; border-radius:12px; display: flex; align-items: center; justify-content: space-between;}

.vitrine-modal-detalhes .valores {display: flex; justify-content: space-between; padding: 5px 20px}

.vitrine-modal-detalhes .valores.total .right {color: var(--cor-laranja); font-weight: 600;}

.vitrine-modal-detalhes .valores.total .left {font-weight: 600;}



.vitrine-modal-pedidos .lista-produto {display: flex; gap:20px; align-items: center; justify-content: space-between; margin-bottom: 30px;}

.vitrine-modal-pedidos .lista-produto .produto-img {width: 40%;}

.vitrine-modal-pedidos .lista-produto .produto-dados {width: 60%; display: flex; gap: 13px; flex-direction: column;}

.vitrine-modal-pedidos .lista-produto .produto-dados .nome {font-size:20px; margin:0}

.vitrine-modal-pedidos .lista-produto .produto-dados .valor {color: var(--cor-laranja); margin:0}

.vitrine-modal-pedidos .lista-produto .produto-dados .id {color: var(--cor-cinza-600)}



.vitrine-modal .banner-ganhe-cristais {border: 1px solid var(--cor-laranja);display: flex;align-items: center;padding: 9px 15px 8px 14px;margin: 10px 0 0 0;color: var(--cor-cinza-900);gap: 14px;font-size: 14px;border-radius: 6px;width: fit-content;}

.vitrine-modal .banner-ganhe-cristais img {width: 31px;}

.vitrine-modal .banner-ganhe-cristais span {font-size: 14px; font-weight: 800; display: block; line-height: 1;}



html .vitrine-modal .modal-body::-webkit-scrollbar {width: 10px;height:10px;}

html .vitrine-modal .modal-body::-webkit-scrollbar-thumb {border-radius: 99px; border:1px solid #fff; background-color: var(--cor-cinza-400);}

html .vitrine-modal .modal-body::-webkit-scrollbar-track {background: transparent; border-radius:99px}



.section-products2 {margin-bottom:80px; text-align: center; margin-top:80px}

.section-products2 .single-product {text-align: left;border: 1px solid var(--cor-cinza-400);box-shadow: 1px 1px 1px rgb(0 0 0 / 0.05);border-radius:6px;margin-bottom: 26px;}

.section-products2 .card-img-top {border-radius:5px 5px 0  0;}

.section-products2 .single-product .part-2 {padding:25px 20px 10px 20px}

.section-products2 .single-product .part-1 {position: relative;overflow: hidden;}

.section-products2 .single-product .part-1::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;z-index: -1;transition: all 0.3s;}

.section-products2 .single-product:hover .part-1::before {transform: scale(1.2,1.2) rotate(5deg);}

.section-products2 .single-product .part-1 .discount{position: absolute;top: 15px;left: 15px;color: #ffffff;background-color: var(--cor-laranja);border-radius:999px;padding: 2px 10px;font-size: 0.85rem}

.section-products2 .single-product .part-1 ul {position: absolute;bottom: -41px;left: 20px;margin: 0;padding: 0;list-style: none;opacity: 0;transition: bottom 0.5s, opacity 0.5s;}

.section-products2 .single-product:hover .part-1 ul {bottom: 20px;opacity: 1;}

.section-products2 .single-product .part-1 ul li {display: inline-block; margin-right: 4px; background: #fff; height:40px; line-height: 40px; border-radius:6px; padding: 0 15px; font-size:14px; font-weight: 500}

.section-products2 .single-product .part-1 ul .favoritar a {color:#fff}

.section-products2 .single-product .part-1 ul .favoritar a:hover {color:#fff}

.section-products2 .single-product .part-1 ul li a {color:var(--cor-cinza-900)}

.section-products2 .single-product .part-1 ul li a:hover {color:var(--cor-laranja)}

.section-products2 .single-product .part-2 .product-title {font-weight: 500;font-size: 16px;min-height:58px}

.section-products2 .single-product .part-2 h4 {display: inline-block;font-size: 1rem;}

.section-products2 .single-product .part-2 .product-price {color:var(--cor-laranja);font-weight: 700}

.section-products2 .single-product .part-2 .product-old-price {position: relative;padding: 0 3px;margin-right: 10px;opacity: 0.4;font-weight: 600;}

.section-products2 .single-product .part-2 .product-old-price::after {position: absolute;content: "";top: 50%;left: 0;width: 100%;height: 1px;background-color: #444444;transform: translateY(-50%);}

.section-products2 input[type="checkbox"] {display: none;}

.section-products2 input[type="checkbox"] + label {position: relative;padding-left: 8px;display: inline-block;}

.section-products2 input[type="checkbox"] + label:before {content: "\1F5A4";top: -11px;left: -8px;border: 1px solid transparent;    padding: 10px 3px;border-radius: 3px;display: block;position: absolute;transition:  .5s ease;}

.section-products2 input[type="checkbox"]:checked + label:before {border: 1px solid transparent;background-color: transparent;}

.section-products2 input[type="checkbox"]:checked + label:after {content: '\01F9E1';position: absolute;top: 0px;left: -4px;color: var(--cor-laranja) !important;transition:  .5s ease;}



.pg-gestaoprodutos .title-ic {display: flex; align-items: center;}

.pg-gestaoprodutos .title-ic .btn-add {padding:3px 10px 2px 10px; margin-left: 20px; font-weight: 400;}

.pg-gestaoprodutos-header {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}

.pg-gestaoprodutos-header .right {display: flex; gap: 20px}

.pg-gestaoprodutos-header .right .btn {height: 50px;}

.pg-gestaoprodutos-header .right .form-control, .pg-gestaoprodutos-header .right .form-select {height: 50px;}



.pg-gestaoprodutos .form-campo {margin-bottom: 30px;}

.pg-gestaoprodutos .campo-imagem {border: 1px solid var(--cor-cinza-400); box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05)!important; border-radius: var(--bs-border-radius);}

.pg-gestaoprodutos .form-descricao {max-height: 230px;}

.pg-gestaoprodutos .campo-imagem{max-height: 230px;}

.pg-gestaoprodutos .campo-imagem img {max-height: 199px; border-radius: 6px;}

.pg-gestaoprodutos .carousel-item-content {display: flex; align-items: center; justify-content: center; gap: 15px; padding:15px 0}

.pg-gestaoprodutos .carousel-control-prev-icon {background-image: url(../crm/images/ic-chevron-left-vitrine.svg);}

.pg-gestaoprodutos .carousel-control-next-icon {background-image: url(../crm/images/ic-chevron-right-vitrine.svg);}

.pg-gestaoprodutos .campo-imagem .carousel {margin-bottom: 0;}

.pg-gestaoprodutos .label-link {display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px;}

.pg-gestaoprodutos .label-link a {font-weight: 500; font-size: 15px; margin-bottom: 5px; margin-right: 3px;}

.pg-gestaoprodutos .form-check {font-size: 15px; margin-right: 3px;}

.pg-gestaoprodutos .dados {border: 1px solid var(--cor-cinza-400); box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05)!important; border-radius: var(--bs-border-radius); padding:20px}

.pg-gestaoprodutos .dados .nav-pills {gap:20px; min-width: 160px;}

.pg-gestaoprodutos .dados .tab-content {padding:11px 20px 0 20px; padding-bottom:0; font-size: 1rem; width: 100%;}

.pg-gestaoprodutos .dados .tab-content label {font-size: 1rem}

.pg-gestaoprodutos .dados .tab-content h2 {margin-bottom: 25px;}

.pg-gestaoprodutos .dados .quantidade {display: flex; align-items: center; margin-top: 20px; gap:15px}

.pg-gestaoprodutos .dados .quantidade .form-control {width: 70px; margin:0}

.pg-gestaoprodutos .categorias {border: 1px solid var(--cor-cinza-400); box-shadow: 1px 1px 0 rgb(0 0 0 / 0.05)!important; border-radius: var(--bs-border-radius); padding: 20px;}

.pg-gestaoprodutos .categorias #category-list {list-style-type: none;padding: 0;}

.pg-gestaoprodutos .categorias .form-check {margin-bottom: 10px;}

.pg-gestaoprodutos .categorias .category-form {display: flex; justify-content: space-between; gap: 15px; max-width: 350px; padding-top: 3px;}

.pg-gestaoprodutos .btn-criaratributos {margin-top: 20px;}

.pg-gestaoprodutos .atributos-container {gap: 10px; margin-top: 15px;}

.pg-gestaoprodutos .atributos-container .nome {width: 30%;}

.pg-gestaoprodutos .atributos-container .valores {width: 70%;}

.pg-gestaoprodutos .atributos {margin-top: 20px;}

.pg-gestaoprodutos .resultado {width: 100%;}

.pg-gestaoprodutos .atributo-item {padding:20px 0 20px 0; width: 100%;}

.pg-gestaoprodutos .atributo-item .btn {margin-top: 8px; padding:2px 10px; font-weight: 500; margin-right: 5px;}

.pg-gestaoprodutos .variacao {margin-bottom: 25px;}

.pg-gestaoprodutos .variacao-item {display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 15px;}

.pg-gestaoprodutos .variacao-item .btn {--bs-btn-padding-y: 14px}

.pg-gestaoprodutos .editvariacao {background-color: var(--cor-cinza-100); padding:20px; border-radius: 12px; margin-top: 25px;margin-bottom: 50px;}

.pg-gestaoprodutos .editvariacao-inner {display: flex; align-items: center; gap: 15px;margin-bottom: 15px;}

.pg-gestaoprodutos .editvariacao label {font-size: 15px !important; margin-left: 3px;margin-bottom: 5px;}

.pg-gestaoprodutos .editvariacao .editvariacao-item.estoque {width: 160px;}



.tabela-vitrine-produtos .info {display: flex; align-items: start; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 0 10px 12px 10px; transition: all ease-in-out .25s;}

.tabela-vitrine-produtos .info h3 {font-size: 1rem; }

.tabela-vitrine-produtos .check     {width: 20px; padding-top:30px; padding-left:0}

.tabela-vitrine-produtos .foto      {width:180px; padding-top:10px; padding-left:0}

.tabela-vitrine-produtos .nome      {width:400px; padding-top:30px; padding-left:20px}

.tabela-vitrine-produtos .preco     {width:120px; padding-top:30px; padding-left:20px}

.tabela-vitrine-produtos .categoria {width:150px; padding-top:30px; padding-left:20px}

.tabela-vitrine-produtos .descricao {width:380px; padding-top:30px; padding-left:20px}

.tabela-vitrine-produtos .status    {width:140px; padding-top:30px; padding-left:40px}

.tabela-vitrine-produtos .info.titulo .check     {padding-top:0;}

.tabela-vitrine-produtos .info.titulo .foto      {padding-top:0;}

.tabela-vitrine-produtos .info.titulo .nome      {padding-top:0;}

.tabela-vitrine-produtos .info.titulo .preco     {padding-top:0;}

.tabela-vitrine-produtos .info.titulo .categoria {padding-top:0;}

.tabela-vitrine-produtos .info.titulo .descricao {padding-top:0;}

.tabela-vitrine-produtos .info.titulo .status    {padding-top:0;}

.tabela-vitrine-produtos .edit-link {cursor: pointer; margin-top: 5px; display: inline-block;}

.tabela-vitrine-produtos p {font-size: 1rem;}

.tabela-vitrine-produtos .form-textarea {height: 90px; line-height: 1.5; padding-top:14px} 

.tabela-vitrine-produtos .legenda-m {display: none;}

.tabela-vitrine-produtos .btn-checkbox {--bs-btn-color: var(--cor-cinza-900);--bs-btn-bg: #fff;--bs-btn-border-color: var(--cor-cinza-300);--bs-btn-active-color: var(--cor-cinza-900);--bs-btn-active-bg: #fff;--bs-btn-active-border-color: var(--cor-cinza-900);padding:5px 15px;margin-right:5px}



.pg-vitrinevirtual-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}

.pg-vitrinevirtual-header .form-select {min-width: 200px;}

.pg-vitrinevirtual-header .left {display: flex; gap:15px}

.pg-vitrinevirtual-header .right {display: flex; gap:15px}

.pg-vitrinevirtual-header .center {display: flex; gap:10px}

.pg-vitrinevirtual-header .form-data {height: 55px; line-height: 55px;}

.pg-vitrinevirtual-header .input-busca {height: 55px; max-width: 230px;}

.pg-vitrinevirtual-header .btn-radio {--bs-btn-color: var(--cor-cinza-900);--bs-btn-bg: #fff;--bs-btn-border-color: var(--cor-cinza-300);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-900);--bs-btn-active-border-color: var(--cor-cinza-900);border-radius:9999px;padding:5px 15px;}





.pg-fichas .periodo-busca {margin-bottom: 40px; margin-top: 20px; display: flex; justify-content: space-between;}



.tabela-modoficha a {color: var(--cor-cinza-900)}

.tabela-modoficha .info h3 {font-size: 1rem; }

.tabela-modoficha .info {display: flex; align-items: center; gap: 50px; border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px; transition: all ease-in-out .25s;}

.tabela-modoficha .info:hover {background:var(--cor-cinza-100)}

.tabela-modoficha .titulo {background:#fff !important; padding-top: 10px;}

.tabela-modoficha .titulo:hover {background:#fff !important}

.tabela-modoficha .item {text-align: left;}

.tabela-modoficha  .id {width: 30%}

.tabela-modoficha  .empresa {width: 70%}

.tabela-modoficha  .nomeproduto {width: 100%; }

.tabela-modoficha  .valor {width: 30%}

.tabela-modoficha  .resgate {width: 55%}

.tabela-modoficha .legenda-m {display: none;}



.tabela-vendas {margin-top:0px; margin-bottom: 40px;}

.tabela-vendas .legenda-m {display: none;}

.tabela-vendas a {color: var(--cor-cinza-900)}

.tabela-vendas .info h3 {font-size: 1rem; }

.tabela-vendas .check {width: 90px; padding-left:10px }

.tabela-vendas .info {display: flex; align-items: center; border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px; transition: all ease-in-out .25s;}

.tabela-vendas .titulo {padding: 12px 5px;}

.tabela-vendas .info:hover {background:var(--cor-cinza-100)}

.tabela-vendas .titulo:hover {background:#fff !important}

.tabela-vendas .item {width: 50%;}

.tabela-vendas .item.check {width: 40px; margin-right: 30px;}

.tabela-vendas .venda {width: 100%; flex: 1 1 auto!important}

.tabela-vendas .venda span {padding-left: 50px;}

.tabela-vendas .cancelado, .tabela-vendas .entregue, .tabela-vendas .atencao {padding:10px 15px; border-radius: 6px;}

.tabela-vendas .cancelado {background-color: var(--cor-cinza-300); }

.tabela-vendas .entregue {background-color: #a9f3c3 }

.tabela-vendas .atencao {background-color: #ffe8bb;}



.pg-vitrinevirtual .status-select {margin-top:20px; }

.pg-vitrinevirtual .status-select .form-select{height:40px}

.pg-vitrinevirtual .status-select .btn {height:40px; padding: 0 10px}

.pg-vitrinevirtual .status-select-inner {display: flex; gap: 10px}

.pg-vitrinevirtual .height-auto {height: auto;}

.pg-vitrinevirtual .produto-foto {border-radius: 6px; max-width: 200px;}

.pg-vitrinevirtual .produto-info {display: flex; gap: 20px;}

.pg-vitrinevirtual .produto-info .nome {margin-bottom: 15px;}

.pg-vitrinevirtual .produto-item {border-bottom: 1px solid var(--cor-cinza-300); padding:25px 0}

.pg-vitrinevirtual .produto-item-title {margin-bottom: -10px;}

.pg-vitrinevirtual .produtos-valores {display: flex; flex-direction:column; align-items: end; margin-top: 40px; padding-right: 20px;}

.pg-vitrinevirtual .produtos-valores .dados {font-size:15px; display: flex; justify-content: space-between; align-items: center; margin-bottom:10px; }

.pg-vitrinevirtual .produtos-valores .dados .left {text-align: right;}

.pg-vitrinevirtual .produtos-valores .dados .right {font-weight: 600; width: 200px;text-align: right;}

.pg-vitrinevirtual .produtos-valores .dados .conversao {color: var(--cor-laranja); font-size: 20px;font-weight: 700;}

.pg-vitrinevirtual .produtos-valores .dados.total .right {color: var(--cor-laranja); font-size: 20px;font-weight: 700;}

.pg-vitrinevirtual .nota {margin-bottom: 30px;}

.pg-vitrinevirtual .nota-inner {background-color: var(--cor-cinza-100); border-radius: 12px;padding: 25px 20px}

.pg-vitrinevirtual .nota-data{color: var(--cor-cinza-600); font-size: 14px; text-align: right; font-weight: 500; padding-right: 20px; margin-top: 5px;}

.pg-vitrinevirtual .notas h2 {margin-bottom: 20px;}

.pg-vitrinevirtual .adicionar-nota {margin-top: 60px ;}

.pg-vitrinevirtual .adicionar-nota h2 {margin-bottom: 5px}

.pg-vitrinevirtual .pagamento-link {display: flex; justify-content: start;gap:15px;align-items: end;border-top: 1px solid var(--cor-cinza-300); margin-top: 30px;padding-top: 40px;}

.pg-vitrinevirtual .pagamento-link .link {background-color: var(--cor-cinza-100); padding:6px 15px; border-radius: 6px;}

.pg-vitrinevirtual .pagamento-link .btn {padding:5px 15px}













.pg-vitrinevirtual-config .slider-container {position: relative;width: 200px;font-size: 13px;}

.pg-vitrinevirtual-config .slider {-webkit-appearance: none;width: 100%;height: 2px;background: #212529;border-radius: 5px;outline: none;opacity: 0.9;transition: opacity 0.2s;}

.pg-vitrinevirtual-config .slider:hover {opacity: 1;}

.pg-vitrinevirtual-config .slider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none;width: 20px;height: 20px;background: #ff7500;border-radius: 50%;cursor: pointer;}

.pg-vitrinevirtual-config .slider::-moz-range-thumb {width: 20px;height: 20px;background: #ff7500;border-radius: 50%;cursor: pointer;}

.pg-vitrinevirtual-config .value-display {margin-top: 10px;font-size: 18px;font-family: Montserrat;font-size: 14px;font-weight: 500;}



.pg-vitrinevirtual-config .entrega {display: flex; gap: 30px; align-items: end; margin-top: 30px;}

.pg-vitrinevirtual-config .entrega .form-control {max-width: 120px; margin-top: 3px;}









.saldosrepasses .num-destaque {font-size: 25px; margin-top: 20px; color: var(--cor-cinza-900)}

.saldosrepasses .num-destaque i {color: var(--cor-cinza-600)}



.tabela-historico-recebimentos {margin-top:0px}

.tabela-historico-recebimentos a {color: var(--cor-cinza-900)}

.tabela-historico-recebimentos .info h3 {font-size: 1rem; }

.tabela-historico-recebimentos .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-historico-recebimentos .info:hover {background:var(--cor-cinza-100)}

.tabela-historico-recebimentos .titulo:hover {background:#fff !important}

.tabela-historico-recebimentos .item {width: 100%;} 

.tabela-historico-recebimentos .item.ico {width: 140px; font-size: 26px;} 

.tabela-historico-recebimentos .legenda-m {display: none;}



.tabela-historico-recebimentos .ic-download {text-align: right;display: flex; align-items: center; justify-content: end; margin-bottom: 30px; gap: 10px}

.tabela-historico-recebimentos .ic-download i {font-size: 20px; margin-right: 5px;}

.tabela-historico-recebimentos .ic-download a {background-color: var(--cor-cinza-200); font-size: 14px; font-weight: 500; padding:2px 15px; border-radius: 999px;}

.tabela-historico-recebimentos .ic-download a:hover {background-color: var(--cor-cinza-900); color: #fff}



.loop-vendas {display: flex; justify-content: space-between; gap: 50px; align-items: center; }

.loop-vendas-img {width: 100%; max-width: 303px;}

.loop-vendas-grafico {width: 100%;  }

.loop-vendas-taxa {width: 100%;  max-width: 435px; text-align: center;}

.loop-vendas-taxa h3 {margin-top: 5px;font-size: 50px;}

.loop-vendas-grafico-inner {max-width: 1000px; max-height: 155px; width: 100%;}

.loop-vendas-grafico-inner img {width: 100%;max-width: 1000px;}



.loop-vendas-grafico .texto-destaque {margin-bottom:30px; margin-top: 20px; display: flex; justify-content: space-between; align-items: center; gap: 100px; width: 90%; font-size: 19px;}

.loop-vendas-grafico .texto-destaque .valor {white-space: nowrap; font-size: 19px;}

.loop-vendas-grafico .texto-destaque .valor h2 {font-size: 50px;}



.loop-vendas-grafico .texto-destaque .txt .laranja {font-weight: 700; color: #ff7500 }

.loop-vendas-grafico .texto-destaque .verde {font-weight: 700; color: #00D2AA }



.tabela-notificacoes a {color: var(--cor-cinza-900)}

.tabela-notificacoes .info {display: flex; align-items: center; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 15px; transition: all ease-in-out .25s;}

.tabela-notificacoes .info:hover {background:var(--cor-cinza-100)}

.tabela-notificacoes .nome   {width:100%; flex: 1 1 auto!important; display: flex; align-items: center; gap: 15px;padding-right: 50px;}

.tabela-notificacoes .nome i {font-size: 22px;}

.tabela-notificacoes .data   {width:50%; }

.tabela-notificacoes .cta    {width:5%; font-size: 26px;}

.tabela-notificacoes .legenda-m {display: none;}



.notificacao .offcanvas .dados {display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 500; color: var(--cor-cinza-600)}

.notificacao .offcanvas .icones {display: flex; align-items: center; justify-content: space-between; gap: 10px;}

.notificacao .offcanvas .dados .ico-excluir  {width: 20px; height: 20px}

.notificacao .offcanvas .dados .ico-excluir:hover {opacity: 0.5;}

.notificacao .offcanvas {--bs-offcanvas-width: 718px;}

.notificacao .offcanvas h4 {margin-bottom: 20px;}

.notificacao .offcanvas .data {font-size:15px; color: var(--cor-cinza-600)}

.notificacao .offcanvas .offcanvas-header {justify-content: end;}

.notificacao .offcanvas .offcanvas-body   {padding:0}

.notificacao .offcanvas .btn-offcanvas-close {margin-top:60px}

.notificacao .offcanvas .notificacao-info {padding: 25px 70px 50px 70px;}





.inical-destaques {margin-bottom: 50px; margin-top: -30px;}

.inical-destaques .tabela-notificacoes {border: 1px solid var(--cor-cinza-400); border-bottom: 0; border-radius: 6px; overflow: hidden;}

.inical-destaques .tabela-notificacoes .data {width: auto; white-space: nowrap; font-size: 14px; font-weight: 500; color: var(--cor-cinza-600);}

.inical-destaques-banner {height: 100%; border-radius: 6px; display: flex; align-items: start; justify-content: center; margin-top: 0;}

.inical-destaques-banner .img {border-radius: 6px; transition: all ease-in-out .25s}







.premio {text-align: center;overflow: hidden;transition: all ease-in-out .25s; font-size:16px;  margin-bottom:25px}

.premio .info {padding:25px 20px 15px 20px; border: 1px solid var(--cor-cinza-300); border-radius: 0 0 12px 12px;}

.premio .img {border-radius: 12px 12px 0 0}

.premio .nome {min-height: 50px; display: flex; align-items: center; justify-content: center;}

.premio .nome p {font-size: 16px}

.premio .nomep {min-height: 55px; display: flex; align-items: center; justify-content: center;}

.premio .nomep p {font-size: 16px}

.premio .valor {display: flex; align-items: center; justify-content: space-between; margin-top:25px}

.premio h4 {font-size:16px; color: var(--cor-laranja)}

.premio .valor .desconto {color: var(--cor-cinza-600); font-weight: 600;}

.premio .valor .desconto span {text-decoration: line-through;}

.premio .data-status {text-align: left; display: flex;align-items: center;justify-content: space-between; margin-top:25px; border-top: 1px solid var(--cor-cinza-300); padding-top: 25px}

.premio .data-status h4 {color: var(--cor-cinza-900);}

.premio .btn-resgatar {margin-top:15px;margin-bottom:5px;width: 100%; color: #fff}

.premio .btn-resgatar i {font-size:20px; margin-right: 3px;}

.premio .btn-resgatar-cancelar {margin-top:15px;margin-bottom:5px;width: 100%; color: var(--cor-cinza-900)}

.premio .btn-resgatar-cancelar i {margin-right: 3px;}

.premio a {color: var(--cor-cinza-900)}

.premio .info-selecionar {text-align: left; display: flex;align-items: center;justify-content: space-between; margin-top:5px; border-top: 1px solid var(--cor-cinza-300); padding-top: 25px}

.premio .info-selecionar h4 {color: var(--cor-cinza-900);}

.premio .selecionar .btn-secondary {padding-left:15px; padding-right:15px;--bs-btn-color: var(--cor-cinza-900);--bs-btn-bg: #fff;--bs-btn-border-color: var(--cor-cinza-400);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-800);--bs-btn-active-border-color: var(--cor-cinza-800);}

.premio .selecionar .btn-secondary, .premio .info-selecionar .data, .premio .info-selecionar h4 {font-size: 14px}





.premio .info-selecionar .cristais h4 {color: var(--cor-laranja);font-size: 17px; margin: 0;}

.premio .info-confirmar-tipo  {border-top: 1px solid var(--cor-cinza-300); padding-top:15px; padding-bottom:5px; margin-top: 5px;}

.pg-premios .troca-sms {max-width: 620px; background-color: var(--cor-cinza-100);}

.pg-premios .troca-sms .txt {display: flex; align-items: center; gap: 30px}

.pg-premios .troca-sms .icon {font-size: 30px; background-color: #fff; min-width: 80px; min-height: 80px;  width: 80px; height: 80px; max-width: 80px; max-height: 80px; display: flex; align-items: center; justify-content: center;border-radius: 999px; box-shadow: 1px 1px 1px rgb(0 0 0 / 0.15)}

.pg-premios .troca-obs {max-width: 620px; background-color: var(--cor-cinza-100);}

.pg-premios .troca-obs h4 {margin-bottom: 15px;}

.pg-premios .troca-obs .btn {margin-top: 20px;}



.banner-saldo-cristais {font-weight: 600;border: 1px solid var(--cor-laranja);display: flex;align-items: center;padding: 9px 15px 8px 14px;color: var(--cor-cinza-900);gap: 14px;font-size: 14px;border-radius: 6px;width: fit-content;}

.banner-saldo-cristais img {width: 31px;}

.banner-saldo-cristais span {font-size: 14px; font-weight: 800; display: block; line-height: 1; margin-top: 3px;}



.pg-premios .confirmar-info {max-width: 620px;}

.pg-premios .confirmar-info h4 {margin-bottom: 15px;}

.pg-premios .confirmar-info .dados {display: flex; justify-content: space-between; align-items: start; margin-bottom:25px; gap: 70px}

.pg-premios .confirmar-info .dados .left {color:var(--cor-cinza-600)}

.pg-premios .confirmar-info .dados .right {font-weight: 600; white-space: nowrap;}

.pg-premios .confirmar-info .dados .total {font-weight: 800;}

.pg-premios .confirmar-info .dados .saldo {font-weight: 800; color: var(--cor-laranja)}



.tabela-premiosentregues a {color: var(--cor-cinza-900)}

.tabela-premiosentregues .info h3 {font-size: 1rem; }

.tabela-premiosentregues .info {display: flex; align-items: center; gap: 50px; border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px; transition: all ease-in-out .25s;}

.tabela-premiosentregues .info:hover {background:var(--cor-cinza-100)}

.tabela-premiosentregues .titulo {background:#fff !important; padding-top: 10px;}

.tabela-premiosentregues .titulo:hover {background:#fff !important}

.tabela-premiosentregues .item {text-align: left;}

.tabela-premiosentregues  .id {width: 30%}

.tabela-premiosentregues  .empresa {width: 70%}

.tabela-premiosentregues  .nomepremio {width: 100%; }

.tabela-premiosentregues  .valor {width: 30%}

.tabela-premiosentregues  .resgate {width: 55%}

.tabela-premiosentregues  .cliente {width: 70%}

.tabela-premiosentregues .legenda-m {display: none;}



.integracaopluginapi-ico {max-width: 240px; margin-bottom: 20px;}

.integracaopluginapi .nav-pills .nav-link {padding-left:50px; padding-right:50px}

.integracaopluginapi .nav-pills {gap: 20px}

.integracaopluginapi-itens {max-width: 400px; margin-bottom: 20px;}

.integracaopluginapi-btn-ativar {text-align: center; margin-top: 60px;}

.integracaopluginapi-btn-ativar .btn {padding-left:50px; padding-right: 50px;}

.integracaopluginapi .vantagens {margin-top: 60px;}

.integracaopluginapi .vantagens span {display: flex; gap: 10px; margin-bottom: 15px; align-items: center;}

.integracaopluginapi .vantagens h5 {margin-bottom: 20px;}

.integracaopluginapi .vantagens i {font-size: 17px}



.integracaopluginapi .modal-body {margin:10px 0 30px 0}

.integracaopluginapi .modal-header {border:0}



.pg-premios .modal-body {margin:10px 0 30px 0}

.pg-premios .modal-header {border:0}

.modal-atention-txt {display: flex; align-items: center; gap: 15px;}

.modal-atention-txt i {font-size: 40px; color: var(--cor-laranja);}



.modal-msg .modal-body {margin:10px 0 30px 0}

.modal-msg .modal-header {border:0}

.modal-atention-txt-top {display: flex; align-items: top; gap: 15px;}

.modal-atention-txt-top i {font-size: 40px; color: var(--cor-laranja);}



.integracaopluginapi .integracao-tab .nav-pills .nav-link.active, 

.integracaopluginapi .integracao-tab.nav-pills .show>.nav-link {padding:5px 20px;color: var(--cor-cinza-900);font-weight: 600;background-color:var(--cor-cinza-100);   border: 1px solid var(--cor-cinza-200)}

.integracaopluginapi .integracao-tab .nav-pills .nav-link {padding:5px 20px;color: var(--cor-cinza-600);background-color: var(--cor-cinza-100);   border: 1px solid var(--cor-cinza-200);}



.acoesdemarketing-nps .num-avaliacoes {margin-bottom: 30px;}

.acoesdemarketing-nps .resultado h2 {background-color: var(--cor-cinza-200); color: #fff; display: inline-block; margin-bottom: 10px; border-radius: 999px; padding: 10px 20px; font-weight: 600;}

.acoesdemarketing-nps .resultado {margin-top: 20px;}

.acoesdemarketing-nps .resultado.excelente h2 {background-color: #72d47f;}

.acoesdemarketing-nps .resultado.muitobom h2 {background-color: #75d3c7;}

.acoesdemarketing-nps .resultado.razoavel h2 {background-color: #ffd85f;}

.acoesdemarketing-nps .resultado.ruim h2 {background-color: #fd7567;}

.acoesdemarketing-nps .comofunciona {margin-bottom: 50px;}

.acoesdemarketing-nps .comofunciona h2 {margin-bottom: 30px;}



.tabela-feedback {margin-top:0px}

.tabela-feedback-check {margin-top:20px}

.tabela-feedback a {color: var(--cor-cinza-900)}

.tabela-feedback .info h3 {font-size: 1rem; }

.tabela-feedback .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-feedback .info:hover {background:var(--cor-cinza-100)}

.tabela-feedback .titulo:hover {background:#fff !important}

.tabela-feedback .legenda-m {display: none;}

.tabela-feedback .data {width: 40%;} 

.tabela-feedback .cliente {width: 60%;} 

.tabela-feedback .nota {width: 20%;} 

.tabela-feedback .nota img {width: 80%; max-width: 50px;}

.tabela-feedback .feedback {width: 100%;}

.tabela-feedback .cliente .nome {font-weight: 600;} 

.tabela-feedback .cliente .empresa {margin-top: 10px;} 

.tabela-feedback .ic-download {text-align: right;display: flex; align-items: center; justify-content: end; margin-bottom: 30px; gap: 10px}

.tabela-feedback .ic-download i {font-size: 20px; margin-right: 5px;}

.tabela-feedback .ic-download a {background-color: var(--cor-cinza-200); font-size: 14px; font-weight: 500; padding:2px 15px; border-radius: 999px;}

.tabela-feedback .ic-download a:hover {background-color: var(--cor-cinza-900); color: #fff}

.tabela-feedback .nota img {width: 80%; max-width: 50px;}



.acoesdemarketing-nps .infografico {display: flex; gap:15px; margin-top:45px;}

.acoesdemarketing-nps .infografico img {width: 50px;}

.acoesdemarketing-nps .infografico .detratores,

.acoesdemarketing-nps .infografico .neutros,

.acoesdemarketing-nps .infografico .promotores {text-align: center;display: flex; flex-direction: column;}

.acoesdemarketing-nps .infografico .itens {display: flex; gap:15px; flex-direction: row;}

.acoesdemarketing-nps .infografico .detratores .titulo {margin-top: 30px; border-top: 2px solid #fd7567; padding-top: 20px;}

.acoesdemarketing-nps .infografico .neutros .titulo {margin-top: 30px; border-top: 2px solid #ffd85f; padding-top: 20px;}

.acoesdemarketing-nps .infografico .promotores .titulo {margin-top: 30px; border-top: 2px solid #72d47f; padding-top: 20px;}

.acoesdemarketing-nps .infografico-nps {margin-top: 60px;}



.acoesdemarketing-campanhas .item-clientesinativos {color:#f43857}

.acoesdemarketing-campanhas .item-aniversariantes {color:#8d56cf}

.acoesdemarketing-campanhas .item-clientevip {color:#d2960b}

.acoesdemarketing-campanhas .item-boasvindas {color:#00a957}

.acoesdemarketing-campanhas .item-posvenda {color:#e6297e}

.acoesdemarketing-campanhas .item-conteudopersonalizado {color:#3c8ecd}

.acoesdemarketing-campanhas .item-email {color:#3c8ecd}

.acoesdemarketing-campanhas .item-sms {color:#d2960b}

.acoesdemarketing-campanhas .item-whatsapp {color:#00a957}

.acoesdemarketing-campanhas .item-push {color:#f43857}

.acoesdemarketing-campanhas .automacao h4 {text-align: center; margin-top: 30px; margin-bottom: 30px; font-size: 25px;}

.acoesdemarketing-campanhas .automacao .btn {display: block; margin:0 auto; max-width: 200px;}

.acoesdemarketing-campanhas  h4 {font-size: 17px;}

.acoesdemarketing-campanhas .canais h4 {font-size: 17px; margin:0;}

.acoesdemarketing-campanhas .radios h4 {font-size: 17px; text-align: left; margin:0; font-weight: 500;}

.acoesdemarketing-campanhas  .icon-campanha {width: 70px; height: auto; min-width: 70px; display: block; background-color: var(--cor-cinza-100); padding:15px; border-radius: 12px;}

.acoesdemarketing-campanhas .tipos-campanhas .icon-campanha {margin-top: 40px; margin-bottom: 20px;}

.acoesdemarketing-campanhas .btn-select {border-radius: 12px; --bs-btn-active-color: var(--cor-cinza-900);--bs-btn-active-bg: var(--cor-cinza-100);--bs-btn-active-border-color: var(--cor-cinza-900);}

.acoesdemarketing-campanhas .canais h2 {margin-bottom: 40px;}

.acoesdemarketing-campanhas .canais .canal-item {display: flex; align-items: center; gap: 15px}

.acoesdemarketing-campanhas .radios .btn {display: flex; padding:0; display: flex; align-items: center; gap:15px; margin-bottom: 30px; box-shadow: none;}

.acoesdemarketing-campanhas .criarcampanha-btns {margin-top: 50px; display: flex; gap: 20px; justify-content: start;}

.acoesdemarketing-campanhas .criarcampanha-btns .btn {padding-left: 40px; padding-right: 40px; display: flex; align-items: center; gap: 10px}

.acoesdemarketing-campanhas .criarcampanha-btns i {font-size: 20px;}

.acoesdemarketing-campanhas .automacao-tipo {display: flex; align-items: center; gap: 20px; }

.acoesdemarketing-campanhas .automacao-info {display: flex; justify-content: space-between; margin: 40px 0 60px 0}

.acoesdemarketing-campanhas .automacao-info .item {width: 100%;}

.acoesdemarketing-campanhas .automacao-info .seta {display: flex;justify-content: center; width: 35%; font-size: 30px;color: var(--cor-cinza-600); padding-top:5px}

.acoesdemarketing-campanhas .automacao-info h2 {color: var(--cor-cinza-600); font-size: 17px; padding:10px 20px 10px 10px; border: 0 solid var(--cor-cinza-400); background-color: var(--cor-cinza-100); border-radius: 6px; display: flex; align-items: center; gap: 10px; }

.acoesdemarketing-campanhas .automacao-info span {padding: 10px 10px 0 10px; display: block;}

.acoesdemarketing-campanhas .automacao-info .item .bi {color: #fff;font-size: 17px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;border-radius: 4px;}

.acoesdemarketing-campanhas .automacao-info .icon-perfil {background-color: #3c8ecd; }

.acoesdemarketing-campanhas .automacao-info .icon-prazo {background-color: #f43857; }

.acoesdemarketing-campanhas .automacao-info .icon-acao {background-color: #00a957; }

.acoesdemarketing-campanhas .automacao-info .icon-vantagem {background-color: #8d56cf; }

.acoesdemarketing-campanhas  .accordion-item {border-color: var(--cor-cinza-400);}

.acoesdemarketing-campanhas .accordion {margin-bottom: 0.938rem; border-radius:6px}

.acoesdemarketing-campanhas .accordion-button,

.acoesdemarketing-campanhas .accordion-button.collapsed, 

.acoesdemarketing-campanhas .accordion-button:focus{font-weight:700; font-size: 17px !important; color:var(--cor-cinza-600); background: #fff;padding: 25px 30px;}

.acoesdemarketing-campanhas .accordion-item:last-of-type .accordion-button.collapsed {border-radius:6px; overflow: hidden;}

.acoesdemarketing-campanhas .accordion-item {border-radius:6px; overflow: hidden;}

.acoesdemarketing-campanhas .accordion-item:first-of-type .accordion-button {border-radius: 6px 6px 0 0; border: 0}

.acoesdemarketing-campanhas .accordion-icone {margin-right:15px; color: #898989; font-size: 20px;}

.acoesdemarketing-campanhas .accordion-body {padding-bottom:10px; padding-top:30px}

.acoesdemarketing-campanhas label {font-weight: 400;}

.acoesdemarketing-campanhas .form-check {margin-bottom: 25px;}



.selecionar-artes {display: flex; gap: 50px}

.selecionar-artes .single-arte {max-width: 300px;border-radius:12px;overflow: hidden;}

.selecionar-artes .single-arte .part-1 {position: relative; overflow: hidden;}

.selecionar-artes .single-arte .part-1 .ctas {width: 100%;height: 100%;position: absolute;bottom: -10px;left: 0px;margin: 0;padding: 0;list-style: none;opacity: 0;transition: all 0.5s;justify-content: center;align-items: center;gap: 10px;display: flex; flex-direction: column; background-color: rgba(0, 0, 0, .7);}

.selecionar-artes .single-arte .part-1:hover .ctas {opacity: 1; bottom: 0px;}

.selecionar-artes .single-arte .part-1 .ctas .btn {max-width: 140px; width: 100%; padding:9px}



.acoesdemarketing-campanhas-email .offcanvas {--bs-offcanvas-width: 718px;}

.acoesdemarketing-campanhas-email .offcanvas h4 {margin-bottom: 0px;}

.acoesdemarketing-campanhas-email .offcanvas .offcanvas-header {justify-content: end;}

.acoesdemarketing-campanhas-email .offcanvas .offcanvas-body   {padding:0}

.acoesdemarketing-campanhas-email .offcanvas .btn-offcanvas-close {margin-top:60px}

.acoesdemarketing-campanhas-email .offcanvas .notificacao-info {padding: 25px 70px 50px 70px;}



.acoesdemarketing-campanhas-download {display: flex; align-items: center; max-width: 900px; gap: 20px;}

.acoesdemarketing-campanhas-download .criarcampanha-btns {white-space: nowrap; margin: 0;}

.acoesdemarketing-campanhas-download-instrucoes {margin-top: 50px;}

.acoesdemarketing-campanhas-download-instrucoes h2 {font-size: 19px;}

.acoesdemarketing-campanhas .visualizar-campanha {max-height: 450px;overflow-y: scroll;max-width: 718px;}



html .visualizar-campanha::-webkit-scrollbar {width: 15px;height:5px;}

html .visualizar-campanha::-webkit-scrollbar-thumb {border-radius: 99px;background: var(--cor-cinza-500);border:1px solid var(--cor-cinza-500);}

html .visualizar-campanha::-webkit-scrollbar-track {background: var(--cor-cinza-100);border-radius:99px}



.acoesdemarketing-campanhas .visualizar-campanha .header {display: flex;align-items: center;justify-content: center; background-color: #fff;margin-bottom: 20px;}

.acoesdemarketing-campanhas .visualizar-campanha .campanha-logo {max-width: 210px;}

.acoesdemarketing-campanhas .visualizar-campanha .footer {text-align: center;}



.acoesdemarketing-aniversariantes label {font-weight: bold;}

.acoesdemarketing-aniversariantes .mes {max-width: 200px;}

.acoesdemarketing-aniversariantes .mes label {margin-bottom: 5px;}

.acoesdemarketing-aniversariantes .frequencia select {max-width: 400px;}

.acoesdemarketing-aniversariantes .frequencia label {margin-bottom: 5px;}

.acoesdemarketing-aniversariantes .frequencia span {color: var(--cor-cinza-600); margin-bottom: 5px; display: block;}

.acoesdemarketing-aniversariantes .slogan {text-align: right; font-weight: bold; margin-top: 30px;}

.acoesdemarketing-aniversariantes .baixar-arquivos {display: flex; align-items: center; justify-content: center;gap:20px; margin-top: 40px; text-align: center;}

.acoesdemarketing-aniversariantes .baixar-arquivos h2 {font-size: 13px;}

.acoesdemarketing-aniversariantes .baixar-arquivos .ctas a {font-size: 13px; padding: 10px 15px;margin-bottom: 5px;}











.acoesdemarketing-analiseRFM .RFMperiodo {

    max-width: 250px;

}

.acoesdemarketing-analiseRFM .slogan {

    text-align: right; 

    font-weight: bold; 

    margin-top: 30px;

}

.acoesdemarketing-analiseRFM .info-fatores ul {

    background-color: var(--cor-cinza-100);

    width:fit-content;

    padding: 20px 40px;

    margin: 30px 0;

    border-radius: 8px;

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.acoesdemarketing-analiseRFM .info-fatores2 {

    margin-top: 20px;

    display: flex;

    gap: 15px;

}

.acoesdemarketing-analiseRFM .info-fatores2 span {

    background-color: var(--cor-cinza-100);

    padding: 12px 20px;

    border-radius: 8px;

}









.acoesdemarketing-analiseRFM h2 i {

    color: var(--cor-cinza-800);

    margin-right: 3px;

}

.acoesdemarketing-analiseRFM h2 svg {

    color: var(--cor-cinza-800);

}

.acoesdemarketing-analiseRFM .grafico-divisaoclientes {

    max-width: 600px;

    display: block;

    margin: 0 auto;

    margin-top: 30px;

}

.acoesdemarketing-analiseRFM .title-ic span {

    margin-left: 8px;

    font-weight: 400 !important;

}



.tabela-analiseRFM-resumo {margin-top: 30px;}

.tabela-analiseRFM-resumo .legenda-m {display: none;}

.tabela-analiseRFM-resumo .info {display: flex; align-items: center; justify-content: space-between; gap:10px; padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-analiseRFM-resumo .item {width: 100%;} 

.tabela-analiseRFM-resumo .dados {font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 700;}

.tabela-analiseRFM-resumo .titulo {border-bottom: 1px solid var(--cor-cinza-300);}



.tabela-divisaoclientes {display: flex;gap: 30px;margin-top: 50px;}

.tabela-divisaoclientes .item {border: 1px solid var(--cor-cinza-400); border-radius:6px; padding:30px; white-space: normal; width: 100%;}

.tabela-divisaoclientes .btn {width: 100%;margin-top: 20px;}



.tabela-RFM-listaclientes {margin-top:30px}

.tabela-RFM-listaclientes a:hover{color: var(--cor-laranja)}

.tabela-RFM-listaclientes .info h3 {font-size: 1rem; }

.tabela-RFM-listaclientes .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 15px 5px 15px 5px; transition: all ease-in-out .25s;}

.tabela-RFM-listaclientes .info:hover {background:var(--cor-cinza-100)}

.tabela-RFM-listaclientes .titulo:hover {background:#fff !important}

.tabela-RFM-listaclientes .dados {width: 100%; display: flex; padding-right:20px; justify-content: space-between; gap: 20px; align-items: center;}

.tabela-RFM-listaclientes .legenda-m {display: none;}

.tabela-RFM-listaclientes i {font-size:20px}

.tabela-RFM-listaclientes .item {width: 100%;}

.tabela-RFM-listaclientes .item.ico {width: 10%; min-width:100px; display: flex; justify-content: end;}





.acoesdemarketing-analiseRFM .baixar-arquivos {display: flex; align-items: center; justify-content: center;gap:20px; margin-top: 40px; text-align: center;}

.acoesdemarketing-analiseRFM .baixar-arquivos h2 {font-size: 14px;}

.acoesdemarketing-analiseRFM .baixar-arquivos .ctas a {font-size: 13px; padding: 10px 15px;margin-bottom: 5px;}



















.acoesdemarketing-clientesinativos label {font-weight: bold;}

.acoesdemarketing-clientesinativos .mes select {max-width: 200px;}

.acoesdemarketing-clientesinativos .mes label {margin-bottom: 5px;}

.acoesdemarketing-clientesinativos .mes span {color: var(--cor-cinza-600); margin-bottom: 5px; display: block;}



.acoesdemarketing-clientesinativos .valor input {max-width: 200px;}

.acoesdemarketing-clientesinativos .valor label {margin-bottom: 5px;}

.acoesdemarketing-clientesinativos .valor span {color: var(--cor-cinza-600); margin-bottom: 5px; display: block;}



.acoesdemarketing-clientesinativos .frequencia select {max-width: 400px;}

.acoesdemarketing-clientesinativos .frequencia label {margin-bottom: 5px;}

.acoesdemarketing-clientesinativos .frequencia span {color: var(--cor-cinza-600); margin-bottom: 5px; display: block;}

.acoesdemarketing-clientesinativos .slogan {text-align: right; font-weight: bold; margin-top: 30px;}





.acoesdemarketing-clientesinativos .baixar-arquivos {display: flex; align-items: center; justify-content: center;gap:20px; margin-top: 40px; text-align: center;}

.acoesdemarketing-clientesinativos .baixar-arquivos h2 {font-size: 13px;}

.acoesdemarketing-clientesinativos .baixar-arquivos .ctas a {font-size: 13px; padding: 10px 15px;margin-bottom: 5px;}









.tabela-aniversariantesinfo {margin-top:50px}

.tabela-aniversariantesinfo .legenda-m {display: none;}

.tabela-aniversariantesinfo a {color: var(--cor-cinza-900)}

.tabela-aniversariantesinfo .info h3 {font-size: 1rem; }

.tabela-aniversariantesinfo .info {display: flex; align-items: center; justify-content: space-between; gap:10px; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-aniversariantesinfo .info:hover {background:var(--cor-cinza-100)}

.tabela-aniversariantesinfo .titulo:hover {background:#fff !important}

.tabela-aniversariantesinfo .item {width: 100%;} 

.tabela-aniversariantesinfo .item.ico {text-align: center; font-size: 20px; width: 50%;} 

.tabela-aniversariantesinfo .item.ico i:hover {color: var(--cor-laranja);}



.tabela-clientesinativosinfo {margin-top:50px}

.tabela-clientesinativosinfo .legenda-m {display: none;}

.tabela-clientesinativosinfo a {color: var(--cor-cinza-900)}

.tabela-clientesinativosinfo .info h3 {font-size: 1rem; }

.tabela-clientesinativosinfo .info {display: flex; align-items: center; justify-content: space-between; gap:10px; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-clientesinativosinfo .info:hover {background:var(--cor-cinza-100)}

.tabela-clientesinativosinfo .titulo:hover {background:#fff !important}

.tabela-clientesinativosinfo .item {width: 100%;} 

.tabela-clientesinativosinfo .item.ico {text-align: center; font-size: 20px; width: 50%;} 

.tabela-clientesinativosinfo .item.ico i:hover {color: var(--cor-laranja);}



.aniversariantes-clientesinativos {display: flex; flex-direction: column; justify-content: space-between; gap: 50px;}















.pg-recuperarcarrinho .title-ic .form-switch {font-size: 24px;margin-left: 20px;}

.pg-recuperarcarrinho-header {display: flex; justify-content: space-between;margin-bottom: 30px; margin-top: 30px;}

.pg-recuperarcarrinho-header .form-select {min-width: 200px;}

.pg-recuperarcarrinho-header .left {display: flex; gap:15px}

.pg-recuperarcarrinho-header .right {display: flex; gap:15px}



.tabela-recuperarcarrinho {margin-top:0px; margin-bottom: 40px;}

.tabela-recuperarcarrinho .legenda-m {display: none;}

.tabela-recuperarcarrinho a {color: var(--cor-cinza-900)}

.tabela-recuperarcarrinho .info h3 {font-size: 1rem; }

.tabela-recuperarcarrinho .check {width: 90px; padding-left:10px }

.tabela-recuperarcarrinho .info {gap: 20px; display: flex; align-items: center; border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px; transition: all ease-in-out .25s;}

.tabela-recuperarcarrinho .titulo {padding: 12px 5px;}

.tabela-recuperarcarrinho .info:hover {background:var(--cor-cinza-100)}

.tabela-recuperarcarrinho .titulo:hover {background:#fff !important}

.tabela-recuperarcarrinho .item.check {width: 40px; margin-right: 30px; overflow: visible;}

.tabela-recuperarcarrinho .item.nome {width: 60%; }

.tabela-recuperarcarrinho .item.email {width: 100%;overflow: visible; }

.tabela-recuperarcarrinho .item.valor {width: 80%; }

.tabela-recuperarcarrinho .item.agendado {width: 80%; white-space: wrap; }

.tabela-recuperarcarrinho .pendente {padding:10px 15px; border-radius: 6px;}

.tabela-recuperarcarrinho .pendente {background-color: #ffe8bb;}

.tabela-recuperarcarrinho .cinza {background-color: var(--cor-cinza-300); }

.tabela-recuperarcarrinho .verde {background-color: #a9f3c3 }

.tabela-recuperarcarrinho .carticon {border: 0; background-color: transparent; font-size: 17px;}

.tabela-recuperarcarrinho .carticon:hover {color: var(--cor-laranja);}

.tabela-recuperarcarrinho .dropdown-menu.show {padding:5px 15px; font-size: 13px; width: 100%; min-width: 300px;}

.tabela-recuperarcarrinho .dropdown-menu.show li {border-bottom: 1px solid var(--cor-cinza-400); padding:10px 0}

.tabela-recuperarcarrinho .dropdown-menu.show li:last-child {border: 0;}

.tabela-recuperarcarrinho .dropdown-menu.show li span {font-weight: 600;}



.pg-recuperarcarrinho .configtitle {color: var(--cor-cinza-900) !important; margin-top: 50px;}

.pg-recuperarcarrinho .config .ativar {display: flex; align-items: center; gap:10px; margin-top: 30px;}

.pg-recuperarcarrinho .config i {font-size: 20px;}

.pg-recuperarcarrinho .config .desconto {display: flex; align-items: center; gap:15px; margin-top: 10px;}

.pg-recuperarcarrinho .config .desconto .txt {white-space: nowrap;}



.pg-acessorestrito .inner {display: flex; align-items: center; gap: 40px; max-width: 900px;}

.pg-acessorestrito .img {max-width: 200px;}







.pg-comprovante {max-width: 350px; margin: 0 auto; margin-top: 50px; }

.pg-comprovante .dados {gap: 20px; display: flex; align-items: center; justify-content: space-between; font-size: 15px; margin-bottom:10px; color: var(--cor-cinza-600)}

.pg-comprovante .right {font-weight: 600; color: var(--cor-cinza-900); white-space: normal;text-align: right;}

.pg-comprovante .form-campo{margin-bottom: 30px}

.pg-comprovante .fidelidade {color: var(--cor-laranja);}

.pg-comprovante .dados .ic-compartilhamento {font-weight: 600; font-size: 24px; color: var(--cor-cinza-900);}

.pg-comprovante .icones {display: flex; align-items: center; justify-content: space-between; gap: 10px;}

.pg-comprovante .dados .ico-tipo {width: 20px; height: 20px}

.pg-comprovante .dados .ico-excluir:hover {opacity: 0.5;}

.pg-comprovante .dados.destaque {font-size: 18px; font-weight: 700; margin-bottom: 30px;}

.pg-comprovante .dados.destaque .right {font-size: 18px; font-weight: 700;}

.pg-comprovante h4 {margin-bottom: 20px; white-space: normal;}

.pg-comprovante .ico-pagamento {display: flex;align-items: center;justify-content: center;color: var(--cor-cinza-900);background: var(--cor-cinza-100);width: 70px;height: 70px;text-align: center;margin-right: 20px;border-radius: 999px;margin: 0 auto;margin-bottom: 15px;}









.ajuda .accordion {font-size: 15px; margin-bottom: 10px; margin-top: 25px;}

.ajuda .accordion h2 {color: var(--cor-cinza-900); margin-bottom: 4px}

.ajuda .accordion-body {margin-top: -10px; background-color: var(--cor-cinza-050) !important; border-radius:6px; overflow: hidden;}

.ajuda .accordion .item .titulo {font-weight: 700; margin-bottom: 10px;}

.ajuda .accordion-button {background-color: var(--cor-cinza-050) !important;}

.ajuda .accordion .itens {display: flex; flex-direction: column; gap: 30px; }

.ajuda .accordion .item {padding: 3px 25px; border-left: 2px solid var(--cor-cinza-800);}



.ajuda .solicitacoes {display: flex; gap: 100px; justify-content: center; margin-top: 30px; text-align: center;}

.ajuda .solicitacoes .item {border: 1px solid var(--cor-cinza-300); border-radius: 6px; background-color: var(--cor-cinza-050); width: 100%; padding: 25px 50px;}

.ajuda .solicitacoes .btns {display: flex; flex-direction: column; gap: 20px;}

.ajuda .solicitacoes h2 {color: var(--cor-cinza-900);}



.ajuda .contatos {font-size:14px; display: flex; gap: 100px; justify-content: center; margin-top: 30px; text-align: center;}

.ajuda .contatos .item {gap: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;border: 1px solid var(--cor-cinza-300); border-radius: 6px; background-color: var(--cor-cinza-050); width: 100%; padding: 25px 50px;}

.ajuda .contatos h2 {color: var(--cor-cinza-900);}

.ajuda .contatos .tel {font-size: 14px;}

.ajuda .contatos i {font-size: 25px; background-color: #fff; width: 60px; border-radius: 9999px;height: 60px; display: flex; align-items: center; justify-content: center;}



.ajuda .funcionalidades-maquina {font-size:14px; display: flex; gap: 100px; justify-content: center; margin-top: 30px; text-align: center;}

.ajuda .funcionalidades-maquina .item {gap: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;border: 1px solid var(--cor-cinza-300); border-radius: 6px; background-color: var(--cor-cinza-050); width: 100%; padding: 25px 50px;}

.ajuda .funcionalidades-maquina h2 {color: var(--cor-cinza-900);}

.ajuda .funcionalidades-maquina b {font-size: 16px;}



.pg-multi .numero-destaque {margin-top: 20px; background-color: var(--cor-cinza-900); color:#fff; display: inline-block; font-size: 20px; font-weight: 500;padding: 12px 25px 10px 20px; border-radius: 999px;}

.pg-multi .numero-destaque h5 {padding: 0; margin:0; font-size: 18px; font-weight: 500;}

.pg-multi .numero-destaque h5 b {font-weight: 700;}

.pg-multi .numero-destaque-payy {background-color: var(--cor-verde) !important; }





.pg-multi .box-novosclientes {margin-top: 50px;}

.pg-multi .box-novosclientes ul {display: none;}

.pg-multi .box-novosclientes .tab-content {display: flex;}

.pg-multi .box-novosclientes .tab-content>.tab-pane { display: block; width: 100%;}

.pg-multi .box-novosclientes  .fade:not(.show) {opacity: 1;}



.pg-multi .box-novosclientes #pieGenero,

.pg-multi .box-novosclientes #pieCidade,

.pg-multi .box-novosclientes #pieIdade {width: 80% !important;}





.pg-multi .grafico-colunas {height: 200px;}

.pg-multi .etapas {margin-bottom: 50px; font-size: 25px; display: flex; gap: 35px; align-items: center;}

.pg-multi .etapas .destaque {color: var(--cor-laranja);}

.pg-multi .etapas .seta {font-size: 17px; color: var(--cor-cinza-900);}

.pg-multi .inner h2 {color: var(--cor-cinza-900); margin-top: 30px;}

.pg-multi .periodo {margin-bottom: 20px; margin-top: 10px;}





.pg-multi .periodo-exportar {display: flex; align-items: center; gap: 50px; justify-content: space-between;}

.pg-multi .periodo-exportar .exportar a {font-size: 23px; color: var(--cor-cinza-900);}



.tabela-multi-aquisicoes {margin-top:50px}

.tabela-multi-aquisicoes a {color: var(--cor-cinza-900)}

.tabela-multi-aquisicoes .info h3 {font-size: 1rem; }

.tabela-multi-aquisicoes .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-multi-aquisicoes .info:hover {background:var(--cor-cinza-100)}

.tabela-multi-aquisicoes .titulo:hover {background:#fff !important}

.tabela-multi-aquisicoes .item {width: 100%;} 

.tabela-multi-aquisicoes .legenda-m {display: none;}



.tabela-multi-retencao {margin-top:15px}

.tabela-multi-retencao a {color: var(--cor-cinza-900)}

.tabela-multi-retencao .info h3 {font-size: 1rem; max-width: 180px; }

.tabela-multi-retencao .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-multi-retencao .info:hover {background:var(--cor-cinza-100)}

.tabela-multi-retencao .titulo:hover {background:#fff !important}

.tabela-multi-retencao .legenda-m {display: none;}

.tabela-multi-retencao .item {width: 100%;} 

.tabela-multi-retencao .item.taxa h3 {color: var(--cor-laranja);}





.pg-multi .num-destaque {margin-top: 30px;}

.pg-multi .num-destaque h2 {padding: 0; margin: 0;}

.pg-multi .num-destaque span {background-color: var(--cor-cinza-900); color:#fff; padding: 5px 10px; border-radius: 999px; margin-left: 5px; font-weight: 600;}



.pg-multi .img-taxas {background-color: var(--cor-cinza-900); padding: 20px; max-width: 420px; border-radius: 12px;}

.pg-multi .img-taxas img {background-color: #fff; border-radius: 8px; padding: 20px;}

.pg-multi .img-taxas h2 {text-align: center; color: #fff; font-weight: 600;}



.pg-multi .title-etapas {color: var(--cor-laranja);}





.pg-multi .total-leads {background-color: var(--cor-cinza-100); width:fit-content; margin-top: 40px; padding: 5px 20px; border-radius: 999px; font-size: 15px;}

.pg-multi .total-leads span {color: var(--cor-laranja); font-weight: 600;}

.pg-multi .total-aquisicoes {background-color: var(--cor-cinza-100); width:fit-content; margin-top: 40px; padding: 5px 20px; border-radius: 999px; font-size: 15px;}

.pg-multi .total-aquisicoes span {color: var(--cor-laranja); font-weight: 600;}

.pg-multi .total-aquisicoes.multiCRM {margin-top: 0;}

.pg-multi .total-ativacao {background-color: var(--cor-cinza-100); width:fit-content; margin-top: 40px; padding: 5px 20px; border-radius: 999px; font-size: 15px;}

.pg-multi .total-ativacao span {color: var(--cor-laranja); font-weight: 600;}



.pg-multi .recomendacao-dados {margin-top:40px; max-width: 500px;border-radius: 12px; overflow:hidden; border: 1px solid var(--cor-cinza-300);}

.pg-multi .recomendacao-dados .item {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 15px 20px; transition: all ease-in-out .25s;}

.pg-multi .recomendacao-dados .item.last {border: 0;}

.pg-multi .recomendacao-dados .item:hover {background:var(--cor-cinza-100)} 

.pg-multi .recomendacao-dados .valor {font-weight: 600;}



.tabela-multi-recomendacao {margin-top:40px}

.tabela-multi-recomendacao a {color: var(--cor-cinza-900)}

.tabela-multi-recomendacao .info h3 {font-size: 1rem; max-width: 180px; }

.tabela-multi-recomendacao .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-multi-recomendacao .info:hover {background:var(--cor-cinza-100)}

.tabela-multi-recomendacao .titulo:hover {background:#fff !important}

.tabela-multi-recomendacao .legenda-m {display: none;}

.tabela-multi-recomendacao .item {width: 100%;} 

.tabela-multi-recomendacao .promotores {font-weight: 700; color: #008951;}

.tabela-multi-recomendacao .neutros    {font-weight: 700; color: #fbab00;}

.tabela-multi-recomendacao .detratores {font-weight: 700; color: #d93447;}



.recomendacao-nps {margin-top:60px; margin-bottom:40px; max-width: 500px;  background-color: var(--cor-cinza-100); border-radius: 12px; overflow:hidden;}

.recomendacao-nps a {color: var(--cor-cinza-900)}

.recomendacao-nps h3 {margin:  0;}

.recomendacao-nps .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #fff;padding: 25px 20px; transition: all ease-in-out .25s;}

.recomendacao-nps .legenda-m {display: none;}

.recomendacao-nps .item {width: 100%;} 

.recomendacao-nps .item.nps h1 {font-size: 30px; margin: 0;}



.tabela-multi-recomendacao-origem {margin-top:40px; margin-bottom: 50px;}

.tabela-multi-recomendacao-origem a {color: var(--cor-cinza-900)}

.tabela-multi-recomendacao-origem .info h3 {font-size: 1rem; max-width: 180px; }

.tabela-multi-recomendacao-origem .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-multi-recomendacao-origem .info:hover {background:var(--cor-cinza-100)}

.tabela-multi-recomendacao-origem .titulo:hover {background:#fff !important}

.tabela-multi-recomendacao-origem .legenda-m {display: none;}

.tabela-multi-recomendacao-origem .item {width: 100%;} 





.tabela-multi-recomendacao-top {margin-top:40px; margin-bottom: 50px;}

.tabela-multi-recomendacao-top a {color: var(--cor-cinza-900)}

.tabela-multi-recomendacao-top .info h3 {font-size: 1rem; max-width: 180px; }

.tabela-multi-recomendacao-top .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-multi-recomendacao-top .info:hover {background:var(--cor-cinza-100)}

.tabela-multi-recomendacao-top .titulo:hover {background:#fff !important}

.tabela-multi-recomendacao-top .legenda-m {display: none;}

.tabela-multi-recomendacao-top .item {width: 100%;} 



.pg-multi .total-feedbacks {background-color: var(--cor-cinza-200);font-weight: 600; width:fit-content; margin-top: 20px; padding: 5px 20px; border-radius: 999px; font-size: 15px;}

.pg-multi .total-feedbacks span {color: var(--cor-laranja); font-weight: 700;}





.pg-multi-campanhas .periodo-busca-btn {display: flex; align-items: center; justify-content: space-between; gap: 20px;margin-bottom: 60px;}

.pg-multi-campanhas .periodo-busca-btn .box1 {display: flex; align-items: center; gap: 30px;}

.pg-multi-campanhas .periodo-busca-btn .input-group {max-width: 250px !important;}









.tabela-multi-campanhas {

    color: var(--cor-cinza-900);

    padding: 30px;

    height:100%;

    border: 1px solid var(--cor-cinza-400); 

    border-radius:6px; 

    white-space: normal;

    transition: all ease-in-out .25s;

    margin-bottom: 30px;

}

.tabela-multi-campanhas .info {display: flex; align-items: center; gap: 20px; justify-content: space-between;}





.tabela-multi-campanhas .info .item.titulo {width: 100%; font-weight: bold;}

.tabela-multi-campanhas .info .item.titulo span {font-size: 13px; color: var(--cor-cinza-600); font-weight: normal; display: block; margin-top: 5px;text-transform:unset;}



.tabela-multi-campanhas .info .item {font-weight: bold;}



.tabela-multi-campanhas .info .item span {color: var(--cor-cinza-600); font-size: 13px; font-weight: normal;text-transform: uppercase;}



.item.ico a {

    color: var(--cor-cinza-900);

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    border-radius: 9px;

    outline: none;

}

.item.ico a:hover {

    background-color: var(--cor-cinza-100);

}



.tabela-multi-campanhas-abreaba .dados {align-items: start !important;}

.tabela-multi-campanhas-abreaba .dados .right {max-width: 200px; text-align: right; font-weight: 400 !important; font-size: 14px !important;}

.tabela-multi-campanhas-abreaba h5 {font-size: 19px; margin:20px 0}





.tabela-multi-campanhas-abreaba2 .dados {border-bottom: 1px solid var(--cor-cinza-300); padding:30px 0 !important; margin: 0 !important;}

.tabela-multi-campanhas-abreaba2 .right {white-space: nowrap;margin-left: 20px;  display: flex; gap: 15px;}



.tabela-multi-campanhas-abreaba3 .right {width: 230px;}





.acessos .nav-pills .nav-link, .estornos .nav-pills .nav-link  {padding-left:50px; padding-right:50px}

.acessos .nav-pills, .estornos .nav-pills {gap: 20px}

.acessos .config-content {margin-top:50px; }

.acessos .config-content h2, .h2-destaque {color: var(--cor-cinza-900) !important; font-size: 22px !important}

.acessos .msg-erro {color: var(--cor-secundaria-vermelho); margin-top: 30px; background-color: var(--cor-secundaria-vermelho-claro); border-radius: 999px; padding: 5px 15px; max-width:fit-content;}

.acessos .incluir-title {margin-top: 80px;}





.acessos .etapas {margin-bottom: 50px; font-size: 30px; display: flex; gap: 35px; align-items: center;}

.acessos .etapas .destaque {color: var(--cor-laranja);}

.acessos .etapas .seta {font-size: 17px; color: var(--cor-cinza-900);}



.acessos .formulario {margin-top: 20px; max-width: 500px;}

.acessos .formulario .form-campo {margin-top: 15px;}

.acessos .formulario .btn {margin-top: 25px;}



.acessos .btn-radio {width: 200px;--bs-btn-color: var(--cor-cinza-900);--bs-btn-bg: #fff;--bs-btn-border-color: var(--cor-cinza-900);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-900);--bs-btn-active-border-color: var(--cor-cinza-900);}

.acessos .perfil {margin-top: 0px;}

.acessos .perfil .btn {width: 100%; max-width: 200px;}





.tabela-usuarios {margin-top:50px}

.tabela-usuarios .legenda-m {display: none;}

.tabela-usuarios a {color: var(--cor-cinza-900)}

.tabela-usuarios .info h3 {font-size: 1rem; }

.tabela-usuarios .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-usuarios .info:hover {background:var(--cor-cinza-100)}

.tabela-usuarios .titulo:hover {background:#fff !important}

.tabela-usuarios .item {width: 50%;} 

.tabela-usuarios .item.nome {width: 100%;} 

.tabela-usuarios .item.ico {width: 30%; text-align: center; font-size: 20px;} 

.tabela-usuarios .item.ico i:hover {color: var(--cor-laranja);}





.tabela-usuario-empresa {margin-top:50px; margin-bottom: 30px;}

.tabela-usuario-empresa .legenda-m {display: none;}

.tabela-usuario-empresa a {color: var(--cor-cinza-900)}

.tabela-usuario-empresa .info h3 {font-size: 1rem; }

.tabela-usuario-empresa .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-usuario-empresa .info:hover {background:var(--cor-cinza-100)}

.tabela-usuario-empresa .titulo:hover {background:#fff !important}

.tabela-usuario-empresa .item {width: 100%;} 

.tabela-usuario-empresa .item.select {width:30%;} 

.tabela-usuario-empresa .item.cnpj {width: 50%;} 

.tabela-usuario-empresa .item.razaosocial {width: 100%;} 

.tabela-usuario-empresa .item.nomefantasia {width: 70%;} 

.tabela-usuario-empresa .item.unidade {width: 70%;} 

.tabela-usuario-empresa .item.select .form-check-input {margin-left: 20px;}











.tabela-usuario-empresa-modal {margin-top:20px; margin-bottom: 30px; border-top: 1px solid var(--cor-cinza-300);}

.tabela-usuario-empresa-modal a {color: var(--cor-cinza-900)}

.tabela-usuario-empresa-modal .info h3 {font-size: 1rem; }

.tabela-usuario-empresa-modal .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-usuario-empresa-modal .info:hover {background:var(--cor-cinza-100)}

.tabela-usuario-empresa-modal .titulo:hover {background:#fff !important}

.tabela-usuario-empresa-modal .item.select {width:40px;} 

.tabela-usuario-empresa-modal .item.cnpj {width: 100%;} 





.cadastro-autenticacao .content {width: 320px;}

.cadastro-autenticacao h5 {color: var(--cor-cinza-600); text-transform: uppercase; font-weight: 400; font-size: 14px; margin-bottom: 20px;}

.cadastro-autenticacao .txt-destaque {color: var(--cor-laranja); font-weight: 600;}

.cadastro-autenticacao .btn:disabled {font-weight: 400; box-shadow: none; background-color: #fff; }



.menu-links {margin-top: 50px;}

.menu-links a {display: flex; justify-content: space-between; align-items: center; color: var(--cor-cinza-900); padding-bottom: 10px;}

.menu-links .dados {display: flex; align-items: center; gap: 25px;}

.menu-links .dados i {font-size: 18px;margin-top: -12px; }

.menu-links .title {font-size: 13px;overflow: hidden; text-overflow: ellipsis; max-width: 240px; color: var(--cor-cinza-600);}

.menu-links .title h6 {font-size: 15px; margin-bottom: 3px; color: var(--cor-cinza-900);}

.menu-links:before {content: "";display: block;height: 2px;width: 0;}

.menu-links:after {transition: all ease-in-out .4s;background: none repeat scroll 0 0 var(--cor-laranja);content: "";display: block;height: 2px;width: 0;}

.menu-links:hover:after {width: 100%;}

.menu-links-2 {margin-top: 20px;}



.btn-ajudalink {color: var(--cor-cinza-900); font-size: 15px; margin-top: 50px; border-radius: 999px; padding: 0; display: flex; padding: 4px; gap: 10px; align-items: center; max-width: 250px;}

.btn-ajudalink i {margin-right: 3px; color: #fff; background-color: var(--cor-verde-claro); font-size: 22px; border-radius: 999px;width: 45px;height: 45px;max-width: 45px;max-height: 45px;min-width: 45px;min-height: 45px;display: flex; align-items: center; justify-content: center;}









.pg-SaldoContas .infosaldos {background: var(--cor-cinza-100);width:fit-content;padding: 20px;margin: 0 0 50px 0;border-radius: 8px;display: flex;flex-direction: column;gap: 20px;}

.pg-SaldoContas .infosaldos h1 {font-size: 20px;margin: 0;}

.pg-SaldoContas .infosaldos .valor {background-color: #fff; padding: 10px 20px; border-radius: 8px; margin-top: 10px; display: flex; align-items: center; height: 60px; gap: 15px;}

.pg-SaldoContas .infosaldos .antecipar .valor  {padding-right: 10px;}

.pg-SaldoContas .infosaldos .saldoparcial {display: flex; gap: 30px;}

.pg-SaldoContas .infosaldos .btn-copy {background-color: var(--cor-laranja); border-radius: 4px; padding: 10px; display: flex; color: #fff;}





.pg-SaldoContas .accordion-titulo {display: flex; justify-content: space-between; width: 100%; font-family: 'Inter', Arial, Helvetica, sans-serif; font-size:1rem; font-weight: 300;}

.pg-SaldoContas .accordion-titulo .nome {display: flex; align-items: center; gap: 15px;}

.pg-SaldoContas .accordion-titulo .nome span {display: block; height: 30px; display: flex; align-items: center;}

.pg-SaldoContas .accordion-titulo .nome .unidade {margin-left: 10px; color: var(--cor-cinza-500);}

.pg-SaldoContas .accordion-titulo .valor {font-weight: 600; display: flex; align-items: center; width: 100%; max-width: 140px}

.pg-SaldoContas .accordion {max-width: 100%;}

.pg-SaldoContas .subtitulos {margin-left: 20px;}

.pg-SaldoContas .subtitulos  .accordion-titulo .valor  {margin-right: 20px;}

.pg-SaldoContas .subtitulos .accordion-titulo {padding:15px 20px 15px 20px; border-top: 1px solid var(--cor-cinza-300);  }

.pg-SaldoContas .subtitulos .accordion-titulo.last {}

.pg-SaldoContas .accordion-body .accordion-item {border-radius: 0; margin-left: 20px; border-left: 0; border-right: 0; padding: 0;border-bottom: 0; }

.pg-SaldoContas .accordion-body {padding: 0; margin: 0;}

.pg-SaldoContas .accordion-body .accordion {padding: 0; margin: 0;}

.pg-SaldoContas .accordion-item {overflow: hidden;}











.pg-RelatorioDepositos .accordion-titulo {display: flex; justify-content: space-between; width: 100%; font-family: 'Inter', Arial, Helvetica, sans-serif; font-size:1rem; font-weight: 300;}

.pg-RelatorioDepositos .accordion-titulo .nome {display: flex; align-items: center; gap: 15px;}

.pg-RelatorioDepositos .accordion-titulo .nome span {display: block; height: 30px; display: flex; align-items: center;}

.pg-RelatorioDepositos .accordion-titulo .nome .unidade {margin-left: 10px; color: var(--cor-cinza-500);}

.pg-RelatorioDepositos .accordion-titulo .valor {font-weight: 600; display: flex; align-items: center; width: 100%; max-width: 140px}

.pg-RelatorioDepositos .accordion {max-width: 100%;}

.pg-RelatorioDepositos .subtitulos {margin-left: 20px;}

.pg-RelatorioDepositos .subtitulos  .accordion-titulo .valor  {margin-right: 20px;}

.pg-RelatorioDepositos .subtitulos .accordion-titulo {padding:15px 20px 15px 20px; border-top: 1px solid var(--cor-cinza-300);  }

.pg-RelatorioDepositos .subtitulos .accordion-titulo.last {}

.pg-RelatorioDepositos .accordion-body .accordion-item {border-radius: 0; margin-left: 20px; border-left: 0; border-right: 0; padding: 0;border-bottom: 0; }

.pg-RelatorioDepositos .accordion-body {padding: 0; margin: 0;}

.pg-RelatorioDepositos .accordion-body .accordion {padding: 0; margin: 0;}

.pg-RelatorioDepositos .accordion-item {overflow: hidden;}

.pg-RelatorioDepositos .RelatorioDepositos-filtro {display: flex; gap: 10px; margin-bottom: 30px;}

.pg-RelatorioDepositos .btn-outline-secondary.btn-checks {--bs-btn-color: var(--cor-cinza-600);--bs-btn-bg: #fff;--bs-btn-border-color:var(--cor-cinza-400);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-900);--bs-btn-active-border-color: var(--cor-cinza-900);}



.pg-RelatorioDepositos .relatorio-box  {height: 100%;border: 1px solid var(--cor-cinza-400);border-radius: 6px;padding: 0 20px 10px 20px;white-space: normal;}

.pg-RelatorioDepositos .relatorio-box h1 {font-size: 20px; margin: 0;}



.pg-RelatorioDepositos .relatorio-header1 {border-bottom: 1px solid var(--cor-cinza-200); padding:13px 0 10px 0; display: flex; justify-content: space-between; align-items: center;}

.pg-RelatorioDepositos .relatorio-header1 h1 {font-weight: 400; letter-spacing: -0.5px;}

.pg-RelatorioDepositos .relatorio-header1  .unidade {font-size: 14px; font-weight: 400; padding: 5px 10px; border-radius: 4px; display: block;}

.pg-RelatorioDepositos .relatorio-header2 {border-bottom: 1px solid var(--cor-cinza-200); margin-bottom: 20px;height: 60px; display: flex; justify-content: space-between; align-items: center;}

.pg-RelatorioDepositos .relatorio-header2  .btn {font-size: 13px; font-weight: 500; padding: 4px 10px; border-radius: 4px; display: block;}



.pg-RelatorioDepositos .relatorio-header3 {border-bottom: 1px solid var(--cor-cinza-200); border-top: 1px solid var(--cor-cinza-200); margin-top:20px;  margin-bottom: 20px;height: 60px; display: flex; justify-content: space-between; align-items: center;}

.pg-RelatorioDepositos .relatorio-header3  .btn {font-size: 13px; font-weight: 500; padding: 4px 10px; border-radius: 4px; display: block;}



.pg-RelatorioDepositos .relatorio-body .item {margin-bottom: 15px; display: flex; gap: 10px; align-items: center;}

.pg-RelatorioDepositos .relatorio-body .item i {font-size: 30px; color: var(--cor-cinza-600);}

.pg-RelatorioDepositos .relatorio-body .item .titulo {font-size: 13px; color: var(--cor-cinza-500); padding: 0 3px;}

.pg-RelatorioDepositos .relatorio-body .item .nome {font-size: 14px;}



.pg-RelatorioDepositos .infosaldos {background: var(--cor-cinza-100);width:fit-content;padding: 20px;margin: 0 0 50px 0;border-radius: 8px;display: flex;gap: 20px;}

.pg-RelatorioDepositos .infosaldos h1 {font-size: 20px;margin: 0;}

.pg-RelatorioDepositos .infosaldos .valor {background-color: #fff; padding: 10px 20px; border-radius: 8px; margin-top: 10px;min-width:170px; display: flex; align-items: center; height: 60px; gap: 15px;}





.pg-recebiveis .periodo-busca {display: flex; justify-content: space-between;}



.tabela-recebiveis a {color: var(--cor-cinza-900)}

.tabela-recebiveis .info h3 {font-size: 1rem; }

.tabela-recebiveis .info {display: flex; align-items: center; gap: 50px; border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px; transition: all ease-in-out .25s;}

.tabela-recebiveis .info:hover {background:var(--cor-cinza-100)}

.tabela-recebiveis .titulo {background:#fff !important; padding-top: 10px;}

.tabela-recebiveis .titulo:hover {background:#fff !important}

.tabela-recebiveis .titulo .item {white-space: nowrap; }

.tabela-recebiveis  .item {width:100%;}

.tabela-recebiveis  .recebiveis-icon {font-size: 22px;}

.tabela-recebiveis .legenda-m {display: none;}







.pg-depositos .periodo-busca {display: flex; justify-content: space-between;}



.tabela-depositos a {color: var(--cor-cinza-900)}

.tabela-depositos .info h3 {font-size: 1rem; }

.tabela-depositos .info {display: flex; align-items: center; gap: 50px; border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px; transition: all ease-in-out .25s;}

.tabela-depositos .info:hover {background:var(--cor-cinza-100)}

.tabela-depositos .titulo {background:#fff !important; padding-top: 10px;}

.tabela-depositos .titulo:hover {background:#fff !important}

.tabela-depositos .titulo .item {white-space: nowrap; }

.tabela-depositos  .item {width:100%;}

.tabela-depositos  .icon {font-size: 22px; width: 40%;}

.tabela-depositos .legenda-m {display: none;}





.pg-depositos .info-title {margin-bottom: 15px; display: flex; gap: 10px; align-items: center;}

.pg-depositos .info-title i {font-size: 32px; color: var(--cor-cinza-600);}

.pg-depositos .info-title .titulo {color: var(--cor-cinza-500); padding: 0 3px;}





.tabela-extrato a {color: var(--cor-cinza-900)}

.tabela-extrato .info h3 {font-size: 1rem; }

.tabela-extrato .info {display: flex; align-items: center; gap: 50px; border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px; transition: all ease-in-out .25s;}

.tabela-extrato .info:hover {background:var(--cor-cinza-100)}

.tabela-extrato .titulo {background:#fff !important; padding-top: 10px;}

.tabela-extrato .titulo:hover {background:#fff !important}

.tabela-extrato .titulo .item {white-space: nowrap; }

.tabela-extrato .legenda-m {display: none;}





.tabela-extrato .item {width:100%;}

.tabela-extrato .item.icon {font-size: 22px; width: 40%; text-align: center;}

.tabela-extrato .item.unidade {width: 100%; }

.tabela-extrato .debito {color: #d93025;}

.tabela-extrato .credito {color: #00a650;}



.tabela-extrato .item.id {width: 50%;}

.tabela-extrato .item.unidade {width: 150%;}







/* elementos copiáveis */

.pg-RelatorioDepositos .relatorio-body .nome,

.pg-RelatorioDepositos .relatorio-header h1 {

  position: relative;

  display: inline-block;

  cursor: pointer;

  border-radius: 4px;

  padding: 1px 4px;

}



.pg-RelatorioDepositos .relatorio-body .nome:hover {

    background-color: var(--cor-cinza-100);

}



/* texto "copiar" */

.pg-RelatorioDepositos .relatorio-body .nome::after,

.pg-RelatorioDepositos .relatorio-header h1::after {

    font-family: 'Inter', Arial, Helvetica, sans-serif; 

  content: "copiar";

  position: absolute;

  left: calc(100% + 2px);

  top: 50%;

  transform: translateY(-50%);

  font-size: 12px;

  color: var(--cor-cinza-500);

  font-weight: 400;

  opacity: 0;

  pointer-events: none;

  white-space: nowrap;

  transition: opacity 0.2s ease, transform 0.2s ease;

}



/* hover */

.pg-RelatorioDepositos .relatorio-body .nome:hover::after,

.pg-RelatorioDepositos .relatorio-header h1:hover::after {

  opacity: 1;

  transform: translateY(-50%) translateX(2px);

}



/* estado copiado */

.pg-RelatorioDepositos .relatorio-body .nome.copiado::after,

.pg-RelatorioDepositos .relatorio-header h1.copiado::after {

  content: "copiado";

  color: #2e7d32;

  opacity: 1;

}















.pg-recorrentes .planos {margin-bottom: 40px;}

.pg-recorrentes .planos .plano-item {transition: all ease-in-out .25s; height:100%; border: 1px solid var(--cor-cinza-400); border-radius:6px; padding:30px; white-space: normal;display: flex;flex-direction: column;justify-content: start;gap: 15px;}

.pg-recorrentes .planos .plano-item-link {color: var(--cor-cinza-900);}

.pg-recorrentes .planos .plano-item:hover {background: var(--cor-cinza-100) !important}

.pg-recorrentes .planos .plano-item .plano-header {display: flex;align-items: start;justify-content: space-between;}

.pg-recorrentes .planos .plano-item .plano-header h3 {font-size: 19px; }

.pg-recorrentes .planos .plano-item .plano-header i {border:1px solid var(--cor-cinza-100); transition: all ease-in-out .25s;background-color: var(--cor-cinza-100);margin-top: -10px;margin-right: -10px;color:var(--cor-cinza-900); height: 35px; width: 35px; display: flex; align-items: center; justify-content: center; border-radius: 999px;}

.pg-recorrentes .planos .plano-item .plano-body h4 {font-size: 30px;}

.pg-recorrentes .planos .plano-item .plano-footer span {border:1px solid var(--cor-cinza-100); transition: all ease-in-out .25s; background: var(--cor-cinza-100);margin-right: 5px; padding: 8px 10px; border-radius: 999px;}

.pg-recorrentes .planos .plano-item-plus {color: var(--cor-laranja); display: flex; align-items: center; justify-content: center;}

.pg-recorrentes .planos .plano-item-plus i {font-size: 35px;}

.pg-recorrentes .plano-item-plus-m {display: none;}





.pg-recorrentes .planos .plano-item:hover .plano-footer span,

.pg-recorrentes .planos .plano-item:hover .plano-header i{border:1px solid var(--cor-cinza-300)}



.pg-recorrentes .planos .plano-item { position: relative; }

.pg-recorrentes .planos .plano-header {display: flex;align-items: center;justify-content: space-between;}

.pg-recorrentes .planos .menu-btn {all: unset;position: absolute;top: 12px;right: 12px;padding: 6px;border-radius: 10px;cursor: pointer;}

.pg-recorrentes .planos .menu-btn:focus-visible { outline: 2px solid rgba(0,0,0,.3); outline-offset: 2px; }

.pg-recorrentes .planos .menu-btn i { font-size: 20px; line-height: 1; }

.pg-recorrentes .planos .col-3 {margin-bottom: 20px;}



.pg-recorrentes .plano-detalhes {display: flex; justify-content: space-between;gap: 30px;margin-bottom: 60px;}



.pg-recorrentes .plano-detalhes .plano-detalhes-col {width: 100%; border: 1px solid var(--cor-cinza-400); border-radius:6px; padding:30px; }

.pg-recorrentes .plano-detalhes .plano-detalhes-col-edit {width: 200px !important; text-align: right; padding: 0; display: flex; align-items: center; justify-content: center;}

.pg-recorrentes .plano-detalhes .plano-detalhes-col-edit .btn-editar {border: 0;box-shadow:none; display: flex; gap: 5px;}



.pg-recorrentes .plano-detalhes h3 {font-size: 17px; color: var(--cor-cinza-600); font-weight: 600;}

.pg-recorrentes .plano-detalhes h4 {font-size: 23px;margin: 0;}

.pg-recorrentes .logs-header {display: flex; align-items: center; justify-content: space-between; gap: 20px;}

.pg-recorrentes .logs-header h4 {margin: 0;}

.pg-recorrentes .btn-header {display: flex; justify-content: end; gap: 10px;margin-top: -20px; margin-bottom: -20px;}

.pg-recorrentes .header-voltar,

.pg-recorrentes .header-share {

    font-size: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 50px;

    height: 50px;

    border-radius:999px; 

    --bs-btn-color: var(--cor-cinza-700);

    --bs-btn-bg: var(--cor-cinza-100);

    --bs-btn-border-color:var(--cor-cinza-100);

    --bs-btn-hover-color: var(--cor-cinza-800);

    --bs-btn-hover-bg: transparent;

    --bs-btn-hover-border-color: var(--cor-cinza-600);

    --bs-btn-active-color: var(--cor-cinza-800);

    --bs-btn-active-bg: var(--cor-cinza-300);

    --bs-btn-active-border-color: var(--cor-cinza-300);

}

.pg-recorrentes .header-share {font-size: 15px; width: auto;}

.pg-recorrentes .header-share i {font-size: 20px; margin-right: 4px;}



.tabela-recorrentes .legenda-m {display: none;}

.tabela-recorrentes a {color: var(--cor-cinza-900)}

.tabela-recorrentes .info h3 {font-size: 1rem; }

.tabela-recorrentes .info {display: flex; align-items: center; gap: 50px; border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px; transition: all ease-in-out .25s;}

.tabela-recorrentes .info:hover {background:var(--cor-cinza-100)}

.tabela-recorrentes .titulo {background:#fff !important; padding-top: 10px;}

.tabela-recorrentes .titulo:hover {background:#fff !important}

.tabela-recorrentes .item {text-align: left; width: 100%;}



.tabela-recorrentes .cliente {width: 100%;}

.tabela-recorrentes .plano {width: 40%; }

.tabela-recorrentes .valorplano {width: 40%;}

.tabela-recorrentes .data {width: 60%;}

.tabela-recorrentes .status {width: 40%;}

.tabela-recorrentes .idplano {width: 20%;}

.tabela-recorrentes .plano-assinou,

.tabela-recorrentes .plano-expirou,

.tabela-recorrentes .plano-cancelou {padding: 5px 10px;border-radius: 999px;font-size: 15px;}

.tabela-recorrentes .plano-assinou {background-color: #88d6be;}

.tabela-recorrentes .plano-expirou {background-color: #f5a4a4;}

.tabela-recorrentes .plano-cancelou {background-color: #f5a4a4;}

.pg-recorrentes .plano-pagina-inner {border: 1px solid var(--cor-cinza-300); border-top: 0; border-radius: 0 0 8px 8px;padding: 30px;}

.pg-recorrentes .plano-pagina .nav-link {color: var(--cor-cinza-900);}

.pg-recorrentes .buscar-exportar {display: flex; align-items: center; gap: 50px; justify-content: space-between;margin-bottom: 40px;}

.pg-recorrentes .buscar-exportar .exportar a {font-size: 23px; color: var(--cor-cinza-900);}



.tabela-recorrentes-planos .legenda-m {display: none;}

.tabela-recorrentes-planos a {color: var(--cor-cinza-900)}

.tabela-recorrentes-planos .info h3 {font-size: 1rem; color: var(--cor-cinza-600) !important;}

.tabela-recorrentes-planos .info {display: flex; align-items: center; gap: 50px; border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px; transition: all ease-in-out .25s;}

.tabela-recorrentes-planos .info:hover {background:var(--cor-cinza-100)}

.tabela-recorrentes-planos .titulo {background:#fff !important; padding-top: 10px;}

.tabela-recorrentes-planos .titulo:hover {background:#fff !important}

.tabela-recorrentes-planos .item {text-align: left; width: 100%;}



.tabela-recorrentes-planos .cliente {width: 100%;}

.tabela-recorrentes-planos .ultimopagamento {width: 50%; }

.tabela-recorrentes-planos .valorplano {width: 40%;}

.tabela-recorrentes-planos .status {width: 40%;}

.tabela-recorrentes-planos .idplano {width: 20%;}



.tabela-recorrentes-planos .plano-ativo,

.tabela-recorrentes-planos .plano-inativo,

.tabela-recorrentes-planos .plano-pendente {padding: 5px 10px;border-radius: 999px;font-size: 15px;}



.tabela-recorrentes-planos .plano-ativo {background-color: #88d6be;}

.tabela-recorrentes-planos .plano-inativo {background-color: #f5a4a4;}

.tabela-recorrentes-planos .plano-pendente {background-color: #f2d691;}



.pg-recorrentes-modal .modal-header-nome span {color: var(--cor-cinza-600); font-size: 14px;}

.pg-recorrentes-modal h2 {font-size: 17px; font-weight: 600; margin-top: 5px;}

.pg-recorrentes-modal .modal-body-tabela {font-size:14px; display: flex; gap: 10px; justify-content: space-between;}

.pg-recorrentes-modal .modal-total {display: flex; justify-content: space-between; width: 100%;}

.pg-recorrentes-modal .modal-total h2 {font-size: 18px; font-weight: 700;}











.swipe-delete {

  position: relative;

  width: 100%;

  height: 65px;

  background: linear-gradient(90deg, var(--cor-secundaria-vermelho-claro), var(--cor-secundaria-vermelho-claro));

  border-radius: 19px;

  overflow: hidden;

  user-select: none;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 8px;

}



/* Texto padrão */

.swipe-text {

  font-size: 16px;

  font-weight: 500;

  color: var(--cor-secundaria-vermelho);

  pointer-events: none;

  z-index: 1;

}



/* Versão quando já excluiu */

.swipe-text.deleted {

  color: var(--cor-secundaria-vermelho);

}



/* Bolha que cresce */

.swipe-fill {

    color: #fff;

  position: absolute;

  left: 8px;

  height: 52px;

  width: 60px; /* largura inicial da bolha */

  background: var(--cor-secundaria-vermelho);

  border-radius: 15px;

  display: flex;

  align-items: center;

  justify-content: end;

  box-shadow: 0 4px 12px rgba(0,0,0,0.15);

  cursor: pointer;

  z-index: 2;

  transition: width 0.2s ease, background 0.2s ease;

  padding-right: 18px;

  font-size: 24px;

}



.swipe-fill.completed {

  background: #d10000;

}





/* Explosão da bolha */

.swipe-fill.explode {

  animation: explode 0.4s forwards;

}



@keyframes explode {

  0% {

    transform: scale(1);

    opacity: 1;

  }

  100% {

    transform: scale(1.4);

    opacity: 0;

  }

}



/* Desabilita interação depois de excluir */

.swipe-delete.disabled {

  pointer-events: none;

}



.form-control.prefixo-rs-input {

    padding-left: 38px !important

}



.prefixo-rs {

  position: absolute;

  left: 12px;

  top: 50%;

  transform: translateY(-50%);

  color: var(--cor-cinza-600);

  opacity: 0;

  transition: opacity 0.2s ease;

  pointer-events: none;

}

.form-control.com-prefixo {

  padding-left: 2.2rem;

}





.btn-checkboxselecao {

    --bs-btn-color: var(--cor-cinza-900);

    --bs-btn-bg: transparent;

    --bs-btn-border-color: var(--cor-cinza-400);



    --bs-btn-active-color: #fff;

    --bs-btn-active-bg: var(--cor-cinza-900);

    --bs-btn-active-border-color:var(--cor-cinza-900);

}

















.pg-transferencias .accordion-titulo {display: flex; justify-content: space-between; width: 100%; font-family: 'Inter', Arial, Helvetica, sans-serif; font-size:1rem; font-weight: 300;}

.pg-transferencias .accordion-titulo .nome {display: flex; align-items: center; gap: 15px;}

.pg-transferencias .accordion-titulo .nome span {display: block; height: 30px; display: flex; align-items: center;}

.pg-transferencias .accordion-titulo .nome .unidade {margin-left: 10px; color: var(--cor-cinza-500);}

.pg-transferencias .accordion-titulo .valor {font-weight: 600; display: flex; align-items: center; width: 100%; max-width: 140px}

.pg-transferencias .accordion {max-width: 100%;}

.pg-transferencias .subtitulos {margin-left: 20px;}

.pg-transferencias .subtitulos  .accordion-titulo .valor  {margin-right: 20px;}

.pg-transferencias .subtitulos .accordion-titulo {padding:15px 20px 15px 20px; border-top: 1px solid var(--cor-cinza-300);  }

.pg-transferencias .subtitulos .accordion-titulo.last {}

.pg-transferencias .accordion-body .accordion-item {border-radius: 0; margin-left: 20px; border-left: 0; border-right: 0; padding: 0;border-bottom: 0; }

.pg-transferencias .accordion-body {padding: 0; margin: 0;}

.pg-transferencias .accordion-body .accordion {padding: 0; margin: 0;}

.pg-transferencias .accordion-item {overflow: hidden;}

.pg-transferencias .RelatorioDepositos-filtro {display: flex; gap: 10px; margin-bottom: 30px;}

.pg-transferencias .btn-outline-secondary.btn-checks {--bs-btn-color: var(--cor-cinza-600);--bs-btn-bg: #fff;--bs-btn-border-color:var(--cor-cinza-400);--bs-btn-active-color: #fff;--bs-btn-active-bg: var(--cor-cinza-900);--bs-btn-active-border-color: var(--cor-cinza-900);}



.pg-transferencias .relatorio-box  {height: 100%;border: 1px solid var(--cor-cinza-400);border-radius: 6px;padding: 0 20px 10px 20px;white-space: normal;}

.pg-transferencias .relatorio-box h1 {font-size: 20px; margin: 0;}



.pg-transferencias .relatorio-header1 {border-bottom: 1px solid var(--cor-cinza-200); padding:13px 0 10px 0; display: flex; justify-content: space-between; align-items: center;}

.pg-transferencias .relatorio-header1 h1 {font-weight: 400; letter-spacing: -0.5px; margin: 0; font-size: 18px;}



.pg-transferencias .relatorio-header1 .empresa {display: flex; align-items: center; gap: 10px;padding: 5px 0; }

.pg-transferencias .relatorio-header1  .unidade {font-size: 13px; font-weight: 300;color: var(--cor-cinza-600); }

.pg-transferencias .relatorio-header1  .saldo {font-size: 11px; font-weight: 400; color: var(--cor-cinza-800); font-weight: 700;}

.pg-transferencias .relatorio-header1  .saldo B {font-weight: 600;}



.pg-transferencias .relatorio-header2 {border-bottom: 1px solid var(--cor-cinza-200); margin-bottom: 20px;height: 60px; display: flex; justify-content: space-between; align-items: center;}

.pg-transferencias .relatorio-header2  .btn {font-size: 13px; font-weight: 500; padding: 4px 10px; border-radius: 4px; display: block;}



.pg-transferencias .relatorio-header3 {border-bottom: 1px solid var(--cor-cinza-200); border-top: 1px solid var(--cor-cinza-200); margin-top:20px;  margin-bottom: 20px;height: 60px; display: flex; justify-content: space-between; align-items: center;}

.pg-transferencias .relatorio-header3  .btn {font-size: 13px; font-weight: 500; padding: 4px 10px; border-radius: 4px; display: block;}



.pg-transferencias .relatorio-body .item {margin-bottom: 15px; display: flex; gap: 10px; align-items: center;}

.pg-transferencias .relatorio-body .item i {font-size: 30px; color: var(--cor-cinza-600);}

.pg-transferencias .relatorio-body .item .titulo {font-size: 13px; color: var(--cor-cinza-500); padding: 0 3px;}

.pg-transferencias .relatorio-body .item .nome {font-size: 14px;}





.pg-transferencias .busca-dropdown {display: flex; gap: 50px; align-items: start; margin-bottom: 20px;}



.pg-transferencias .seletor {width: 100%; max-width: 200px;}

.pg-transferencias .seletor select {height: 50px;}







/* elementos copiáveis */

.pg-transferencias .relatorio-body .nome,

.pg-transferencias .relatorio-header h1 {

  position: relative;

  display: inline-block;

  cursor: pointer;

  border-radius: 4px;

  padding: 1px 4px;

}



.pg-transferencias .relatorio-body .nome:hover {

    background-color: var(--cor-cinza-100);

}



/* texto "copiar" */

.pg-transferencias .relatorio-body .nome::after,

.pg-transferencias .relatorio-header h1::after {

    font-family: 'Inter', Arial, Helvetica, sans-serif; 

  content: "copiar";

  position: absolute;

  left: calc(100% + 2px);

  top: 50%;

  transform: translateY(-50%);

  font-size: 12px;

  color: var(--cor-cinza-500);

  font-weight: 400;

  opacity: 0;

  pointer-events: none;

  white-space: nowrap;

  transition: opacity 0.2s ease, transform 0.2s ease;

}



/* hover */

.pg-transferencias .relatorio-body .nome:hover::after,

.pg-transferencias .relatorio-header h1:hover::after {

  opacity: 1;

  transform: translateY(-50%) translateX(2px);

}



/* estado copiado */

.pg-transferencias .relatorio-body .nome.copiado::after,

.pg-transferencias .relatorio-header h1.copiado::after {

  content: "copiado";

  color: #2e7d32;

  opacity: 1;

}











.pg-transferencias2 .num-destaque {font-size: 25px; margin-top: 20px; color: var(--cor-cinza-900)}

.pg-transferencias2 .num-destaque i {color: var(--cor-cinza-600)}



.pg-transferencias2 .card{

  transition:0.4s ease;

  border:0

}



.pg-transferencias2 .topo{

  display:flex;

  align-items:center;

  justify-content:space-between;

}



.pg-transferencias2 .fechar{

  width:34px;

  height:34px;

  border:none;

  border-radius:50%;

  background-color: #fff;

  cursor:pointer;

  font-size:18px;

  display:flex;

  align-items:center;

  justify-content:center;

  transition:0.2s;

  opacity:0;

  pointer-events:none;

  transform:scale(.8);

  position: relative;

  margin-top: -30px;

  margin-right: -20px;

}



.pg-transferencias2 .card.aberto .fechar{

  opacity:1;

  pointer-events:auto;

  transform:scale(1);

}



.pg-transferencias2 .fechar:hover{

background:#f1f1f1;

}



.pg-transferencias2 .campo{

  margin-bottom:18px;

}



.pg-transferencias2 label{

  display:block;

  margin-bottom:10px;

  font-size:13px;

  color:var(--cor-cinza-600);

  text-transform:uppercase;

}



.pg-transferencias2 input,

.pg-transferencias2 textarea{

  width:100%;

  height: auto;

  outline:none;

  transition:0.2s;

}



.pg-transferencias2 input:focus,

.pg-transferencias2 textarea:focus{

  border-color: var(--cor-cinza-600);

}



.pg-transferencias2 .campo-valor{

  font-size:25px;

  font-weight:bold;

  padding: 20px;

}



.pg-transferencias2 .campo-pix {

  padding: 8px 20px;

}



.pg-transferencias2 .campo-obs {

  padding: 18px 20px;

  line-height:normal !important;

}



.pg-transferencias2 textarea{

  min-height:100px;

  resize:none;

}



.pg-transferencias2 .btn-principal:hover{

  transform:translateY(-2px);

}



.pg-transferencias2 .extra{

  max-height:0;

  opacity:0;

  overflow:hidden;

  transition:

    max-height .6s ease,

    opacity .35s ease,

    margin-top .35s ease;

  margin-top:0;

}



.pg-transferencias2 .card.aberto .extra{

  max-height:600px;

  opacity:1;

  margin-top:24px;

}



.pg-transferencias2 .tipos{

  display:flex;

  gap:10px;

  margin-bottom:10px;

  flex-wrap:wrap;

}







.pg-transferencias2 .tipo:active{ 

  background-color: red;

}



.pg-transferencias2 .travado{

  opacity:.7;

  pointer-events:none;

}



.pg-transferencias2 .erro-msg{

  margin-top:14px;

  font-size:14px;

  color:#d93025;

  text-align:center;

  animation:pgFade .25s ease;

}



@keyframes pgFade{

  from{

    opacity:0;

    transform:translateY(-4px);

  }

  to{

    opacity:1;

    transform:translateY(0);

  }

}



.pg-transferencias2 .tipo-radio{

  position:relative;

  cursor:pointer;

}



.pg-transferencias2 .tipo-radio input{

  position:absolute;

  opacity:0;

  pointer-events:none;

}



.pg-transferencias2 .tipo-radio span{

  display:flex;

  align-items:center;

  justify-content:center;

  border:1px solid transparent;

  background:var(--cor-cinza-100);

  padding:10px 16px;

  border-radius:999px;

  font-size:13px;

  transition:.2s;

}



/* hover */

.pg-transferencias2 .tipo-radio:hover span{

  background:var(--cor-cinza-100);

}



/* selecionado */

.pg-transferencias2 .tipo-radio input:checked + span{

  border-color:var(--cor-cinza-900);

}



.pg-transferencias2 .swipe-confirmar{

  width:100%;

  margin-top:10px;

}



.pg-transferencias2 .swipe-track{

  position:relative;

  width:100%;

  height:60px;

  background:#f1f1f1;

  border-radius:999px;

  overflow:hidden;

}



.pg-transferencias2 .swipe-fill{

  position:absolute;

  left:0;

  top:0;

  width:0;

  height:100%;

  background:var(--cor-laranja);

  border-radius:999px;

  transition:width .05s linear;

}



.pg-transferencias2 .swipe-texto{

  position:absolute;

  inset:0;

  display:flex;

  align-items:center;

  justify-content:center;

  font-size:14px;

  color:#666;

  z-index:2;

  pointer-events:none;

  transition:.2s;

}



.pg-transferencias2 .swipe-btn{

  position:absolute;

  left:4px;

  top:4px;

  width:52px;

  height:52px;

  border:none;

  border-radius:50%;

  background:#fff;

  color:var(--cor-laranja);

  font-size:20px;

  cursor:grab;

  z-index:3;

  transition:

    background .2s,

    transform .2s;

}



.pg-transferencias2 .swipe-btn:active{

  cursor:grabbing;

  transform:scale(.98);

}



/* quando confirmar */

.pg-transferencias2 .swipe-track.confirmado .swipe-fill{

  width:100% !important;

}



.pg-transferencias2 .swipe-track.confirmado .swipe-texto{

  color:#fff;

}



.pg-transferencias2 .swipe-track.confirmado{

  background:var(--cor-laranja);

}



.pg-transferencias2 .swipe-track.confirmado .swipe-fill{

  width:100% !important;

}



.pg-transferencias2 .swipe-track.confirmado .swipe-texto{

  color:#fff;

  font-weight:600;

}



.pg-transferencias2 .swipe-btn{

  transition:

    left .05s linear,

    opacity .25s ease,

    transform .2s;

}



.title-tabela-data {}



.title-tabela-data span {background-color: var(--cor-cinza-100); backreound:red; border-radius: 999px; display: inline-block; padding: 5px 10px;  margin-left: 5px;}





.tabela-transferencias-agendadas {margin-top:0px}

.tabela-transferencias-agendadas a {color: var(--cor-cinza-900)}

.tabela-transferencias-agendadas .info h3 {font-size: 1rem; }

.tabela-transferencias-agendadas .info {display: flex; gap:30px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

.tabela-transferencias-agendadas .info:hover {background:var(--cor-cinza-100)}

.tabela-transferencias-agendadas .titulo:hover {background:#fff !important}

.tabela-transferencias-agendadas .item {width: 100%; } 

.tabela-transferencias-agendadas .legenda-m {display: none;}

.tabela-transferencias-agendadas .chave .chavetipo {border:1px solid var(--cor-cinza-300); display:block; margin-top:3px; width: fit-content; font-size: 13px; padding: 2px 10px; border-radius: 999px;}

.tabela-transferencias-agendadas .item.cancelar a {font-size: 26px;} 

.tabela-transferencias-agendadas .item.cancelar a:hover {color: var(--cor-secundaria-vermelho);}





.tabela-transferencias-agendadas .item.id {width: 30%;}

.tabela-transferencias-agendadas .item.controle {width: 100%;}

.tabela-transferencias-agendadas .item.chave {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.tabela-transferencias-agendadas .item.valor {width: 60%;}

.tabela-transferencias-agendadas .item.cancelar {width: 30%; text-align: center;}











.pg-extrato .num-destaque {font-size: 25px;margin-top: 20px;color: var(--cor-cinza-900);}

.pg-extrato .num-destaque i {color: var(--cor-cinza-600);}

















.display-m-2050 {display: none}

.display-m-1919 {display: none}

.display-m-1399 {display: none}

.display-m-1199 {display: none}

.display-m-991 {display: none}

.display-m-767 {display: none}

.display-m-575 {display: none}

.display-m-413 {display: none}

.mobile-space {display: none}

.mobile-space-lg {display: none}





@media (max-width: 2050px) /* 1920 */ {

    .display-m-2050 {display: block}

}



@media (max-width: 1919px) /* 1400 */ {

    .display-m-1919 {display: block}

    .dados-vendas h2, .dados-faturamento h2 {font-size:14px}

    .dados-vendas-item span, .dados-faturamento-item .valor {font-size: 17px}

    .dados-faturamento-item .valor .crescimento, .dados-faturamento-item .valor .queda {font-size:11px; padding: 1px 4px}

    .box-fidelidade h3 {font-size:25px}



    .dados-vendas h2, .dados-faturamento h2, .dados-fidelidade h2, .dados-novoscadastros h2 {font-size:14px}

    .dados-vendas-item span, .dados-faturamento-item .valor, .dados-fidelidade-item .valor, .dados-novoscadastros-item .valor {font-size: 17px}

    .dados-faturamento-item .valor .crescimento, .dados-faturamento-item .valor .queda {font-size:11px; padding: 1px 4px}

    

    .tabela-vitrine-produtos .preco {width: 190px;}

    .tabela-vitrine-produtos .descricao {width: 330px;}

    .tabela-vitrine-produtos .categoria {width: 200px;}

    .tabela-vitrine-produtos .check {width: 30px;}



    .pg-gestaoprodutos .variacao-item {display: block;}

    .pg-gestaoprodutos .form-select {margin-bottom: 15px;}

    .pg-gestaoprodutos .editvariacao-inner {display: block;}

    .pg-gestaoprodutos .editvariacao-inner .form-control {margin-bottom: 15px;}

    .pg-gestaoprodutos .atributos-container {flex-direction: column;}

    .pg-gestaoprodutos .atributos-container .nome, .pg-gestaoprodutos .atributos-container .valores {width: 100%;}

    .pg-gestaoprodutos .form-descricao, .pg-gestaoprodutos .campo-imagem {max-height: 172px;}

    .pg-gestaoprodutos .campo-imagem img {max-height: 141px; border-radius: 6px;}



    .loop-vendas-img  {max-width: 200px;}

    .loop-vendas-grafico .texto-destaque {font-size: 16px;}

    .loop-vendas-grafico .texto-destaque {width: 100%; gap: 50px;}

    .loop-vendas-grafico .texto-destaque .valor h2 {font-size: 33px;}



    .pg-premios .periodo-busca {flex-direction: column; gap: 30px;}



    .ajuda .contatos {gap: 20px;}

    .ajuda .contatos .item {padding: 20px;}



    .ajuda .funcionalidades-maquina {gap: 20px;}

    .ajuda .funcionalidades-maquina .item {padding: 20px;}



    .ajuda .solicitacoes {gap: 20px;}

    .ajuda .solicitacoes .item {padding: 20px;}

}







@media (max-width: 1399px) /* 1200 BS XXL */ {

    .display-m-1399 {display: block}

    .mobile-space {display:block; height:30px; }

    .dados-vendas-item {float: left;margin-bottom: 30px;width: 50%;}

    .dados-vendas-inner {display: block;}

    .dados-vendas {padding-bottom:0}



    .dados-faturamento-item {float: left;margin-bottom: 30px;width: 50%;}

    .dados-faturamento-inner {display: block;}

    .dados-faturamento {padding-bottom:0}



    .dados-fidelidade-item {float: left;margin-bottom: 30px;width: 50%;}

    .dados-fidelidade-inner {display: block;}

    .dados-fidelidade {padding-bottom:0}



    .dados-novoscadastros-item {float: left;margin-bottom: 30px;width: 50%;}

    .dados-novoscadastros-inner {display: block;}

    .dados-novoscadastros {padding-bottom:0}



    .tabela-premios .item {width: 48%;}

    .tabela-premios .item.foto img {max-width: 200px;}

    .tabela-premios .item {width: 44%;}

    .perfil-cliente .dados {display: block;}

    .perfil-cliente .foto {margin-left:20px; border-radius: 12px;}

    .perfil-cliente-p .perfil-cliente .foto {margin-left: 0; border-radius: 6px 0 0 6px}



    .cliente-visao-item {float: left;width: 50%;margin-top: 30px}

    .cliente-visao-inner {display: block;}



    .cliente-visao h2 {font-size: 14px;}

    .cliente-visao .valor {font-size:17px}

    .cliente-visao h4 {margin-bottom: 0;}



    .consultarcliente .acoes-marketing {display: block;}

    .consultarcliente .acoes-marketing .item {margin-bottom: 25px;}

    .consultarcliente .acoes-marketing .item span {width: 100%; max-width: 110px;}





    .pg-gestaoprodutos-header {display: block;}

    .pg-gestaoprodutos .title-ic {margin-bottom: 20px;}



    .pg-gestaoprodutos .campo-imagem img {max-height: 120px;}



    .pg-vitrinevirtual-header .input-busca {max-width: 150px;}

    .pg-vitrinevirtual-header .form-data {max-width: 150px;}

    .pg-vitrinevirtual .acoes {margin-top: 25px;}

    .pg-vitrinevirtual .status-select {max-width: 300px;}

    .pg-vitrinevirtual .dados-data,.pg-vitrinevirtual .dados-fatura,.pg-vitrinevirtual .dados-entrega,.pg-vitrinevirtual .dados-cliente {margin-top:40px; border-bottom: 1px solid var(--cor-cinza-300); padding-bottom: 40px;}

    .pg-vitrinevirtual .dados-data {margin-top: 0;}

    .pg-vitrinevirtual .dados-cliente {padding-bottom: 0; border: 0;}

    .pg-vitrinevirtual .produto-foto {margin-bottom: 30px;}

    .pg-vitrinevirtual .produto-info-nome {margin-top: 10px;}

    .inical-destaques-banner {margin-top: 20px;}



    .loop-vendas {flex-direction: column; align-items: start; }



    .btn-index-vertodas {margin-bottom: 15px;}



    .ajuda .contatos .btn, .ajuda .contatos .tel {padding: 10px; font-size: 12px;}



    .ajuda .funcionalidades-maquina .btn {padding: 10px; font-size: 12px;}



    .premio .nomep p {font-size: 13px;}

    .premio .nomep {height: auto;}

    .premio .info-selecionar {flex-direction: column; align-items: center; text-align: center; gap: 10px;}

    .premio .selecionar .btn-secondary, .premio .info-selecionar .data, .premio .info-selecionar h4 {margin: 0;}

    .premio .data-status {display: flex; flex-direction: column; text-align: center;}



    .pg-multi-campanhas-header .periodo-busca-btn {flex-direction: column; justify-content: start; align-items: start;}





    .tabela-divisaoclientes {flex-direction: column;}

    .tabela-divisaoclientes .btn {width: fit-content;}



}





@media (max-width: 1199px) /* 992px */ {

    .display-m-1199 {display: block}

    h1 {font-size:2rem}

    h2 {font-size:1.5rem}

    h3 {font-size:1.3rem}

    .navtop .nav-display-d {display:none}

    .navtop .nav-display-m {display:block}

    .navtop .container-xl {padding: 0}

    .navtop .navbar-toggler {position: fixed; top: 0.9rem; right: 2.5rem}

    .navtop .navbar-brand {position: fixed; top: 0.8rem; left: 2.5rem}

    .navbar-brand img {height: 39px; margin-top:3px}

    .navtop, .navtop-bottom, .navbar-close {height: 4.3rem;}



    .navtop .navbar {margin-top:4.3rem; background:#fff; float:right; height:100vh; display:flex; align-items: start; border-left:1px solid var(--cor-cinza-400); box-shadow: -0.25rem 0.625rem 1.375rem rgb(0 0 0 / 0.1); padding-top:0}

    .navtop .navbar-collapse {width:18.75rem}

    .navtop .nav-item, .navtop .nav-log .nav-item {border-bottom:1px solid var(--cor-cinza-400); padding: 0.313rem 0; margin:0}



    .sidebar-crm {display:none}

    .dashboard-inner {margin: 40px;}

    .dashboard-inner-top {margin-left: 40px; margin-right: 40px; margin-bottom: 0;}

    .dashboard .periodo {margin-bottom: 30px;}



    .tabela-links .info .id {width: 100px;}

    .tabela-links .info .cliente {margin-right: 20px;}

    .tabela-links .info .data {width: 210px;}

    .tabela-links .info .valor {width: 100px;}



    .configuracoesdeconta .nav-pills {gap: 0px;}

    .configuracoesdeconta .form-control {max-width: 100%}

    .consultarcliente .acoes-marketing {display: block;}



    .tabela-pagamentos .dados, .tabela-premios .dados {padding-right: 0;}

    .tabela-premios .item.foto img {max-width: 99px; }

    .tabela-premios .item {width: 77%;}

    .pg-vitrinevirtual-header {flex-direction: column; width: 100%;}

    .pg-vitrinevirtual-header .left {width: 100%;}

    .pg-vitrinevirtual-header .form-select {width: 100% !important; min-width: auto !important;}

    .pg-vitrinevirtual-header .right {margin-top: 20px; width: 100%;}

    .pg-vitrinevirtual-header .input-busca {width: 100% !important; max-width: 100%;}



    .acoesdemarketing-campanhas .canais .canal-item {margin-bottom: 20px;}





    .tabela-usuarios .info.titulo {display: none;}

    .tabela-usuarios .legenda-m {display: inline-block;margin-right: 5px;color: var(--cor-cinza-600);font-weight: 700;}

    .tabela-usuarios .info {flex-direction: column; gap: 10px}

    .tabela-usuarios .item.ico {width: 100%; text-align: right;}

    .tabela-usuarios .item {width: 100%; flex-basis: 50%;}

    .tabela-usuarios .item.editar {margin-top: -80px;}

    .tabela-usuarios .item.excluir {margin-bottom: 20px;} 

    .tabela-usuarios .item.nome {margin-top: 20px;}

    .tabela-usuarios {margin-top: 10px;}



    .tabela-usuario-empresa  .info.titulo {display: none;}

    .tabela-usuario-empresa  .legenda-m {display: inline-block;margin-right: 5px;color: var(--cor-cinza-600);font-weight: 700;}

    .tabela-usuario-empresa  .info {flex-direction: column; gap: 10px}

    .tabela-usuario-empresa  .item {width: 100%; flex-basis: 50%;}

    .tabela-usuario-empresa  {margin-top: 10px;}

    .tabela-usuario-empresa .item.select .form-check-input {margin: 0;}

    .tabela-usuario-empresa .item.select, .tabela-usuario-empresa .item.cnpj, .tabela-usuario-empresa .item.nomefantasia, .tabela-usuario-empresa .item.unidade {width: 100%;}

    .tabela-usuario-empresa .item.unidade {margin-bottom: 10px;}

    .tabela-usuario-empresa .item.select {margin-top: 10px;}





    .pg-multi .box-novosclientes {margin-top: 50px;}

    .pg-multi .box-novosclientes ul {display: flex;}

    .pg-multi .box-novosclientes .grafico-title {display: none;}

    .pg-multi .box-novosclientes .tab-content {display: block;}

    .pg-multi .box-novosclientes .tab-content>.tab-pane { display: none;}

    .pg-multi .box-novosclientes .tab-content>.active {display: block;}

    .pg-multi .box-novosclientes  .fade:not(.show) {opacity: 0;}



    .pg-multi .box-novosclientes #pieGenero,

    .pg-multi .box-novosclientes #pieCidade,

    .pg-multi .box-novosclientes #pieIdade {width: 100% !important;}



    .pg-multi-campanhas .periodo-busca-btn .box1 {flex-direction: column; align-items: start;}

    .tabela-multi-campanhas .info .item span {white-space: nowrap;}





    .pg-recorrentes .plano-detalhes {flex-wrap: wrap; gap: 10px;}

    .pg-recorrentes .plano-detalhes .plano-detalhes-col {width: 49%;}



}





@media (max-width: 991px) /* 768px */ {



    .inical-destaques {margin-top: 0 !important;}



    .display-m-991 {display: block}

    .display-d-991 {display:none !important}

    .display-m-991 {display:block !important}

    .cadastro-left {display:none}

    .cadastro-right .content {width: 100%;margin: 40px 0px 0 0px;}

    .cadastro-right h3 {font-size: 24px;}

    .cadastro-participante-m {display:block}

    .background-image-login {display:none}

    .login-navbar-brand-m {display: block; }

    .no-navbar-close {margin-bottom:0}



    .btn-hidden-menu {display: none}

    .btn-abrirmenu-m {display:block; padding: 0 0 0 0; box-shadow:none;border-radius:10px;--bs-btn-color: var(--cor-cinza-800);--bs-btn-bg:  var(--cor-cinza-100);--bs-btn-border-color:  var(--cor-cinza-100);--bs-btn-hover-color: var(--cor-cinza-900);--bs-btn-hover-bg:  var(--cor-cinza-100);--bs-btn-hover-border-color: var(--cor-cinza-100);--bs-btn-active-color:var(--cor-cinza-900); --bs-btn-active-bg: var(--cor-cinza-100);--bs-btn-active-border-color:var(--cor-cinza-100);}

    .btn-abrirmenu-m svg {height: 32px; width:32px; margin: 10px}

    .dashboard .crm-sidebar {margin-top: 86px !important; height: 100vh; margin-bottom:80px; overflow-y: scroll;}

    .dashboard .crm-sidebar #sidebar-nav {padding-bottom: 250px;}



    .nav-nome {padding: 10px 30px 10px 10px }

    .dashboard .crm-sidebar {border-left:0; max-width: 100%; border-left: 1px solid var(--cor-cinza-300);}



    .afiliacao-left {display: block; min-height: auto;}

    .afiliacao-left .content {max-width: 90%; margin:0 auto; text-align: left; margin-top:50px}

    .afiliacao-left h1, .afiliacao-left h2 {text-align: left;}

    .afiliacao .cadastro-formulario {margin-top: 20px;}

    .afiliacao-retorno .afiliacao-left {display: none;}

    .afiliacao-retorno-msg {text-align: center;}

    .afiliacao-retorno .cadastro-right {display: block;}



    .tabela-links .info {display: block}

    .tabela-links .info .id {width: 100%;margin-bottom:10px}

    .tabela-links .info .data {margin-top:10px;margin-bottom: 10px;display: flex;gap: 50px; width: 100%;}

    .tabela-links .info .cpf { margin-bottom:15px;}

    .tabela-links .info .nome {margin:0}

    .tabela-links .info .valor {width: 100%;}

    .tabela-links .info .valor .btn {display: block; width: 105px; margin-top:10px}

    .tabela-links .info .valor span {display: inline; margin-left:5px}

    .tabela-links .info .id span {display: inline;}



    .configuracoesdeconta .nav-pills {gap: 2%;}

    .configuracoesdeconta .nav-pills .nav-item {width: 49%;}

    .configuracoesdeconta .nav-pills .nav-item .nav-link {width: 100%; margin-bottom:15px;}

    .configuracoesdeconta .nav-pills .nav-link {padding-left: 0;padding-right: 0;}  



    .tabela-ranking .info.titulo {display: none;}

    .tabela-ranking .info {display: flex;align-items: start;border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px;transition: all ease-in-out .25s;flex-wrap: wrap;}

    .tabela-ranking .numero { margin-bottom:10px; padding-left: 0; }

    .tabela-ranking .cliente {flex-basis: 100%; margin-bottom:10px; font-weight: 600;}

    .tabela-ranking .recencia {flex-basis: 100%; margin-bottom:10px}

    .tabela-ranking .frequencia {flex-basis: 100%; margin-bottom:10px}

    .tabela-ranking .valor {flex-basis: 100%; margin-bottom:10px}

    .tabela-ranking .cta {flex-basis: 100%; margin-bottom:10px; text-align: left;}

    .tabela-ranking .legenda-m {display:inline-block; margin-right: 5px; color: var(--cor-cinza-600); font-weight: 700;}



    .tabela-ranking .selecionar-todos {padding:45px 5px; align-items: center;}

    .tabela-ranking .selecionar-todos .cta {width: auto;text-align: right}

    .tabela-ranking .selecionar-todos .form-check-label {white-space: nowrap}





    .estornos .nav-pills .nav-link {padding-left: 20px;padding-right: 20px;}

    .estornos-input .btn {padding-left:10px; padding-right:10px}

    .pg-gestaoprodutos-header .right .form-control, .pg-gestaoprodutos-header .right .form-select {height: 50px;}

    .pg-gestaoprodutos-header .right .btn {padding-top:0; padding-bottom: 0; height: 50px;}

    .pg-gestaoprodutos-header .right {gap: 15px}



    .tabela-vitrine-produtos .info {padding:0; margin:0; flex-direction: column; padding-bottom: 20px;}

    .tabela-vitrine-produtos .info.titulo {display: none;}

    .tabela-vitrine-produtos .legenda-m {display:inline-block; font-weight: 600;}

    .tabela-vitrine-produtos .nome p,.tabela-vitrine-produtos .preco p,.tabela-vitrine-produtos .categoria p,.tabela-vitrine-produtos .descricao p,.tabela-vitrine-produtos .status p{padding:0; margin: 0}

    .tabela-vitrine-produtos .nome, .tabela-vitrine-produtos .preco, .tabela-vitrine-produtos .categoria, .tabela-vitrine-produtos .descricao,.tabela-vitrine-produtos .status {padding:10px 0; margin: 0; width: 100%;}

    .tabela-vitrine-produtos .check {padding:0; margin:0}

    .tabela-vitrine-produtos .detalhes {margin-top: 20px;}





    .tabela-vendas {margin-top: -30px;}

    .tabela-vendas a {color: var(--cor-cinza-900); }

    .tabela-vendas .info h3 {font-size: 1rem; }

    .tabela-vendas .check {width: 90px; padding-left:10px }

    .tabela-vendas .info {display: flex; align-items: center; border-bottom: 1px solid var(--cor-cinza-300);padding: 25px 5px; transition: all ease-in-out .25s;}

    .tabela-vendas .info:hover {background:var(--cor-cinza-100)}

    .tabela-vendas .titulo:hover {background:#fff !important}

    .tabela-vendas .item.check {width: 100%; margin-right: 30px; margin-top: 20px;}

    .tabela-vendas .venda {width: 100%; flex: 1 1 auto!important}

    .tabela-vendas .item {width: 100%; margin: 5px 0}

    .tabela-vendas .item.status {margin:5px 0}

    .tabela-vendas .cancelado, .tabela-vendas .entregue, .tabela-vendas .atencao {padding: 4px 6px;}

    .tabela-vendas .info {padding:0; margin:0; flex-direction: column; padding-bottom: 20px;}

    .tabela-vendas .info.titulo {display: none;}

    .tabela-vendas .legenda-m {display:inline-block; font-weight: 600; padding-right: 5px;}





    .tabela-notificacoes {margin-top: -20px;}

    .tabela-notificacoes .info:hover {background:var(--cor-cinza-100)}

    .tabela-notificacoes .nome   {width:100%; flex: 1 1 auto!important; padding-top: 20px; padding-left:5px}

    .tabela-notificacoes .data   {width:auto; padding:5px 15px; border-radius: 6px; margin:10px 0 3px 0; background-color: var(--cor-cinza-200); font-size: 14px;}

    .tabela-notificacoes .cta    {width:100%; padding-left:5px}

    .tabela-notificacoes .info {padding:0; margin:0; flex-direction: column; padding-bottom: 20px; align-items: start;}

    .tabela-notificacoes .info.titulo {display: none;}

    .tabela-notificacoes .legenda-m {display:inline-block; font-weight: 600; padding-right: 5px;}



    .inical-destaques .tabela-notificacoes .info {padding:15px; margin:0; flex-direction: row; align-items: center;}

    .inical-destaques .tabela-notificacoes .nome   {width:100%; flex:auto; padding-top: 0; padding-left:0}



    .perfil-cliente-p .perfil-cliente {min-width: 100%;}

    .pg-premios .troca-sms {max-width: 100%;}



    .tabela-premiosentregues .info.titulo {display: none}

    .tabela-premiosentregues .legenda-m {display: inline; font-weight: 600;} 

    .tabela-premiosentregues .info {display: flex; align-items: start; gap: 5px; padding: 0; flex-direction: column; padding: 30px 0; }

    .tabela-premiosentregues .info:hover {background:#fff}

    .tabela-premiosentregues .item {text-align: left;}

    .tabela-premiosentregues  .id {color:var(--cor-cinza-600); margin-bottom: 10px;width: 100%}

    .tabela-premiosentregues  .empresa {width: 100%}

    .tabela-premiosentregues  .nomepremio {width: 100%; }

    .tabela-premiosentregues  .valor {width: 100%}

    .tabela-premiosentregues  .resgate {width: 100%}

    .tabela-premiosentregues  .cliente {width: 100%}



    .tabela-notificacao-config .sms {min-width: 50px;}

    .tabela-notificacao-config .email {min-width: 77px;}



    .tabela-recuperarcarrinho {margin-top: -30px;}

    .tabela-recuperarcarrinho .titulo:hover {background:#fff !important}

    .tabela-recuperarcarrinho .info.titulo {display: none;}

    .tabela-recuperarcarrinho .info {padding:0; margin:0; flex-direction: column; padding-bottom: 20px;}

    .tabela-recuperarcarrinho .legenda-m {display:inline-block; font-weight: 600; padding-right: 5px;}

    .tabela-recuperarcarrinho .item.check {width: 100%; margin-right: 0; margin-top: 20px;}

    .tabela-recuperarcarrinho .item.nome {width: 100%; }

    .tabela-recuperarcarrinho .item.email {width: 100%;}

    .tabela-recuperarcarrinho .item.valor {width: 100%; }

    .tabela-recuperarcarrinho .item.agendado {width: 100%; }

    .tabela-recuperarcarrinho .info:hover {background:#fff}

    .tabela-recuperarcarrinho .pendente {padding: 4px 6px;}



    .pg-multi .periodo-exportar {justify-content: start; gap: 15px;}

    .pg-multi .exportar {margin-bottom: 15px;}





    .tabela-multi-recomendacao {margin-top:40px}

    .tabela-multi-recomendacao a {color: var(--cor-cinza-900)}

    .tabela-multi-recomendacao .info h3 {font-size: 1rem; max-width: 180px; }

    .tabela-multi-recomendacao .info {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--cor-cinza-300);padding: 12px 10px; transition: all ease-in-out .25s;}

    .tabela-multi-recomendacao .info:hover {background:var(--cor-cinza-100)}

    .tabela-multi-recomendacao .titulo:hover {background:#fff !important}

    .tabela-multi-recomendacao .legenda-m {display: none;}

    .tabela-multi-recomendacao .item {width: 100%;} 









    .tabela-multi-recomendacao .titulo:hover {background:#fff !important}

    .tabela-multi-recomendacao .info.titulo {display: none;}

    .tabela-multi-recomendacao .info {padding:0; margin:20px 0 0 0; flex-direction: column; padding-bottom: 20px;}

    .tabela-multi-recomendacao .legenda-m {display:inline-block; font-weight: 600; padding-right: 5px;}

    .tabela-multi-recomendacao .info:hover {background:#fff}





    .tabela-multi-recomendacao-origem .titulo:hover {background:#fff !important}

    .tabela-multi-recomendacao-origem .info.titulo {display: none;}

    .tabela-multi-recomendacao-origem .info {padding:0; margin:20px 0 0 0; flex-direction: column; padding-bottom: 20px;}

    .tabela-multi-recomendacao-origem .legenda-m {display:inline-block; font-weight: 600; padding-right: 5px;}

    .tabela-multi-recomendacao-origem .info:hover {background:#fff}



    .tabela-multi-recomendacao-top .titulo:hover {background:#fff !important}

    .tabela-multi-recomendacao-top .info.titulo {display: none;}

    .tabela-multi-recomendacao-top .info {padding:0; margin:20px 0 0 0; flex-direction: column; padding-bottom: 20px;}

    .tabela-multi-recomendacao-top .legenda-m {display:inline-block; font-weight: 600; padding-right: 5px;}

    .tabela-multi-recomendacao-top .info:hover {background:#fff}



    .pg-multi .recomendacao-nps {max-width: 100%;}

    .pg-multi .recomendacao-dados {max-width: 100%;}



    .tabela-aniversariantesinfo .info.titulo {display: none}

    .tabela-aniversariantesinfo .legenda-m {display: inline; font-weight: 600;} 

    .tabela-aniversariantesinfo .info {display: flex; align-items: start; gap: 5px; padding: 0; flex-direction: column; padding: 30px 0; }

    .tabela-aniversariantesinfo .info:hover {background:#fff}

    .tabela-aniversariantesinfo .item {text-align: left;}

    .tabela-aniversariantesinfo .item.ico {text-align: left;} 



    .acoesdemarketing-aniversariantes .baixar-arquivos, .acoesdemarketing-clientesinativos .baixar-arquivos {flex-direction: column;}



    .tabela-clientesinativosinfo .info.titulo {display: none}

    .tabela-clientesinativosinfo .legenda-m {display: inline; font-weight: 600;} 

    .tabela-clientesinativosinfo .info {display: flex; align-items: start; gap: 5px; padding: 0; flex-direction: column; padding: 30px 0; }

    .tabela-clientesinativosinfo .info:hover {background:#fff}

    .tabela-clientesinativosinfo .item {text-align: left;}

    .tabela-clientesinativosinfo .item.ico {text-align: left;} 

    

    .tabela-clientescampeoes .info.titulo {display: none}

    .tabela-clientescampeoes .legenda-m {display: inline; font-weight: 600;} 

    .tabela-clientescampeoes .info {display: flex; align-items: start; gap: 5px; padding: 0; flex-direction: column; padding: 30px 0; }

    .tabela-clientescampeoes .info:hover {background:#fff}

    .tabela-clientescampeoes .item {text-align: left !important; width: 100%;}

    .tabela-clientescampeoes .item.ico {margin-top: -40px;padding-right: 10px;} 



    .pg-fichas .periodo-busca {flex-direction: column;}



    .tabela-modoficha .info.titulo {display: none}

    .tabela-modoficha .legenda-m {display: inline; font-weight: 600;} 

    .tabela-modoficha .info {display: flex; align-items: start; gap: 5px; padding: 0; flex-direction: column; padding: 30px 0; }

    .tabela-modoficha .info:hover {background:#fff}

    .tabela-modoficha .item {text-align: left;}

    .tabela-modoficha  .id {color:var(--cor-cinza-600); margin-bottom: 10px;width: 100%}

    .tabela-modoficha  .empresa {width: 100%}

    .tabela-modoficha  .nomeproduto {width: 100%; }

    .tabela-modoficha  .valor {width: 100%}

    .tabela-modoficha  .resgate {width: 100%}

    .tabela-modoficha  .cliente {width: 100%}





    .tabela-analiseRFM-resumo .info.titulo {display: none}

    .tabela-analiseRFM-resumo .legenda-m {display: inline; font-weight: 500;} 

    .tabela-analiseRFM-resumo .info {display: flex; align-items: start; gap: 5px; padding: 0 !important; flex-direction: column; padding: 30px 0; }

    .tabela-analiseRFM-resumo .info:hover {background:#fff}

    .tabela-analiseRFM-resumo .item {text-align: left !important; width: 100%;}





    .acoesdemarketing-analiseRFM .info-fatores2 {flex-direction: column; gap: 10px;}

    .acoesdemarketing-analiseRFM .info-fatores2 span {padding: 10px 15px;}





    .tabela-RFM-listaclientes {margin-top: 50px;margin-bottom: 30px;}

    .tabela-RFM-listaclientes .info.titulo {display: none;}

    .tabela-RFM-listaclientes .legenda-m {display: inline-block;margin-right: 5px;color: var(--cor-cinza-600);font-weight: 700;}

    .tabela-RFM-listaclientes .info {flex-direction: column; gap: 10px; padding: 30px 0}

    .tabela-RFM-listaclientes .item.ico {width: 100%; margin-top: -50px;}

    .tabela-RFM-listaclientes .ic-download {display: block;}

    .tabela-RFM-listaclientes .ic-download-title {margin-bottom: 10px;}

    .tabela-RFM-listaclientes .dados {flex-direction: column; gap: 10px;}

    .tabela-RFM-listaclientes .info:hover {background:#fff}

    .acoesdemarketing-analiseRFM .baixar-arquivos {flex-direction: column;}

    .acoesdemarketing-analiseRFM .baixar-arquivos .dashboard-box {width: 100%;}

    

    .pg-recorrentes .planos .row {display: block;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;padding-bottom: 8px;position: relative;}

    .pg-recorrentes .planos .row .col-3 {display: inline-block;width: 250px;vertical-align: top;float: none;margin-bottom: 0;padding-right: 0;}

    .pg-recorrentes .planos .plano-item-plus-col {display: none !important;}

    .pg-recorrentes .plano-item-plus-m {display: block; margin-bottom: 60px; margin-top: -20px;}

    .pg-recorrentes .plano-item-plus-m a {display: block;border: 1px solid var(--cor-laranja);border-radius: 6px;display: flex; align-items: center;justify-content: center;padding: 7px;font-size: 25px;}





    .tabela-recebiveis .info.titulo {display: none}

    .tabela-recebiveis .legenda-m {display: inline; font-weight: 600;} 

    .tabela-recebiveis .info {display: flex; align-items: start; gap: 5px; padding: 0; flex-direction: column; padding: 30px 0; }

    .tabela-recebiveis .info:hover {background:#fff}

    .tabela-recebiveis .item {text-align: left;}

    .tabela-recebiveis  .id {color:var(--cor-cinza-600); margin-bottom: 10px;width: 100%}

    .tabela-recebiveis .item {width: 100%;}

    

}















@media (max-width: 767px) /* 576px */ {

    .display-m-767 {display: block}

    .box-novosclientes {flex-direction:column; justify-self: start}

    .box-novosclientes ul {display: flex; margin-bottom:30px !important}

    .dados-vendas h2, .dados-faturamento h2 {margin-bottom:5px}



    .grafico-legenda {flex-direction: column; margin-top:10px; gap: 5px}

    .dashboard-periodo-comparar {flex-direction: column; justify-content: start; align-items:start}



    .dashboard .periodo {margin-bottom: 8px;}

    .dashboard .comparar {margin-bottom: 30px;}



    .linkdepagamento .link-dados form {max-width: 100%}

    .linkdepagamento .link-dados .url-link {align-items: start; flex-direction: column;}

    .linkdepagamento .link-dados .url-link .link {width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



    .configuracoesdeconta .nav-pills .nav-item .nav-link {margin-bottom: 10px}

    .configuracoesdeconta .perfil-dados-item {display: block; margin-bottom: 20px;}

    .configuracoesdeconta .perfil-dados-item b, .configuracoesdeconta .perfil-dados-item.bancaria b {display: block; width: 100%; text-align: left; margin-bottom:5px}

    .estornos .nav-pills {flex-direction: column;gap: 20px;}

    .estornos .nav-pills .nav-item {width: 100%;}

    .estornos .nav-pills .nav-item .nav-link {width: 100%;}

    .estornos-input {flex-direction: column; align-items: start;}

    .estornos-input div {width: 100%;}

    .estornos .periodo {margin-bottom: 50px !important}

    .estornos-input .btn {padding-left: 30px;padding-right: 30px;}



    .tabela-cancelamentos .info.titulo {display: none;}

    .tabela-cancelamentos .legenda-m {display: inline-block;margin-right: 5px;color: var(--cor-cinza-600);font-weight: 700;}

    .tabela-cancelamentos .info {flex-direction: column; gap: 10px}

    .tabela-cancelamentos .item.ico {width: 100%}



    .perfil-cliente {display: block; padding: 30px}

    .perfil-cliente .foto {margin:0 auto; display: block;}

    .perfil-cliente .right {text-align: center;line-height: 2;padding: 0;width: 100%;}

    .perfil-cliente .nome {margin-top:20px}



    .perfil-cliente-p {justify-content: center;}

    .perfil-cliente-p .perfil-cliente .foto {margin:0 auto; border-radius: 12px}



    .consultarcliente .feedback li {display: block;}

    .consultarcliente .feedback li span {display: block; margin-bottom: 5px; font-weight: 700;}



    .tabela-pagamentos {margin-top: 20px;}

    .tabela-pagamentos .info.titulo {display: none;}

    .tabela-pagamentos .legenda-m {display: inline-block; margin-right: 10px; font-weight: 600;}

    .tabela-pagamentos .item {margin-bottom: 5px;}

    .tabela-pagamentos .dados {display: block;}



    .tabela-premios {margin-top: 20px;}

    .tabela-premios .info.titulo {display: none;}

    .tabela-premios .legenda-m {display: inline-block; margin-right: 10px; font-weight: 600;}

    .tabela-premios .item {margin-bottom: 5px;}

    .tabela-premios .dados {display: block;}

    .tabela-premios .legenda-m.premiofoto {display: block; margin-bottom: 5px;}

    .tabela-premios .item.foto img { max-width: 240px;}



    .tabela-marketing {margin-top: 20px;}

    .tabela-marketing .info.titulo {display: none;}

    .tabela-marketing .legenda-m {display: inline-block; margin-right: 10px; font-weight: 600;}

    .tabela-marketing .item {margin-bottom: 5px; width: 100%;}

    .tabela-marketing .dados {display: block;}

    .tabela-marketing .info {display: block;}



    .consultarcliente .acoes-marketing .item span {max-width: 100%;}

    .consultarcliente .acoes .btns {flex-direction: column;}



    .pg-gestaoprodutos-header .right {display: flex; flex-wrap: wrap;}

    .pg-gestaoprodutos-header .right .btn {flex: 0} 

    .pg-gestaoprodutos-header .form-select {flex: 1 0 48%;} 

    .pg-gestaoprodutos-header .form-control {flex: 1 0 48%;} 



    .pg-gestaoprodutos .dados .d-flex {display: block !important;}

    .pg-gestaoprodutos .dados .flex-column {flex-direction: row !important;}

    .pg-gestaoprodutos .dados .nav-pills {gap: 10px}

    .pg-gestaoprodutos .dados .me-3 {margin: 0;}



    .pg-gestaoprodutos .dados .tab-content {padding:0; padding-top:20px}



    .pg-vitrinevirtual .dados-data, .pg-vitrinevirtual .dados-fatura, .pg-vitrinevirtual .dados-entrega, .pg-vitrinevirtual .dados-cliente {margin-top: 25px;padding-bottom: 25px;}

    .pg-vitrinevirtual .dados-data {margin-top: 0;}

    .pg-vitrinevirtual .dados-cliente {padding-bottom: 0;}

    .pg-vitrinevirtual .status-select {max-width: 100%;}



    .pg-vitrinevirtual .pagamento-link {flex-direction: column; gap: 10px}

    .pg-vitrinevirtual .produtos-valores {align-items: normal; padding-right: 0;}



    .pg-vitrinevirtual .pagamento-link {display: block;}

    .pg-vitrinevirtual .pagamento-link .btn {margin-top: 10px;}



    .estornos .periodo {flex-wrap: wrap;}

    .estornos .periodo .periodo-title {flex-basis: 100%;}

    .estornos .periodo .btn {padding-left:10px; padding-right: 10px;}

    .estornos .periodo .inputdata {max-width: 100px;}



    .tabela-historico-recebimentos {margin-top: 50px;}

    .tabela-historico-recebimentos .info.titulo {display: none;}

    .tabela-historico-recebimentos .legenda-m {display: inline-block;margin-right: 5px;color: var(--cor-cinza-600);font-weight: 700;}

    .tabela-historico-recebimentos .info {flex-direction: column; gap: 10px}

    .tabela-historico-recebimentos .item.ico {width: 100%}

    .tabela-historico-recebimentos .ic-download {display: block;}

    .tabela-historico-recebimentos .ic-download-title {margin-bottom: 10px;}



    .inical-destaques .tabela-notificacoes .nome   {width:100%; flex: 1 1 auto!important; padding:0}

    .inical-destaques .tabela-notificacoes .info {padding:15px 20px; margin:0; flex-direction: column; align-items: start;}

    .inical-destaques .tabela-notificacoes .data {background-color: transparent; padding: 0; margin:5px 0 0 0}

    

    .perfil-cliente-p .perfil-cliente .nome {margin-top: 15px;}



   

    .configuracoesdeconta .notificacao-tipo {margin-bottom: 20px;}



    .tabela-notificacao-config .info.titulo {display: none;}

    .tabela-notificacao-config .info {flex-wrap: wrap;}

    .tabela-notificacao-config .tipos {width: 100%; margin-bottom: 5px;}



    .tabela-feedback {margin-top: 50px;}

    .tabela-feedback .info.titulo {display: none;}

    .tabela-feedback .legenda-m {display: inline-block;margin-right: 5px;color: var(--cor-cinza-600);font-weight: 700;}

    .tabela-feedback .info {flex-direction: column; gap: 10px}

    .tabela-feedback .item.ico {width: 100%}

    .tabela-feedback .ic-download {display: block;}

    .tabela-feedback .ic-download-title {margin-bottom: 10px;}



    .tabela-feedback .data {width: 100%;} 

    .tabela-feedback .cliente {width: 100%;} 

    .tabela-feedback .feedback {width: 100%;} 

    .tabela-feedback .nota  {width: 100%;}



    .loop-vendas-grafico .texto-destaque {flex-direction: column; align-items:start}





    .loop-vendas-img {max-width: 80%; text-align: center; margin-top: 20px !important;}

    .loop-vendas-img {display: block; margin: 0 auto;}





    .pg-premios .periodo-busca {gap: 20px}

    .pg-premios .periodo-busca .input-group {max-width: 100% !important;}

    .pg-premios .periodo-busca .periodo-title {display: none;}

    .pg-premios .periodo-busca .btn {padding-left: 10px; padding-right: 10px;}

    .pg-premios .periodo-busca .inputdata {padding-left: 10px; padding-right: 10px;}



    .integracaopluginapi-btn-ativar .btn {padding-left:30px; padding-right: 30px;}



    .pg-premios .modal-footer .btn {max-width: 47% !important;}



    .tabela-recuperarcarrinho .dropdown-menu.show {min-width: 200px;}



    .ajuda .solicitacoes, .ajuda .contatos, .ajuda .funcionalidades-maquina {flex-direction: column; gap: 30px;}

    .ajuda .contatos .item {font-size: 16px;}

    .ajuda .contatos .btn, .ajuda .contatos .tel {font-size: 15px;}



    .ajuda .funcionalidades-maquina .item {font-size: 16px;}

    .ajuda .funcionalidades-maquina .btn {font-size: 15px;}



    .premio .data-status {flex-direction: row; text-align: left;}



    .pg-multi .etapas {font-size: 16px;gap: 15px;}

    .pg-multi .periodo-exportar .periodo {flex-wrap: wrap;}

    .pg-multi .periodo-exportar .periodo .inputdata {max-width: 100px;}

    .pg-multi .periodo-exportar .periodo .btn {padding-left: 10px;padding-right: 10px;}

    .pg-multi .periodo-exportar {align-items: end; gap: 10px;}

    .pg-multi .periodo-exportar .periodo .periodo-title {flex-basis: 100%;}



    .tabela-multi-aquisicoes .info.titulo {display: none;}

    .tabela-multi-aquisicoes .legenda-m {display: inline-block;margin-right: 5px;color: var(--cor-cinza-600);font-weight: 700;}

    .tabela-multi-aquisicoes .info {flex-direction: column; gap: 10px}

    .tabela-multi-aquisicoes .item.ico {width: 100%}



    .tabela-multi-retencao .info.titulo {display: none;}

    .tabela-multi-retencao .legenda-m {display: inline;margin-right: 5px;color: var(--cor-cinza-600);font-weight: 700;}

    .tabela-multi-retencao .info {flex-direction: column; gap: 10px}

    .tabela-multi-retencao .item.ico {width: 100%}

    .tabela-multi-retencao .taxa .legenda-m {color: var(--cor-laranja) !important;}

    .pg-multi-campanhas .periodo .inputdata {max-width: 100px !important}



    .pg-recorrentes .planos .plano-item {padding: 20px;}

    .pg-recorrentes .logs-header {flex-direction: column; align-items: start;}

    .pg-recorrentes .logs-header .input-group {max-width: 100% !important;}



    .tabela-recorrentes .info.titulo {display: none;}

    .tabela-recorrentes .legenda-m {display: inline;margin-right: 5px;color: var(--cor-cinza-600);font-weight: 700;}

    .tabela-recorrentes .info {flex-direction: column; gap: 10px; align-items: start;}

    .tabela-recorrentes .item.ico {width: 100%}

    .tabela-recorrentes .taxa .legenda-m {color: var(--cor-laranja) !important;}



    .tabela-recorrentes .cliente {width: 100%;}

    .tabela-recorrentes .plano {width: 100%; }

    .tabela-recorrentes .valorplano {width: 100%;}

    .tabela-recorrentes .data {width: 100%;}

    .tabela-recorrentes .status {width: 100%;}

    .tabela-recorrentes .idplano {width: 100%;}



    .pg-recorrentes .plano-detalhes .plano-detalhes-col {padding: 20px;}

    .pg-recorrentes .plano-detalhes .plano-detalhes-col {width: 48%;}

    .pg-recorrentes .plano-detalhes .plano-detalhes-col-edit {padding: 0;}





    .tabela-recorrentes-planos .info.titulo {display: none;}

    .tabela-recorrentes-planos .legenda-m {display: inline;margin-right: 5px;color: var(--cor-cinza-600);font-weight: 700;}

    .tabela-recorrentes-planos .info {flex-direction: column; gap: 10px; align-items: start;}

    .tabela-recorrentes-planos .item.ico {width: 100%}

    .tabela-recorrentes-planos .taxa .legenda-m {color: var(--cor-laranja) !important;}



    .tabela-recorrentes-planos .cliente {width: 100%;}

    .tabela-recorrentes-planos .ultimopagamento {width: 100%; }

    .tabela-recorrentes-planos .valorplano {width: 100%;}

    .tabela-recorrentes-planos .status {width: 100%;}

    .tabela-recorrentes-planos .idplano {width: 100%;}





    

    .tabela-transferencias-agendadas .info.titulo {display: none;}

    .tabela-transferencias-agendadas .legenda-m {display: inline;margin-right: 5px;color: var(--cor-cinza-600);font-weight: 700;}

    .tabela-transferencias-agendadas .info {flex-direction: column; gap: 10px; align-items: start;}

    .tabela-transferencias-agendadas .item.ico {width: 100%}

    .tabela-transferencias-agendadas .taxa .legenda-m {color: var(--cor-laranja) !important;}

    .tabela-transferencias-agendadas .chave .chavetipo {display: inline-block;}

    .tabela-transferencias-agendadas .item.cancelar {width: 100%; display: flex; align-items: center; gap: 5px;}

    .tabela-transferencias-agendadas .item.id {width: 100%;}

    .tabela-transferencias-agendadas .item.controle {width: 100%;}

    .tabela-transferencias-agendadas .item.chave {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    .tabela-transferencias-agendadas .item.valor {width: 100%;}

    .tabela-transferencias-agendadas .item.cancelar {width: 100%; text-align: center;}



}





















@media (max-width: 575px) /* 414px */ {

    .dashboard-box, .dados-vendas {padding:15px}

    .dashboard-inner {margin: 40px 20px 20px 20px;}

    

    .display-m-575 {display: block}

    body, p, .btn {font-size:0.9rem}

    h1 {font-size:1.5rem}

    h2 {font-size:1.1rem}

    h3 {font-size:1rem}



    .navtop .navbar-toggler {right: 1.56rem}

    .navtop .navbar-brand {left: 1.56rem}

    .cadastro-retorno .btn {padding: 15px 30px;}

    .navbar-crm {padding-left: 1rem; padding-right: 1rem;}

    .btn-abrirmenu-m {margin-left: 5px}

    .nav-nome {font-size:16px; padding: 10px;}

    .nav-empresa-icon {width: 103px !important;}

    .nav-empresa-icon .dropdown-toggle::after {margin: 0 5px 0 1px;}

    

    .box-vendasdia {display: block}

    .box-novosclientes ul {gap:3px}

    .box-novosclientes .nav-link {margin:0}

    .box-novosclientes .nav-link {padding-left:15px; padding-right: 15px}



    .dados-faturamento-item {float: none; width: 100%}

    .dados-faturamento {padding-bottom: 1px;}



    .configuracoesdeconta .nav-pills .nav-item .nav-link {padding-left:0; padding-right: 0;}

    .dados-fidelidade-item {float: none; width: 100%}

    .dados-fidelidade {padding-bottom: 1px;}

    .tabela-ranking .selecionar-todos {padding:30px 5px; align-items: start; flex-direction: column; gap: 10px}

    



    .dados-novoscadastros-item {float: none; width: 100%; margin-bottom: 0; margin-top: 30px;}

    .dados-novoscadastros {padding-bottom: 0;}





    .produto-lista-preco, .produto-lista-quantidade, .produto-lista-total {margin-top:12px; display: flex; align-items: center; justify-content: space-between;}

    .produto-lista-preco h2, .produto-lista-quantidade h2, .produto-lista-total h2 {margin: 0;} 

    .pg-vitrinevirtual .produto-info {flex-direction: column;}

    .pg-vitrinevirtual .produto-foto {margin-bottom: 0px;}

    .pg-vitrinevirtual .produto-info-nome {margin-bottom: 20px;}





    .estornos .periodo .periodo-title {flex-basis: 100%;}

    .estornos .periodo .btn {padding-left:10px; padding-right: 10px;}

    .estornos .periodo .inputdata {max-width: 70px;}

    



    .integracaopluginapi-item1, .integracaopluginapi-item2 {margin-bottom: 30px;}

    .integracaopluginapi-itens {max-width: 100%;}

    .dashboard .crm-sidebar {border:0; width: 100%; }

    .btn-index-vertodas i {font-size: 15px;}

    .abreaba .offcanvas .offcanvas-body {padding: 25px 20px 0 20px;}

    .integracaopluginapi-btn-ativar .btn {padding-left:0; padding-right: 0; width: 100%; margin-bottom: 15px;}

    .integracaopluginapi .nav-pills .nav-link {padding-left: 30px;padding-right: 30px;}

    .tabela-recuperarcarrinho .item.check {margin-top: 35px;}



    .pg-acessorestrito .inner {flex-direction: column; gap:20px}



    .ajuda .solicitacoes, .ajuda .contatos, .ajuda .funcionalidades-maquina {gap: 20px;}





    .pg-multi .periodo-exportar .periodo .inputdata {max-width: 75px;}



    .pg-multi .num-destaque {text-align: center;}

    .pg-multi .num-destaque span {display: inline-block; margin-top: 10px;}

    

    .acessos .perfil .btn {max-width: 100%;}

    .acessos .formulario .btn, .acessos .btn-incluir-usuarios {width: 100%;}



    .acessos .nav-pills .nav-link, .acessos .nav-pills .nav-item {width: 100%; max-width: 100%;}



    .acessos .concluir-inclusao-novo-user {width: 100%;}



    .pg-multi-campanhas .periodo-title {display: none !important;}

    .pg-multi-campanhas .input-group {margin-bottom: -10px !important;}



    .pg-recorrentes .planos .row .col-3 {width: 220px;}

    .pg-recorrentes .plano-item-plus-m a {padding: 5px; font-size: 22px;}

    .pg-recorrentes .plano-detalhes h4 {font-size: 18px;}

    .pg-recorrentes .plano-detalhes h3 {font-size: 15px;}

    



}











@media (max-width: 413px) /* 375px e abaixo */ {

    .display-m-413 {display: block}

    h1 {font-size:1.5rem}



    .integracaopluginapi .nav-pills .nav-link {padding-left: 0;padding-right: 0;width: 100%;}

    .integracaopluginapi .nav-pills .nav-item {width: 100%;} 

    .integracaopluginapi .nav-pills {gap: 10px;}



    .tabela-recuperarcarrinho .dropdown-menu.show {min-width: 170px;}



    .pg-multi .periodo-exportar .periodo .inputdata {max-width: 57px;}



    .pg-multi-campanhas .periodo .inputdata {max-width: 79px !important;}



    .pg-recorrentes .plano-pagina .nav-link {padding-left: 10px; padding-right: 10px;}

}