html, body {
    overflow-x:hidden;
    height: 100%;
    font-family: 'roboto';
}

/* Criando variáveis globais no css */
:root {
    --var-main-menu-color: #2687E9;
    --var-color-white: white;
    --var-color-black: black;
    --var-color-hover-menu: #ffffff8f;
    --var-color-titulo-login: #006AD1;
    --var-confirmar: #038300;
    --var-fg-inputs: #000000;
    --var-bg-inputs: #FFFFFF;
    --var-cor-fundo-cadastros: #F0F4F5;
    --var-color-green-modal: #09ac06;
    --var-color-placeholder: #9b9b9b;

    /* Variáveis para reduzir o menu lateral e aumentar o conteúdo */
    --var-width-reduzido: 3%;
    --var-width-expande: 97%;
}

::-webkit-input-placeholder {
    color: var(--var-color-placeholder) !important;
    font-weight: lighter !important;
}

:-moz-placeholder {
    color: var(--var-color-placeholder) !important;
    font-weight: lighter !important;
}

::-moz-placeholder {
    color: var(--var-color-placeholder) !important;
    font-weight: lighter !important;
}

:-ms-input-placeholder {
    color: var(--var-color-placeholder) !important;
    font-weight: lighter !important;
}

input::placeholder {
    color: var(--var-color-placeholder) !important;
    font-weight: lighter !important;
}

.readonly {
    background-color: #F5F5F5 !important;
}

#menu-configuracoes {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.bg-scroll {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#18719F+0,18719F+100&0.8+0,0.8+100 */
    background: -moz-linear-gradient(top,  rgba(0,121,246,0.8) 0%, rgba(0,121,246,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,121,246,0.8) 0%,rgba(0,121,246,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,121,246,0.8) 0%,rgba(0,121,246,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0079f6', endColorstr='#cc0079f6',GradientType=0 ); /* IE6-9 */

    -webkit-box-shadow: -4px 13px 47px -29px rgba(0,0,0,0.75);
    -moz-box-shadow: -4px 13px 47px -29px rgba(0,0,0,0.75);
    box-shadow: -4px 13px 47px -29px rgba(0,0,0,0.75);
    transition: all .300s ease-in-out;
}

#versao {
    display: inline;
    color: #333;
    font-size: 1rem;
    margin-bottom: 0;
    margin-right: 20px;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.fundo-com-imagem {
    height: 100vh!important;
    width: 100vw!important;

    background-position: center;
    background-repeat: no-repeat;

    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
}

.login_form_container-pd {
    max-width: 400px;
    margin: 0 auto;
    padding: 35px;
    padding-bottom: 10px;
}

/* Sobrepondo o evento dropdown-item:hover (cor do menu selecionado) do bootstrap */
.dropdown-item:hover {
    color: #FFFFFF!important;
    text-decoration: none!important;
    background-color: var(--var-main-menu-color)!important;
}

/* Sobrepondo a cor das mensagens de erro/validação dos campos do bootstrap */
.errorlist {
    color: #DE102C!important;
}

.fonte {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.page-header {
  background-color: #ffffff;
  background-image: url("/static/images/header.jpg");
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 20px 20px;
}

.page-header h1, .page-header h1 a, .page-header h1 a:visited, .page-header h1 a:active {
  color: #ffffff;
  font-size: 36pt;
  text-decoration: none;
}

.content {
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 10px;
}

.separacao-h {
  margin-top: 10px;
}

.date {
  color: #828282;
}

.save {
  float: right;
}

.post-form textarea, .post-form input {
    float: left;
    width: 100%;
}

.top-menu, .top-menu:hover, .top-menu:visited {
  color: #ffffff;
  float: right;
  font-size: 12pt;
  margin-right: 15px;
}

.post {
  margin-bottom: 70px;
}

.post h1 a, .post h1 a:visited {
  color: #000000;
}

.sombra-interna {
    text-shadow: 0 1px 0 #FFFFFF;
}
.pading-top-2{
    padding-top: 2rem;
}

.cor-card-header {
    background-color: #FFFFFF;
}

.cor-card-header-text {
    color: #FFFFFF;
}

.cor-card-body {
    background-color: rgb(233,236,239);
}

.cor-card-footer {
    background-color: rgb(52,58,64);
}

.cor-card-footer-text {
    color: #FFFFFF;
}

.cor-inicio-logo {
    background-color: #FFFFFF;
}

.cor-degustacao {
    color: white;
    background-color: #54175d;
}

.cor-erros {
    color: red;
    font-weight: bold;
    margin-top: 25px;
}

.cor-fundo-cadastros {
    background-color: var(--var-cor-fundo-cadastros) !important;
}

input, select {
    background-color: var(--var-bg-inputs) !important;
    color: var(--var-fg-inputs) !important;
}

/* Dashboard */

#cards-dashboard .card {
    margin-bottom: 1rem;
}

.card-dashboard {
    border-radius: .375rem;
}

#busca-periodo {
    margin-top: 0.75rem;
}

/* Classes para os botões 'voltar' */

.titulo-paginas-voltar {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.titulo-paginas-voltar-between {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

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

/* Footer */

.bg-footer {
    background-color: var(--var-main-menu-color);
}

.copryt-titulo {
    margin-top: 0.8125rem
}

.copryt-titulo p {
    color: #fff;
}

.base.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.base {
    margin-top: 4rem !important;
    min-width: 80%;
    position: relative;
    left: 25%;
    height: calc(100vh - 164px);
    top: 0.5rem;
}

.acesso-rapido a:link {
    text-decoration:none;
}

.acesso-rapido a {
    color: #000;
    font-weight: normal;
    -webkit-transition: 1s; /* Safari */
    transition: 1s;
}

.acesso-rapido a:hover{
    color: #000;
}

.card-header {
    font-size: 1.5rem;
    font-weight: 800;
}

.footer-pdv {
    position: relative;
}

/* Mapa */

#map {
    height: 100%;
}

#floating-panel {
    position: absolute;
    top: 10px;
    left: 25%;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
    text-align: center;
    font-family: 'Roboto','sans-serif';
    line-height: 30px;
    padding-left: 10px;
}

.icon-gps {
    padding-left: 9px;
    padding-right: 9px;
}

.mt-10 {
    margin-top: 10px;
}

.cor-botao-grade {
    background-color: #176F9E!important;
}

.titulo-paginas {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5eaed;
    font-size: 20px;
    font-weight: bold;
    color: #000 !important;
}

.margem-parcelas {
    margin-left: 0px;
}

/* Higchcharts */

.highcharts-credits {
    display: none;
}

#btnAtualizar {
    margin-top: 0.75rem;
}

/* Mais opções de Nf-e */

.opcoes-de-nfe a:link {
    text-decoration:none;
}

#cards-mais-opcoes-de-nfe .card-body a {
    color: var(--var-main-menu-color);
    widows: 100%;
    height: 100%;
    -webkit-transition: 1s; /* Safari */
    transition: 1s;
}

.opcoes-de-nfe .card-body a:hover{
    color: #003152;
}

.card-body div div a div {
    margin-bottom: 3rem;
}

.opcoes-de-nfe {
    margin-bottom: 10px;
}

.opcoes-de-nfe span {text-align: center;}

.nota-id {visibility: hidden; height: 0px;}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
/* Negative indent footer by it's height */
    margin: 0 auto -53px;
}

/* Set the fixed height of the footer here */
#push {
    height: 6.25rem;
}

footer {
    position: relative;
    bottom: 0px;
    z-index: -1;
}

/* =Elements style
---------------------- */
.load-wrapp {
    float: left;

    margin: 0 10px 10px 0;
    padding: 20px 20px 20px;
    border-radius: 5px;
    text-align: center;
}

.load-wrapp h3 {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}

.line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #4b9cdb;
}

.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}

.l-3 {animation-delay: .72s;}

#processandoModal .modal-content {
    min-height: 200px;
}

.img-fluid2 {
    max-width: 35%;
    height: auto;
}

.center-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

input[type="radio"] {
    width: 0px;
}

.forma_pagamento label {
    margin-right: 1rem;
}

.bg-valor {
    border: solid 2px #497DFF;
    border-radius: 50%;
    background-color: #497DFF;
    width: 10rem;
    height: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #F3F3F3;
    font-size: 2rem;
    font-weight: bold;
}

#table-planos {
    width: 100%;
}

#table-planos tr th {
    border-right: solid 1.5px #ccccccff;
}

#table-planos tr th:last-child {
    border: 0px;
}

#table-planos thead {
    border-bottom: solid 2px #ccccccff;
}

#table-planos tr td {
    border-right: solid 1.5px #ccccccff;
}

#table-planos tr td:last-child {
    border: 0px;
}

#table-planos i {
    color: #0044aaff;
    margin-bottom: 1rem;
}

.highlight {
    outline: 2px solid #36f !important;
    outline-offset: -2px !important;
}

.funcionalidades {
    font-size: 12px;
}

.titulo-planos {
    font-weight: 500;
    color: #4d4d4dff;
}

#table-planos span {
    font-size: x-large;
}

#table-planos p {
    font-weight: 500;
    color: #4d4d4dff;
}

.info-pag {
    font-size: 0.5rem;
}

#table-planos th {
    padding: 10px;
}

.planos {
    width: 18%;
}

.disabled-btn {
    background-color: gray !important;
    border-radius: 5px;
    padding: .589rem;
}

.bg-toast {
    background-color: var(--var-main-menu-color);
}

@keyframes loadingA {
    0% {height: 15px;}
    50% {height: 35px;}
    100% {height: 15px;}
}

@keyframes loadingB {
    0% {width: 15px;}
    50% {width: 35px;}
    100% {width: 15px;}
}

@keyframes loadingC {
    0% {transform: translate(0,0);}
    50% {transform: translate(0,15px);}
    100% {transform: translate(0,0);}
}

@keyframes loadingD {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

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

@keyframes loadingF {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes loadingG {
    0% {transform: translate(0,0) rotate(0deg);}
    50% {transform: translate(70px,0) rotate(360deg);}
    100% {transform: translate(0,0) rotate(0deg);}
}

@keyframes loadingH {
    0% {width: 15px;}
    50% {width: 35px; padding: 4px;}
    100% {width: 15px;}
}

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

@keyframes bounce  {
  0%, 100% {transform: scale(0.0);}
  50% {transform: scale(1.0);}
}

@keyframes loadingJ {
  0%,100% {transform: translate(0,0);}

  50% {
      transform: translate(80px,0);
      background-color: #f5634a;
      width: 25px;
  }
}

.exportar-xml > form > div div:nth-child(4) {
    margin-top: 30px;
}

.cursor-pointer
{
    cursor: pointer;
}

td.details-control {
    cursor: pointer;
    text-align: center;
}

/* VENDA RÁPIDA */

.btn-venda-rapida {
    width: 100%;
    font-weight: bold;
    font-size: 1.3rem;
}

.btn-venda-rapida h4 {
    display: inline;
}

.desconto {
    color: #77B93F;
    font-weight: bold;
    margin: 0;
}

.qtd-itens {
    font-weight: bold;
    margin: 0;
}

#adicionar_produto{
    width: 100%;
}

button#pesquisar_produto_id {
    margin-top: 1.855rem;
    border-radius: 0.8125rem;
}

.pdv-capa_totais div {
    padding-top: .2rem;
    padding-left: .5rem;
}

.descricao-produto {
    background-color: var(--var-main-menu-color);
    color: #FFF;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1.4rem;
}

.titulo-produto {
    font-size: 1.33rem !important;
    font-weight: bold !important;
}

.swal-button--cancel {
    color: #FFFFFF !important;
    background-color: #dc3545 !important;
}

#notificacao-pdv {
    margin: 10px;
    border: #856404 solid 1px;
}

/* Modal Comandos de voz */
#comandosVoz div div div div i {
    color: var(--var-main-menu-color);
}
#comandosVoz div div div div h4 {
    color: var(--var-main-menu-color);
}
.icon-circle{
    border-radius: 50%;
    border : solid 1px var(--var-main-menu-color);
    height: 8rem;
    width: 8rem;
    box-shadow: 0 0 0 0 rgba(63, 146, 185, 0.7);
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

#map {
    height: 90vh;
}

textarea {
    resize: none;
}

.pulse-button {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
    color: white;
    background-color: #007bff;
    cursor: pointer;
    -webkit-animation: pulse 1.25s 5 cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s 5 cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s 5 cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s 5 cubic-bezier(0.66, 0, 0, 1);
}

.pulse-button:hover {
    color: white;
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

.pulse-button-infinite {
    box-shadow: 0 0 0 0 rgba(255, 1, 1, 0.7);
    color: white;
    background-color: #f50000;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.pulse-button-infinite:hover {
    color: white;
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(119, 185, 63, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(119, 185, 63, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(119, 185, 63, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(119, 185, 63, 0);}}

.tooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 0.7rem;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: .8;
    filter: alpha(opacity=80);
}

.tooltip-inner {
    max-width: 32rem;
    padding: 3px 8px;
    color: #314A5B;
    text-align: center;
    font-weight: 900;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #A2BBCC), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #A2BBCC 1px, #FFFFFF 25px);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 15px;
    border: 1px solid #314A5B;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

.botao-grade {
    padding: 1rem;
    border-radius: 25% !important;
    margin-top: 4px;
    transition: all 0.5s;
    width: 21px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.botao-grade:hover {
    background-color: red;
    color: white;
    text-decoration: none;
}

.botao-icone-adicional {
    color: #2c7be5 !important;
    padding: 1rem;
    border-radius: 25% !important;
    margin-top: 4px;
    transition: all 0.5s;
    width: 21px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: unset !important;
}

.botao-icone-adicional:hover {
    background-color: red !important;
    color: white !important;
    text-decoration: none;
}

/* Customização Grade */

.paginate_button.current, .dt-button {
    display: inline-block !important;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    padding: 0.5em 1em !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: 0.25rem !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    background-color: #2687E9!important;
    background-image: none !important;
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #2687E9 !important;
    border: 1px solid #2687E9;
    background: linear-gradient(to bottom, #007bff 0%, #2687E9 100%) !important;
    border-radius: 3px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: transparent !important;
}

.paginate_button.current, .dt-button {
    vertical-align: unset !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #e1f2ff !important
}

.table-hover tbody tr:hover {
    background-color: rgba(0,123,255,.25);
}

#tabDados_filter label input {
    display: inline;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    margin-top: 0.2rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#tabDados_filter label input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/* Sweet Alert */

.swal-icon.swal-icon--custom img {
    width: 87px;
    height: 87px;
}

/* Página de Usuários */

.actions .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.actions .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.actions .btn-group a.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.2rem;
}

/* COMPONENTE PRODUTO PDV AJAX SELECT */

ul#ui-id-2 {
    z-index: 9999999;
}

/* MODAL */

.modal-content {
    border-radius: 1rem;
}

#tabDados td, #tabDados th {
    border-top: unset !important;
    border-bottom: unset !important;
}

table#tabDados {
    border-collapse: collapse !important;
}

table#tabDados th:first-child {
    border-top-left-radius: 0.5rem !important;
}

table#tabDados th:last-child {
    border-top-right-radius: 0.5rem !important;
}

table#tabDados thead {
    background-color: var(--var-color-white) !important;
}

table#tabDados thead th {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

table#tabDados thead th, table#tabDados thead th.sorting, table#tabDados thead th.sorting_asc, table#tabDados thead th.sorting_desc {
    color: var(--var-color-black);
    font-weight: 700;
}

table.dataTable thead .sorting{
    background-image: url(../images/sort_both.png) !important;
}

table.dataTable thead .sorting_asc{
    background-image: url(../images/sort_asc.png) !important;
}

table.dataTable thead .sorting_desc{
    background-image: url(../images/sort_desc.png) !important;
}

.dropdown-item:focus {
    background-color: var(--var-main-menu-color) !important;
    color: white !important;
}

/* CUSTOMIZAÇÂO MENU LATERAL */
.menu-lateral {
    background-color: var(--var-main-menu-color);
    color: #FFFFFF;
    height: calc(100vh - 56px);
    width: 20%;
    position: fixed;
    left: 0;
    top: 56px;
    overflow-y: auto;
}

.sub-menu-lateral-item {
    color: white !important;
    font-weight: 700;
    font-size: 1.155rem;
    transition: unset !important;
}

.menu-lateral-item-center {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.navbar-dark .navbar-brand {
    color: #006AD1 !important;
    border-right: solid 3px;
    padding-right: 1.3rem;
}

.nav-container a.comando-voz {
    border-radius: 50%;
    background-color: var(--var-bg-inputs);
    color: #007bff;
    font-size: 1.5rem;
}

.nav-item i.fas.fa-angle-down {
    margin-left: 0.5rem !important;
}

.nav-container {
    width: 80%;
}

.menu-topo-titulo {
    font-weight: bold;
    font-size: 1.2rem;
}

.nav-link i {
    margin-right: 1rem;
    padding: 0.5rem;
}

#link-menu-lateral, #link-ajuda {
    margin-right: 0.8rem;
    font-weight: 600;
}

#link-notificacao {
    font-size: 1.5rem;
}

.menu-lateral-reduzido {
    width: var(--var-width-reduzido) !important;
    transition: width 0.5s;
}

.menu-lateral-reduzido ul {
    justify-content: center;
    align-items: center;
}
.menu-lateral-reduzido ul li {
    padding: 10px 0;
}

.menu-lateral-reduzido ul a {
    padding: 0 !important;
}

.menu-lateral-reduzido ul a i {
    margin-right: 0 !important;
}

.base-expande {
    min-width: var(--var-width-expande) !important;
    left: 3% !important;
    transition: all 0.5s;
}

.nav-container-expand {
    width: var(--var-width-expande) !important;
}

button.navbar-toggler {
    background-color: var(--var-main-menu-color);
}

h1.display-5.font-weight-bold.cor-card-header-text {
    color: var(--var-color-titulo-login) !important;
}

.sub-menu-lateral-item:hover i, .sub-menu-lateral-item:hover span {
    color: var(--var-color-hover-menu) !important;
    transition: color 0.5s;
}

a.sub-menu-lateral-item:hover {
    color: var(--var-color-hover-menu) !important;
    transition: color 0.5s;
}

.menu-lateral::-webkit-scrollbar {
    width: 1px;
}

.toggle-menu-lateral {
    display: none;
}

/* TABELAS */

#tabDados {
    width: 100% !important;
}

/*NOVO PDV*/

.pdv-lanctos #produto_id {
    height: 3.6875rem;
}

table#tabDadosPdvLanctos td, table#tabDadosPdvLanctos th,
table#tabDadosPdvCapa td, table#tabDadosPdvCapa th{
    border-top: unset !important;
    border-bottom: unset !important;
}

table#tabDadosPdvLanctos th,
table#tabDadosPdvCapa th {
    color: #5B5B5B;
    font-weight: bold;
}

table#tabDadosPdvLanctos td,
table#tabDadosPdvCapa td {
    color: #000;
    padding-bottom: 0.1rem;
}

.pdv-grade-lancamentos {
    min-height: 14.5rem;
    overflow: hidden;
}

.pdv-lanctos_table_div {
    margin-top: -0.7rem !important;
    max-height: 14.438rem;
}

.pdv-capa_table_div {
    margin-top: -0.7rem !important;
}

.pdv-lanctos_label {
    font-size: 0.875rem !important;
}

.pdv-body-table {
    max-height: 25rem;
    overflow-y: auto;
}

.container-pdv .form-control, .container-pdv select.form-control {
    padding: 0.275rem 0.45rem !important;
}

.container-pdv select.form-control:not([size]):not([multiple]) {
    height: unset !important;
}

.container-pdv .pdv_lanctos_hr {
    margin-top: -0.2rem !important;
}

.container-pdv .pdv_capa_hr {
    margin-top: -0.5rem !important;
}

.pdv_capa_hr {
    margin-bottom: 0.3rem !important;
}

.col-md-20 {
    flex: 0 0 20%;
    max-width: 20%;
}

.col-md-30 {
    flex: 0 0 30%;
    max-width: 30%;
}

.col-md-70 {
    flex: 0 0 70%;
    max-width: 70%;
}

.ml_-5 {
    margin-left: -0.5rem !important;
}

.pdv-lanctos_add, .pdv-lanctos_edit, .pdv-lanctos_remove,
.pdv-capa_add {
    width: 1.3125rem;
    height: 1.3125rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    margin: auto;
    flex-shrink: 0;
    background-color: #000;
    cursor: pointer;
}

.pdv-lanctos_add a, .pdv-lanctos_edit a, .pdv-lanctos_remove a,
.pdv-capa_add a, .pdv-capa_edit a, .pdv-capa_remove a {
    color: var(--var-color-white);
}

.pdv-capa_edit i, .pdv-capa_remove i {
    color: black;
    font-size: 1rem;
    margin: 0.22rem;
}

.pdv-lanctos_totais{
    display: flex;
    justify-content: center;
    gap: 1.8rem;
}

.pdv-lanctos_totais .col-pdv-totais h5 {
    font-size: 0.97rem;
    color: #686868;
    font-weight: 700;
}

.pdv-lanctos_totais .col-pdv-totais h6 {
    color: #000000;
    font-size: 1.45rem;
    font-weight: 900;
}

.pdv-capa_container {
    overflow-y: auto;
    height: calc(90vh - 155px) !important;
}

/* Selecione os primeiros três elementos*/
.pdv-lanctos_totais .col-pdv-totais:nth-child(-n+3){
    border-right: 1px solid #000000;
}

.pdv-capa_valores_forma_pagamento {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-column-gap: .5rem;
    margin: 0 1rem;
}

.pdv-capa_valores_validade_forma_pagamento {
    display: grid;
    grid-template-columns: 1.8fr 1fr 1fr 1.2fr;
    grid-column-gap: .5rem;
    margin: 0 1rem;
}

.pdv-capa_valores_desconto_acrescimo {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: .5rem;
    margin: 0 1rem;
}

.pdv-produto-div {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: .5rem;
    margin: 0 1rem;
}

#adicionar_pagamento {
    margin-top: 1.9rem;
    width: 100%;
}

#id_adicionar_produto {
    margin-top: 1.9rem;
    width: 100%;
}

.pdv-lanctos_totais {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: .5rem;
}

.pdv-lanctos_totais div {
    padding: .5rem;
}

.col-pdv-totais {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pdv-capa_valores {
    max-width: 100%;
    display: flex;
    flex-direction: column;
}

.pdv-capa_info {
    width: 100%;
    padding-right: 0.938rem;
}

.pdv-capa_totais{
    display: flex;
    justify-content: space-around;
    gap: 1.8rem;
}

.col-capa-totais {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.col-capa-totais h5 {
    color: #000;
    font-size: 1rem;
    font-weight: 900;
}

.col-capa-totais h6 {
    color: #000;
    font-size: 1.25rem;
    font-weight: 800;
}

.pdv-capa_botoes {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}

.pdv-capa_botoes button {
    white-space: nowrap;
    padding: 1rem .5rem;
    width: 100%;
    flex-shrink: 0;
    text-align: center;
    color: #000;
    font-size: 0.8775rem;
    font-family: Roboto;
    font-weight: 800;
    border-radius: 10px;
}

/*LOGIN NOVO*/

.login_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: var(--cor-fundo);
    padding: 1rem;
}
.login_form_container {
    padding-top: 4.44rem;
    padding-left: 6.25rem;
    padding-right: 6.06rem;
    background-color: #FFF;
}

.login_container-logo {
    margin-bottom: 2rem;
}

.login_form-title {
    color: #434343;
    font-size: 1rem;
    font-weight: 800;
}

.login_container-form .login_form-label {
    color: #606060;
    font-size: 1rem;
    font-weight: 400;
}

.login_container-form input {
    border-radius: 0.375rem;
    border: 1px solid #F1F4F9;
    background: #FFF;
}

.login_container-form  button {
    width: 100%;
}

.login_form_container-experimente {
    margin-top: 1rem;
}

.login_banner_container {
    background-color: #006AD1;
}

.login_banner_container {
    padding-top: 9rem;
    padding-left: 2rem;
    padding-right: 10rem;
}

.login_banner_container-title {
    color: #FFF;
    font-size: 3.5rem;
    font-weight: 900;
}

.login_banner_container-list li {
    color: #9AC2FF;
    font-size: 1.7rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

/*FIM LOGIN NOVO*/

/* CHECKOUT */
.checkout-subtitulo h3 {
    color: #000;
    font-size: 1.875rem;
    font-family: Roboto;
    font-weight: 800;
    margin-bottom: 1rem;
}

.plano-atual {
    display: flex;
    flex-direction: column;
}



.plano-atual span {
    color: #5F5F5F;
    font-size: 1.25rem;
    font-weight: 500;
    align-self: self-start;
}

.plano-atual a {
    color: var(--titulos, #006AD1);
    font-size: 0.9375rem;
    text-decoration-line: underline;
    align-self: end;
}

.plano-atual h5 {
    color: #000;
    font-size: 2rem;
    font-weight: 800;
}

.valor-plano-atual h5, .valor-total-compra h5, .valor-total h5 {
    color: var(--var-confirmar);
    font-size: 2.5rem;
    font-weight: 800;
    align-self: center;
}

.valor-plano-atual span, .valor-total-compra span, .valor-total span {
    color: #000;
    font-size: .9rem;
    font-weight: 800;
}

.divisoria hr {
    height: 0.0625rem;
    background: #000;
}

.valor-plano-atual span::after {
    content: '+';
    color: #000;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-decoration:none;
    position: relative;
    top: 25px;
    left: 40%;
}

.valor-total-compra span::after {
    content: '=';
    color: #000;
    font-size: 1.875rem;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-decoration:none;
    position: relative;
    top: 25px;
    left: 33%;
}

.grupo-produto-titulo {
    width: 90%;
    min-height: 4.6875rem;
    flex-shrink: 0;
    background: #0c1e35;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2.5rem;
    align-self: center;
}

.grupo-produto-titulo span {
    color: #FFF;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    padding: .5rem 2.2rem;
}

.grupo-produto-descricao p {
    text-align: center;
    color: #5B5B5B;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.grupo-produto-divisoria hr {
    height: 0.0625rem;
    background: #000;
    margin-top: 2rem;
}

.grupo-produto-complemento p {
    color: #5B5B5B;
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.grupo-produto-subtotal h5 {
    color: #000;
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.grupo-produto-item a {
    color: var(--titulos, #006AD1);
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.grupo-produto-item input[type=checkbox] {
    background-color: #edf2f9;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    transform: translateY(-0.080em);
}

.grupo-produto-item label {
    margin-left: 1rem;
    font-size: 18px;
}

.quantidade-produto {
    max-width: 5rem;
    display: inline;
}

.quantidade-produto:disabled {
    background-color: #dadada !important;
    color: gray !important;
}

.form-check-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.border-r {
    border-right: solid 0.1rem #000000;
    display: flex;
    flex-direction: column;
}

.grupo-produto-subtotal {
    text-align: center;
}

#id_valor_total {
background-color: whitesmoke !important;
}

.campo-disabled {
    background-color: whitesmoke !important;
}

#pagar_agora {
    width: 100% !important;
    font-size: 0.8rem !important;
}

/* FIM CHECKOUT */

/* MODAL CHECKOUT */

#modalCheckoutPagamento p {
    margin: 0;
}
#modalCheckoutPagamento .modal-dialog {
    width: 70rem !important;
    max-width: 70rem !important;

}
#modalCheckoutPagamento .modal-dialog .modal-content .modal-body .modal_checkout-body_flex{
    padding-right: 1rem;
}

.modal-title_flex{
    display: flex;
    align-items: center;
    height: fit-content;
    gap: 1rem;
}

#modalCheckoutPagamento .modal-title{
    font-size: 1.5rem;
    font-weight: 800;
}

#modalCheckoutPagamento .modal-title_check{
    width: 1.735rem;
    height: 1.735rem;
    border-radius: 50%;
    color: white;
    background-color: var(--var-color-green-modal);
    font-size: .8rem;
    text-align: center;
    padding: .3rem;
}

.modal_checkout-qrcode_content-title, .modal_checkout-inf_content-title {
    font-size: 1.12rem;
    font-weight: 700;
}

.modal_checkout-qrcode_content-title {
    padding-top: 1rem;
}


.modal_checkout-qrcode_content p, .modal_checkout-inf_content p {
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: 0px;
    margin-right: 1rem;
}

#modalCheckoutPagamento .qrcode-view {
    max-height: 10rem;
    gap: 1rem;
}

#modalCheckoutPagamento .qrcode-view .qrcode-view_code {
    flex-grow: 1;
    max-width: 10rem;
}

#modalCheckoutPagamento .qrcode-view .qrcode-view_code img{
    max-width: 100%;
    max-height: 100%;
}

#modalCheckoutPagamento  .qrcode-view_info {
    flex-grow: 2;
    flex-basis: 100%;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

.modal_checkout-qrcode_content {
    display: flex;
    flex-direction: column;
}

.qrcode-view_info-tutorial {
    display: flex;
    gap: .8rem;
    align-items: center;
}

.tutorial_steps-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1.735rem;
    min-width: 1.735rem;
    border-radius: 50%;
    background-color: var(--var-main-menu-color);
    color: white;
}

.modal_checkout-qrcode_content-footer {
    font-size: 1.12rem;
    font-weight: 700;
}

.modal_checkout-qrcode_content-btn {
    background-color: #2a6bb2 !important;
    color: #fff !important;
    padding: .5rem 1rem;
    margin-top: 1.2rem;
}

.modal_checkout-inf_content {
    border: 1px solid #cbcbcb;
}

.modal_checkout-inf_content-title_row {
    margin-right: -15px;
    margin-left: -15px;
}

.modal_checkout-inf_content-title {
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
    padding: 1rem 15px;

}

.inf-details_plan, .inf-details_additional, .inf-details_subtotal, .inf-details_discount-detail,
.inf-details_discount-total, .inf-details_total {
    display: flex;
    justify-content: space-between;
}

.inf-details_plan {
    padding-bottom: .8rem;
}

.inf-details_plan-price, .inf-details_additional-price, .inf-details_subtotal-price,
.inf-details_discount-price, .inf-details_discount-price, .inf-details_total-price {
    text-align: right;
}

.inf-details_subtotal p{
    font-weight: bold;
}

.inf-details_discount-description p,
.inf-details_discount-price span,
.inf-details_discount-total-price span {
    color: var(--var-color-green-modal);
}

.inf-details_discount-detail {
    padding-bottom: .6rem;
}

.inf-details_discount-price span,
.inf-details_discount-total-price span {
    margin-right: .3rem;
}

.inf-details_discount-total p {
    font-weight: bold;
    font-size: .9rem;
}

.inf-details_total {
    padding-bottom: .8rem;
    border-bottom: .05rem solid #d6d6d678;
}

.inf-details_total p {
    font-size: .9rem;
}

.inf-details_total-description p, p.inf-details_total-price_description, .inf-details_total-price span {
    font-weight: bold;
}

.inf-content_footer {
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    padding-bottom: .8rem;
}

.inf-content_footer span {
font-weight: bold;
}

/* FIM MODAL CHECKOUT */

.img_logo_menu {
    width: 7.063rem !important;
}

.ui-menu-item-wrapper:hover {
    background: var(--var-main-menu-color) !important;
    color: white !important;
}

/* Cadastro de pessoa */

.cad_pessoa_tipo_flex, .cad_pessoa_ativo_flex{
    display: flex;
    flex-direction: column;
}

.cad_pessoa_tipo_flex_tipos {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.cad_pessoa_ativo_flex {
    margin-left: -0.05rem;
}

/* Fim cadastro de pessoa */

/* Cadastro tesouraria */

.bg-saldo-tesouraria {
    color: #dc3545 !important;
}

/* Fim Cadastro tesouraria */


/* Cadastro documento conta a pagar e documento conta a receber */

.button-modal-documento  {
    margin-top: 2rem !important;
}

/* Fim Cadastro documento conta a pagar e documento conta a receber */

/* Cadastro marketplace */

.marketplace-ativo {
    margin-top: 2.5rem;
}

/* Fim Cadastro marketplace */

/* Configuração parametros */

.conf_parametros_tipo_flex{
    display: flex;
    flex-direction: column;
}

.conf_parametros_tipo_flex_tipos {
    display: flex;
    gap: 1.5rem;
    margin-top: 15px;
    margin-right: 15px;
    justify-content: left;
    flex-wrap: wrap;
}

/* Fim configuração parametros */

/* Lançamentos NF-e */
.cad_nota_ent_sai_titulo {
    font-weight: 900;
}

#nfe-lancatos-nav-tab-content .row {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-top: 1rem !important;
}

#nfe-lancatos-nav-tab .nav-item {
    border: none;
    background-color: transparent;
    font-weight: 900;
    color: #383838;
    width: 6.962rem;
    min-width: fit-content;
    text-align: center;
}

#nfe-lancatos-nav-tab .nav-item::after {
    content: " ";
    display: block;
    width: 100%;
    height: 0.5rem;
    background-color: #A3A3A3;
}

#nfe-lancatos-nav-tab .active::after, #nfe-lancatos-nav-tab .show::after {
    background-color: var(--var-main-menu-color);
}

#nfe-lancatos-nav-tab .nav-link {
    padding: 0.5rem 0.3rem;
}
/* Fim lançamentos NF-e */

/* Botão fechar do modal */

.modal-header .close {
    padding: unset;
    margin: unset;
}

.modal-header {
    border-bottom: unset;
}

button.close {

    width: 1.735rem;
    height: 1.735rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: 300ms ease-in-out;
}

button.close:hover {
    background-color: var(--var-main-menu-color);
    color: var(--var-color-hover-menu);

}

/* Fim botão fechar do modal*/

/* Tela Primeiro Acesso */

#form-primeiro-acesso {
    padding: 3rem;
    overflow: hidden;
}

.step-progress {
    display: flex;
    align-items: center;
    gap: 4rem;

    border-bottom: 1px solid gray;
    padding-bottom: 3rem;
    counter-reset: step;
}

.step-progress strong {
    display: flex;
    align-items: center;
    gap: .8rem;

    color: rgb(208, 208, 208);
}

.step-progress strong.active {
    color: #000000;
}

.step-progress strong::before {
    counter-increment: step;
    content: counter(step);
    font-size: 1.4rem;
    background-color: rgb(208, 208, 208);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    color: gray;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-progress .active::before {
    background-color: #007bff;
    color: #ffffff;
}

.step-progress .done::before {
    content: '✓';
    background-color: #038300;
    color: #FFFFFF;
}

.form-step {
    display: block;
}

@keyframes appear {
    0% {
        scale: .7;
        opacity: 0;
    }
}

.form-step.active {
    animation: appear 200ms 100ms ease-in-out backwards;
}

.container-fluid {
    animation: appear 200ms 100ms ease-in-out backwards;
}

@keyframes slideout {
    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}

.form-step {
    animation: slideout 200ms ease-in-out forwards;
}

.hide {
    display: none;
}

/* Título formulário */
.titulo-formulario {
    font-weight: 900;
    margin-bottom: 1rem;
}
/* Fim título formulário*/

.shadow {
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px !important;
}

.accordion .card {
    border-radius: 0.5rem !important;
}

.accordion .card-header {
    background-color: unset !important;
    border-bottom: unset !important;
}

.dataTables_length {
    display: none !important;
}

.botao-novo-cadastro {
    background-color: #77B93F !important;
}

/* Tela de certificado */

.font-size-certificado {
    font-size: 2rem !important;
    font-weight: 800 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.text-center-certificado {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.text-center-certificado > .card, .text-center-certificado > .card > .card-header {
    background-color: var(--var-color-white) !important;
}

.text-center-certificado > .card {
    width: 100% !important;
    height: 20rem !important;
    border-radius: 0.5rem !important;
}

.text-center-certificado > .card > .card-header {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
    border-bottom: unset !important;
    text-align: center;
    padding-top: 1.5rem !important;
}

.text-center-certificado > .card > .card-header > h3{
    font-size: 3rem !important;
    font-weight: 900 !important;
    color: #000 !important;
 }

.text-center-certificado > .card > .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.text-center-certificado > .card > .card-body > button {
    color: var(--var-color-white) !important;
}

/* Fim tela de certificado */

/* Tela de mais opções da nfe */

.text-center-card {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}


/* Fim da tela de mais opções da nfe */

/* Modal de árvore plano conta tesouraria */

#tree-container {
    max-height: 80vh;
    overflow-y: auto;
    padding-right: 8px;
    font-size: 16px;
}

#tree-container::-webkit-scrollbar {
    width: 8px;
}

#tree-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

#tree-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

#tree-container::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
}

.treeview ul {
    list-style-type: none;
    padding-left: 20px;
}

.treeview li {
    padding-left: 20px;
}

.treeview li i {
    cursor: pointer;
    position: relative;
}

.treeview li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
}
.toggle-icon {
    font-size: 0.9rem;
    margin-right: 5px;
}

/* Fim do modal de árvore plano conta tesouraria */

/* Dashbord */

#cards-dashboard .card-acesso-rapido .card-header, #cards-dashboard .card-buscar .card-header {
    background-color: unset !important;
    border-bottom: unset !important;
}

.card-buscar input {
    border-radius: unset !important;
    border-radius: 0.25rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.card-buscar select {
    border-radius: 0.25rem !important;
}

/* Fim Dashbord */

ol.breadcrumb {
    background-color: transparent;
}

button.btn.btn-link.btn-block.text-left.collapsed {
    color: black !important;
    text-decoration: none !important;
}

.accordion .card {
    border-radius: 0.5rem !important;
 }

.accordion .card-header {
    background-color: unset !important;
    border-bottom: unset !important;
 }

.accordion .btn-link {
    font-size: 1.3rem !important;
    font-weight: 900 !important;
    color: #000 !important;
    text-decoration: none !important;
}
.accordion .btn-link:hover {
    color: #000 !important;
    text-decoration: none !important;
}

ol.breadcrumb {
    padding-left: 0 !important;
}

/* Alinhamento dos checkboxs */

.check-align {
    padding-top: 2.5rem !important;
}

/* Fim alinhamento dos checkboxs */

/* Alinhamento dos botões */

.button-align {
    padding-top: 1.855rem !important;
}

/* Fim alinhamento dos botões */

/* Alinhamento dos labels */

.label-align {
    padding-top: 2rem !important;
}

/* Fim alinhamento dos labels */

#checkoutPgamanetoTitle {
    font-size: 2rem;
}

.card.card-buscar.shadow {
    padding-bottom: 1.2rem;
}

/* Tela de parcelamento */
#id_parcelas {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#id_parcelas > .row.form-group {
    width: 100% !important;
}

.item-parcela_nfe-numero, .item-parcela_nfe-data, .item-parcela_nfe-valor {
    display: flex;
    gap: 0.5rem;
}

.item-parcela_nfe-input {
    flex-grow: 1;
}

/* HOME */

#pills-acesso-rapido-tab,
#pills-dashboard-tab,
#pills-acesso-rapido-tab:focus,
#pills-dashboard-tab:focus,
#pills-acesso-rapido-tab:active,
#pills-dashboard-tab:active {
    outline: none !important;
    border-color: transparent !important;
}

.nav-pills > .nav-item {
    margin-right: 1rem;
}

.card-header {
    background-color: unset !important;
    border-bottom: unset !important;
}

.item-menu-disabled {
    cursor: default !important;
}

.acesso-rapido div {
    transition: all 0.2s ease-in-out;
    padding: 6px;
    border-radius: 10px;
}

.acesso-rapido div:hover {
    color: white;
    background-color: var(--var-main-menu-color);
}

#renove-seu-certificado {
    color: #fff;
}

.data-vencimento {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.notificacao-content {
    height: calc(80vh - 200px);
    overflow: auto;
}

.btn-sugestao-melhoria {
    background-color: var(--var-main-menu-color) !important;
    color: #fff !important;
    cursor: pointer;
    border: none;
    transition: background 0.2s;
}

.btn-sugestao-melhoria:hover {
    background-color: #0069d9 !important;
    color: #fff !important;
}

.btn-sugestao-melhoria:focus {
    outline: none !important;
}

#notificacao-tela-inicial {
    max-height: 200px !important;
    overflow-y: auto !important;
    border: #856404 solid 1px;
}

/* FIM HOME */

/* Visualizar XML */

.div-btn-visualizar-xml {
    width: 100% !important;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.div-btn-visualizar-xml-item .btn {
    width: 100% !important;
}

/* Visualizar novo documento */

.margin-novo-documento {
    margin: 0 15px 0 15px;
}

/* COMPONENTES DE GRAVAR LOG XML EM EMPRESA DADOS */
.div_botoes_salvar_cancelar {
    display: flex;
    gap: 0.5rem;
}

.div_botoes_salvar_cancelar #btnSalvar,
.div_botoes_salvar_cancelar a {
    flex-basis: fit-content;
}

.div_log_xml{
    flex-basis: 82%;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

/*------------- MEDIA QUERIES -------------------*/

/* Antes ficavam na linha 670 */

/* MODAL SIDE BAR RIGHT */

.modal-sidebar-right {
    position: fixed;
    top: 0;
    right: -55%;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    opacity: 0;
    height: 100vh;
    background-color: white;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.2), 3px 0 5px -2px rgba(0, 0, 0, 0.2);
    transition: all 0.5s, opacity 0.5s;
}

.modal-sidebar-right.show-modal-sidebar-right {
    right: 0px;
    opacity: 1;
    transition: all 0.5s, opacity 0.5s;
}

.side-bar-right-header {
    height: 64px;
    border-bottom: 1px solid #dee2e6;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
}

.side-bar-right-header h3 {
    margin-bottom: 0;
    padding-left: 1rem;
    font-weight: bold;
}

.side-bar-right-header a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.side-bar-right-header a:hover {
    text-decoration: none   ;
}

.side-bar-right-body {
    height: calc(100vh - 135px);
}

.side-bar-right-footer {
    position: relative !important;
    border-top: 1px solid #c9d3dd;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 1rem;
}

.side-bar-right-body {
    padding: 0.5rem 1rem 1rem 1rem;
}

.card {
    overflow-wrap: anywhere;
}
/* MODAL SIDE BAR RIGHT */

.modal-content-add-produto {
    box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.2), 3px 0 5px -2px rgba(0, 0, 0, 0.2);
}

table.dataTable thead .sorting:last-child {
    background-image: none !important;
}

.results_on_deck div , .results_on_deck div span {
    color: #007bff;
}

/* Modal Empresas */

#ui-id-1 {
    z-index: 9999999;

}

/*------------------- VARIAÇÃO -------------------*/

.input-container {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    /* padding: 5px; */
    padding: .375rem .75rem;
    border-radius: 5px;
    /* max-width: 400px; */

    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.input-container:focus-within {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.tag_valor_container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.tag {
    display: inline-flex;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 5px;
    font-size: 14px;
}

.tag .remove-tag {
    margin-left: 8px;
    cursor: pointer;
    color: red;
}

.tag_valor_input {
    border: none;
    flex-grow: 1;
    font-size: 1rem;
}

.tag_valor_input:focus {
    outline: none;
}

.variacoes_cadastradas {
    flex-basis: 70% !important;
}

.alerta_modificacao_variacao {
    flex-basis: 30% !important;
}

#id_alerta_modificacao_variacao > .alert{
    max-height: fit-content !important;
}

/*----------------- FIM VARIAÇÃO ---------------*/

/*----------------- VARIAÇÃO MARKETPLACE LIST ----------------- */
.card_varicao_marketplace {
    overflow-wrap: unset !important;
}

/*----------------- FIM VARIAÇÃO MARKETPLACE LIST ---------------*/

/*------------- CUSTOM ALERT -------------*/

.custom-alert {
    background-color: #fff8e6;
    color: #856404;
    border: 1px solid #ffeeba;
    border-radius: 5px;
  }
  .custom-alert .alert-heading {
    font-size: 1.25rem;
    font-weight: bold;
  }
  .custom-icon {
    margin-right: 10px;
    font-size: 1.5rem;
    color: #856404;
  }

#tabDados_wrapper {
    min-height: 100vh !important;
}

/*Botão carrinho marktplace da listagem de produtos*/

.btn-group_flex {
    position: relative !important;
    display: flex !important;
    justify-content: space-evenly !important;
}

.btn_maketplace_produto_list {
    color: #2c7be5;
    background-color: unset !important;
    padding: 1rem;
    border-radius: 25% !important;
    margin-top: 4px;
    transition: all 0.5s;
    width: 21px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn_maketplace_produto_list_true {
    background-color: #229f33 !important;
    color: white !important;
}

/* ------------------- PAGAMENTO PIX PDV ------------------- */

#pdv_label_valor_pix {
    font-size: 20px;
    font-weight: 800;
}

#pdv_valor_pix {
    font-size: 20px;
    font-weight: 800;
}

#pdv_qrcode_pix_starkbank {
    max-width: 260px;
}

.img-full {
    max-width: 100%;
    height: 100%;
}

    /* Estilo do spinner */
.spinner {
        width: 260px;
        height: 260px;
        border: 10px solid #f3f3f3; /* Borda clara */
        border-top: 10px solid #3498db; /* Borda colorida que cria o efeito de rotação */
        border-radius: 50%;
        animation: spin 1s linear infinite;
        margin: auto; /* Centraliza horizontalmente */
    }

    /* Animação de rotação */
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

/* ------------------- FIM PAGAMENTO PIX PDV ------------------- */

.forma-pagamento-qrcode {
    max-width: 260px;
}

/* ------------------- CUSTOM ALER ------------------- */

/* Estilos exclusivos para a tela de imagens do Plug4Market */
.plug4market-img-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    transition: box-shadow 0.2s, transform 0.2s;
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: none;
    position: relative;
}
.plug4market-img-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.13);
    transform: translateY(-2px) scale(1.01);
    cursor: pointer;
}
.plug4market-img-thumb {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    border: 1.5px solid #e3e6ea;
    background: #f8f9fa;
}
.plug4market-img-ordem-badge {
    display: flex;
    align-items: center;
    margin-left: 16px;
    margin-right: 24px;
}
.plug4market-img-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #007bff22;
    color: #007bff;
    font-weight: bold;
    font-size: 1.1rem;
    box-shadow: 0 1px 4px rgba(0,123,255,0.08);
    border: 1.5px solid #e3e6ea;
}
.plug4market-img-btn-excluir {
    transition: background 0.2s, transform 0.2s;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-left: auto;
}
.plug4market-img-btn-excluir:hover {
    background: #c82333 !important;
    transform: scale(1.08);
}
.plug4market-img-listagem-bg {
    background: #f4f6fa;
    border-radius: 14px;
    padding: 18px 10px 10px 10px;
    margin-top: 18px;
}

/* Modal de visualização de imagem Plug4Market */
.plug4market-img-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1055;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plug4market-img-modal.d-none {
    display: none !important;
}
.plug4market-img-modal-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.7);
    z-index: 1;
}
.plug4market-img-modal-content {
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 4px 32px rgba(0,0,0,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
    min-height: 200px;
    max-width: 90vw;
    max-height: 90vh;
    padding: 2rem 1.5rem;
}
#plug4market-img-modal-img {
    max-width: 80vw;
    max-height: 80vh;
    margin: 0 48px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.18);
}
.plug4market-img-modal-close {
    position: fixed;
    top: 32px;
    right: 32px;
    z-index: 1100;
    font-size: 2.2rem;
    background: rgba(255,255,255,0.85) !important;
    border-radius: 50%;
    width: 44px; height: 44px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
    border: none;
}
.plug4market-img-modal-prev, .plug4market-img-modal-next {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1100;
    font-size: 2.5rem;
    background: rgba(255,255,255,0.85) !important;
    border-radius: 50%;
    width: 54px; height: 54px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
    border: none;
    opacity: 0.95;
    color: #222;
}
.plug4market-img-modal-prev { left: 32px; }
.plug4market-img-modal-next { right: 32px; }
.plug4market-img-modal-prev:active, .plug4market-img-modal-next:active, .plug4market-img-modal-close:active {
    background: #e9ecef !important;
}
.plug4market-img-modal-counter {
    position: fixed;
    top: 32px;
    left: 32px;
    z-index: 1100;
    background: rgba(34,34,34,0.85);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 16px;
    padding: 6px 18px;
    min-width: 48px;
    text-align: center;
    letter-spacing: 1px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.18);
}
@media (max-width: 900px) {
    .plug4market-img-modal-prev, .plug4market-img-modal-next {
        width: 40px; height: 40px;
        font-size: 2rem;
        left: 8px;
        right: 8px;
    }
    .plug4market-img-modal-close {
        top: 8px;
        right: 8px;
        width: 36px; height: 36px;
        font-size: 1.5rem;
    }
    .plug4market-img-modal-counter {
        top: 8px;
        left: 8px;
        font-size: 0.98rem;
        padding: 4px 12px;
    }
}

.plug4market-img-modal-prev, .plug4market-img-modal-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    font-size: 2rem;
    background: #fff !important;
    border-radius: 50%;
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
    opacity: 0.85;
}
.plug4market-img-modal-prev { left: 8px; }
.plug4market-img-modal-next { right: 8px; }
.plug4market-img-modal-prev:active, .plug4market-img-modal-next:active, .plug4market-img-modal-close:active {
    background: #e9ecef !important;
}
@media (max-width: 600px) {
    #plug4market-img-modal-img {
        max-width: 98vw;
        max-height: 60vh;
        margin: 0 8px;
    }
    .plug4market-img-modal-content {
        min-width: 0;
        min-height: 0;
    }
}

.plug4market-img-tooltip {
    display: block;
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    color: #222;
    font-size: 0.98rem;
    font-weight: 500;
    padding: 6px 18px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, top 0.2s ease;
    z-index: 10;
    border: 1px solid #e3e6ea;
    white-space: nowrap;
}
.plug4market-img-card:hover .plug4market-img-tooltip {
    opacity: 1;
    top: -48px;
}

@media (min-width: 360px) and (max-width: 711px) {

    #modalCheckoutPagamento .modal-dialog {
        width: 21.3rem !important;
        max-width: 21.3rem !important;
    }

    #modalCheckoutPagamento .qrcode-view {
        max-height: unset;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    #modalCheckoutPagamento .modal_checkout-qrcode_content-btn {
        margin-bottom: 1rem;
    }

    .cad_pessoa_tipo_flex_tipos{
        flex-direction: column;
        gap: unset;
        flex-wrap: wrap;
    }

    .cad_pessoa_ativo_flex {
        margin-left: unset;
    }

    .pdv-capa_valores_desconto_acrescimo {
        grid-template-columns: 1fr;
    }

    .accordion .btn-link {
        text-wrap: wrap;
    }

    /* Tela de parcelamento */

    .btn-parcelas-div {
        margin-top: 1rem !important;
    }

    .item-parcela_nfe-numero, .item-parcela_nfe-data, .item-parcela_nfe-valor {
        flex-direction: column;
        gap: unset;
    }

    /* Fim tela de parcelamento */

}

@media (min-width: 576px){
    .modal-sidebar-right {
        width: 55%;
    }

    .margem-parcelas {
        margin-left: 5px;
        margin-right: 5px;
    }

    .modal-dialog {
        max-width: 600px;
    }

    #enderecoModal .modal-content {
        width: 40rem;
    }

    #map {
        height: 80vh;
    }

    .pdv-capa_valores_desconto_acrescimo {
        grid-template-columns: 1fr;
    }

    .pdv-capa_botoes {
        grid-template-columns: repeat(2, 1fr);
    }

    .pdv-produto-div {
        grid-template-columns: repeat(2, 1fr);
    }

    .modal-dialog {
        max-width: 600px !important;
    }
    /* MODAL EMPRESA ASSOCIADA */

    .card-body-empresa-entrar {
        padding-right: 15px;
    }

    /* MODAL EMPRESA ASSOCIADA */

}

@media (min-width: 712px ) and (max-width: 1023px ) {
    /* Tela de parcelamento */
    .item-parcela_nfe-numero, .item-parcela_nfe-data, .item-parcela_nfe-valor {
        margin-bottom: 0.5rem !important;
    }

    .item-parcela_nfe-label {
        flex-grow: unset !important;
        flex-basis: 25% !important;
    }

    .item-parcela_nfe-input {
        flex-grow: unset !important;
        flex-basis: 75% !important;
    }

    /* Fim tela de parcelamento */
}

@media (min-width: 270px ) and (max-width: 1179px ){
    /*Novo login para dispositivos móveis*/
    .login_form_container {
        padding: unset !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .login_banner_container {
        display: none !important;
    }

    .pdv-capa_valores {
        flex: 100%;
        max-width: 100%;
    }

    .pdv-capa_info {
        flex: 100%;
        max-width: 100%;
    }
}

/* small devices (portrait phones and tablets) */
@media (max-width: 991.98px) {
    .toggle-menu-lateral {
        display: inline;
    }

    .menu-lateral {
        margin-top: 56px;
        background-color: var(--var-main-menu-color);
        color: #FFFFFF;
        height: unset;
        width: 100% !important;
        position: unset;
        overflow-y: scroll;
        transition: width 0.5s;
    }

    .nav-container {
        width: 100%;
    }

    .base {
        margin-top: 4rem !important;
        min-width: unset;
        position: unset;
        left: 25%;
        height: unset;
    }

    a#link-menu-lateral {
        display: none;
    }

    .footer-pdv {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
    }

    .menu-lateral-reduzido {
        margin-top: 56px;
        background-color: var(--var-main-menu-color);
        color: #FFFFFF;
        height: unset;
        width: unset;
        position: unset;
        overflow-y: scroll;
        transition: width 0.5s;
    }

    .base-expande {
        margin-top: 4rem !important;
        min-width: unset;
        position: unset;
        left: 25%;
        height: unset;
        top: 0.5rem;
    }

    .nav-container-expand {
        width: 100% !important;
    }

    .pdv-lanctos {
        border-right: unset;
    }
}

@media (min-width: 990px) {
    .pdv-capa_botoes {
        grid-template-columns: repeat(4, 1fr);
    }

    .pdv-capa_valores_desconto_acrescimo {
        grid-template-columns: repeat(3, 1fr);
    }

    .pdv-produto-div {
        grid-template-columns: repeat(4, 1fr);
    }

    .modal-dialog {
        max-width: 950px !important;
    }
}

@media (min-width: 1179px) {
    .pdv-capa_valores_desconto_acrescimo {
        grid-template-columns: repeat(5, 1fr);
    }

    .pdv-capa_botoes {
        grid-template-columns: repeat(5, 1fr);
    }

    .pdv-produto-div {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1430px !important;
    }
}

@media (min-width: 270px){
    #variacoes_cadastrada_flex{
        flex-direction: column !important;
    }
}

@media (min-width: 992px) {
    #variacoes_cadastrada_flex{
        flex-direction: row !important;
    }
    #id_alerta_modificacao_variacao > .alert > div > h4{
        font-size: 0.9rem !important;
    }

    #id_alerta_modificacao_variacao > .alert > div > p {
        font-size: 0.8rem !important;
    }

    .btn_pesquisa_dfe{
        padding-top: 1rem !important;
        padding-right: unset !important;
    }

    .form_pesquisa_dfe{
        padding-left: unset !important;
    }
}

@media (min-width: 1228px) {
    #id_alerta_modificacao_variacao > .alert > div > h4{
        font-size: 1rem !important;
    }

    #id_alerta_modificacao_variacao > .alert > div > p {
        font-size: 0.9rem !important;
    }


}

@media (max-width: 1200px) {
    .div_log_xml{
        flex-basis: 80%;
    }
}

@media (max-width: 1024px) {
    .div_log_xml{
        flex-basis: 75%;
    }
}

@media (min-width: 360px) {
    .div_botoes_salvar_cancelar {
        display: block;
    }

    .div_log_xml{
        /* flex-basis: 82%; */
        justify-content: flex-start;
        /* flex-wrap: wrap; */
        /* gap: 1rem; */
        /* align-items: center; */
    }
}

@media (min-width: 775px) {
    .div_botoes_salvar_cancelar {
        display: flex;
    }

    .div_log_xml{
        /* flex-basis: 82%; */
        justify-content: flex-end;
        /* flex-wrap: wrap; */
        /* gap: 1rem; */
        /* align-items: center; */
    }
}



@media (min-width: 360px) and (max-width: 605px) {

    .div_log_xml{
        justify-content: flex-end;
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
    }

     .div_log_xml .margin-top-30{
        margin-top: 0 !important;
    }

     .div_log_xml button{
        margin-top: 1rem !important;
    }


}

.plug4market-img-modal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1055;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plug4market-img-modal.d-none {
    display: none !important;
}
.plug4market-img-modal-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.85);
    z-index: 1;
}
.plug4market-img-modal-content {
    position: relative;
    z-index: 2;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 0;
    max-width: 98vw;
    max-height: 98vh;
    padding: 0;
}
.plug4market-img-modal-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 90vw;
    max-height: 90vh;
    width: 100%;
    height: 100%;
    background: transparent;
}
#plug4market-img-modal-img {
    max-width: 90vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    margin: 0;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 2px 16px rgba(0,0,0,0.18);
    display: block;
}
.plug4market-img-modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 3;
    font-size: 2.2rem;
    background: rgba(255,255,255,0.85) !important;
    border-radius: 50%;
    width: 44px; height: 44px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
    border: none;
}
.plug4market-img-modal-prev, .plug4market-img-modal-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    font-size: 2.5rem;
    background: rgba(255,255,255,0.85) !important;
    border-radius: 50%;
    width: 54px; height: 54px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12);
    border: none;
    opacity: 0.95;
    color: #222;
}
.plug4market-img-modal-prev { left: 24px; }
.plug4market-img-modal-next { right: 24px; }
.plug4market-img-modal-prev:active, .plug4market-img-modal-next:active, .plug4market-img-modal-close:active {
    background: #e9ecef !important;
}
@media (max-width: 900px) {
    .plug4market-img-modal-img-wrapper, #plug4market-img-modal-img {
        max-width: 98vw;
        max-height: 80vh;
    }
    .plug4market-img-modal-prev, .plug4market-img-modal-next {
        width: 40px; height: 40px;
        font-size: 2rem;
        left: 8px;
        right: 8px;
    }
    .plug4market-img-modal-close {
        top: 8px;
        right: 8px;
        width: 36px; height: 36px;
        font-size: 1.5rem;
    }
}

.plug4market-img-modal-prev { left: 100px; }
@media (max-width: 900px) {
    .plug4market-img-modal-prev { left: 8px; }
}

.plug4market-img-modal-counter { left: 100px; }
@media (max-width: 900px) {
    .plug4market-img-modal-counter { left: 8px; }
}

/* Estilos para o modal do SweetAlert com campos de formulário */
.swal2-popup {
    font-size: 0.9rem;
}

.swal2-popup .form-group {
    margin-bottom: 1rem;
}

.swal2-popup .form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #333;
    font-size: 0.9rem;
}

.swal2-popup .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.swal2-popup .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.swal2-popup .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.swal2-popup .form-text {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.8rem;
    color: #6c757d;
}

.swal2-popup textarea.form-control {
    resize: vertical;
    min-height: 80px;
}

.swal2-popup select.form-control {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Melhorias específicas para o modal de anúncio do Mercado Livre */
.swal2-popup .text-left {
    text-align: left;
}

.swal2-popup .mb-3 {
    margin-bottom: 1rem;
}

.swal2-popup strong {
    font-weight: 600;
    color: #2687E9;
}

/* Responsividade para o modal */
@media (max-width: 576px) {
    .swal2-popup {
        font-size: 0.85rem;
        margin: 1rem;
    }

    .swal2-popup .form-control {
        font-size: 0.85rem;
        padding: 0.5rem;
    }

    .swal2-popup .form-label {
        font-size: 0.85rem;
    }

    .swal2-popup .form-text {
        font-size: 0.75rem;
    }
}