@charset "UTF-8";
/*-----------------------------------------------------------------------------*/
/*                                  Globais                                    */
/*-----------------------------------------------------------------------------*/
@font-face {
  font-family: "montesserrat";
  src: url("../font/Montserrat-Regular.ttf");
}
.cursorBlock {
  cursor: not-allowed;
}

@keyframes skeletonShimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
.skeleton::after {
  content: "";
  position: absolute;
  pointer-events: none !important;
  inset: 0;
  z-index: 2;
  background-color: #E6E7EB;
  background-image: linear-gradient(90deg, #E6E7EB 0%, #F5F6F8 40%, #FFFFFF 50%, #F5F6F8 60%, #E6E7EB 100%);
  background-size: 200% 100%;
  background-position: 200% 0;
  animation: skeletonShimmer 3s ease-in-out infinite;
}

#toastContainer {
  position: fixed;
  right: 24px;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
  pointer-events: none;
}

.fastToast {
  width: 400px;
  max-width: calc(100vw - 32px);
  opacity: 0;
  transform: translateX(50%);
  pointer-events: all;
  background: rgba(32, 32, 32, 0.92);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 2px solid rgba(64, 64, 64, 0.9);
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.04) inset;
  padding: 16px;
  transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
}
.fastToast .linhaTituloFechar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.fastToast .linhaTituloFechar .logoMensagem {
  width: 15px;
  height: 15px;
}
.fastToast .linhaTituloFechar .btnFechar {
  font-size: 15px;
  color: white;
  cursor: pointer;
}
.fastToast .tituloToast {
  font-size: 12px;
  color: #f7f7f7;
  letter-spacing: 0.2px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.fastToast .mensagem {
  font-size: 13px;
  color: white;
}
.fastToast.aberto {
  opacity: 1;
  transform: translateX(0);
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 10px 20px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  border-radius: 10px;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

#snackbar.hide {
  animation: fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
html {
  height: 100%;
}

body {
  height: 100%;
  width: 100%;
  font-family: "montesserrat";
  background-color: #f9f9f9;
  margin: 0;
  letter-spacing: 0.5px;
  font-size: 12px;
  position: relative;
  min-width: 1120px;
  color: #414141;
}

label {
  margin-bottom: 0rem !important;
}

.indexC {
  display: grid;
  align-items: center;
}

.tooltip-image-contrato .tooltip-inner {
  color: #fff;
  text-align: left;
  background-color: #5c5c5c;
  max-width: 330px;
  padding: 10px;
}
.tooltip-image-contrato .tooltip-arrow::before,
.tooltip-image-contrato .tooltip-arrow::before {
  border-top-color: #5c5c5c;
}

#avisoTeste {
  background-color: red;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

.tituloPadrao {
  color: #5c5c5c;
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 20px;
}
.tituloPadrao hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #11cc59;
  height: 2px;
  border-radius: 10px;
  margin-top: 5px;
}

.barraSenha {
  display: flex;
  width: 100%;
  height: 10px;
  gap: 10px;
  margin-bottom: 15px;
}
.barraSenha .barraItemSenha {
  background-color: #edeaea;
  border-radius: 5px;
  width: 100%;
}

.feedbackSenha {
  margin-bottom: 15px;
  color: #5c5c5c;
}
.feedbackSenha .requisitoInativo {
  color: #5c5c5c;
}
.feedbackSenha .requisitoReprovado {
  color: red;
}
.feedbackSenha .requisitoAprovado {
  color: #11cc59;
}

.exibePDF {
  border: none;
  width: 100%;
  height: 100%;
}

.statusComFundo {
  text-align: center;
  opacity: 0.8;
  overflow: hidden;
  padding: 4px 5px;
  border-radius: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
  max-width: 250px;
}

.seminfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.seminfo img {
  margin: 0px auto;
}
.seminfo .texto {
  margin-top: 15px;
  color: #5c5c5c;
  font-weight: bold;
}

.summerNote {
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.5);
  position: relative;
  margin: 10px auto 15px;
  display: grid;
  align-items: center;
  width: 100%;
}
.summerNote .divLabel {
  color: #5c5c5c;
  background-color: white;
  position: absolute;
  top: -11px;
  left: 8px;
  font-size: 11px;
  padding: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 999;
}
.summerNote .divInput {
  padding: 0;
  position: relative;
}
.summerNote .note-editor {
  padding: 5px 0 0 0;
}
.summerNote .note-toolbar {
  background-color: white;
}
.summerNote .note-toolbar button {
  color: black;
  border-radius: 5px;
  border: 1px solid rgba(92, 92, 92, 0.5);
}
.summerNote .note-toolbar button:hover {
  background-color: #11cc59;
  color: white;
}
.summerNote .note-editable table {
  height: auto;
  margin-bottom: 0;
}

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

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

.containerCards,
.gridCards {
  gap: 20px;
  padding: 10px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
.containerCards.colunas-4,
.gridCards.colunas-4 {
  grid-template-columns: repeat(4, 1fr) !important;
}
.containerCards.colunas-3,
.gridCards.colunas-3 {
  grid-template-columns: repeat(3, 1fr) !important;
}
.containerCards.colunas-2,
.gridCards.colunas-2 {
  grid-template-columns: repeat(2, 1fr) !important;
}
.containerCards.stretch,
.gridCards.stretch {
  align-items: stretch;
}
.containerCards.stretch .cardPadrao,
.gridCards.stretch .cardPadrao {
  height: 100%;
}
.containerCards.stretch .cardPadrao.naoStretch,
.gridCards.stretch .cardPadrao.naoStretch {
  height: 0 !important;
  min-height: 100%;
  overflow: hidden;
}
.containerCards.flex-wrap,
.gridCards.flex-wrap {
  flex-wrap: wrap;
}
.containerCards .linhaCards,
.gridCards .linhaCards {
  grid-column: 1/-1;
  display: flex;
  gap: 14px;
}
.containerCards .cardPadrao,
.gridCards .cardPadrao {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  height: max-content;
}
.containerCards .cardPadrao.semShadow,
.gridCards .cardPadrao.semShadow {
  box-shadow: none;
}
.containerCards .cardPadrao.comBorda,
.gridCards .cardPadrao.comBorda {
  border: 1px solid #d1d5dc;
}
.containerCards .cardPadrao.topo,
.gridCards .cardPadrao.topo {
  grid-column: 1;
  grid-row: 1;
}
.containerCards .cardPadrao.hoverBorda,
.gridCards .cardPadrao.hoverBorda {
  transition: border-color 0.2s ease;
}
.containerCards .cardPadrao.hoverBorda:hover,
.gridCards .cardPadrao.hoverBorda:hover {
  border-color: #11cc59;
}
.containerCards .cardPadrao .hoverFundo,
.gridCards .cardPadrao .hoverFundo {
  transition: background-color 0.3s ease;
}
.containerCards .cardPadrao .hoverFundo:hover,
.gridCards .cardPadrao .hoverFundo:hover {
  background-color: #F4F5F6;
}
.containerCards .cardPadrao .fonte.CorWL,
.gridCards .cardPadrao .fonte.CorWL {
  color: #11cc59;
}
.containerCards .cardPadrao .fonte.Clara,
.gridCards .cardPadrao .fonte.Clara {
  color: #9a9a9a;
}
.containerCards .cardPadrao .fonte.Padrao,
.gridCards .cardPadrao .fonte.Padrao {
  color: #414141;
}
.containerCards .cardPadrao .fonte.Escura,
.gridCards .cardPadrao .fonte.Escura {
  color: #5c5c5c;
}
.containerCards .cardPadrao .fonte.MuitoEscura,
.gridCards .cardPadrao .fonte.MuitoEscura {
  color: #111827;
}
.containerCards .cardPadrao .fonte.w400,
.gridCards .cardPadrao .fonte.w400 {
  font-weight: 400;
}
.containerCards .cardPadrao .fonte.w500,
.gridCards .cardPadrao .fonte.w500 {
  font-weight: 500;
}
.containerCards .cardPadrao .fonte.w600,
.gridCards .cardPadrao .fonte.w600 {
  font-weight: 600;
}
.containerCards .cardPadrao .fonte.w700,
.gridCards .cardPadrao .fonte.w700 {
  font-weight: 700;
}
.containerCards .cardPadrao .fonte.s6,
.gridCards .cardPadrao .fonte.s6 {
  font-size: 6px;
}
.containerCards .cardPadrao .fonte.s8,
.gridCards .cardPadrao .fonte.s8 {
  font-size: 8px;
}
.containerCards .cardPadrao .fonte.s10,
.gridCards .cardPadrao .fonte.s10 {
  font-size: 10px;
}
.containerCards .cardPadrao .fonte.s12,
.gridCards .cardPadrao .fonte.s12 {
  font-size: 12px;
}
.containerCards .cardPadrao .fonte.s13,
.gridCards .cardPadrao .fonte.s13 {
  font-size: 13px;
}
.containerCards .cardPadrao .fonte.s14,
.gridCards .cardPadrao .fonte.s14 {
  font-size: 14px;
}
.containerCards .cardPadrao .fonte.s16,
.gridCards .cardPadrao .fonte.s16 {
  font-size: 16px;
}
.containerCards .cardPadrao .fonte.s18,
.gridCards .cardPadrao .fonte.s18 {
  font-size: 18px;
}
.containerCards .cardPadrao .fonte.s20,
.gridCards .cardPadrao .fonte.s20 {
  font-size: 20px;
}
.containerCards .cardPadrao .fonte.s23,
.gridCards .cardPadrao .fonte.s23 {
  font-size: 23px;
}
.containerCards .cardPadrao .fonte.s25,
.gridCards .cardPadrao .fonte.s25 {
  font-size: 25px;
}
.containerCards .cardPadrao .fonte.s28,
.gridCards .cardPadrao .fonte.s28 {
  font-size: 28px;
}
.containerCards .cardPadrao .width-max, .containerCards .cardPadrao.width-max,
.gridCards .cardPadrao .width-max,
.gridCards .cardPadrao.width-max {
  width: max-content !important;
}
.containerCards .cardPadrao .height-max, .containerCards .cardPadrao.height-max,
.gridCards .cardPadrao .height-max,
.gridCards .cardPadrao.height-max {
  height: max-content !important;
}
.containerCards .cardPadrao .nowrap,
.gridCards .cardPadrao .nowrap {
  white-space: nowrap;
}
.containerCards .cardPadrao .overflowellipsis,
.gridCards .cardPadrao .overflowellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.containerCards .cardPadrao .valor,
.gridCards .cardPadrao .valor {
  font-weight: 400;
  font-size: 13px;
}
.containerCards .cardPadrao .destaque,
.gridCards .cardPadrao .destaque {
  color: #414141;
  display: inline-block;
  font-weight: 700;
  white-space: nowrap;
}
.containerCards .cardPadrao .titulo,
.gridCards .cardPadrao .titulo {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
}
.containerCards .cardPadrao .transform-capitalize,
.gridCards .cardPadrao .transform-capitalize {
  text-transform: capitalize;
}
.containerCards .cardPadrao .transform-uppercase,
.gridCards .cardPadrao .transform-uppercase {
  text-transform: uppercase;
}
.containerCards .cardPadrao .transform-lowercase,
.gridCards .cardPadrao .transform-lowercase {
  text-transform: lowercase;
}
.containerCards .cardPadrao .corfundo,
.gridCards .cardPadrao .corfundo {
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  width: max-content;
}
.containerCards .cardPadrao .linha,
.gridCards .cardPadrao .linha {
  display: flex;
  gap: 15px;
  height: 100%;
}
.containerCards .cardPadrao .linha.espacada,
.gridCards .cardPadrao .linha.espacada {
  justify-content: space-between;
}
.containerCards .cardPadrao .linha.centro,
.gridCards .cardPadrao .linha.centro {
  justify-content: center;
}
.containerCards .cardPadrao .linha.centralVert,
.gridCards .cardPadrao .linha.centralVert {
  align-items: center;
}
.containerCards .cardPadrao .linha.strech,
.gridCards .cardPadrao .linha.strech {
  align-items: stretch;
}
.containerCards .cardPadrao .linha.comeco,
.gridCards .cardPadrao .linha.comeco {
  justify-content: flex-start;
}
.containerCards .cardPadrao .linha.fim,
.gridCards .cardPadrao .linha.fim {
  justify-content: flex-end;
}
.containerCards .cardPadrao .linha.cabecalho,
.gridCards .cardPadrao .linha.cabecalho {
  padding: 20px;
  border-bottom: 1px solid #d1d5dc;
  height: max-content;
}
.containerCards .cardPadrao .linha.cabecalho .botaoPrimario,
.gridCards .cardPadrao .linha.cabecalho .botaoPrimario {
  padding: 8px 18px;
}
.containerCards .cardPadrao .linha.corpo,
.gridCards .cardPadrao .linha.corpo {
  padding: 20px;
}
.containerCards .cardPadrao .linha.rodape,
.gridCards .cardPadrao .linha.rodape {
  padding: 18px 20px;
  border-top: 1px solid #d1d5dc;
  align-items: center;
}
.containerCards .cardPadrao .corfundo-branco,
.gridCards .cardPadrao .corfundo-branco {
  background-color: #fff;
}
.containerCards .cardPadrao .corfundo-claro,
.gridCards .cardPadrao .corfundo-claro {
  background-color: #f9f9f9;
}
.containerCards .cardPadrao .corfundo-escuro,
.gridCards .cardPadrao .corfundo-escuro {
  background-color: #F4F5F6;
}
.containerCards .cardPadrao .credito,
.containerCards .cardPadrao .debito,
.gridCards .cardPadrao .credito,
.gridCards .cardPadrao .debito {
  font-weight: 500;
}
.containerCards .cardPadrao .credito,
.gridCards .cardPadrao .credito {
  color: #00ac45 !important;
}
.containerCards .cardPadrao .debito,
.gridCards .cardPadrao .debito {
  color: #D32F2F !important;
}
.containerCards .cardPadrao .dinheiro .unidade,
.gridCards .cardPadrao .dinheiro .unidade {
  font-size: 0.6em;
  margin-right: 5px;
}
.containerCards .cardPadrao .coluna,
.gridCards .cardPadrao .coluna {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.containerCards .cardPadrao .coluna.centro,
.gridCards .cardPadrao .coluna.centro {
  justify-content: center;
  align-items: center;
}
.containerCards .cardPadrao .coluna.centralVert,
.gridCards .cardPadrao .coluna.centralVert {
  justify-content: center;
}
.containerCards .cardPadrao .coluna.comeco,
.gridCards .cardPadrao .coluna.comeco {
  justify-content: flex-start;
}
.containerCards .cardPadrao .coluna.fim,
.gridCards .cardPadrao .coluna.fim {
  justify-content: flex-end;
}
.containerCards .cardPadrao .cabecalho .titulo,
.gridCards .cardPadrao .cabecalho .titulo {
  font-size: 22px;
}
.containerCards .cardPadrao .separadorX,
.gridCards .cardPadrao .separadorX {
  height: 1px;
  width: 80%;
  background-color: #d1d5dc;
}
.containerCards .cardPadrao .separadorXinteiro,
.gridCards .cardPadrao .separadorXinteiro {
  height: 1px;
  background-color: #d1d5dc;
}
.containerCards .cardPadrao .separadorY,
.gridCards .cardPadrao .separadorY {
  width: 1px;
  height: 80%;
  background-color: #d1d5dc;
}
.containerCards .cardPadrao .separadorYinteiro,
.gridCards .cardPadrao .separadorYinteiro {
  width: 1px;
  height: 100%;
  background-color: #d1d5dc;
}
.containerCards .cardPadrao .corpo,
.gridCards .cardPadrao .corpo {
  color: #414141;
}
.containerCards .cardPadrao .corpo .destaque,
.gridCards .cardPadrao .corpo .destaque {
  font-weight: 500;
}
.containerCards .cardPadrao .corpo .titulo,
.gridCards .cardPadrao .corpo .titulo {
  color: #111827;
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 600;
}
.containerCards .cardPadrao .botaoVazioPreenche,
.containerCards .cardPadrao .botaoPrimario,
.gridCards .cardPadrao .botaoVazioPreenche,
.gridCards .cardPadrao .botaoPrimario {
  margin: 0;
  white-space: nowrap;
  font-weight: 500;
  padding: 8px 14px;
}
.containerCards .flex-1,
.gridCards .flex-1 {
  flex: 1;
}
.containerCards .colspan-2,
.gridCards .colspan-2 {
  grid-column: span 2;
}
.containerCards .colspan-3,
.gridCards .colspan-3 {
  grid-column: span 3;
}
.containerCards .colspan-4,
.gridCards .colspan-4 {
  grid-column: span 4;
}
.containerCards .pad-px0,
.gridCards .pad-px0 {
  padding: 0px !important;
}
.containerCards .padx-px0,
.gridCards .padx-px0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.containerCards .pady-px0,
.gridCards .pady-px0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.containerCards .padtop-px0,
.gridCards .padtop-px0 {
  padding-top: 0px !important;
}
.containerCards .padright-px0,
.gridCards .padright-px0 {
  padding-right: 0px !important;
}
.containerCards .padbottom-px0,
.gridCards .padbottom-px0 {
  padding-bottom: 0px !important;
}
.containerCards .padleft-px0,
.gridCards .padleft-px0 {
  padding-left: 0px !important;
}
.containerCards .marg-px0,
.gridCards .marg-px0 {
  margin: 0px !important;
}
.containerCards .margtop-px0,
.gridCards .margtop-px0 {
  margin-top: 0px !important;
}
.containerCards .margright-px0,
.gridCards .margright-px0 {
  margin-right: 0px !important;
}
.containerCards .margbottom-px0,
.gridCards .margbottom-px0 {
  margin-bottom: 0px !important;
}
.containerCards .margleft-px0,
.gridCards .margleft-px0 {
  margin-left: 0px !important;
}
.containerCards .margx-px0,
.gridCards .margx-px0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.containerCards .margy-px0,
.gridCards .margy-px0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.containerCards .bord-px0,
.gridCards .bord-px0 {
  border: 0px solid #d1d5dc !important;
}
.containerCards .bordtop-px0,
.gridCards .bordtop-px0 {
  border-top: 0px solid #d1d5dc !important;
}
.containerCards .bordright-px0,
.gridCards .bordright-px0 {
  border-right: 0px solid #d1d5dc !important;
}
.containerCards .bordbottom-px0,
.gridCards .bordbottom-px0 {
  border-bottom: 0px solid #d1d5dc !important;
}
.containerCards .bordleft-px0,
.gridCards .bordleft-px0 {
  border-left: 0px solid #d1d5dc !important;
}
.containerCards .bordx-px0,
.gridCards .bordx-px0 {
  border-left: 0px solid #d1d5dc !important;
  border-right: 0px solid #d1d5dc !important;
}
.containerCards .bordy-px0,
.gridCards .bordy-px0 {
  border-top: 0px solid #d1d5dc !important;
  border-bottom: 0px solid #d1d5dc !important;
}
.containerCards .radius-px0,
.gridCards .radius-px0 {
  border-radius: 0px !important;
}
.containerCards .gap-px0,
.gridCards .gap-px0 {
  gap: 0px !important;
}
.containerCards .pad-px1,
.gridCards .pad-px1 {
  padding: 1px !important;
}
.containerCards .padx-px1,
.gridCards .padx-px1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.containerCards .pady-px1,
.gridCards .pady-px1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.containerCards .padtop-px1,
.gridCards .padtop-px1 {
  padding-top: 1px !important;
}
.containerCards .padright-px1,
.gridCards .padright-px1 {
  padding-right: 1px !important;
}
.containerCards .padbottom-px1,
.gridCards .padbottom-px1 {
  padding-bottom: 1px !important;
}
.containerCards .padleft-px1,
.gridCards .padleft-px1 {
  padding-left: 1px !important;
}
.containerCards .marg-px1,
.gridCards .marg-px1 {
  margin: 1px !important;
}
.containerCards .margtop-px1,
.gridCards .margtop-px1 {
  margin-top: 1px !important;
}
.containerCards .margright-px1,
.gridCards .margright-px1 {
  margin-right: 1px !important;
}
.containerCards .margbottom-px1,
.gridCards .margbottom-px1 {
  margin-bottom: 1px !important;
}
.containerCards .margleft-px1,
.gridCards .margleft-px1 {
  margin-left: 1px !important;
}
.containerCards .margx-px1,
.gridCards .margx-px1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.containerCards .margy-px1,
.gridCards .margy-px1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.containerCards .bord-px1,
.gridCards .bord-px1 {
  border: 1px solid #d1d5dc !important;
}
.containerCards .bordtop-px1,
.gridCards .bordtop-px1 {
  border-top: 1px solid #d1d5dc !important;
}
.containerCards .bordright-px1,
.gridCards .bordright-px1 {
  border-right: 1px solid #d1d5dc !important;
}
.containerCards .bordbottom-px1,
.gridCards .bordbottom-px1 {
  border-bottom: 1px solid #d1d5dc !important;
}
.containerCards .bordleft-px1,
.gridCards .bordleft-px1 {
  border-left: 1px solid #d1d5dc !important;
}
.containerCards .bordx-px1,
.gridCards .bordx-px1 {
  border-left: 1px solid #d1d5dc !important;
  border-right: 1px solid #d1d5dc !important;
}
.containerCards .bordy-px1,
.gridCards .bordy-px1 {
  border-top: 1px solid #d1d5dc !important;
  border-bottom: 1px solid #d1d5dc !important;
}
.containerCards .radius-px1,
.gridCards .radius-px1 {
  border-radius: 1px !important;
}
.containerCards .gap-px1,
.gridCards .gap-px1 {
  gap: 1px !important;
}
.containerCards .pad-px2,
.gridCards .pad-px2 {
  padding: 2px !important;
}
.containerCards .padx-px2,
.gridCards .padx-px2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.containerCards .pady-px2,
.gridCards .pady-px2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.containerCards .padtop-px2,
.gridCards .padtop-px2 {
  padding-top: 2px !important;
}
.containerCards .padright-px2,
.gridCards .padright-px2 {
  padding-right: 2px !important;
}
.containerCards .padbottom-px2,
.gridCards .padbottom-px2 {
  padding-bottom: 2px !important;
}
.containerCards .padleft-px2,
.gridCards .padleft-px2 {
  padding-left: 2px !important;
}
.containerCards .marg-px2,
.gridCards .marg-px2 {
  margin: 2px !important;
}
.containerCards .margtop-px2,
.gridCards .margtop-px2 {
  margin-top: 2px !important;
}
.containerCards .margright-px2,
.gridCards .margright-px2 {
  margin-right: 2px !important;
}
.containerCards .margbottom-px2,
.gridCards .margbottom-px2 {
  margin-bottom: 2px !important;
}
.containerCards .margleft-px2,
.gridCards .margleft-px2 {
  margin-left: 2px !important;
}
.containerCards .margx-px2,
.gridCards .margx-px2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.containerCards .margy-px2,
.gridCards .margy-px2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.containerCards .bord-px2,
.gridCards .bord-px2 {
  border: 2px solid #d1d5dc !important;
}
.containerCards .bordtop-px2,
.gridCards .bordtop-px2 {
  border-top: 2px solid #d1d5dc !important;
}
.containerCards .bordright-px2,
.gridCards .bordright-px2 {
  border-right: 2px solid #d1d5dc !important;
}
.containerCards .bordbottom-px2,
.gridCards .bordbottom-px2 {
  border-bottom: 2px solid #d1d5dc !important;
}
.containerCards .bordleft-px2,
.gridCards .bordleft-px2 {
  border-left: 2px solid #d1d5dc !important;
}
.containerCards .bordx-px2,
.gridCards .bordx-px2 {
  border-left: 2px solid #d1d5dc !important;
  border-right: 2px solid #d1d5dc !important;
}
.containerCards .bordy-px2,
.gridCards .bordy-px2 {
  border-top: 2px solid #d1d5dc !important;
  border-bottom: 2px solid #d1d5dc !important;
}
.containerCards .radius-px2,
.gridCards .radius-px2 {
  border-radius: 2px !important;
}
.containerCards .gap-px2,
.gridCards .gap-px2 {
  gap: 2px !important;
}
.containerCards .pad-px3,
.gridCards .pad-px3 {
  padding: 3px !important;
}
.containerCards .padx-px3,
.gridCards .padx-px3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.containerCards .pady-px3,
.gridCards .pady-px3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.containerCards .padtop-px3,
.gridCards .padtop-px3 {
  padding-top: 3px !important;
}
.containerCards .padright-px3,
.gridCards .padright-px3 {
  padding-right: 3px !important;
}
.containerCards .padbottom-px3,
.gridCards .padbottom-px3 {
  padding-bottom: 3px !important;
}
.containerCards .padleft-px3,
.gridCards .padleft-px3 {
  padding-left: 3px !important;
}
.containerCards .marg-px3,
.gridCards .marg-px3 {
  margin: 3px !important;
}
.containerCards .margtop-px3,
.gridCards .margtop-px3 {
  margin-top: 3px !important;
}
.containerCards .margright-px3,
.gridCards .margright-px3 {
  margin-right: 3px !important;
}
.containerCards .margbottom-px3,
.gridCards .margbottom-px3 {
  margin-bottom: 3px !important;
}
.containerCards .margleft-px3,
.gridCards .margleft-px3 {
  margin-left: 3px !important;
}
.containerCards .margx-px3,
.gridCards .margx-px3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.containerCards .margy-px3,
.gridCards .margy-px3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.containerCards .bord-px3,
.gridCards .bord-px3 {
  border: 3px solid #d1d5dc !important;
}
.containerCards .bordtop-px3,
.gridCards .bordtop-px3 {
  border-top: 3px solid #d1d5dc !important;
}
.containerCards .bordright-px3,
.gridCards .bordright-px3 {
  border-right: 3px solid #d1d5dc !important;
}
.containerCards .bordbottom-px3,
.gridCards .bordbottom-px3 {
  border-bottom: 3px solid #d1d5dc !important;
}
.containerCards .bordleft-px3,
.gridCards .bordleft-px3 {
  border-left: 3px solid #d1d5dc !important;
}
.containerCards .bordx-px3,
.gridCards .bordx-px3 {
  border-left: 3px solid #d1d5dc !important;
  border-right: 3px solid #d1d5dc !important;
}
.containerCards .bordy-px3,
.gridCards .bordy-px3 {
  border-top: 3px solid #d1d5dc !important;
  border-bottom: 3px solid #d1d5dc !important;
}
.containerCards .radius-px3,
.gridCards .radius-px3 {
  border-radius: 3px !important;
}
.containerCards .gap-px3,
.gridCards .gap-px3 {
  gap: 3px !important;
}
.containerCards .pad-px4,
.gridCards .pad-px4 {
  padding: 4px !important;
}
.containerCards .padx-px4,
.gridCards .padx-px4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.containerCards .pady-px4,
.gridCards .pady-px4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.containerCards .padtop-px4,
.gridCards .padtop-px4 {
  padding-top: 4px !important;
}
.containerCards .padright-px4,
.gridCards .padright-px4 {
  padding-right: 4px !important;
}
.containerCards .padbottom-px4,
.gridCards .padbottom-px4 {
  padding-bottom: 4px !important;
}
.containerCards .padleft-px4,
.gridCards .padleft-px4 {
  padding-left: 4px !important;
}
.containerCards .marg-px4,
.gridCards .marg-px4 {
  margin: 4px !important;
}
.containerCards .margtop-px4,
.gridCards .margtop-px4 {
  margin-top: 4px !important;
}
.containerCards .margright-px4,
.gridCards .margright-px4 {
  margin-right: 4px !important;
}
.containerCards .margbottom-px4,
.gridCards .margbottom-px4 {
  margin-bottom: 4px !important;
}
.containerCards .margleft-px4,
.gridCards .margleft-px4 {
  margin-left: 4px !important;
}
.containerCards .margx-px4,
.gridCards .margx-px4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.containerCards .margy-px4,
.gridCards .margy-px4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.containerCards .bord-px4,
.gridCards .bord-px4 {
  border: 4px solid #d1d5dc !important;
}
.containerCards .bordtop-px4,
.gridCards .bordtop-px4 {
  border-top: 4px solid #d1d5dc !important;
}
.containerCards .bordright-px4,
.gridCards .bordright-px4 {
  border-right: 4px solid #d1d5dc !important;
}
.containerCards .bordbottom-px4,
.gridCards .bordbottom-px4 {
  border-bottom: 4px solid #d1d5dc !important;
}
.containerCards .bordleft-px4,
.gridCards .bordleft-px4 {
  border-left: 4px solid #d1d5dc !important;
}
.containerCards .bordx-px4,
.gridCards .bordx-px4 {
  border-left: 4px solid #d1d5dc !important;
  border-right: 4px solid #d1d5dc !important;
}
.containerCards .bordy-px4,
.gridCards .bordy-px4 {
  border-top: 4px solid #d1d5dc !important;
  border-bottom: 4px solid #d1d5dc !important;
}
.containerCards .radius-px4,
.gridCards .radius-px4 {
  border-radius: 4px !important;
}
.containerCards .gap-px4,
.gridCards .gap-px4 {
  gap: 4px !important;
}
.containerCards .pad-px5,
.gridCards .pad-px5 {
  padding: 5px !important;
}
.containerCards .padx-px5,
.gridCards .padx-px5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.containerCards .pady-px5,
.gridCards .pady-px5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.containerCards .padtop-px5,
.gridCards .padtop-px5 {
  padding-top: 5px !important;
}
.containerCards .padright-px5,
.gridCards .padright-px5 {
  padding-right: 5px !important;
}
.containerCards .padbottom-px5,
.gridCards .padbottom-px5 {
  padding-bottom: 5px !important;
}
.containerCards .padleft-px5,
.gridCards .padleft-px5 {
  padding-left: 5px !important;
}
.containerCards .marg-px5,
.gridCards .marg-px5 {
  margin: 5px !important;
}
.containerCards .margtop-px5,
.gridCards .margtop-px5 {
  margin-top: 5px !important;
}
.containerCards .margright-px5,
.gridCards .margright-px5 {
  margin-right: 5px !important;
}
.containerCards .margbottom-px5,
.gridCards .margbottom-px5 {
  margin-bottom: 5px !important;
}
.containerCards .margleft-px5,
.gridCards .margleft-px5 {
  margin-left: 5px !important;
}
.containerCards .margx-px5,
.gridCards .margx-px5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.containerCards .margy-px5,
.gridCards .margy-px5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.containerCards .bord-px5,
.gridCards .bord-px5 {
  border: 5px solid #d1d5dc !important;
}
.containerCards .bordtop-px5,
.gridCards .bordtop-px5 {
  border-top: 5px solid #d1d5dc !important;
}
.containerCards .bordright-px5,
.gridCards .bordright-px5 {
  border-right: 5px solid #d1d5dc !important;
}
.containerCards .bordbottom-px5,
.gridCards .bordbottom-px5 {
  border-bottom: 5px solid #d1d5dc !important;
}
.containerCards .bordleft-px5,
.gridCards .bordleft-px5 {
  border-left: 5px solid #d1d5dc !important;
}
.containerCards .bordx-px5,
.gridCards .bordx-px5 {
  border-left: 5px solid #d1d5dc !important;
  border-right: 5px solid #d1d5dc !important;
}
.containerCards .bordy-px5,
.gridCards .bordy-px5 {
  border-top: 5px solid #d1d5dc !important;
  border-bottom: 5px solid #d1d5dc !important;
}
.containerCards .radius-px5,
.gridCards .radius-px5 {
  border-radius: 5px !important;
}
.containerCards .gap-px5,
.gridCards .gap-px5 {
  gap: 5px !important;
}
.containerCards .pad-px6,
.gridCards .pad-px6 {
  padding: 6px !important;
}
.containerCards .padx-px6,
.gridCards .padx-px6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.containerCards .pady-px6,
.gridCards .pady-px6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.containerCards .padtop-px6,
.gridCards .padtop-px6 {
  padding-top: 6px !important;
}
.containerCards .padright-px6,
.gridCards .padright-px6 {
  padding-right: 6px !important;
}
.containerCards .padbottom-px6,
.gridCards .padbottom-px6 {
  padding-bottom: 6px !important;
}
.containerCards .padleft-px6,
.gridCards .padleft-px6 {
  padding-left: 6px !important;
}
.containerCards .marg-px6,
.gridCards .marg-px6 {
  margin: 6px !important;
}
.containerCards .margtop-px6,
.gridCards .margtop-px6 {
  margin-top: 6px !important;
}
.containerCards .margright-px6,
.gridCards .margright-px6 {
  margin-right: 6px !important;
}
.containerCards .margbottom-px6,
.gridCards .margbottom-px6 {
  margin-bottom: 6px !important;
}
.containerCards .margleft-px6,
.gridCards .margleft-px6 {
  margin-left: 6px !important;
}
.containerCards .margx-px6,
.gridCards .margx-px6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
.containerCards .margy-px6,
.gridCards .margy-px6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.containerCards .bord-px6,
.gridCards .bord-px6 {
  border: 6px solid #d1d5dc !important;
}
.containerCards .bordtop-px6,
.gridCards .bordtop-px6 {
  border-top: 6px solid #d1d5dc !important;
}
.containerCards .bordright-px6,
.gridCards .bordright-px6 {
  border-right: 6px solid #d1d5dc !important;
}
.containerCards .bordbottom-px6,
.gridCards .bordbottom-px6 {
  border-bottom: 6px solid #d1d5dc !important;
}
.containerCards .bordleft-px6,
.gridCards .bordleft-px6 {
  border-left: 6px solid #d1d5dc !important;
}
.containerCards .bordx-px6,
.gridCards .bordx-px6 {
  border-left: 6px solid #d1d5dc !important;
  border-right: 6px solid #d1d5dc !important;
}
.containerCards .bordy-px6,
.gridCards .bordy-px6 {
  border-top: 6px solid #d1d5dc !important;
  border-bottom: 6px solid #d1d5dc !important;
}
.containerCards .radius-px6,
.gridCards .radius-px6 {
  border-radius: 6px !important;
}
.containerCards .gap-px6,
.gridCards .gap-px6 {
  gap: 6px !important;
}
.containerCards .pad-px8,
.gridCards .pad-px8 {
  padding: 8px !important;
}
.containerCards .padx-px8,
.gridCards .padx-px8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.containerCards .pady-px8,
.gridCards .pady-px8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.containerCards .padtop-px8,
.gridCards .padtop-px8 {
  padding-top: 8px !important;
}
.containerCards .padright-px8,
.gridCards .padright-px8 {
  padding-right: 8px !important;
}
.containerCards .padbottom-px8,
.gridCards .padbottom-px8 {
  padding-bottom: 8px !important;
}
.containerCards .padleft-px8,
.gridCards .padleft-px8 {
  padding-left: 8px !important;
}
.containerCards .marg-px8,
.gridCards .marg-px8 {
  margin: 8px !important;
}
.containerCards .margtop-px8,
.gridCards .margtop-px8 {
  margin-top: 8px !important;
}
.containerCards .margright-px8,
.gridCards .margright-px8 {
  margin-right: 8px !important;
}
.containerCards .margbottom-px8,
.gridCards .margbottom-px8 {
  margin-bottom: 8px !important;
}
.containerCards .margleft-px8,
.gridCards .margleft-px8 {
  margin-left: 8px !important;
}
.containerCards .margx-px8,
.gridCards .margx-px8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.containerCards .margy-px8,
.gridCards .margy-px8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.containerCards .bord-px8,
.gridCards .bord-px8 {
  border: 8px solid #d1d5dc !important;
}
.containerCards .bordtop-px8,
.gridCards .bordtop-px8 {
  border-top: 8px solid #d1d5dc !important;
}
.containerCards .bordright-px8,
.gridCards .bordright-px8 {
  border-right: 8px solid #d1d5dc !important;
}
.containerCards .bordbottom-px8,
.gridCards .bordbottom-px8 {
  border-bottom: 8px solid #d1d5dc !important;
}
.containerCards .bordleft-px8,
.gridCards .bordleft-px8 {
  border-left: 8px solid #d1d5dc !important;
}
.containerCards .bordx-px8,
.gridCards .bordx-px8 {
  border-left: 8px solid #d1d5dc !important;
  border-right: 8px solid #d1d5dc !important;
}
.containerCards .bordy-px8,
.gridCards .bordy-px8 {
  border-top: 8px solid #d1d5dc !important;
  border-bottom: 8px solid #d1d5dc !important;
}
.containerCards .radius-px8,
.gridCards .radius-px8 {
  border-radius: 8px !important;
}
.containerCards .gap-px8,
.gridCards .gap-px8 {
  gap: 8px !important;
}
.containerCards .pad-px10,
.gridCards .pad-px10 {
  padding: 10px !important;
}
.containerCards .padx-px10,
.gridCards .padx-px10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.containerCards .pady-px10,
.gridCards .pady-px10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.containerCards .padtop-px10,
.gridCards .padtop-px10 {
  padding-top: 10px !important;
}
.containerCards .padright-px10,
.gridCards .padright-px10 {
  padding-right: 10px !important;
}
.containerCards .padbottom-px10,
.gridCards .padbottom-px10 {
  padding-bottom: 10px !important;
}
.containerCards .padleft-px10,
.gridCards .padleft-px10 {
  padding-left: 10px !important;
}
.containerCards .marg-px10,
.gridCards .marg-px10 {
  margin: 10px !important;
}
.containerCards .margtop-px10,
.gridCards .margtop-px10 {
  margin-top: 10px !important;
}
.containerCards .margright-px10,
.gridCards .margright-px10 {
  margin-right: 10px !important;
}
.containerCards .margbottom-px10,
.gridCards .margbottom-px10 {
  margin-bottom: 10px !important;
}
.containerCards .margleft-px10,
.gridCards .margleft-px10 {
  margin-left: 10px !important;
}
.containerCards .margx-px10,
.gridCards .margx-px10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.containerCards .margy-px10,
.gridCards .margy-px10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.containerCards .bord-px10,
.gridCards .bord-px10 {
  border: 10px solid #d1d5dc !important;
}
.containerCards .bordtop-px10,
.gridCards .bordtop-px10 {
  border-top: 10px solid #d1d5dc !important;
}
.containerCards .bordright-px10,
.gridCards .bordright-px10 {
  border-right: 10px solid #d1d5dc !important;
}
.containerCards .bordbottom-px10,
.gridCards .bordbottom-px10 {
  border-bottom: 10px solid #d1d5dc !important;
}
.containerCards .bordleft-px10,
.gridCards .bordleft-px10 {
  border-left: 10px solid #d1d5dc !important;
}
.containerCards .bordx-px10,
.gridCards .bordx-px10 {
  border-left: 10px solid #d1d5dc !important;
  border-right: 10px solid #d1d5dc !important;
}
.containerCards .bordy-px10,
.gridCards .bordy-px10 {
  border-top: 10px solid #d1d5dc !important;
  border-bottom: 10px solid #d1d5dc !important;
}
.containerCards .radius-px10,
.gridCards .radius-px10 {
  border-radius: 10px !important;
}
.containerCards .gap-px10,
.gridCards .gap-px10 {
  gap: 10px !important;
}
.containerCards .pad-px12,
.gridCards .pad-px12 {
  padding: 12px !important;
}
.containerCards .padx-px12,
.gridCards .padx-px12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.containerCards .pady-px12,
.gridCards .pady-px12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.containerCards .padtop-px12,
.gridCards .padtop-px12 {
  padding-top: 12px !important;
}
.containerCards .padright-px12,
.gridCards .padright-px12 {
  padding-right: 12px !important;
}
.containerCards .padbottom-px12,
.gridCards .padbottom-px12 {
  padding-bottom: 12px !important;
}
.containerCards .padleft-px12,
.gridCards .padleft-px12 {
  padding-left: 12px !important;
}
.containerCards .marg-px12,
.gridCards .marg-px12 {
  margin: 12px !important;
}
.containerCards .margtop-px12,
.gridCards .margtop-px12 {
  margin-top: 12px !important;
}
.containerCards .margright-px12,
.gridCards .margright-px12 {
  margin-right: 12px !important;
}
.containerCards .margbottom-px12,
.gridCards .margbottom-px12 {
  margin-bottom: 12px !important;
}
.containerCards .margleft-px12,
.gridCards .margleft-px12 {
  margin-left: 12px !important;
}
.containerCards .margx-px12,
.gridCards .margx-px12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.containerCards .margy-px12,
.gridCards .margy-px12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.containerCards .bord-px12,
.gridCards .bord-px12 {
  border: 12px solid #d1d5dc !important;
}
.containerCards .bordtop-px12,
.gridCards .bordtop-px12 {
  border-top: 12px solid #d1d5dc !important;
}
.containerCards .bordright-px12,
.gridCards .bordright-px12 {
  border-right: 12px solid #d1d5dc !important;
}
.containerCards .bordbottom-px12,
.gridCards .bordbottom-px12 {
  border-bottom: 12px solid #d1d5dc !important;
}
.containerCards .bordleft-px12,
.gridCards .bordleft-px12 {
  border-left: 12px solid #d1d5dc !important;
}
.containerCards .bordx-px12,
.gridCards .bordx-px12 {
  border-left: 12px solid #d1d5dc !important;
  border-right: 12px solid #d1d5dc !important;
}
.containerCards .bordy-px12,
.gridCards .bordy-px12 {
  border-top: 12px solid #d1d5dc !important;
  border-bottom: 12px solid #d1d5dc !important;
}
.containerCards .radius-px12,
.gridCards .radius-px12 {
  border-radius: 12px !important;
}
.containerCards .gap-px12,
.gridCards .gap-px12 {
  gap: 12px !important;
}
.containerCards .pad-px14,
.gridCards .pad-px14 {
  padding: 14px !important;
}
.containerCards .padx-px14,
.gridCards .padx-px14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
.containerCards .pady-px14,
.gridCards .pady-px14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.containerCards .padtop-px14,
.gridCards .padtop-px14 {
  padding-top: 14px !important;
}
.containerCards .padright-px14,
.gridCards .padright-px14 {
  padding-right: 14px !important;
}
.containerCards .padbottom-px14,
.gridCards .padbottom-px14 {
  padding-bottom: 14px !important;
}
.containerCards .padleft-px14,
.gridCards .padleft-px14 {
  padding-left: 14px !important;
}
.containerCards .marg-px14,
.gridCards .marg-px14 {
  margin: 14px !important;
}
.containerCards .margtop-px14,
.gridCards .margtop-px14 {
  margin-top: 14px !important;
}
.containerCards .margright-px14,
.gridCards .margright-px14 {
  margin-right: 14px !important;
}
.containerCards .margbottom-px14,
.gridCards .margbottom-px14 {
  margin-bottom: 14px !important;
}
.containerCards .margleft-px14,
.gridCards .margleft-px14 {
  margin-left: 14px !important;
}
.containerCards .margx-px14,
.gridCards .margx-px14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}
.containerCards .margy-px14,
.gridCards .margy-px14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}
.containerCards .bord-px14,
.gridCards .bord-px14 {
  border: 14px solid #d1d5dc !important;
}
.containerCards .bordtop-px14,
.gridCards .bordtop-px14 {
  border-top: 14px solid #d1d5dc !important;
}
.containerCards .bordright-px14,
.gridCards .bordright-px14 {
  border-right: 14px solid #d1d5dc !important;
}
.containerCards .bordbottom-px14,
.gridCards .bordbottom-px14 {
  border-bottom: 14px solid #d1d5dc !important;
}
.containerCards .bordleft-px14,
.gridCards .bordleft-px14 {
  border-left: 14px solid #d1d5dc !important;
}
.containerCards .bordx-px14,
.gridCards .bordx-px14 {
  border-left: 14px solid #d1d5dc !important;
  border-right: 14px solid #d1d5dc !important;
}
.containerCards .bordy-px14,
.gridCards .bordy-px14 {
  border-top: 14px solid #d1d5dc !important;
  border-bottom: 14px solid #d1d5dc !important;
}
.containerCards .radius-px14,
.gridCards .radius-px14 {
  border-radius: 14px !important;
}
.containerCards .gap-px14,
.gridCards .gap-px14 {
  gap: 14px !important;
}
.containerCards .pad-px15,
.gridCards .pad-px15 {
  padding: 15px !important;
}
.containerCards .padx-px15,
.gridCards .padx-px15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.containerCards .pady-px15,
.gridCards .pady-px15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.containerCards .padtop-px15,
.gridCards .padtop-px15 {
  padding-top: 15px !important;
}
.containerCards .padright-px15,
.gridCards .padright-px15 {
  padding-right: 15px !important;
}
.containerCards .padbottom-px15,
.gridCards .padbottom-px15 {
  padding-bottom: 15px !important;
}
.containerCards .padleft-px15,
.gridCards .padleft-px15 {
  padding-left: 15px !important;
}
.containerCards .marg-px15,
.gridCards .marg-px15 {
  margin: 15px !important;
}
.containerCards .margtop-px15,
.gridCards .margtop-px15 {
  margin-top: 15px !important;
}
.containerCards .margright-px15,
.gridCards .margright-px15 {
  margin-right: 15px !important;
}
.containerCards .margbottom-px15,
.gridCards .margbottom-px15 {
  margin-bottom: 15px !important;
}
.containerCards .margleft-px15,
.gridCards .margleft-px15 {
  margin-left: 15px !important;
}
.containerCards .margx-px15,
.gridCards .margx-px15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.containerCards .margy-px15,
.gridCards .margy-px15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.containerCards .bord-px15,
.gridCards .bord-px15 {
  border: 15px solid #d1d5dc !important;
}
.containerCards .bordtop-px15,
.gridCards .bordtop-px15 {
  border-top: 15px solid #d1d5dc !important;
}
.containerCards .bordright-px15,
.gridCards .bordright-px15 {
  border-right: 15px solid #d1d5dc !important;
}
.containerCards .bordbottom-px15,
.gridCards .bordbottom-px15 {
  border-bottom: 15px solid #d1d5dc !important;
}
.containerCards .bordleft-px15,
.gridCards .bordleft-px15 {
  border-left: 15px solid #d1d5dc !important;
}
.containerCards .bordx-px15,
.gridCards .bordx-px15 {
  border-left: 15px solid #d1d5dc !important;
  border-right: 15px solid #d1d5dc !important;
}
.containerCards .bordy-px15,
.gridCards .bordy-px15 {
  border-top: 15px solid #d1d5dc !important;
  border-bottom: 15px solid #d1d5dc !important;
}
.containerCards .radius-px15,
.gridCards .radius-px15 {
  border-radius: 15px !important;
}
.containerCards .gap-px15,
.gridCards .gap-px15 {
  gap: 15px !important;
}
.containerCards .pad-px20,
.gridCards .pad-px20 {
  padding: 20px !important;
}
.containerCards .padx-px20,
.gridCards .padx-px20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.containerCards .pady-px20,
.gridCards .pady-px20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.containerCards .padtop-px20,
.gridCards .padtop-px20 {
  padding-top: 20px !important;
}
.containerCards .padright-px20,
.gridCards .padright-px20 {
  padding-right: 20px !important;
}
.containerCards .padbottom-px20,
.gridCards .padbottom-px20 {
  padding-bottom: 20px !important;
}
.containerCards .padleft-px20,
.gridCards .padleft-px20 {
  padding-left: 20px !important;
}
.containerCards .marg-px20,
.gridCards .marg-px20 {
  margin: 20px !important;
}
.containerCards .margtop-px20,
.gridCards .margtop-px20 {
  margin-top: 20px !important;
}
.containerCards .margright-px20,
.gridCards .margright-px20 {
  margin-right: 20px !important;
}
.containerCards .margbottom-px20,
.gridCards .margbottom-px20 {
  margin-bottom: 20px !important;
}
.containerCards .margleft-px20,
.gridCards .margleft-px20 {
  margin-left: 20px !important;
}
.containerCards .margx-px20,
.gridCards .margx-px20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.containerCards .margy-px20,
.gridCards .margy-px20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.containerCards .bord-px20,
.gridCards .bord-px20 {
  border: 20px solid #d1d5dc !important;
}
.containerCards .bordtop-px20,
.gridCards .bordtop-px20 {
  border-top: 20px solid #d1d5dc !important;
}
.containerCards .bordright-px20,
.gridCards .bordright-px20 {
  border-right: 20px solid #d1d5dc !important;
}
.containerCards .bordbottom-px20,
.gridCards .bordbottom-px20 {
  border-bottom: 20px solid #d1d5dc !important;
}
.containerCards .bordleft-px20,
.gridCards .bordleft-px20 {
  border-left: 20px solid #d1d5dc !important;
}
.containerCards .bordx-px20,
.gridCards .bordx-px20 {
  border-left: 20px solid #d1d5dc !important;
  border-right: 20px solid #d1d5dc !important;
}
.containerCards .bordy-px20,
.gridCards .bordy-px20 {
  border-top: 20px solid #d1d5dc !important;
  border-bottom: 20px solid #d1d5dc !important;
}
.containerCards .radius-px20,
.gridCards .radius-px20 {
  border-radius: 20px !important;
}
.containerCards .gap-px20,
.gridCards .gap-px20 {
  gap: 20px !important;
}
.containerCards .pad-px24,
.gridCards .pad-px24 {
  padding: 24px !important;
}
.containerCards .padx-px24,
.gridCards .padx-px24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.containerCards .pady-px24,
.gridCards .pady-px24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.containerCards .padtop-px24,
.gridCards .padtop-px24 {
  padding-top: 24px !important;
}
.containerCards .padright-px24,
.gridCards .padright-px24 {
  padding-right: 24px !important;
}
.containerCards .padbottom-px24,
.gridCards .padbottom-px24 {
  padding-bottom: 24px !important;
}
.containerCards .padleft-px24,
.gridCards .padleft-px24 {
  padding-left: 24px !important;
}
.containerCards .marg-px24,
.gridCards .marg-px24 {
  margin: 24px !important;
}
.containerCards .margtop-px24,
.gridCards .margtop-px24 {
  margin-top: 24px !important;
}
.containerCards .margright-px24,
.gridCards .margright-px24 {
  margin-right: 24px !important;
}
.containerCards .margbottom-px24,
.gridCards .margbottom-px24 {
  margin-bottom: 24px !important;
}
.containerCards .margleft-px24,
.gridCards .margleft-px24 {
  margin-left: 24px !important;
}
.containerCards .margx-px24,
.gridCards .margx-px24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.containerCards .margy-px24,
.gridCards .margy-px24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.containerCards .bord-px24,
.gridCards .bord-px24 {
  border: 24px solid #d1d5dc !important;
}
.containerCards .bordtop-px24,
.gridCards .bordtop-px24 {
  border-top: 24px solid #d1d5dc !important;
}
.containerCards .bordright-px24,
.gridCards .bordright-px24 {
  border-right: 24px solid #d1d5dc !important;
}
.containerCards .bordbottom-px24,
.gridCards .bordbottom-px24 {
  border-bottom: 24px solid #d1d5dc !important;
}
.containerCards .bordleft-px24,
.gridCards .bordleft-px24 {
  border-left: 24px solid #d1d5dc !important;
}
.containerCards .bordx-px24,
.gridCards .bordx-px24 {
  border-left: 24px solid #d1d5dc !important;
  border-right: 24px solid #d1d5dc !important;
}
.containerCards .bordy-px24,
.gridCards .bordy-px24 {
  border-top: 24px solid #d1d5dc !important;
  border-bottom: 24px solid #d1d5dc !important;
}
.containerCards .radius-px24,
.gridCards .radius-px24 {
  border-radius: 24px !important;
}
.containerCards .gap-px24,
.gridCards .gap-px24 {
  gap: 24px !important;
}
.containerCards .pad-px32,
.gridCards .pad-px32 {
  padding: 32px !important;
}
.containerCards .padx-px32,
.gridCards .padx-px32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.containerCards .pady-px32,
.gridCards .pady-px32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.containerCards .padtop-px32,
.gridCards .padtop-px32 {
  padding-top: 32px !important;
}
.containerCards .padright-px32,
.gridCards .padright-px32 {
  padding-right: 32px !important;
}
.containerCards .padbottom-px32,
.gridCards .padbottom-px32 {
  padding-bottom: 32px !important;
}
.containerCards .padleft-px32,
.gridCards .padleft-px32 {
  padding-left: 32px !important;
}
.containerCards .marg-px32,
.gridCards .marg-px32 {
  margin: 32px !important;
}
.containerCards .margtop-px32,
.gridCards .margtop-px32 {
  margin-top: 32px !important;
}
.containerCards .margright-px32,
.gridCards .margright-px32 {
  margin-right: 32px !important;
}
.containerCards .margbottom-px32,
.gridCards .margbottom-px32 {
  margin-bottom: 32px !important;
}
.containerCards .margleft-px32,
.gridCards .margleft-px32 {
  margin-left: 32px !important;
}
.containerCards .margx-px32,
.gridCards .margx-px32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.containerCards .margy-px32,
.gridCards .margy-px32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.containerCards .bord-px32,
.gridCards .bord-px32 {
  border: 32px solid #d1d5dc !important;
}
.containerCards .bordtop-px32,
.gridCards .bordtop-px32 {
  border-top: 32px solid #d1d5dc !important;
}
.containerCards .bordright-px32,
.gridCards .bordright-px32 {
  border-right: 32px solid #d1d5dc !important;
}
.containerCards .bordbottom-px32,
.gridCards .bordbottom-px32 {
  border-bottom: 32px solid #d1d5dc !important;
}
.containerCards .bordleft-px32,
.gridCards .bordleft-px32 {
  border-left: 32px solid #d1d5dc !important;
}
.containerCards .bordx-px32,
.gridCards .bordx-px32 {
  border-left: 32px solid #d1d5dc !important;
  border-right: 32px solid #d1d5dc !important;
}
.containerCards .bordy-px32,
.gridCards .bordy-px32 {
  border-top: 32px solid #d1d5dc !important;
  border-bottom: 32px solid #d1d5dc !important;
}
.containerCards .radius-px32,
.gridCards .radius-px32 {
  border-radius: 32px !important;
}
.containerCards .gap-px32,
.gridCards .gap-px32 {
  gap: 32px !important;
}
.containerCards .cursor-pointer,
.gridCards .cursor-pointer {
  cursor: pointer;
}
.containerCards .cursor-default,
.gridCards .cursor-default {
  cursor: default;
}

/*-----------------------------------------------------------------------------*/
/*                                  Scroll                                     */
/*-----------------------------------------------------------------------------*/
::-webkit-scrollbar-thumb {
  background-color: #bebebe;
  border: 3px solid transparent;
  border-radius: 10px;
  background-clip: padding-box;
}

::-webkit-scrollbar {
  width: 10px;
  height: 12px;
}

/*-----------------------------------------------------------------------------*/
/*                               BOTÃO SCROLL                                  */
/*-----------------------------------------------------------------------------*/
#scrollBtn,
#scrollBtnDetalha {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.193);
  display: none;
  transition: display 0.3s ease;
}
#scrollBtn:hover,
#scrollBtnDetalha:hover {
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.333);
}
#scrollBtn img,
#scrollBtnDetalha img {
  width: 18px;
}

#scrollBtn {
  z-index: 9;
}

#scrollBtnDetalha {
  z-index: 999;
}

/*-----------------------------------------------------------------------------*/
/*                                  Tooltip                                    */
/*-----------------------------------------------------------------------------*/
.tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltip-container img {
  margin: 0px 5px;
}
.tooltip-container .tooltip-content {
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fafafa;
  color: #414141;
  padding: 8px 10px;
  border-radius: 4px;
  max-width: 300px;
  width: max-content;
  white-space: normal;
  overflow: visible;
  font-size: 12px;
  line-height: 1.3;
  font-weight: normal;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip-container .tooltip-content .tooltip-titulo {
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 5px;
}
.tooltip-container .tooltip-content::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #fafafa transparent transparent transparent;
}
.tooltip-container:hover .tooltip-content {
  visibility: visible;
  opacity: 1;
}

table td:has(.tooltip-container),
table th:has(.tooltip-container) {
  overflow: visible !important;
  position: relative;
}

.tooltip-container {
  position: relative;
}
.tooltip-container .tooltip-content {
  z-index: 9999;
}

/*-----------------------------------------------------------------------------*/
/*                              Tooltip sticky                                 */
/*-----------------------------------------------------------------------------*/
.tooltip-sticky {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  background: #fff;
  color: #5c5c5c;
  border: 1px solid #e9e9e9;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  padding: 12px 16px;
  border-radius: 8px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  z-index: 999999;
  min-width: 150px;
  transform: translate(0, -50%) scale(0.95);
  transition: opacity 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}
.tooltip-sticky::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -14px;
  transform: translateY(-50%);
  border-width: 7px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  z-index: 99;
  transition: border-color 0.25s ease;
}

.tooltip-sticky-textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 12px;
  padding: 10px 12px;
  min-height: 80px;
  background-color: #f9f9f9;
  color: #414141;
  border: 1px solid #bebebe;
  border-radius: 6px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.4;
  resize: vertical;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.tooltip-sticky-textarea:hover {
  border-color: #a0a0a0;
}

.tooltip-sticky-div {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: 80px;
  color: #414141;
  border-radius: 6px;
  font-family: inherit;
  line-height: 1.4;
  resize: vertical;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  white-space: normal;
}
.tooltip-sticky-div .tooltip-sticky-div-titulo,
.tooltip-sticky-div .tooltip-sticky-div-mensagem {
  width: 100%;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.tooltip-sticky-div .tooltip-sticky-div-titulo {
  margin-bottom: 10px;
}
.tooltip-sticky-div p {
  margin: 0px;
}

.tooltip-sticky-div:hover {
  border-color: #a0a0a0;
}

.tooltip-sticky.visible {
  opacity: 0.9;
  pointer-events: auto;
  transform: translate(0, -50%) scale(1);
}

.tooltip-sticky.fixed {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, -50%) scale(1);
  border-color: #11cc59;
}

.tooltip-sticky.fixed::before {
  border-right-color: #11cc59;
}

.tooltip-sticky button {
  display: block;
  margin-top: 8px;
  background-color: #11cc59;
  border: none;
  color: white;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  transition: background-color 0.2s ease;
}

.tooltip-sticky button:hover {
  background-color: #0faa4a;
}

/*-----------------------------------------------------------------------------*/
/*                                  Checkmark                                  */
/*-----------------------------------------------------------------------------*/
svg {
  width: 70px;
  display: block;
  margin: 0px auto 10px;
}

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.path.circle {
  -webkit-animation: dash 1.5s ease-in-out;
  animation: dash 1.5s ease-in-out;
}
.path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash 1.5s 0.75s ease-in-out forwards;
  animation: dash 1.5s 0.75s ease-in-out forwards;
}
.path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check 1.5s 0.5s ease-in-out forwards;
  animation: dash-check 1.5s 0.5s ease-in-out forwards;
}

p.success {
  color: #73af55;
}
p.error {
  color: #d06079;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
/*-----------------------------------------------------------------------------*/
/*                                  Formulario                                 */
/*-----------------------------------------------------------------------------*/
.formulario {
  margin: 0px auto 0;
  width: 100%;
}
.formulario .form,
.formulario .formPesquisa {
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.5);
  position: relative;
  height: 30px;
  margin: 0 auto 15px;
  display: grid;
  align-items: center;
  width: 100%;
}
.formulario .form .divLabel,
.formulario .formPesquisa .divLabel {
  color: #5c5c5c;
  background-color: white;
  position: absolute;
  top: -11px;
  left: 8px;
  font-size: 11px;
  padding: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.formulario .form .divLabel label,
.formulario .formPesquisa .divLabel label {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.formulario .form .divInput,
.formulario .formPesquisa .divInput {
  padding: 0 10px;
  position: relative;
}
.formulario .form .divInput input,
.formulario .form .divInput textarea,
.formulario .form .divInput select,
.formulario .formPesquisa .divInput input,
.formulario .formPesquisa .divInput textarea,
.formulario .formPesquisa .divInput select {
  width: 100%;
  box-shadow: none;
  border: none;
  color: #5c5c5c;
  resize: none;
  background-color: transparent;
  font-size: 12px;
}
.formulario .form .divInput input::placeholder,
.formulario .form .divInput textarea::placeholder,
.formulario .form .divInput select::placeholder,
.formulario .formPesquisa .divInput input::placeholder,
.formulario .formPesquisa .divInput textarea::placeholder,
.formulario .formPesquisa .divInput select::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.formulario .form .divInput input:focus,
.formulario .form .divInput textarea:focus,
.formulario .form .divInput select:focus,
.formulario .formPesquisa .divInput input:focus,
.formulario .formPesquisa .divInput textarea:focus,
.formulario .formPesquisa .divInput select:focus {
  outline: none;
  background: transparent;
  border: none;
}
.formulario .form .divInput input::-webkit-scrollbar-track,
.formulario .form .divInput textarea::-webkit-scrollbar-track,
.formulario .form .divInput select::-webkit-scrollbar-track,
.formulario .formPesquisa .divInput input::-webkit-scrollbar-track,
.formulario .formPesquisa .divInput textarea::-webkit-scrollbar-track,
.formulario .formPesquisa .divInput select::-webkit-scrollbar-track {
  width: 8px;
  height: 1px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.formulario .form .divInput input::-webkit-scrollbar,
.formulario .form .divInput textarea::-webkit-scrollbar,
.formulario .form .divInput select::-webkit-scrollbar,
.formulario .formPesquisa .divInput input::-webkit-scrollbar,
.formulario .formPesquisa .divInput textarea::-webkit-scrollbar,
.formulario .formPesquisa .divInput select::-webkit-scrollbar {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 8px;
  height: 1px;
}
.formulario .form .divInput input::-webkit-scrollbar-thumb,
.formulario .form .divInput textarea::-webkit-scrollbar-thumb,
.formulario .form .divInput select::-webkit-scrollbar-thumb,
.formulario .formPesquisa .divInput input::-webkit-scrollbar-thumb,
.formulario .formPesquisa .divInput textarea::-webkit-scrollbar-thumb,
.formulario .formPesquisa .divInput select::-webkit-scrollbar-thumb {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 8px;
  height: 1px;
}
.formulario .form .divInput input:disabled,
.formulario .form .divInput textarea:disabled,
.formulario .form .divInput select:disabled,
.formulario .formPesquisa .divInput input:disabled,
.formulario .formPesquisa .divInput textarea:disabled,
.formulario .formPesquisa .divInput select:disabled {
  cursor: not-allowed !important;
}
.formulario .form .disabled,
.formulario .formPesquisa .disabled {
  cursor: not-allowed;
}
.formulario .form .divcheckbox,
.formulario .formPesquisa .divcheckbox {
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 12px;
  height: 30px;
}
.formulario .form .divcheckbox .divContainer,
.formulario .formPesquisa .divcheckbox .divContainer {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-right: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0 !important;
}
.formulario .form .divcheckbox .divContainer input,
.formulario .formPesquisa .divcheckbox .divContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.formulario .form .divcheckbox .divContainer input:disabled,
.formulario .formPesquisa .divcheckbox .divContainer input:disabled {
  cursor: not-allowed !important;
}
.formulario .form .divcheckbox .checkmark,
.formulario .formPesquisa .divcheckbox .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #eee;
}
.formulario .form .divcheckbox div,
.formulario .formPesquisa .divcheckbox div {
  margin-bottom: 2px;
}
.formulario .form .divcheckbox .divContainer:hover input ~ .checkmark,
.formulario .formPesquisa .divcheckbox .divContainer:hover input ~ .checkmark {
  background-color: #ccc;
}
.formulario .form .divcheckbox .divContainer input:checked ~ .checkmark,
.formulario .formPesquisa .divcheckbox .divContainer input:checked ~ .checkmark {
  background-color: #11cc59;
}
.formulario .form .divcheckbox .checkmark:after,
.formulario .formPesquisa .divcheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.formulario .form .divcheckbox .divContainer input:checked ~ .checkmark:after,
.formulario .formPesquisa .divcheckbox .divContainer input:checked ~ .checkmark:after {
  display: block;
}
.formulario .form .divcheckbox .divContainer .checkmark:after,
.formulario .formPesquisa .divcheckbox .divContainer .checkmark:after {
  left: 4.33px;
  top: 1px;
  width: 3.5px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.formulario .form .divSelect,
.formulario .formPesquisa .divSelect {
  padding: 0 10px;
}
.formulario .form .searchSelect--Display,
.formulario .formPesquisa .searchSelect--Display {
  border: none;
  padding: 2px 10px;
  min-height: 20px;
}
.formulario .form .searchSelect--Display::after,
.formulario .formPesquisa .searchSelect--Display::after {
  content: none;
}
.formulario .form .searchSelect--Option:hover,
.formulario .form .searchSelect--Option--selected,
.formulario .formPesquisa .searchSelect--Option:hover,
.formulario .formPesquisa .searchSelect--Option--selected {
  background: #11cc59 !important;
}
.formulario .formTextArea {
  height: 100px;
}
.formulario .formTextArea textarea {
  height: 80px;
}
.formulario .formSelecionado {
  border: 1px solid #11cc59;
}
.formulario .formSelecionado .divLabel {
  color: #11cc59;
}
.formulario .formVazio {
  border: 1px solid red;
  animation: treme 0.1s 3;
}
.formulario .formVazio .divLabel {
  color: red;
}
.formulario .formRadios {
  width: 100%;
  height: auto;
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.5);
  display: grid;
  position: relative;
  align-items: center;
  margin: 0 auto 20px;
  padding: 10px 10px 5px 10px;
  color: #5c5c5c;
}
.formulario .formRadios .divLabel {
  color: #5c5c5c;
  background-color: white;
  position: absolute;
  top: -11px;
  left: 15px;
  font-size: 11px;
  padding: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.formulario .formRadios .divLabel label {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.formulario .formRadios .divInput {
  display: flex;
  align-items: center;
}
.formulario .formRadios input[type=radio] {
  width: 15px;
  height: 15px;
  display: flex;
  margin-right: 5px;
  align-items: center;
  border-radius: 100%;
  border: 2px solid #ccc;
  transition: border 0.3s ease;
  position: relative;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: not-allowed !important;
}
.formulario .formRadios input[type=radio]:checked {
  border: 2px solid #11cc59;
  background-color: #11cc59;
}
.formulario .formRadios input[type=radio]:checked::before {
  content: "";
  width: 5px;
  height: 5px;
  margin: auto;
  background: white;
  border-radius: 100%;
}
@keyframes treme {
  0% {
    margin-left: 0;
  }
  25% {
    margin-left: 5px;
    margin-right: 5px;
  }
  50% {
    margin-left: 0;
    margin-right: 0;
  }
  75% {
    margin-left: -5px;
    margin-right: -5px;
  }
  100% {
    margin-left: 0;
    margin-right: 0;
  }
}
.formulario .linhaFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.formulario .linhaFlex .coluna {
  width: calc(50% - 5px);
}
.formulario .linhaFlex .coluna .form {
  width: 100%;
}
.formulario .linhaFlex .colunaMaior {
  width: 66%;
}
.formulario .linhaFlex .colunaMenor {
  width: 32%;
}
.formulario .colunaFlex {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.formulario .divImagemForm {
  width: 100%;
}
.formulario .divImagemForm .form {
  height: 150px;
}
.formulario .divImagemForm {
  cursor: pointer;
}
.formulario .divImagemForm .divImagem .divInput {
  text-align: center;
}
.formulario .divImagemForm .divImagem .divInput .img {
  position: relative;
  text-align: center;
}
.formulario .divImagemForm .divImagem .divInput .img .add {
  width: 30px;
  background-color: transparent;
}
.formulario .divImagemForm .divImagem .divInput .img .urlImg,
.formulario .divImagemForm .divImagem .divInput .img .fotoUpload {
  width: 100%;
  max-height: 130px;
  border-radius: 10px;
}
.formulario #divImagem,
.formulario #divImagemEdita {
  width: 100%;
  height: 157px;
  background-position: center center;
  background-size: auto 130px;
  background-repeat: no-repeat;
}
.formulario .inputColor {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 45px;
  height: 30px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.formulario .inputColor::-webkit-color-swatch {
  border-radius: 6px;
}
.formulario .formPesquisa {
  min-width: 400px;
  max-width: 500px;
  margin: 0 2px;
  border: none;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  background-color: white;
  height: 30px;
}
.formulario .formPesquisa .divInputPesquisa {
  display: flex;
}
.formulario .formPesquisa .divInputPesquisa .icon {
  padding: 0px;
  top: 0px;
  margin-right: 5px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 30px;
  color: #11cc59;
  vertical-align: middle;
  display: grid;
  align-items: center;
  justify-self: center;
  text-align: center;
}
.formulario .formPesquisa .divInputPesquisa .icon img {
  height: 18px;
}

#codigo .textCodigo {
  margin: 0;
  margin-bottom: 15px !important;
  font-size: 12px;
}
#codigo #formularioSolicitacaoCodigo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
#codigo #formularioSolicitacaoCodigo .form {
  width: 12% !important;
}
#codigo #formularioSolicitacaoCodigo .form .divLabel {
  top: 0;
}
#codigo #formularioSolicitacaoCodigo .form .divInput .inputCodigoSolicitacao {
  text-transform: uppercase !important;
}

.select2-container--default .select2-selection--single,
.select2-selection__rendered {
  border: none !important;
  height: 20px;
}
.select2-container--default .select2-selection--single img,
.select2-selection__rendered img {
  height: 9px;
  cursor: pointer;
  position: relative;
  top: 0px;
  right: 0px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none !important;
  outline: none !important;
}

.select2-container {
  height: 24px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #11cc59 !important;
  color: white;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none !important;
  outline: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 8px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  font-size: 25px;
  color: #888888;
  position: relative;
  bottom: 12.5px;
  font-weight: normal;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: transparent;
  cursor: not-allowed;
}

[type=search] {
  outline-offset: 0px;
  border-radius: 8px;
}
[type=search]:focus {
  border: 1px solid #11cc59 !important;
  outline: none;
}

/*-----------------------------------------------------------------------------*/
/*               ComboboxChips dropdown (Status do pedido)                     */
/*-----------------------------------------------------------------------------*/
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown {
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.25);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  margin-top: 2px;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .select2-search--dropdown {
  padding: 8px;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .select2-search__field {
  border: 1px solid rgba(92, 92, 92, 0.3) !important;
  border-radius: 6px !important;
  padding: 4px 8px;
  font-size: 12px;
  color: #5c5c5c;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .select2-search__field:focus {
  border-color: #11cc59 !important;
  outline: none;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .select2-results__options {
  max-height: 240px;
  padding: 4px 0;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .select2-results__option {
  padding: 6px 10px;
  font-size: 12px;
  cursor: pointer;
  color: #5c5c5c;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
  background: rgba(17, 204, 89, 0.12) !important;
  color: #5c5c5c !important;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .select2-results__message {
  padding: 12px;
  color: #5c5c5c;
  font-size: 12px;
  text-align: center;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .combobox-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .combobox-item-check {
  position: relative;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(92, 92, 92, 0.4);
  border-radius: 3px;
  flex-shrink: 0;
  background: white;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .combobox-item-check::after {
  content: "";
  position: absolute;
  display: none;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .combobox-item-label {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .select2-results__option--selected .combobox-item-check,
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .select2-results__option[aria-selected=true] .combobox-item-check {
  background: #11cc59;
  border-color: #11cc59;
}
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .select2-results__option--selected .combobox-item-check::after,
.select2-container--open .select2-dropdown.combobox-status-pedido-dropdown .select2-results__option[aria-selected=true] .combobox-item-check::after {
  display: block;
}

/*-----------------------------------------------------------------------------*/
/*                                  Tabela                                     */
/*-----------------------------------------------------------------------------*/
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  padding-left: 20px;
  height: 100%;
}
table .cabecalho,
table tfoot {
  background: transparent;
  color: #5c5c5c;
  width: 100%;
  white-space: nowrap;
  font-size: 12px;
  text-align: left;
}
table tfoot {
  height: 20px;
}
table th,
table td {
  font-size: 12px;
  padding: 10px;
  font-weight: normal;
  max-width: 15ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
table th {
  white-space: normal;
}
table td:hover .tooltiptext {
  visibility: visible;
}
table tbody {
  display: block;
  position: relative;
  overflow-y: auto;
  background: white;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
table tbody tr {
  display: block;
}
table thead,
table tbody tr,
table tfoot {
  display: table;
  width: 100%;
  table-layout: fixed;
}
table thead th {
  padding-right: 10px;
}
table tfoot {
  border-top: 2px solid #11cc59;
}
table tfoot th {
  padding: 5px 10px;
}
table tr:nth-child(even) {
  background-color: #f2f2f2;
}
table .cabecalho {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  border-bottom: 2px solid #11cc59;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
table .cabecalho img {
  margin-left: 3px;
}
table .vermelho {
  color: #e30909;
}
table .vermelho i {
  font-size: 16px;
}
table .img img {
  height: 18px;
}
table .centro {
  text-align: center;
}
table .click {
  cursor: pointer !important;
}
table .bolinha {
  width: 10px;
  height: 10px;
  margin: 0 auto;
  border-radius: 100%;
}
table .bolinha.green {
  background-color: darkgreen;
}
table .bolinha.red {
  background-color: #e00b0b;
}
table .colunaTexto {
  text-align: left;
  max-width: 25ch;
  width: 25ch;
}
table .colunaTextoMenor {
  text-align: left;
  max-width: 15ch;
  width: 15ch;
}
table .colunaID,
table .colunaId {
  width: 10ch;
  text-align: center;
}
table .colunaStatus {
  width: 15ch;
}
table .colunaInteiro {
  text-align: center;
  width: 20ch;
}
table .colunaInteiro2 {
  text-align: center;
  width: 10ch;
}
table .colunaValor {
  text-align: right;
  max-width: 15ch;
  width: 15ch;
}
table .colunaValorMaior {
  text-align: right;
  max-width: 20ch;
  width: 20ch;
}
table .colunaDataSemHora {
  width: 12ch;
  max-width: 12ch;
}
table .colunaData {
  width: 20ch;
  max-width: 20ch;
}
table .colunaDataConsultora {
  width: 15ch;
  max-width: 15ch;
}
table .colunaDocumento {
  width: 20ch;
  max-width: 20ch;
}
table .colunaInteiroWl {
  text-align: center;
}
table .colunaValorWl {
  text-align: right;
}
table .colunaIcone {
  width: 5ch;
  text-align: center;
}
table .colunaIcone img {
  cursor: pointer;
}
table .colunaIcone input[type=checkbox] {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #5c5c5c;
  border-radius: 5px;
  outline: none;
  position: relative;
}
table .colunaIcone input[type=checkbox]:checked {
  position: relative;
  background-color: #11cc59;
  border: 1px solid #11cc59;
}
table .colunaIcone input[type=checkbox]::before {
  content: "✔";
  font-size: 14px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
table .colunaIcone input[type=checkbox]:not(:checked)::before {
  content: "";
}
table .colunaIconeMaior {
  width: 15ch;
  text-align: center;
}
table .colunaIconeMaior img {
  cursor: pointer;
}
table .colunaCheckbox {
  width: 7ch;
  max-width: 7ch;
  margin: 0px;
}
table .colunaCheckbox .form-check,
table .colunaCheckbox .form-switch {
  display: flex;
  justify-content: end;
  padding: 5px 0px;
  width: 100%;
}
table .colunaErro {
  color: red;
}
table .colunaValorErro {
  text-align: right;
  max-width: 15ch;
  width: 15ch;
  color: red;
}
table .colunaDataErro {
  width: 20ch;
  color: red;
}
table .colunaCor {
  margin: 0 auto;
  height: 20px;
  width: 20px;
}
table .colunaComIcone {
  width: 12ch;
  max-width: 12ch;
  text-align: center;
}
table .colunaContato {
  width: 18ch;
  max-width: 18ch;
}

.divcheckboxth {
  padding: 5px 10px;
  font-size: 12px;
  width: 5ch;
}
.divcheckboxth .divInput {
  padding: 0 0px;
  position: relative;
  z-index: 1;
}
.divcheckboxth .divInput input,
.divcheckboxth .divInput textarea,
.divcheckboxth .divInput select {
  width: 5ch;
  box-shadow: none;
  border: 1px solid #5c5c5c;
  border-radius: 8px;
  padding: 3px;
  color: #5c5c5c;
  resize: none;
  background-color: transparent;
  font-size: 12px;
  text-align: center;
}
.divcheckboxth .divInput input:focus,
.divcheckboxth .divInput textarea:focus,
.divcheckboxth .divInput select:focus {
  outline: none;
  background: transparent;
  border: 1px solid #11cc59;
}
.divcheckboxth .divInput input:not(:focus),
.divcheckboxth .divInput textarea:not(:focus),
.divcheckboxth .divInput select:not(:focus) {
  outline: none;
  background: transparent;
  border: 1px solid #5c5c5c;
}
.divcheckboxth .divInput input:disabled,
.divcheckboxth .divInput textarea:disabled,
.divcheckboxth .divInput select:disabled {
  cursor: not-allowed !important;
}
.divcheckboxth .divContainer {
  display: grid;
  justify-content: center;
  position: relative;
  padding-left: 0px;
  margin-right: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.divcheckboxth .divContainer input,
.divcheckboxth .divContainer select {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.divcheckboxth .divContainer input:disabled,
.divcheckboxth .divContainer select:disabled {
  cursor: not-allowed !important;
}
.divcheckboxth .checkmark {
  position: relative;
  top: 0px;
  left: 0;
  height: 14px;
  width: 14px;
  border-radius: 3px;
  background-color: #cecece;
}
.divcheckboxth .divContainer:hover input ~ .checkmark {
  background-color: #ccc;
}
.divcheckboxth .divContainer input:checked ~ .checkmark {
  background-color: #11cc59;
}
.divcheckboxth .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.divcheckboxth .divContainer input:checked ~ .checkmark:after {
  display: block;
}
.divcheckboxth .divContainer .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*-----------------------------------------------------------------------------*/
/*                                  Modal Filtro                               */
/*-----------------------------------------------------------------------------*/
.modalFiltro {
  display: none;
}

.modalFiltro.show {
  display: block;
  width: 100%;
  height: calc(100% - 40px);
  margin-top: 40px;
  position: absolute;
  top: 0;
}
.modalFiltro.show .backdrop {
  width: 100%;
  height: 100%;
}
.modalFiltro.show .conteudoModalFiltro {
  padding: 30px 20px 20px;
  margin: 10px 0 0;
  background-color: white;
  border-radius: 10px;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
  position: absolute;
  top: 5px;
  width: auto;
  min-width: 60%;
  max-width: 100%;
  right: 15px;
  z-index: 1;
}
.modalFiltro.show .conteudoModalFiltro::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: white;
  position: absolute;
  right: 15px;
  top: -5px;
  transform: rotate(45deg);
  z-index: 0;
}
.modalFiltro.show .conteudoModalFiltro .linhaBotao {
  display: flex;
  margin-left: auto;
  width: 300px;
}
.modalFiltro.show .conteudoModalFiltro .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
.modalFiltro.show .conteudoModalFiltro .linhaBotao .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #11cc59;
  border: 1px solid #11cc59;
  padding: 5px;
  border-radius: 10px;
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}

.btnShow {
  z-index: 99 !important;
  background-color: #11cc59 !important;
}
.btnShow .img_branca {
  display: block !important;
}
.btnShow .img_verde {
  display: none !important;
}

.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #f9f9f9;
}
.modal .modal-content {
  background-color: white;
  margin: auto;
  padding: 10px;
  max-width: 250px;
  border-radius: 10px;
  border: none;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.modal .modal-content p {
  text-align: center;
  color: #5c5c5c;
  font-size: 12px;
  margin-bottom: 0;
}
.modal .modal-content img {
  margin-left: 10px;
}
.modal .modal-content .linhaBtnAvanco .btnAvanco {
  margin-left: auto;
  margin-right: 20px;
  width: 70px;
  background-color: #11cc59;
  color: white;
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center;
  padding: 5px;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
}
.modal .modal-content .linhaBtnAvanco .btnNegar {
  background-color: transparent;
  border: 1px solid #11cc59;
  color: #11cc59;
}

.f-modal-alert .f-modal-icon {
  border-radius: 50%;
  border: 4px solid gray;
  box-sizing: content-box;
  height: 40px;
  margin: 20px auto;
  padding: 0;
  position: relative;
  width: 40px;
}
.f-modal-alert .f-modal-icon.f-modal-warning {
  border-color: #f8bb86;
}
.f-modal-alert .f-modal-icon.f-modal-warning:before {
  animation: pulseWarning 2s linear infinite;
  background-color: white;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.f-modal-alert .f-modal-icon.f-modal-warning:after {
  background-color: white;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body {
  background-color: #f8bb86;
  border-radius: 2px;
  height: 15px;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  top: 8px;
  width: 5px;
  z-index: 2;
}
.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot {
  background-color: #f8bb86;
  border-radius: 50%;
  bottom: 8px;
  height: 7px;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  width: 7px;
  z-index: 2;
}
.f-modal-alert .f-modal-icon + .f-modal-icon {
  margin-top: 50px;
}

.scaleWarning {
  animation: scaleWarning 0.75s infinite alternate;
}

.pulseWarningIns {
  animation: pulseWarningIns 0.75s infinite alternate;
}

@keyframes scaleWarning {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulseWarning {
  0% {
    background-color: #fff;
    transform: scale(1);
    opacity: 0.5;
  }
  30% {
    background-color: #fff;
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    background-color: #f8bb86;
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulseWarningIns {
  0% {
    background-color: #f8d486;
  }
  100% {
    background-color: #f8bb86;
  }
}
#modalReenvio {
  background-color: rgba(249, 249, 249, 0.7);
}

#modalExcluir {
  background-color: rgba(249, 249, 249, 0.7);
}
#modalExcluir .linhaBtnAvanco {
  justify-content: space-between;
  padding: 0 20px;
}
#modalExcluir .linhaBtnAvanco .btnAvanco {
  width: 48%;
  margin: 15px auto 10px;
}
#modalExcluir .linhaBtnAvanco #btnNegativo {
  background-color: transparent;
  color: #11cc59;
  border: 1px solid #11cc59;
}

.modalLocalizacao {
  display: none;
}
.modalLocalizacao .conteudoDetalha {
  box-shadow: none;
}

.modalLocalizacao.show {
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
}
.modalLocalizacao.show .backdrop {
  width: 100%;
  height: 100%;
}
.modalLocalizacao.show .conteudoLocalizacao {
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.2));
  background-color: white;
  padding: 30px 20px 20px;
  border-radius: 10px;
  position: absolute;
  top: 10%;
  right: 25%;
  width: 65%;
  z-index: 9999;
}
.modalLocalizacao.show .conteudoGeral {
  overflow-y: auto;
  flex-direction: column;
  text-align: center;
}
.modalLocalizacao.show .conteudoGeral .titulo {
  color: #5c5c5c;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}
.modalLocalizacao.show .conteudoGeral .titulo hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #11cc59;
  height: 2px;
  border-radius: 10px;
  margin-top: 5px;
}
.modalLocalizacao.show .conteudoGeral .maps {
  margin: 15px 20px;
  width: 90%;
}
.modalLocalizacao.show .botoes .btnPreenchido {
  border: 1px solid #11cc59;
  background-color: #11cc59;
  width: 150px;
  border-radius: 10px;
  padding: 5px;
  color: white;
  margin-right: 5px;
}
.modalLocalizacao.show .botoes .btnVazado {
  border: 1px solid #11cc59;
  background-color: transparent;
  width: 150px;
  border-radius: 10px;
  padding: 5px;
  color: #11cc59;
}

/*-----------------------------------------------------------------------------*/
/*                                  Load                                       */
/*-----------------------------------------------------------------------------*/
#load,
.loadComPai {
  background-color: rgba(249, 249, 249, 0.7);
  left: 0;
  position: absolute;
  inset: 0;
  z-index: 9999999;
  display: grid;
  place-items: center;
  border-radius: inherit;
}
#load .loader,
.loadComPai .loader {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
}
#load .loader::before,
#load .loader::after,
.loadComPai .loader::before,
.loadComPai .loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 3px solid #11cc59;
  animation: prixClipFix 2s linear infinite;
}
#load .loader::after,
.loadComPai .loader::after {
  transform: rotate3d(90, 90, 0, 180deg);
  opacity: 0.3;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  25% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
  75% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  100% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
}

#loadNotificacao {
  background-color: rgba(249, 249, 249, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 99999;
  display: grid;
  align-items: center;
  justify-content: center;
}
#loadNotificacao .lds-dual-ring {
  position: relative;
  width: 80px;
  height: 80px;
}
#loadNotificacao .lds-dual-ring .logo {
  position: absolute;
  left: 40px;
  top: 40px;
}
#loadNotificacao .lds-dual-ring .logo img {
  width: 40px;
  animation: pulse 0.7s infinite;
  margin: 0 auto;
  animation-direction: alternate;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
#loadNotificacao .lds-dual-ring:after {
  content: " ";
  display: block;
  width: 100px;
  height: 100px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #11cc59 transparent #11cc59 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#loadNotificacao {
  max-width: 475px;
  left: 0px;
  top: 0px;
  border-radius: 10px;
  z-index: 9999;
}

.dropdrow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(92, 92, 92, 0.2);
  z-index: 999;
}

.dropdrow2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 999;
}

.dropdrow3 {
  background-color: rgba(92, 92, 92, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9999;
}

.dropdrowNovoLink {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(92, 92, 92, 0.8);
  z-index: 99;
}

/*-----------------------------------------------------------------------------*/
/*                                  navbar                                     */
/*-----------------------------------------------------------------------------*/
.logoRodape.ocultar {
  width: 40px;
}
.logoRodape.ocultar .nomeusu,
.logoRodape.ocultar .emailUsu {
  display: none;
}
.logoRodape.ocultar img {
  height: 30px;
}

.sidenav {
  height: calc(100% - 50px);
  width: 250px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0 0 0 15px;
}
.sidenav .menu {
  height: 60px;
  display: flex;
  align-items: center;
  position: relative;
}
.sidenav .menu::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
  bottom: 8px;
}
.sidenav .menu .logoUp {
  padding: 8px;
}
.sidenav .menu .logoUp img {
  width: 30px;
}
.sidenav .menu .dadosEmp {
  width: 250px;
  padding: 10px;
  font-size: 11px;
  color: #5c5c5c;
  cursor: pointer;
}
.sidenav .menu .dadosEmp #nomeEmp {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidenav .menu .dadosEmp #docEmp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #bebebe;
  font-size: 10px;
}
.sidenav .menu .dadosEmp #docEmp img {
  height: 12px;
  width: 12px;
  opacity: 0.5;
}
.sidenav .menu img {
  cursor: pointer;
}
.sidenav .conteudoSidenav {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 80px);
}
.sidenav .conteudoSidenav ::-webkit-scrollbar-thumb {
  background-color: #bebebe;
  border: 3px solid transparent;
  border-radius: 10px;
  background-clip: padding-box;
}
.sidenav .conteudoSidenav::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.sidenav .conteudoSidenav .menuNivel0 {
  margin-left: 5px !important;
}
.sidenav .conteudoSidenav .menuNivel1 {
  margin-left: 30px !important;
}
.sidenav .conteudoSidenav .menuNivel2 {
  margin-left: 55px !important;
}
.sidenav .conteudoSidenav .menuNivel3 {
  margin-left: 80px !important;
}
.sidenav .conteudoSidenav .linha {
  cursor: pointer;
  text-decoration: none;
  user-select: none;
  color: #5c5c5c;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-items: center;
  padding: 5px;
  border-radius: 10px;
  position: relative;
}
.sidenav .conteudoSidenav .linha img {
  margin-right: 10px;
  height: 18px;
  filter: url(/img/svg/filter.svg#filter);
}
.sidenav .conteudoSidenav .linha .titulo {
  line-height: 22px;
  color: #5c5c5c;
  font-size: 12px;
}
.sidenav .conteudoSidenav .linha .titulo span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.sidenav .conteudoSidenav .linhaColapse .titulo span {
  color: #11cc59;
}
.sidenav .conteudoSidenav .linhaColapse img {
  filter: none;
}
.sidenav .conteudoSidenav .linhaColapse::before {
  content: "";
  background: url("../img/up-arrow.png");
  z-index: 9999;
  position: absolute;
  right: 3px;
  height: 20px;
  width: 20px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: right;
  margin-top: 10px;
}
.sidenav .conteudoSidenav .linha.collapsed .titulo span {
  color: #5c5c5c;
}
.sidenav .conteudoSidenav .linha.collapsed img {
  filter: url(/img/svg/filter.svg#filter);
}
.sidenav .conteudoSidenav .linha.collapsed::before {
  content: "";
  background: url("../img/down-arrow.png");
  z-index: 9999;
  position: absolute;
  right: 0px;
  height: 20px;
  width: 20px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: right;
  margin-top: 10px;
  filter: invert(0.8);
}
.sidenav .conteudoSidenav .submenu .titulo {
  padding: 5px;
  border-radius: 10px;
  font-size: 12px;
  color: #5c5c5c;
  display: flex;
  align-items: center;
  justify-items: center;
  text-decoration: none;
  user-select: none;
  cursor: pointer;
}
.sidenav .conteudoSidenav .submenu .titulo img {
  height: 18px;
  margin-right: 5px;
  filter: invert(0.7);
}
.sidenav .conteudoSidenav .submenu .titulo span {
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
}
.sidenav .conteudoSidenav .submenu .titulo.active {
  color: white;
  background-color: #11cc59;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.sidenav .conteudoSidenav .submenu .titulo.active img {
  filter: invert(0);
  margin-left: 2px;
}
.sidenav .conteudoSidenav .linha.active {
  background: #11cc59;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.sidenav .conteudoSidenav .linha.active .titulo {
  color: white;
}
.sidenav .conteudoSidenav .linha.active img {
  filter: invert(0);
}
.sidenav .conteudoSidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.sidenav .conteudoSidenav .accordionsubmenu {
  margin-left: 25px;
}
.sidenav .conteudoSidenav .accordionsubmenu .titulo {
  margin-left: 0px !important;
  padding: 0 0;
}

.sidenav.ocultar {
  height: calc(100% - 50px);
  width: 40px;
}
.sidenav.ocultar .apenasfilhos {
  margin-left: 2px !important;
}
.sidenav.ocultar .menuNivel0,
.sidenav.ocultar .menuNivel1,
.sidenav.ocultar .menuNivel2,
.sidenav.ocultar .menuNivel3 {
  margin-left: 1px !important;
}
.sidenav.ocultar .menuNivel0 img,
.sidenav.ocultar .menuNivel1 img,
.sidenav.ocultar .menuNivel2 img,
.sidenav.ocultar .menuNivel3 img {
  margin-left: 2px;
}
.sidenav.ocultar .accordionsubmenu {
  margin-left: 0px !important;
}
.sidenav.ocultar .titulo.active {
  padding-left: 6px;
}
.sidenav.ocultar .linha.active {
  padding-left: 8px;
}
.sidenav.ocultar .menu .dadosEmp {
  display: none;
}
.sidenav.ocultar .submenu {
  margin-left: 0px;
}
.sidenav.ocultar .submenu .titulo img {
  margin-left: 2px;
}
.sidenav.ocultar .submenu .titulo span {
  display: none;
}
.sidenav.ocultar .linha img {
  height: 18px !important;
  margin-right: 30px;
  margin-left: 2px;
}
.sidenav.ocultar .linha .titulo {
  white-space: nowrap;
}
.sidenav.ocultar .linha.collapsed::before {
  content: none;
}
.sidenav.ocultar .linha::before {
  content: none;
}

.logoRodape {
  display: grid;
  align-items: center;
  padding-bottom: 10px;
  background: #f9f9f9;
  overflow: hidden;
  height: 60px;
  position: relative;
}
.logoRodape::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
  top: 0%;
}
.logoRodape .sair {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 15px;
  border-radius: 30px;
  height: 60px;
  cursor: pointer;
}
.logoRodape .sair span {
  font-size: 12px;
  padding-right: 5px;
  color: #414141;
  font-weight: 600;
}
.logoRodape .sair .nomeusu {
  font-size: 11px;
  color: #5c5c5c;
  user-select: none;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.logoRodape .sair .emailUsu {
  color: #bebebe;
  font-size: 10px;
}
.logoRodape .sair img {
  cursor: pointer;
  width: 30px;
  border-radius: 100%;
  margin-right: 10px;
}
.logoRodape .sair .divImgPerfil {
  cursor: pointer;
  width: 35px;
  height: 35px;
  display: grid;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-right: 10px;
  color: #f9f9f9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/*-----------------------------------------------------------------------------*/
/*                                 Popups                                      */
/*-----------------------------------------------------------------------------*/
.popup {
  position: absolute;
  top: -50px;
  width: 100%;
  height: calc(100% + 50px);
  overflow: hidden;
}
.popup .popup-dialog {
  width: 100%;
  max-width: 450px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}
.popup .popup-dialog .popup-content {
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  margin: auto auto;
  height: min-content;
  background: white;
  transition: all 0.2s ease-out;
  z-index: 999;
}
.popup .popup-dialog .popup-content .linhaFechar img {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 12px;
  cursor: pointer;
}
.popup .popup-dialog .popup-content .cabecalho {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #414141;
}
.popup .popup-dialog .popup-content .cabecalho hr {
  margin: 0;
  margin-top: 5px;
  width: 30px;
  opacity: 1;
  background-color: #11cc59;
  height: 2px;
  border-radius: 10px;
}
.popup .popup-dialog .popup-content .formulario .select2-container {
  max-width: 395px !important;
}
.popup .popup-dialog .popup-content .btnCancelar {
  color: #11cc59;
  border: 1px solid #11cc59;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
  width: 100px;
  padding: 5px;
}
.popup .popup-dialog .popup-content button {
  margin-left: 10px;
}
.popup .popup-dialog .popup-content .linhaBotoes {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
}
.popup .popup-dialog.show > .popup-content {
  transform: scale(1);
  opacity: 1;
}
.popup .popup-dialog.hidden > .popup-content {
  transform: scale(0.8);
  opacity: 0;
}

.popup-tooltip {
  position: fixed;
  z-index: 1000;
  width: auto;
  min-width: 200px;
  max-width: 300px;
  height: auto;
  pointer-events: none;
}
.popup-tooltip .popup-tooltip-dialog {
  width: 100%;
  height: auto;
  margin: 0;
  display: flex;
  overflow: hidden;
}
.popup-tooltip .popup-tooltip-dialog .popup-tooltip-content {
  width: 100%;
  padding: 12px 15px;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  margin: 0;
  background: white;
  transition: all 0.3s ease-out;
  z-index: 1001;
}
.popup-tooltip .popup-tooltip-dialog .popup-tooltip-content .linhaFechar img {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 10px;
  cursor: pointer;
}
.popup-tooltip .popup-tooltip-dialog .popup-tooltip-content .cabecalho {
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: bold;
  color: #414141;
}
.popup-tooltip .popup-tooltip-dialog .popup-tooltip-content .cabecalho hr {
  margin: 0;
  margin-top: 3px;
  width: 20px;
  opacity: 1;
  background-color: #11cc59;
  height: 1.5px;
  border-radius: 8px;
}
.popup-tooltip .popup-tooltip-dialog .popup-tooltip-content .formulario .select2-container {
  max-width: 100% !important;
}
.popup-tooltip .popup-tooltip-dialog .popup-tooltip-content .btnCancelar {
  color: #11cc59;
  border: 1px solid #11cc59;
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
  width: 80px;
  padding: 4px;
  font-size: 11px;
}
.popup-tooltip .popup-tooltip-dialog .popup-tooltip-content button {
  margin-left: 8px;
  font-size: 11px;
}
.popup-tooltip {
  /* Estados de edição */
}
.popup-tooltip.editar {
  opacity: 1;
  pointer-events: all;
}
.popup-tooltip.editar .popup-tooltip-content {
  background: white;
  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.25);
}
.popup-tooltip:not(.editar) {
  opacity: 0.4;
  pointer-events: none;
}
.popup-tooltip:not(.editar) .popup-tooltip-content {
  background: #f8f9fa;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.popup-tooltip {
  /* Posicionamento relativo ao mouse */
}
.popup-tooltip .popup-tooltip-dialog.show > .popup-tooltip-content {
  transform: scale(1);
  opacity: 1;
}
.popup-tooltip .popup-tooltip-dialog.hidden > .popup-tooltip-content {
  transform: scale(0.8);
  opacity: 0;
}

#popup-foto .conteudoModalFoto {
  width: auto;
  min-width: 30%;
  max-width: 100%;
}
#popup-foto .conteudoModalFoto .imgModal {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
#popup-foto .conteudoModalFoto .imgModal img {
  position: relative;
  height: 300px;
  min-height: 300px;
  border-radius: 10px;
  top: 0;
  right: 0;
}

#popup-receba-link .popup-dialog {
  width: 100%;
  max-width: 550px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}
#popup-receba-link .popup-dialog .popup-content-receba {
  width: 100%;
  min-width: 550px;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  margin: auto auto;
  height: min-content;
  background-color: #f9f9f9;
  transition: all 0.2s ease-out;
  z-index: 9999;
}
#popup-receba-link .popup-dialog .popup-content-receba .cabecalho {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #414141;
}
#popup-receba-link .popup-dialog .popup-content-receba .cabecalho hr {
  margin: 0;
  margin-top: 5px;
  width: 30px;
  opacity: 1;
  background-color: #11cc59;
  height: 2px;
  border-radius: 10px;
}
#popup-receba-link .popup-dialog .popup-content-receba #btnFecharRecebaLink {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 12px;
  cursor: pointer;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario {
  width: 50%;
  height: 100%;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .descricao {
  width: 50%;
  min-width: 510px;
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  border-radius: 10px;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .descricao .cabecalho {
  color: #11cc59;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .descricao .divInputCartao {
  display: flex;
  align-items: center;
  justify-content: center;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .descricao .divInputCartao .bandeira {
  width: 50px;
  height: 25px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .descricao .divInputCartao .bandeira img {
  max-height: 25px;
  max-width: 50px;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .cardPix {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .cardPix p {
  font-size: 14px;
  margin: 0px !important;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .cardPix .imgQrCode {
  display: flex;
  align-items: center;
  justify-self: center;
  position: sticky;
  margin: 10px;
  height: 150px !important;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .cardPix .reloadPix {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .cardPix .reloadPix .reload-pix {
  position: sticky;
  height: 14px !important;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .cardPix .reloadPix p {
  font-size: 12px;
  margin: 0px;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .cardPix .cardValorPix {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .cardPix .cardValorPix p {
  margin: 0px !important;
}
#popup-receba-link .popup-dialog .popup-content-receba .cardReceba .formulario .cardPix .cardValorPix .valorPix {
  font-size: 22px !important;
  font-weight: bold;
}
#popup-receba-link .popup-dialog .popup-content-receba .botoes {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 12px;
}
#popup-receba-link .popup-dialog .popup-content-receba .botoes #btnGerarRecebaLink {
  margin-left: 0px !important;
  width: 140px;
  font-size: 14px;
  font-weight: bold;
}
#popup-receba-link .popup-dialog .popup-content-receba .botoes #btnGerarPixRecebaLink {
  margin-left: 0px !important;
  width: 140px;
  font-size: 14px;
  font-weight: bold;
}
#popup-receba-link .popup-dialog .popup-content-receba .botoes #btnSalvarRecebaLink {
  margin-left: 0px !important;
  width: 140px;
  font-size: 14px;
  font-weight: bold;
}
#popup-receba-link .popup-dialog.show > .popup-content-receba {
  transform: scale(1);
  opacity: 1;
}
#popup-receba-link .popup-dialog.hidden > .popup-content-receba {
  transform: scale(0.8);
  opacity: 0;
}

#popup-link-gerado .popup-dialog,
#popup-inativa-link .popup-dialog,
#popup-desvincular .popup-dialog,
#popup-excluir-categoria .popup-dialog,
#popup-excluir-vitrine .popup-dialog,
#popup-excluir-todos-vitrine .popup-dialog,
#popup-excluir-cliente .popup-dialog,
#popup-excluir-representante .popup-dialog,
#popup-excluir-integracaowl .popup-dialog,
#popup-excluir-eventowl .popup-dialog,
#popup-mudar-status .popup-dialog,
#popup-validar-pedido .popup-dialog,
#popup-cancelar-bonificacao .popup-dialog,
#popup-indicacao .popup-dialog,
#popup-excluir-cupom .popup-dialog,
#popup-excluir-promocaofrete .popup-dialog,
#popup-excluir-regra .popup-dialog,
#popup-duplicar-evento .popup-dialog,
#popup-aprovacao-pontos .popup-dialog,
#popup-excluir-consultorasblacklist .popup-dialog,
#popup-confirmar-categoriapadrao .popup-dialog {
  max-width: 300px;
}
#popup-link-gerado .popup-dialog .popup-content,
#popup-inativa-link .popup-dialog .popup-content,
#popup-desvincular .popup-dialog .popup-content,
#popup-excluir-categoria .popup-dialog .popup-content,
#popup-excluir-vitrine .popup-dialog .popup-content,
#popup-excluir-todos-vitrine .popup-dialog .popup-content,
#popup-excluir-cliente .popup-dialog .popup-content,
#popup-excluir-representante .popup-dialog .popup-content,
#popup-excluir-integracaowl .popup-dialog .popup-content,
#popup-excluir-eventowl .popup-dialog .popup-content,
#popup-mudar-status .popup-dialog .popup-content,
#popup-validar-pedido .popup-dialog .popup-content,
#popup-cancelar-bonificacao .popup-dialog .popup-content,
#popup-indicacao .popup-dialog .popup-content,
#popup-excluir-cupom .popup-dialog .popup-content,
#popup-excluir-promocaofrete .popup-dialog .popup-content,
#popup-excluir-regra .popup-dialog .popup-content,
#popup-duplicar-evento .popup-dialog .popup-content,
#popup-aprovacao-pontos .popup-dialog .popup-content,
#popup-excluir-consultorasblacklist .popup-dialog .popup-content,
#popup-confirmar-categoriapadrao .popup-dialog .popup-content {
  width: 90%;
}
#popup-link-gerado .popup-dialog .popup-content .titulo,
#popup-inativa-link .popup-dialog .popup-content .titulo,
#popup-desvincular .popup-dialog .popup-content .titulo,
#popup-excluir-categoria .popup-dialog .popup-content .titulo,
#popup-excluir-vitrine .popup-dialog .popup-content .titulo,
#popup-excluir-todos-vitrine .popup-dialog .popup-content .titulo,
#popup-excluir-cliente .popup-dialog .popup-content .titulo,
#popup-excluir-representante .popup-dialog .popup-content .titulo,
#popup-excluir-integracaowl .popup-dialog .popup-content .titulo,
#popup-excluir-eventowl .popup-dialog .popup-content .titulo,
#popup-mudar-status .popup-dialog .popup-content .titulo,
#popup-validar-pedido .popup-dialog .popup-content .titulo,
#popup-cancelar-bonificacao .popup-dialog .popup-content .titulo,
#popup-indicacao .popup-dialog .popup-content .titulo,
#popup-excluir-cupom .popup-dialog .popup-content .titulo,
#popup-excluir-promocaofrete .popup-dialog .popup-content .titulo,
#popup-excluir-regra .popup-dialog .popup-content .titulo,
#popup-duplicar-evento .popup-dialog .popup-content .titulo,
#popup-aprovacao-pontos .popup-dialog .popup-content .titulo,
#popup-excluir-consultorasblacklist .popup-dialog .popup-content .titulo,
#popup-confirmar-categoriapadrao .popup-dialog .popup-content .titulo {
  text-align: center;
  font-size: large;
  margin-top: 20px;
  font-weight: bold;
  color: #5c5c5c;
}
#popup-link-gerado .popup-dialog .popup-content .descricao,
#popup-inativa-link .popup-dialog .popup-content .descricao,
#popup-desvincular .popup-dialog .popup-content .descricao,
#popup-excluir-categoria .popup-dialog .popup-content .descricao,
#popup-excluir-vitrine .popup-dialog .popup-content .descricao,
#popup-excluir-todos-vitrine .popup-dialog .popup-content .descricao,
#popup-excluir-cliente .popup-dialog .popup-content .descricao,
#popup-excluir-representante .popup-dialog .popup-content .descricao,
#popup-excluir-integracaowl .popup-dialog .popup-content .descricao,
#popup-excluir-eventowl .popup-dialog .popup-content .descricao,
#popup-mudar-status .popup-dialog .popup-content .descricao,
#popup-validar-pedido .popup-dialog .popup-content .descricao,
#popup-cancelar-bonificacao .popup-dialog .popup-content .descricao,
#popup-indicacao .popup-dialog .popup-content .descricao,
#popup-excluir-cupom .popup-dialog .popup-content .descricao,
#popup-excluir-promocaofrete .popup-dialog .popup-content .descricao,
#popup-excluir-regra .popup-dialog .popup-content .descricao,
#popup-duplicar-evento .popup-dialog .popup-content .descricao,
#popup-aprovacao-pontos .popup-dialog .popup-content .descricao,
#popup-excluir-consultorasblacklist .popup-dialog .popup-content .descricao,
#popup-confirmar-categoriapadrao .popup-dialog .popup-content .descricao {
  text-align: center;
  margin-bottom: 20px;
}
#popup-link-gerado .popup-dialog .popup-content .descricao b,
#popup-inativa-link .popup-dialog .popup-content .descricao b,
#popup-desvincular .popup-dialog .popup-content .descricao b,
#popup-excluir-categoria .popup-dialog .popup-content .descricao b,
#popup-excluir-vitrine .popup-dialog .popup-content .descricao b,
#popup-excluir-todos-vitrine .popup-dialog .popup-content .descricao b,
#popup-excluir-cliente .popup-dialog .popup-content .descricao b,
#popup-excluir-representante .popup-dialog .popup-content .descricao b,
#popup-excluir-integracaowl .popup-dialog .popup-content .descricao b,
#popup-excluir-eventowl .popup-dialog .popup-content .descricao b,
#popup-mudar-status .popup-dialog .popup-content .descricao b,
#popup-validar-pedido .popup-dialog .popup-content .descricao b,
#popup-cancelar-bonificacao .popup-dialog .popup-content .descricao b,
#popup-indicacao .popup-dialog .popup-content .descricao b,
#popup-excluir-cupom .popup-dialog .popup-content .descricao b,
#popup-excluir-promocaofrete .popup-dialog .popup-content .descricao b,
#popup-excluir-regra .popup-dialog .popup-content .descricao b,
#popup-duplicar-evento .popup-dialog .popup-content .descricao b,
#popup-aprovacao-pontos .popup-dialog .popup-content .descricao b,
#popup-excluir-consultorasblacklist .popup-dialog .popup-content .descricao b,
#popup-confirmar-categoriapadrao .popup-dialog .popup-content .descricao b {
  color: #11cc59;
}
#popup-link-gerado .popup-dialog .popup-content .botoes,
#popup-inativa-link .popup-dialog .popup-content .botoes,
#popup-desvincular .popup-dialog .popup-content .botoes,
#popup-excluir-categoria .popup-dialog .popup-content .botoes,
#popup-excluir-vitrine .popup-dialog .popup-content .botoes,
#popup-excluir-todos-vitrine .popup-dialog .popup-content .botoes,
#popup-excluir-cliente .popup-dialog .popup-content .botoes,
#popup-excluir-representante .popup-dialog .popup-content .botoes,
#popup-excluir-integracaowl .popup-dialog .popup-content .botoes,
#popup-excluir-eventowl .popup-dialog .popup-content .botoes,
#popup-mudar-status .popup-dialog .popup-content .botoes,
#popup-validar-pedido .popup-dialog .popup-content .botoes,
#popup-cancelar-bonificacao .popup-dialog .popup-content .botoes,
#popup-indicacao .popup-dialog .popup-content .botoes,
#popup-excluir-cupom .popup-dialog .popup-content .botoes,
#popup-excluir-promocaofrete .popup-dialog .popup-content .botoes,
#popup-excluir-regra .popup-dialog .popup-content .botoes,
#popup-duplicar-evento .popup-dialog .popup-content .botoes,
#popup-aprovacao-pontos .popup-dialog .popup-content .botoes,
#popup-excluir-consultorasblacklist .popup-dialog .popup-content .botoes,
#popup-confirmar-categoriapadrao .popup-dialog .popup-content .botoes {
  align-items: center;
  justify-content: space-between;
}
#popup-link-gerado .popup-dialog .popup-content .botoes button,
#popup-inativa-link .popup-dialog .popup-content .botoes button,
#popup-desvincular .popup-dialog .popup-content .botoes button,
#popup-excluir-categoria .popup-dialog .popup-content .botoes button,
#popup-excluir-vitrine .popup-dialog .popup-content .botoes button,
#popup-excluir-todos-vitrine .popup-dialog .popup-content .botoes button,
#popup-excluir-cliente .popup-dialog .popup-content .botoes button,
#popup-excluir-representante .popup-dialog .popup-content .botoes button,
#popup-excluir-integracaowl .popup-dialog .popup-content .botoes button,
#popup-excluir-eventowl .popup-dialog .popup-content .botoes button,
#popup-mudar-status .popup-dialog .popup-content .botoes button,
#popup-validar-pedido .popup-dialog .popup-content .botoes button,
#popup-cancelar-bonificacao .popup-dialog .popup-content .botoes button,
#popup-indicacao .popup-dialog .popup-content .botoes button,
#popup-excluir-cupom .popup-dialog .popup-content .botoes button,
#popup-excluir-promocaofrete .popup-dialog .popup-content .botoes button,
#popup-excluir-regra .popup-dialog .popup-content .botoes button,
#popup-duplicar-evento .popup-dialog .popup-content .botoes button,
#popup-aprovacao-pontos .popup-dialog .popup-content .botoes button,
#popup-excluir-consultorasblacklist .popup-dialog .popup-content .botoes button,
#popup-confirmar-categoriapadrao .popup-dialog .popup-content .botoes button {
  margin: 0;
}

#popup-excluir-todos-vitrine .popup-dialog {
  max-width: 350px;
}

#popup-gerar-token .popup-dialog {
  max-width: 400px;
}
#popup-gerar-token .popup-dialog .popup-content {
  width: 90%;
  z-index: 9999;
}
#popup-gerar-token .popup-dialog .popup-content .titulo {
  text-align: center;
  font-size: large;
  margin-top: 20px;
  font-weight: bold;
  color: #5c5c5c;
}
#popup-gerar-token .popup-dialog .popup-content .descricao {
  text-align: center;
  margin-bottom: 20px;
}
#popup-gerar-token .popup-dialog .popup-content .descricao b {
  color: #11cc59;
}
#popup-gerar-token .popup-dialog .popup-content .botoes {
  align-items: center;
  justify-content: space-between;
}
#popup-gerar-token .popup-dialog .popup-content .botoes button {
  margin: 0;
}
#popup-gerar-token .popup-dialog .popup-content .botoes .btnVerde {
  width: 150px;
  border: 1px solid #11cc59;
}

#popup-erro-importar .popup-dialog {
  max-width: 650px;
}
#popup-erro-importar .popup-dialog .popup-content {
  width: 90%;
}
#popup-erro-importar .popup-dialog .popup-content .titulo {
  text-align: center;
  font-size: large;
  margin-top: 20px;
  font-weight: bold;
  color: #5c5c5c;
}
#popup-erro-importar .popup-dialog .popup-content .descricao {
  text-align: center;
  margin-bottom: 10px;
}
#popup-erro-importar .popup-dialog .popup-content .descricao b {
  color: #11cc59;
}
#popup-erro-importar .popup-dialog .popup-content #descricaoProdutos {
  text-align: start;
}
#popup-erro-importar .popup-dialog .popup-content #descricaoProdutos .cabecalho {
  margin-bottom: 0px;
}
#popup-erro-importar .popup-dialog .popup-content #descricaoProdutos #listaProdutosErroPlanilha {
  max-height: 200px;
}
#popup-erro-importar .popup-dialog .popup-content .botoes {
  align-items: center;
  justify-content: end;
}
#popup-erro-importar .popup-dialog .popup-content .botoes button {
  margin-top: 10px;
}

#popup-cadastro-integracaowl .popup-dialog {
  max-width: 80%;
}
#popup-cadastro-integracaowl .popup-dialog .popup-content {
  width: 90%;
}
#popup-cadastro-integracaowl .popup-dialog .popup-content .titulo {
  text-align: center;
  font-size: large;
  margin: 10px auto;
  font-weight: bold;
  color: #5c5c5c;
}
#popup-cadastro-integracaowl .popup-dialog .popup-content .botaoGerarToken p {
  font-size: 12px;
  text-align: start;
  color: #5c5c5c;
  margin: 0px;
  text-decoration: underline;
}

#popup-minha-loja .popup-content {
  width: 100%;
}
#popup-minha-loja .popup-content .descricao {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
#popup-minha-loja .popup-content .descricao b {
  color: #11cc59;
}
#popup-minha-loja .popup-content .botoes {
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#popup-minha-loja .popup-content .botoes button {
  margin: 0;
}
#popup-minha-loja .popup-content .divImg {
  display: flex;
  justify-content: center;
}
#popup-minha-loja .popup-content .divImg #iconeLoja {
  position: relative;
  top: 0px;
  right: 0px;
  height: 65px;
  cursor: default;
}
#popup-minha-loja .popup-content #tituloMinhaLoja {
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
  font-weight: bold;
  color: #5c5c5c;
}
#popup-minha-loja .popup-content #subtituloMinhaLoja {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #5c5c5c;
}

#popup-perfil .popup-content {
  width: 300px;
}
#popup-perfil #divImgPerfilPopupFoto {
  cursor: pointer;
  width: 180px;
  height: 180px;
  display: grid;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin: 0 auto;
  color: #f9f9f9;
  font-size: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#popup-perfil .formulario {
  margin-top: 30px;
}

#popup-notificacao .popup-dialog {
  width: 100%;
  max-width: calc(100% - 500px);
}
#popup-notificacao .popup-dialog .popup-content {
  z-index: 9999;
}
#popup-notificacao .popup-dialog .popup-content .mensagemNotificacao {
  max-height: 360px;
}
#popup-notificacao .popup-dialog .popup-content .mensagemComMidia {
  max-height: 55px;
  overflow-y: auto;
}
#popup-notificacao .popup-dialog .popup-content .itemNotificacao {
  display: flex;
  justify-content: center;
}
#popup-notificacao .popup-dialog .popup-content #imagemNotificacao {
  position: relative;
  max-width: 100%;
  top: 0px;
  right: 0px;
  height: 100%;
  max-height: 320px;
  cursor: default;
  border-radius: 10px;
}
#popup-notificacao .popup-dialog .popup-content #videoNotificacao {
  border-radius: 10px;
}

#popup-notificacoes {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#popup-notificacoes .popup-dialog {
  position: absolute;
  right: 0px;
  margin: 55px 15px 0px 0px;
  max-width: 475px;
}
#popup-notificacoes .popup-dialog .popup-content {
  filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.2));
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  height: calc(100% - 100px);
  box-shadow: none;
  position: relative;
  height: min-content;
  background: white;
  transition: transform 0.8s ease-out;
  /* Transição suave no transform */
  transform: translateY(100%);
  /* Posição inicial fora da tela (acima) */
  z-index: 999;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes {
  height: calc(100vh - 155px);
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .cabecalho {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .cabecalho .aba {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  position: relative;
  cursor: pointer;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .cabecalho .aba img {
  height: 22px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .cabecalho .aba .qtdNotificacoes {
  font-size: 8px;
  background-color: red;
  color: white;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 25px;
  top: -3px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .cabecalho .aba .qtdNovidades {
  font-size: 8px;
  background-color: red;
  color: white;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 18px;
  top: -3px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .cabecalho .aba .tituloPadrao {
  font-size: 12px;
  margin-bottom: 10px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .cabecalho .aba .tituloPadrao hr {
  width: 100%;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .botaoLidos {
  width: 100%;
  display: flex;
  justify-content: end;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .botaoLidos .lidos {
  text-align: end;
  font-size: 11px;
  text-decoration: underline;
  cursor: pointer;
  width: 150px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas {
  width: 445px;
  margin-top: 10px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista {
  overflow-y: auto;
  margin: -5px;
  padding: 5px;
  height: calc(100vh - 250px);
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista .cardLista {
  background-color: white;
  width: 100%;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  position: relative;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista .cardLista .linhaLidaNaoLida {
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0px;
  left: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display: grid;
  align-items: center;
  justify-content: center;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista .cardLista .lida {
  background-color: #11cc59 !important;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista .cardLista .naolida {
  background-color: red !important;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista .cardLista .conteudoMensagem {
  width: 100%;
  margin-left: 10px;
  overflow-y: auto;
  max-height: 100px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista .cardLista .conteudoMensagem .texto {
  width: 100%;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista .cardLista .conteudoMensagem .texto .titulo {
  font-weight: bold;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista .cardLista .conteudoMensagem .texto .descricao {
  font-size: 11px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista .cardLista .conteudoMensagem .texto .data {
  margin-top: 5px;
  font-size: 10px;
  text-align: end;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista .cardLista .conteudoMensagem .video {
  display: flex;
  align-items: center;
  gap: 20px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .lista .cardLista .conteudoMensagem .video #video-thumbnail {
  width: 100%;
  max-width: 120px;
  object-fit: cover;
  height: 65px;
  border-radius: 5px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .telaFeedback {
  width: 445px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .telaFeedback .divtextarea {
  height: 330px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .telaFeedback .divtextarea textarea {
  height: 310px;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .telaFeedback .linhaBotao {
  display: flex;
  justify-content: end;
}
#popup-notificacoes .popup-dialog .popup-content .conteudoNotificacoes .listas .telaFeedback .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif {
  width: 100%;
  height: 100%;
  max-width: 475px;
  display: flex;
  overflow: hidden;
  z-index: 9999;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 10px;
  height: calc(100vh - 115px);
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif {
  background-color: white;
  width: 100%;
  padding: 0px 5px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  height: 100%;
  transition: all 0.3s ease-out;
  z-index: 9;
  overflow-y: auto;
  padding: 20px;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif .tituloDetalha {
  display: flex;
  color: #414141;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif .tituloDetalha img {
  width: 16px;
  cursor: pointer;
  vertical-align: middle;
  margin-top: 5px;
  margin-right: 10px;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif .tituloDetalha span {
  display: inline-block;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif .tituloDetalha hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #11cc59;
  height: 2px;
  border-radius: 10px;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif .conteudoDetalharNotificacao {
  height: calc(100vh - 220px);
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif .conteudoDetalharNotificacao #mensagemNotificacaoDetalha {
  max-height: 55px;
  overflow-y: auto;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif .conteudoDetalharNotificacao .imgNotificacaoDetalha {
  display: flex;
  justify-content: center;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif .conteudoDetalharNotificacao .imgNotificacaoDetalha #imagemNotificacaoDetalha {
  position: relative;
  max-width: 100%;
  top: 0px;
  right: 0px;
  height: 100%;
  max-height: 325px;
  cursor: default;
  border-radius: 10px;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif .conteudoDetalharNotificacao #videoNotificacaoDetalha {
  border-radius: 10px;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif .iconeExpandir {
  right: 20px;
  position: absolute;
  bottom: 20px;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif .detalha-content-notif .iconeExpandir img {
  width: 20px;
  cursor: pointer;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif.show > .detalha-content-notif {
  left: 0%;
}
#popup-notificacoes .popup-dialog .popup-content .detalharNotificacao .detalha-dialog-notif.hidden > .detalha-content-notif {
  left: 100%;
}
#popup-notificacoes .popup-dialog .popup-content::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: white;
  position: absolute;
  right: 40px;
  top: -5px;
  transform: rotate(45deg);
  z-index: 0;
}
#popup-notificacoes .popup-dialog.show > .popup-content {
  transform: translateY(0%);
  /* Mostra o popup na posição correta */
}
#popup-notificacoes .popup-dialog.hidden > .popup-content {
  transform: translateY(100%);
  transition: transform 0.5s ease-in;
  /* Esconde o popup acima da tela */
}

#popup-cadastrar-notificacaoApp .popup-dialog,
#popup-cadastrar-notificacaoTela .popup-dialog {
  max-width: 80%;
}
#popup-cadastrar-notificacaoApp .popup-dialog .popup-content,
#popup-cadastrar-notificacaoTela .popup-dialog .popup-content {
  width: 100%;
}
#popup-cadastrar-notificacaoApp .popup-dialog .popup-content .titulo,
#popup-cadastrar-notificacaoTela .popup-dialog .popup-content .titulo {
  text-align: center;
  font-size: large;
  margin-top: 20px;
  font-weight: bold;
  color: #5c5c5c;
}
#popup-cadastrar-notificacaoApp .popup-dialog .popup-content .descricao,
#popup-cadastrar-notificacaoTela .popup-dialog .popup-content .descricao {
  text-align: center;
  margin-bottom: 20px;
}
#popup-cadastrar-notificacaoApp .popup-dialog .popup-content .descricao b,
#popup-cadastrar-notificacaoTela .popup-dialog .popup-content .descricao b {
  color: #11cc59;
}
#popup-cadastrar-notificacaoApp .popup-dialog .popup-content .obs,
#popup-cadastrar-notificacaoTela .popup-dialog .popup-content .obs {
  font-size: 11px;
  margin: 10px auto;
}
#popup-cadastrar-notificacaoApp .popup-dialog .popup-content .divImgBannerNotif,
#popup-cadastrar-notificacaoTela .popup-dialog .popup-content .divImgBannerNotif {
  display: flex;
  justify-content: center;
}
#popup-cadastrar-notificacaoApp .popup-dialog .popup-content .divImgBannerNotif #imgBannerNotif,
#popup-cadastrar-notificacaoTela .popup-dialog .popup-content .divImgBannerNotif #imgBannerNotif {
  position: relative;
  top: 0px;
  right: 0px;
  height: 120px;
  cursor: pointer;
  border-radius: 10px;
  max-width: 200px;
}

#popup-senha .popup-content {
  width: 300px;
}

#popup-nova-grade .popup-dialog {
  /*  width: 100%;
  height: 600px !important; */
}
#popup-nova-grade .popup-dialog .popup-content {
  width: 100%;
  max-height: 500px !important;
}
#popup-nova-grade .popup-dialog .popup-content .tamanhos {
  height: 70%;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #11cc59;
  padding: 10px 0.5px 5px 10px;
  margin-bottom: 20px;
}
#popup-nova-grade .popup-dialog .popup-content .tamanhos .titulo {
  position: absolute;
  margin-top: -22px;
  margin-left: 5px;
  background: white;
  padding: 0 5px;
}
#popup-nova-grade .popup-dialog .popup-content .tamanhos #listaTamanhos {
  height: 100%;
  max-height: 250px;
  overflow-y: auto;
  margin-top: 0px;
  margin-left: 10px;
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
}
#popup-nova-grade .popup-dialog .popup-content .tamanhos #listaTamanhos .linha {
  padding: 3px;
  width: 33%;
}
#popup-nova-grade .popup-dialog .popup-content .tamanhos #listaTamanhos .linha label {
  display: flex;
  align-items: center;
  user-select: none;
}
#popup-nova-grade .popup-dialog .popup-content .tamanhos #listaTamanhos .linha label input {
  margin-right: 10px;
}
#popup-nova-grade .popup-dialog .popup-content .tamanhos #listaTamanhos ::-webkit-scrollbar-track {
  background-color: #11cc59;
}
#popup-nova-grade .popup-dialog .popup-content .tamanhos #listaTamanhos ::-webkit-scrollbar {
  width: 7px;
  height: 10px;
  background: #11cc59;
}
#popup-nova-grade .popup-dialog .popup-content .tamanhos #listaTamanhos ::-webkit-scrollbar-thumb {
  background: #788592;
}
#popup-nova-grade .popup-dialog .popup-content .linhaFlex {
  gap: 20px !important;
}

#popup-edita-foto .popup-dialog {
  width: 100% !important;
  min-width: 600px;
}
#popup-edita-foto .popup-dialog .popup-content #imgNoCamera {
  position: relative;
  top: 0px;
  right: 0px;
  height: 80px;
  cursor: pointer;
}
#popup-edita-foto .popup-dialog .popup-content .linhaBotao {
  display: flex;
  margin-left: auto;
  width: 150px;
}
#popup-edita-foto .popup-dialog .popup-content .linhaBotao .botao {
  background-color: #bebebe;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 14px;
  padding: 5px;
  border-radius: 8px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
#popup-edita-foto .popup-dialog .popup-content .linhaBotao .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #bebebe;
  border: 1px solid #bebebe;
  padding: 5px;
  border-radius: 8px;
  margin-left: auto;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}
#popup-edita-foto .popup-dialog .popup-content .descricao {
  padding-bottom: 10px;
  height: 250px;
  position: relative;
  width: 100%;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima {
  height: 100%;
  overflow: auto;
  position: relative;
  margin-top: 10px;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #bebebe;
  padding: 10px;
  overflow-x: auto;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima::-webkit-scrollbar-track {
  height: 8px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima::-webkit-scrollbar {
  height: 8px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima::-webkit-scrollbar-thumb {
  height: 8px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto {
  border-radius: 10px;
  margin-right: 10px;
  border: 1px solid #bebebe;
  height: 180px;
  min-width: 150px;
  padding: 5px;
  display: grid;
  justify-content: center;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divFotoUpload {
  display: flex;
  justify-content: center;
  align-items: center;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto img {
  border-radius: 10px;
  max-width: 100px;
  max-height: 120px;
  margin-bottom: 10px;
  object-fit: contain;
  position: relative;
  top: 0px;
  right: 0px;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox {
  display: flex;
  align-items: center;
  padding: 0 !important;
  font-size: 12px;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox .divContainer {
  display: block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0 !important;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox .divContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox .divContainer input:disabled {
  cursor: not-allowed !important;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #eee;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox div {
  margin-bottom: 2px;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox .divContainer:hover input ~ .checkmark {
  background-color: #ccc;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox .divContainer input:checked ~ .checkmark {
  background-color: #11cc59;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox .divContainer input:checked ~ .checkmark:after {
  display: block;
}
#popup-edita-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox .divContainer .checkmark:after {
  left: 4.33px;
  top: 1px;
  width: 3.5px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#popup-edita-foto .popup-dialog .popup-content .move {
  position: relative;
  padding: 20px 5px 5px !important;
  width: 150px !important;
}
#popup-edita-foto .popup-dialog .popup-content .move .my-handle {
  position: absolute;
  top: 6px;
  left: 5px;
  cursor: move;
  cursor: -webkit-grabbing;
}
#popup-edita-foto .popup-dialog .popup-content .move .my-handle img {
  width: 18px;
  height: 18px;
}
#popup-edita-foto .popup-dialog .popup-content .move {
  /*   cursor: move;
  cursor: -webkit-grabbing; */
}
#popup-edita-foto .popup-dialog .popup-content .move .excluir {
  position: absolute;
  top: -4px;
  right: -5px;
  cursor: pointer;
}
#popup-edita-foto .popup-dialog .popup-content .move .excluir img {
  width: 15px;
  height: 15px;
}
#popup-edita-foto .popup-dialog .popup-content .foto_excluida {
  display: none !important;
}

#popup-nova-foto .popup-dialog {
  width: 100% !important;
  min-width: 600px;
}
#popup-nova-foto .popup-dialog .popup-content .linhaBotao {
  display: flex;
  margin-left: auto;
  width: 150px;
}
#popup-nova-foto .popup-dialog .popup-content .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 8px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
#popup-nova-foto .popup-dialog .popup-content .linhaBotao .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #11cc59;
  border: 1px solid #11cc59;
  padding: 5px;
  border-radius: 8px;
  margin-left: auto;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}
#popup-nova-foto .popup-dialog .popup-content .descricao {
  padding-bottom: 10px;
  height: 250px;
  position: relative;
  width: 100%;
}
#popup-nova-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima {
  height: 100%;
  overflow: auto;
  position: relative;
  margin-top: 10px;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #bebebe;
  padding: 10px;
  overflow-x: auto;
}
#popup-nova-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima::-webkit-scrollbar-track {
  height: 8px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#popup-nova-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima::-webkit-scrollbar {
  height: 8px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#popup-nova-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima::-webkit-scrollbar-thumb {
  height: 8px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#popup-nova-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .imgAdd img {
  width: 50px !important;
  height: 50px !important;
  position: relative;
  top: 0px;
  right: 0px;
}
#popup-nova-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto {
  border-radius: 10px;
  margin-right: 10px;
  border: 1px solid #11cc59;
  height: 180px;
  width: 150px;
  padding: 5px;
  display: grid;
  align-items: center;
  justify-content: center;
}
#popup-nova-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .fotoUpload {
  border-radius: 10px;
  max-width: 130px;
  max-height: 160px;
  margin-bottom: 10px;
  object-fit: contain;
}
#popup-nova-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto img {
  border-radius: 10px;
  max-width: 130px;
  max-height: 160px;
  margin-bottom: 10px;
  object-fit: contain;
  position: relative;
  top: 0px;
  right: 0px;
  height: auto !important;
}
#popup-nova-foto .popup-dialog .popup-content .descricao .conteudoGeralBtnCima .divFoto .divcheckbox {
  padding: 0 !important;
}

#popup-detalha-foto .popup-dialog {
  width: 100% !important;
  min-width: 600px;
}
#popup-detalha-foto .popup-dialog .popup-content {
  height: 500px;
}
#popup-detalha-foto .popup-dialog .popup-content .linhaBotao {
  display: flex;
  margin-left: auto;
  width: 150px;
}
#popup-detalha-foto .popup-dialog .popup-content .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 8px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
#popup-detalha-foto .popup-dialog .popup-content .linhaBotao .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #11cc59;
  border: 1px solid #11cc59;
  padding: 5px;
  border-radius: 8px;
  margin-left: auto;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
}
#popup-detalha-foto .popup-dialog .popup-content .swiper {
  position: relative;
  height: 390px;
}
#popup-detalha-foto .popup-dialog .popup-content .swiper .swiper-slide {
  display: grid;
  align-items: center;
  justify-content: center;
  user-select: none;
  width: 100% !important;
}
#popup-detalha-foto .popup-dialog .popup-content .swiper .swiper-slide img {
  max-height: 390px;
  max-width: 100%;
  margin: 0 auto;
  object-fit: contain;
  object-position: center;
  border-radius: 10px;
  height: 100%;
  position: relative;
  top: 0px;
  right: 0px;
  cursor: default;
}
#popup-detalha-foto .popup-dialog .popup-content .swiper .swiper-button-next::after,
#popup-detalha-foto .popup-dialog .popup-content .swiper .swiper-button-prev::after {
  font-size: 20px;
  color: #11cc59;
}
#popup-detalha-foto .popup-dialog .popup-content .swiper-pagination {
  bottom: 10px;
}
#popup-detalha-foto .popup-dialog .popup-content .swiper-pagination-bullet {
  background: #11cc59;
}

#popup-detalhar .popup-dialog {
  width: 100% !important;
  min-width: 650px;
}
#popup-detalhar .popup-dialog .popup-content #conteudoDetalha tr:nth-child(even) {
  background-color: white;
}
#popup-detalhar .popup-dialog .popup-content #conteudoDetalha #imgBandeira {
  position: relative;
  top: 0px;
  right: 0px;
  height: 100%;
  max-height: 25px;
  max-width: 35px;
  cursor: default;
}
#popup-detalhar .popup-dialog .popup-content #conteudoDetalha .coluna .descricao {
  font-size: 11px;
}
#popup-detalhar .popup-dialog .popup-content #conteudoDetalha .coluna .info {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#popup-analise .popup-dialog {
  width: 100%;
  max-width: 800px;
}

#popup-nova-equipe .containerAcessos {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 20px;
}
#popup-nova-equipe .containerAcessos input[type=checkbox] {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  border: 1px solid #5c5c5c;
  border-radius: 5px;
  outline: none;
  position: relative;
  margin-right: 5px;
}
#popup-nova-equipe .containerAcessos input[type=checkbox]:checked {
  position: relative;
  background-color: #11cc59;
  border: 1px solid #11cc59;
}
#popup-nova-equipe .containerAcessos input[type=checkbox]::before {
  content: "✔";
  font-size: 14px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#popup-nova-equipe .containerAcessos input[type=checkbox]:not(:checked)::before {
  content: "";
}
#popup-nova-equipe .containerAcessos input[type=text] {
  width: 50px !important;
  border: 1px solid #5c5c5c;
  border-radius: 5px;
  padding: 0px 5px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 32vh;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linhaCheckbox {
  display: flex;
  align-items: center;
  justify-items: center;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linhaCheckbox .linha {
  width: 100%;
  cursor: pointer;
  text-decoration: none;
  user-select: none;
  color: #5c5c5c;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-items: center;
  padding: 5px 5px 5px 0px;
  border-radius: 10px;
  position: relative;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linhaCheckbox .linha img {
  margin-right: 10px;
  height: 22px !important;
  filter: url(/img/svg/filter.svg#filter);
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linhaCheckbox .linha .titulo {
  line-height: 22px;
  color: #5c5c5c;
  font-size: 12px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linhaCheckbox .linha .titulo span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linhaCheckbox .linhaColapse .titulo span {
  color: #11cc59;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linhaCheckbox .linhaColapse img {
  filter: none;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linhaCheckbox .linhaColapse::before {
  content: "";
  background: url("../img/up-arrow.png");
  z-index: 9999;
  position: absolute;
  right: 8px;
  height: 20px;
  width: 20px;
  background-size: 10px;
  background-repeat: no-repeat;
  margin-top: 10px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linhaCheckbox .linha.collapsed .titulo span {
  color: #5c5c5c;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linhaCheckbox .linha.collapsed img {
  filter: url(/img/svg/filter.svg#filter);
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linhaCheckbox .linha.collapsed::before {
  content: "";
  background: url("../img/down-arrow.png");
  z-index: 9999;
  position: absolute;
  right: 10px;
  height: 20px;
  width: 20px;
  background-size: 15px;
  background-repeat: no-repeat;
  margin-top: 10px;
  filter: invert(0.8);
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu {
  padding: 5px 0;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu .linhaCheckbox {
  margin-left: 18px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu .linhaCheckbox .titulo {
  border-radius: 10px;
  font-size: 12px;
  color: #5c5c5c;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  text-decoration: none;
  user-select: none;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu .linhaCheckbox .titulo img {
  height: 22px;
  filter: invert(0.7);
  margin-right: 5px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu .linhaCheckbox .titulo span {
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu .linhaCheckbox .titulo.active {
  color: white;
  background-color: #11cc59;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu .linhaCheckbox .titulo.active img {
  filter: invert(0);
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu2 {
  padding: 5px 0;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu2 .linhaCheckbox {
  margin-left: 36px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu2 .linhaCheckbox .titulo {
  border-radius: 10px;
  font-size: 12px;
  color: #5c5c5c;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  text-decoration: none;
  user-select: none;
  width: 250px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu2 .linhaCheckbox .titulo img {
  height: 22px;
  filter: invert(0.7);
  margin-right: 5px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu2 .linhaCheckbox .titulo span {
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu2 .linhaCheckbox .titulo.active {
  color: white;
  background-color: #11cc59;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu2 .linhaCheckbox .titulo.active img {
  filter: invert(0);
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu3 {
  padding: 5px 0;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu3 .linhaCheckbox {
  margin-left: 54px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu3 .linhaCheckbox .titulo {
  border-radius: 10px;
  font-size: 12px;
  color: #5c5c5c;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  text-decoration: none;
  user-select: none;
  width: 250px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu3 .linhaCheckbox .titulo img {
  height: 22px;
  filter: invert(0.7);
  margin-right: 5px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu3 .linhaCheckbox .titulo span {
  display: inline-block;
  vertical-align: middle;
  line-height: 22px;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu3 .linhaCheckbox .titulo.active {
  color: white;
  background-color: #11cc59;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .submenu3 .linhaCheckbox .titulo.active img {
  filter: invert(0);
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linha.active {
  background: #11cc59;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linha.active .titulo {
  color: white;
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .linha.active img {
  filter: invert(0);
}
#popup-nova-equipe .containerAcessos .conteudoSidenavAcesso .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#popup-nova-categoria .popup-dialog {
  max-width: 500px;
}
#popup-nova-categoria .popup-dialog .divImagem #imgPrincipalNova {
  position: relative;
  top: 0px;
  right: 0px;
  max-height: 124px;
  max-width: 100%;
  width: 100%;
  height: 100%;
  border-radius: 10px !important;
  object-position: center;
  object-fit: cover;
}
#popup-nova-categoria .popup-dialog .divImagem #imgIconeNova {
  position: relative;
  top: 0px;
  right: 0px;
  object-fit: contain;
  max-height: 124px;
  max-width: 100%;
  height: 100%;
  border-radius: 10px !important;
  object-position: center;
}

#popup-comprovante-transacao .popup-dialog {
  max-width: calc(100% - 200px);
}
#popup-comprovante-transacao .popup-dialog .popup-content {
  width: 100%;
  height: calc(100% - 100px);
}
#popup-comprovante-transacao .popup-dialog .popup-content .containerPDF {
  height: calc(100% - 50px);
}

#popup-comprovante-pedido .popup-dialog {
  max-width: calc(100% - 100px);
}
#popup-comprovante-pedido .popup-dialog .popup-content {
  height: calc(100vh - 120px);
}
#popup-comprovante-pedido .popup-dialog .popup-content .tituloCard {
  text-align: start;
  font-size: 16px;
  color: #11cc59;
  margin-bottom: 20px;
  font-weight: bold;
}
#popup-comprovante-pedido .popup-dialog .popup-content .linhaBotao {
  display: flex;
  margin-bottom: 10px;
}
#popup-comprovante-pedido .popup-dialog .popup-content .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 8px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
#popup-comprovante-pedido .popup-dialog .popup-content .linhaBotao .botaoRecarregar {
  width: 100px;
}
#popup-comprovante-pedido .popup-dialog .popup-content iframe {
  height: calc(100vh - 210px);
}
#popup-comprovante-pedido .popup-dialog .popup-content #seminfoDetalhaWebhook {
  height: calc(100vh - 255px);
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#popup-comprovante-pedido .popup-dialog .popup-content #seminfoDetalhaWebhook img {
  position: relative;
  top: 0px;
  right: 0px;
  height: 90px;
  cursor: default;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup #tabelaDetalhaWebhook .request {
  width: 70px;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup #tabelaDetalhaWebhook .colunaDescricao {
  width: 20ch;
  max-width: 20ch;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .request {
  background-color: #11cc59;
  color: white;
  font-weight: bold;
  padding: 1px 4px;
  border-radius: 6px;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .esquerdaPopup {
  padding: 5px 10px 10px 10px;
  height: calc(100vh - 255px);
  overflow-y: scroll;
  width: 30%;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .esquerdaPopup .cardLista {
  background-color: white;
  border: 1px solid white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 20px;
  cursor: pointer;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .esquerdaPopup .cardLista .conteudoCardLista {
  display: flex;
  align-items: center;
  gap: 20px;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .esquerdaPopup .cardLista .conteudoCardLista .coluna .bold {
  font-weight: bold;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .esquerdaPopup .selecionado {
  border: 1px solid #11cc59;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .direitaPopup {
  padding: 5px 10px 10px 10px;
  width: 70%;
  overflow-y: auto;
  height: calc(100vh - 255px);
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .direitaPopup #tabelaDetalhaWebhook {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .direitaPopup .cardDetalharRequest {
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 20px;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .direitaPopup .cardDetalharRequest .conteudoCardDetalhar pre {
  margin-bottom: 0px;
  font-size: 12px;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .direitaPopup .cardDetalharResponse {
  margin-top: 10px;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 20px;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .direitaPopup .cardDetalharResponse .conteudoCardDetalhar {
  max-width: 500px;
}
#popup-comprovante-pedido .popup-dialog .popup-content .conteudoPopup .direitaPopup .cardDetalharResponse .conteudoCardDetalhar pre {
  margin-bottom: 0px;
  font-size: 12px;
}

#popup-detalha-webhook .popup-dialog {
  max-width: calc(100% - 100px);
}
#popup-detalha-webhook .popup-dialog .popup-content {
  height: calc(100vh - 120px);
}
#popup-detalha-webhook .popup-dialog .popup-content .tituloCard {
  text-align: start;
  font-size: 16px;
  color: #11cc59;
  margin-bottom: 20px;
  font-weight: bold;
}
#popup-detalha-webhook .popup-dialog .popup-content .linhaBotao {
  display: flex;
  margin-bottom: 10px;
}
#popup-detalha-webhook .popup-dialog .popup-content .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 8px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
#popup-detalha-webhook .popup-dialog .popup-content .linhaBotao .botaoRecarregar {
  width: 100px;
}
#popup-detalha-webhook .popup-dialog .popup-content .esquerdaPopup .linhaBotao {
  justify-content: flex-start;
  margin-bottom: 0;
}
#popup-detalha-webhook .popup-dialog .popup-content .esquerdaPopup .linhaBotao .botao {
  margin-left: 0;
}
#popup-detalha-webhook .popup-dialog .popup-content .colunaBotao {
  display: grid;
}
#popup-detalha-webhook .popup-dialog .popup-content .colunaBotao .botao {
  margin-bottom: 10px;
  background-color: #11cc59;
  color: white;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 8px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
#popup-detalha-webhook .popup-dialog .popup-content iframe {
  height: calc(100vh - 210px);
}
#popup-detalha-webhook .popup-dialog .popup-content #seminfoDetalhaWebhook {
  height: calc(100vh - 255px);
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#popup-detalha-webhook .popup-dialog .popup-content #seminfoDetalhaWebhook img {
  position: relative;
  top: 0px;
  right: 0px;
  height: 90px;
  cursor: default;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup #tabelaDetalhaWebhook .request {
  width: 70px;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup #tabelaDetalhaWebhook .colunaDescricao {
  width: 20ch;
  max-width: 20ch;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .request {
  background-color: #11cc59;
  color: white;
  font-weight: bold;
  padding: 1px 4px;
  border-radius: 6px;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardEsquerda {
  padding: 5px 10px 10px 10px;
  width: 30%;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardEsquerda .esquerdaPopup {
  padding: 5px 10px 10px 10px;
  height: calc(100vh - 285px);
  overflow-y: scroll;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardEsquerda .esquerdaPopup .cardLista {
  position: relative;
  width: 100%;
  background-color: white;
  border: 1px solid white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 20px;
  cursor: pointer;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardEsquerda .esquerdaPopup .cardLista .conteudoCardLista {
  display: flex;
  align-items: center;
  gap: 20px;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardEsquerda .esquerdaPopup .cardLista .conteudoCardLista .coluna .bold {
  font-weight: bold;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardEsquerda .esquerdaPopup .cardLista .conteudoCardLista .coluna .fontenormal {
  font-weight: normal !important;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardEsquerda .esquerdaPopup .selecionado {
  border: 1px solid #11cc59;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardDireita {
  padding: 5px 10px 10px 10px;
  width: 70%;
  min-width: 70%;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardDireita .direitaPopup {
  padding: 5px 10px 10px 5px;
  overflow-y: auto;
  height: calc(100vh - 255px);
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardDireita .direitaPopup #tabelaDetalhaWebhook {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardDireita .direitaPopup .cardDetalharRequest {
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 20px;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardDireita .direitaPopup .cardDetalharRequest .conteudoCardDetalhar pre {
  margin-bottom: 0px;
  font-size: 12px;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardDireita .direitaPopup .cardDetalharResponse {
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 20px;
}
#popup-detalha-webhook .popup-dialog .popup-content .conteudoPopup .cardDireita .direitaPopup .cardDetalharResponse .conteudoCardDetalhar pre {
  margin-bottom: 0px;
  font-size: 12px;
}
#popup-detalha-webhook .popup-dialog .popup-content .btnduplicar {
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 6px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.25);
  user-select: none;
  cursor: pointer;
}
#popup-detalha-webhook .popup-dialog .popup-content .btnduplicar img {
  width: 20px;
}

#popup-fatura-boleto .popup-dialog {
  max-width: calc(100% - 200px);
}
#popup-fatura-boleto .popup-dialog .popup-content {
  width: 100%;
  height: calc(100% - 100px);
}
#popup-fatura-boleto .popup-dialog .popup-content .containerPDF {
  height: calc(100% - 50px);
}

#popup-exibir-comprovante .popup-dialog {
  max-width: calc(100% - 200px);
}
#popup-exibir-comprovante .popup-dialog .popup-content {
  width: 100%;
  height: calc(100% - 100px);
}
#popup-exibir-comprovante .popup-dialog .popup-content .containerPDF {
  height: calc(100% - 90px);
}

#popup-nova-tonalidade .popup-content {
  height: 203px;
}

#popup-link-formulario .popup-content {
  width: 100%;
}
#popup-link-formulario .popup-content .descricao {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
#popup-link-formulario .popup-content .descricao b {
  color: #11cc59;
}
#popup-link-formulario .popup-content .botoes {
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#popup-link-formulario .popup-content .botoes button {
  margin: 0;
}
#popup-link-formulario .popup-content .divImg {
  display: flex;
  justify-content: center;
}
#popup-link-formulario .popup-content .divImg #iconeLinkFormulario {
  position: relative;
  top: 0px;
  right: 0px;
  height: 65px;
  cursor: default;
}
#popup-link-formulario .popup-content #tituloLinkFormulario {
  text-align: center;
  font-size: 16px;
  margin-top: 20px;
  font-weight: bold;
  color: #5c5c5c;
}

#popup-aprovar-usuario #tituloAprovarUsuario {
  font-weight: bold;
  font-size: 14px;
  color: #414141;
  text-align: center;
  margin-bottom: 10px;
}
#popup-aprovar-usuario #subtituloAprovarUsuario {
  font-size: 14px;
  color: #414141;
  text-align: center;
  margin-bottom: 20px;
}
#popup-aprovar-usuario .botoes {
  justify-content: center;
}

#popup-refazerAnalise-usuario #tituloRefazerAnaliseUsuario {
  font-weight: bold;
  font-size: 14px;
  color: #414141;
  text-align: center;
  margin-bottom: 10px;
}
#popup-refazerAnalise-usuario #subtituloRefazerAnaliseUsuario {
  font-size: 14px;
  color: #414141;
  text-align: center;
  margin-bottom: 20px;
}
#popup-refazerAnalise-usuario .botoes {
  justify-content: center;
}

#popup-detalha-indicacao .popup-dialog {
  max-width: 400px;
}
#popup-detalha-indicacao .popup-dialog .popup-content {
  min-height: 230px;
}
#popup-detalha-indicacao .popup-dialog .popup-content .conteudoDetalhaIndicacao {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #5c5c5c;
  text-align: center;
}
#popup-detalha-indicacao .popup-dialog .popup-content .conteudoDetalhaIndicacao .divImg {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  position: relative;
}
#popup-detalha-indicacao .popup-dialog .popup-content .conteudoDetalhaIndicacao .divImg #imgIndicacao {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  position: relative;
  top: 0px;
  right: 0px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
}
#popup-detalha-indicacao .popup-dialog .popup-content .conteudoDetalhaIndicacao .divImg .classificacao {
  width: 35px !important;
  height: 35px !important;
  top: 90px;
  right: 5px;
  border: none;
  box-shadow: none;
}
#popup-detalha-indicacao .popup-dialog .popup-content .conteudoDetalhaIndicacao .nomeIndicacao {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}
#popup-detalha-indicacao .popup-dialog .popup-content .conteudoDetalhaIndicacao .classificacaoIndicacao {
  margin-bottom: 10px;
  font-weight: bold;
  border-radius: 7px;
  padding: 6px;
  color: white;
  min-width: 80px;
  cursor: default;
}

#popup-detalhar-produto-kit .conteudoDetalharProdutoKit {
  height: 400px;
  overflow: auto;
  padding: 0px 10px;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard {
  height: 190px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background-color: white;
  margin-bottom: 1.5%;
  padding: 0;
  display: flex;
  position: relative;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .fotos {
  height: 190px;
  width: 30%;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .fotos img {
  height: 190px;
  max-width: 100%;
  object-fit: cover;
  position: static;
  top: 0;
  right: 0;
  position: relative;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .conteudoCardVitrine {
  height: 190px;
  width: 70%;
  margin-left: auto;
  padding: 20px;
  font-size: 13px;
  display: grid;
  align-content: center;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .conteudoCardVitrine .titulo {
  font-weight: bold;
  font-size: 15px;
  overflow: hidden;
  cursor: default;
  line-height: 1.2em;
  height: 2.4em;
  max-height: 2.4em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .conteudoCardVitrine .subtitulo {
  font-size: 10px;
  margin-bottom: 10px;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .conteudoCardVitrine .linhaCategoria {
  margin-bottom: 10px;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .conteudoCardVitrine .linhaCategoria .desc {
  font-size: 10px;
  font-weight: normal;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .conteudoCardVitrine .linhaCategoria .info {
  font-weight: bold;
  font-size: 13px;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .conteudoCardVitrine .linha {
  font-size: 11px;
  line-height: 1.5;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .conteudoCardVitrine .linha .desc {
  cursor: default;
  font-weight: bold;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .conteudoCardVitrine .linha .info {
  cursor: default;
  font-weight: normal;
}
#popup-detalhar-produto-kit .conteudoDetalharProdutoKit .linhaCard .linhaInfo .imgInfo {
  margin-bottom: 3px;
}

#popup-detalhar-produtos .popup-dialog {
  max-width: 550px;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos {
  height: 400px;
  overflow: auto;
  padding: 5px 10px 0px 10px;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard {
  height: 150px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background-color: white;
  margin-bottom: 1.5%;
  padding: 0;
  display: flex;
  position: relative;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .fotos {
  height: 150px;
  width: 30%;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .fotos img {
  height: 150px;
  max-width: 100%;
  object-fit: cover;
  position: static;
  top: 0;
  right: 0;
  position: relative;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .conteudoCardVitrine {
  height: 150px;
  width: 70%;
  margin-left: auto;
  padding: 20px;
  font-size: 13px;
  display: grid;
  align-content: center;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .conteudoCardVitrine .titulo {
  font-weight: bold;
  font-size: 13px;
  overflow: hidden;
  cursor: default;
  line-height: 1.2em;
  height: 2.4em;
  max-height: 2.4em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .conteudoCardVitrine .subtitulo {
  font-size: 10px;
  margin-bottom: 5px;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .conteudoCardVitrine .linhaCategoria {
  margin-bottom: 5px;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .conteudoCardVitrine .linhaCategoria .desc {
  font-size: 10px;
  font-weight: normal;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .conteudoCardVitrine .linhaCategoria .info {
  font-weight: bold;
  font-size: 13px;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .conteudoCardVitrine .linha {
  font-size: 11px;
  line-height: 1.5;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .conteudoCardVitrine .linha .desc {
  cursor: default;
  font-weight: bold;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .conteudoCardVitrine .linha .info {
  cursor: default;
  font-weight: normal;
}
#popup-detalhar-produtos .popup-dialog .conteudoDetalharProdutos .linhaCard .linhaInfo .imgInfo {
  margin-bottom: 3px;
}

#popup-detalhar-lancamentos .popup-dialog {
  max-width: 70vw;
}
#popup-detalhar-lancamentos .popup-dialog .conteudoPopup .btn img {
  height: 18px;
}
#popup-detalhar-lancamentos .popup-dialog .conteudoPopup .seminfo img {
  height: 80px;
}
#popup-detalhar-lancamentos .popup-dialog .conteudoPopup img {
  position: relative;
  top: 0px;
  right: 0px;
  cursor: pointer;
}
#popup-detalhar-lancamentos .popup-dialog .conteudoPopup .divBtn img {
  height: 9px;
}
#popup-detalhar-lancamentos .popup-dialog .conteudoPopup .conteudoFiltro {
  margin-bottom: 0px;
  box-shadow: none;
  overflow-y: auto;
  height: 60vh;
}
#popup-detalhar-lancamentos .popup-dialog .conteudoPopup .conteudoFiltro table {
  width: 100vw;
  overflow: auto;
}
#popup-detalhar-lancamentos .popup-dialog .conteudoPopup .conteudoFiltro table .cabecalho {
  margin-bottom: 0px;
}
#popup-detalhar-lancamentos .popup-dialog .conteudoPopup .conteudoFiltro table #listaDetalheLancamentos {
  height: 44vh;
}
#popup-detalhar-lancamentos .popup-dialog .conteudoPopup .conteudoFiltro table .colunaCentro {
  text-align: center;
}
#popup-detalhar-lancamentos .popup-dialog .conteudoPopup .conteudoFiltro table .colunaValorMaior {
  text-align: end;
}

#popup-pagamento-bonificacao .popup-dialog {
  max-width: 550px;
}
#popup-pagamento-bonificacao .valorTotal {
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
}
#popup-pagamento-bonificacao .dadosPagamento {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.5);
}
#popup-pagamento-bonificacao .dadosPagamento .textoSimples {
  font-size: 11px;
}
#popup-pagamento-bonificacao .dadosPagamento .conteudoPagamento {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}
#popup-pagamento-bonificacao .dadosPagamento .conteudoPagamento .coluna {
  display: flex;
  gap: 5px;
}
#popup-pagamento-bonificacao .dadosPagamento .conteudoPagamento .coluna .descricao {
  display: flex;
  align-items: center;
  font-weight: bold;
}
#popup-pagamento-bonificacao .dadosPagamento .conteudoPagamento .coluna .descricao img {
  height: 12px;
  margin-left: 2px;
}
#popup-pagamento-bonificacao .dadosPagamento .conteudoPagamento .coluna .info {
  align-items: center;
  display: flex;
}
#popup-pagamento-bonificacao .dadosPagamento .conteudoPagamento .coluna .info img {
  width: 40px;
  margin-right: 10px;
}
#popup-pagamento-bonificacao .dadosPagamento .conteudoPagamento .qrCode img {
  position: relative;
  top: 0px;
  right: 0px;
  height: 115px;
  cursor: default;
}
#popup-pagamento-bonificacao .dadosComprovante {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
#popup-pagamento-bonificacao .dadosComprovante .btnVerde {
  width: 140px;
  margin-bottom: 15px;
}

#popup-detalha-cliente .popup-dialog {
  max-width: 1000px;
}
#popup-detalha-cliente .conteudoCard {
  display: flex;
}
#popup-detalha-cliente .conteudoCard tr:nth-child(even) {
  background-color: white;
}
#popup-detalha-cliente .conteudoCard tbody {
  height: auto;
}
#popup-detalha-cliente .conteudoCard td {
  white-space: normal;
}
#popup-detalha-cliente .conteudoCard .coluna .descricao,
#popup-detalha-cliente .conteudoCard .linha .descricao {
  font-size: 10.5px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
#popup-detalha-cliente .conteudoCard .coluna .descricao img,
#popup-detalha-cliente .conteudoCard .linha .descricao img {
  height: 12px;
  margin-left: 2px;
}
#popup-detalha-cliente .conteudoCard .coluna .info,
#popup-detalha-cliente .conteudoCard .linha .info {
  align-items: center;
  display: flex;
}
#popup-detalha-cliente .conteudoCard .coluna .info img,
#popup-detalha-cliente .conteudoCard .linha .info img {
  width: 40px;
  margin-right: 10px;
}

#popup-mostrar-pessoas .popup-dialog {
  max-width: 800px;
}
#popup-mostrar-pessoas #conteudoTabelaMostrarPessoas {
  height: 300px;
  overflow-x: auto;
}
#popup-mostrar-pessoas #conteudoTabelaMostrarPessoas #cabecalhoMostrarPessoas {
  margin-bottom: 0px;
}

#popup-observacao-vitrine .popup-dialog {
  max-width: 60%;
}
#popup-observacao-vitrine .conteudoObs .descricaoProduto {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
  padding-right: 10px;
}
#popup-observacao-vitrine .conteudoObs .vitrine {
  margin-bottom: 10px;
  padding: 10px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  border: 1px solid #ccc;
  border-radius: 8px;
  align-items: center;
}
#popup-observacao-vitrine .conteudoObs .vitrine span {
  white-space: nowrap;
}
#popup-observacao-vitrine .conteudoObs .vitrine .tituloVitrine {
  font-weight: bold;
  font-size: 12px;
}
#popup-observacao-vitrine .conteudoObs .vitrine .listaAvisosVitrine {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
#popup-observacao-vitrine .conteudoObs .vitrine .linhaMotivo {
  --corFundo: transparent;
  --cor: inherit;
  border-radius: 4px;
  padding: 2px 6px;
  background-color: var(--corFundo);
  border: 1px solid color-mix(in srgb, var(--cor) 20%, white 80%);
  color: var(--cor);
  letter-spacing: 0;
  font-size: 12px;
}
#popup-observacao-vitrine .conteudoObs .listaAvisos {
  max-height: calc(100vh - 300px);
  overflow-y: auto;
  padding-right: 10px;
}
#popup-observacao-vitrine .conteudoObs .listaAvisos .aviso {
  border-bottom: 1px solid rgba(92, 92, 92, 0.4);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#popup-observacao-vitrine .conteudoObs .listaAvisos .aviso .empresa {
  margin-bottom: 10px;
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
#popup-observacao-vitrine .conteudoObs .listaAvisos .aviso p {
  font-weight: bold;
}
#popup-observacao-vitrine .conteudoObs .listaAvisos .aviso p span {
  font-weight: normal;
}
#popup-observacao-vitrine .conteudoObs .listaAvisos .aviso .vitrine {
  margin-bottom: 10px;
  margin-left: 10px;
}
#popup-observacao-vitrine .conteudoObs .listaAvisos .aviso .vitrine:last-child {
  margin-bottom: 0px;
}
#popup-observacao-vitrine .conteudoObs .listaAvisos .aviso:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

/*-----------------------------------------------------------------------------*/
/*                                  Botoes                                     */
/*-----------------------------------------------------------------------------*/
.botoes {
  display: flex;
  align-items: center;
  justify-content: end;
}

.btnVazado {
  border: 1px solid #11cc59;
  background-color: transparent;
  width: 100px;
  border-radius: 10px;
  padding: 5px;
  color: #11cc59;
  font-size: 12px;
}

.btnVerde {
  border: none;
  background-color: #11cc59;
  width: 100px;
  border-radius: 10px;
  padding: 5px;
  color: white;
  font-size: 12px;
}

.linhaFlex {
  display: flex;
  width: 100%;
}

.selectCustom {
  user-select: none;
  overflow: visible;
  position: relative;
  color: #414141;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  height: max-content;
}
.selectCustom.outlined .displayValorSelect {
  border: 1px solid rgba(92, 92, 92, 0.5);
  border-radius: 8px;
}
.selectCustom.outlined.temValor .displayValorSelect .labelSelect {
  background-color: #f9f9f9;
  left: 8px;
}
.selectCustom.semBorda .displayValorSelect {
  border: none;
}
.selectCustom.semLabel .displayValorSelect .labelSelect {
  display: none;
}
.selectCustom .displayValorSelect {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 4px 12px;
  border-bottom: 1px solid #d1d5dc;
  cursor: pointer;
}
.selectCustom .displayValorSelect:focus {
  outline: none;
}
.selectCustom .displayValorSelect .placeholderHolder {
  opacity: 0;
  pointer-events: none;
  font-size: 13px;
}
.selectCustom .displayValorSelect .labelSelect {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  color: #9a9a9a;
  pointer-events: none;
  transition: all 0.15s ease;
}
.selectCustom .displayValorSelect .valorWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 10px;
}
.selectCustom .displayValorSelect .valorTexto {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #414141;
  font-size: 13px;
}
.selectCustom .displayValorSelect .acoes {
  display: flex;
  align-items: center;
  gap: 6px;
}
.selectCustom .displayValorSelect .acoes i {
  font-size: 16px;
  color: #414141;
}
.selectCustom .displayValorSelect .acoes .clearBtn {
  color: #9a9a9a;
  transition: color 0.2s;
}
.selectCustom .displayValorSelect .acoes .clearBtn:hover {
  color: #414141;
}
.selectCustom .displayValorSelect .acoes .arrow {
  transition: transform 0.2s ease, color 0.2s ease;
}
.selectCustom.temValor .displayValorSelect .labelSelect {
  position: absolute;
  top: -8px;
  transform: translateY(0);
  font-size: 10px;
  font-weight: 400;
}
.selectCustom.temValor .displayValorSelect .placeholderHolder {
  display: none;
}
.selectCustom.aberto .displayValorSelect {
  border-color: #11cc59;
}
.selectCustom.aberto .displayValorSelect .labelSelect {
  color: #11cc59;
}
.selectCustom.aberto .displayValorSelect .acoes .arrow {
  color: #11cc59;
  transform: rotate(-180deg);
}
.selectCustom.aberto .containerOpcoes {
  display: flex;
}
.selectCustom.disabled .displayValorSelect {
  opacity: 0.7;
  pointer-events: none;
}
.selectCustom.disabled {
  cursor: not-allowed;
}
.selectCustom.loading .opcoesSelect {
  overflow: hidden;
  height: 10vh;
  position: relative;
}
.selectCustom.loading .opcoesSelect .loadComPai {
  background-color: white !important;
}
.selectCustom.loading .opcoesSelect .loadComPai .loader {
  width: 24px;
  height: 24px;
}
.selectCustom.loading .opcoesSelect .loadComPai .loader::after, .selectCustom.loading .opcoesSelect .loadComPai .loader::before {
  border-width: 2px;
}
.selectCustom.controle_mouse .containerOpcoes > .scrollOpcoes > .opcoesSelect > .opcaoSelect:hover {
  color: white;
  background-color: #11cc59;
}
.selectCustom.controle_keyboard .containerOpcoes > .scrollOpcoes > .opcoesSelect > .opcaoSelect.focado {
  color: white;
  background-color: #11cc59;
}
.selectCustom .containerOpcoes {
  border-radius: 8px;
  display: none;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  background-color: white;
  width: 100%;
  z-index: 999;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  cursor: default;
}
.selectCustom .containerOpcoes.abreCima {
  top: auto;
  bottom: calc(100% + 5px);
}
.selectCustom .containerOpcoes.abreDireita {
  left: auto;
  right: 0;
}
.selectCustom .containerOpcoes .containerBarraPesquisa {
  width: 100%;
}
.selectCustom .containerOpcoes .containerBarraPesquisa.temBarra {
  padding: 4px 8px;
}
.selectCustom .containerOpcoes .containerBarraPesquisa.temValor .barra .iconeLimpar {
  opacity: 1;
  pointer-events: auto;
  position: static;
}
.selectCustom .containerOpcoes .containerBarraPesquisa .barra {
  display: flex;
}
.selectCustom .containerOpcoes .containerBarraPesquisa .barra .iconeLimpar {
  display: flex;
}
.selectCustom .containerOpcoes .containerBarraPesquisa .barra .iconeLimpar i {
  color: #414141;
  font-size: 18px;
}
.selectCustom .containerOpcoes .containerBarraPesquisa .barra .iconeLimpar {
  flex-shrink: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.selectCustom .containerOpcoes .containerBarraPesquisa .barra input {
  width: 100%;
  flex: 1;
  outline: none;
  border: none;
}
.selectCustom .containerOpcoes .scrollOpcoes {
  color: #414141;
  overflow-y: auto;
  overflow-x: hidden;
}
.selectCustom .containerOpcoes .scrollOpcoes::-webkit-scrollbar {
  width: 7px;
}
.selectCustom .containerOpcoes .scrollOpcoes::-webkit-scrollbar-thumb {
  background-color: #bebebe;
  border: 1px solid transparent;
  border-radius: 10px;
}
.selectCustom .containerOpcoes .scrollOpcoes .opcoesSelect {
  white-space: nowrap;
  max-height: 40vh;
}
.selectCustom .containerOpcoes .scrollOpcoes .opcoesSelect .opcaoSelect {
  padding: 4px 8px;
  cursor: pointer;
  white-space: break-spaces;
}
.selectCustom .containerOpcoes .scrollOpcoes .opcoesSelect .opcaoSelect.selected {
  background-color: color-mix(in srgb, #11cc59 5%, transparent 95%);
  color: #11cc59;
}
.selectCustom .containerOpcoes .scrollOpcoes .opcoesSelect .opcaoSelect.disabled {
  z-index: 1;
  opacity: 0.5;
  pointer-events: none;
  color: inherit !important;
  background-color: inherit !important;
}
.selectCustom .containerOpcoes .scrollOpcoes .opcoesSelect .escondido {
  display: none !important;
}

/*-----------------------------------------------------------------------------*/
/*                                  Page Inicial                               */
/*-----------------------------------------------------------------------------*/
.pageInicial {
  height: 100%;
  display: grid;
  align-items: center;
}
.pageInicial .conteudo {
  display: grid;
  align-items: flex-start;
  align-content: flex-start;
  border-radius: 15px;
  background-color: white;
  width: 90%;
  max-width: 400px;
  min-width: 250px;
  margin: 0 auto 0;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  padding: 30px;
}
.pageInicial .conteudo .logoUP {
  text-align: center;
  margin-bottom: 40px;
}
.pageInicial .conteudo .logoUP img {
  height: 60px;
  filter: invert(0.8);
}
.pageInicial .conteudo .botao {
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
  background-color: #11cc59;
  display: grid;
  align-items: center;
  height: 40px;
  cursor: pointer;
  user-select: none;
  color: white;
  border-radius: 10px;
  width: 100%;
}
.pageInicial .rodape {
  display: grid;
  align-items: center;
  align-content: center;
  justify-items: center;
  font-size: 10px;
  width: 100%;
  margin: 0px auto 0;
  padding: 20px;
  position: absolute;
  bottom: 0;
  text-align: center;
}
.pageInicial .rodape .descricaoUP {
  margin: 10px 0 5px;
  font-family: "montesserrat";
  color: var(--cor_escrita);
  font-size: 12px;
  text-align: center;
  letter-spacing: 1px;
}
.pageInicial .rodape .redes {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pageInicial .rodape .redes .botao {
  margin: 0 5px;
  cursor: pointer;
}
.pageInicial .rodape .redes .botao img {
  width: 30px;
  filter: invert(0.8);
}
.pageInicial .bolinhas {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 0;
  width: 100%;
  max-width: 400px;
  min-width: 250px;
}
.pageInicial .bolinhas .bolinha {
  background-color: rgba(65, 65, 65, 0.5);
  height: 8px;
  width: 8px;
  border-radius: 100%;
  margin-left: 3px;
}
.pageInicial .bolinhas .bolinhaAtiva {
  height: 9px;
  width: 9px;
  background-color: #414141;
}
.pageInicial .recuperarSenha {
  text-align: center;
  margin-top: 20px;
}
.pageInicial .recuperarSenha span {
  color: #11cc59;
  font-weight: bold;
  cursor: pointer;
}

/*-----------------------------------------------------------------------------*/
/*                                  Main geral                                 */
/*-----------------------------------------------------------------------------*/
#main {
  margin-left: 270px;
  height: 100% !important;
  background-color: #f9f9f9;
  position: relative;
  overflow: hidden;
}
#main .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0px 15px;
}
#main .header #tituloTela {
  display: flex;
  color: #414141;
  position: relative;
  font-size: 16px;
  font-weight: bold;
}
#main .header #tituloTela img {
  width: 16px;
  cursor: pointer;
  vertical-align: middle;
  margin-top: 5px;
  margin-right: 10px;
}
#main .header #tituloTela span {
  display: inline-block;
}
#main .header #tituloTela hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #11cc59;
  height: 2px;
  border-radius: 10px;
}
#main .header .acoesrapidas {
  display: flex;
  align-items: end;
}
#main .header .acoesrapidas .btnacao {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: white;
  padding: 6px;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 5px;
}
#main .header .acoesrapidas .btnacao img {
  width: 15px;
}
#main .header .acoesrapidas .btnacao .qtdNotificacoes {
  font-size: 8px;
  background-color: red;
  color: white;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 47px;
  top: 30px;
}
#main .header .acoesrapidas #btnNovoLink {
  width: 195px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 15px;
  background-color: #11cc59;
  color: white;
  font-weight: bold;
}
#main .headerTabela {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#main .headerTabela .infoTabela {
  font-weight: bold;
  color: #5c5c5c;
}
#main .page-content {
  height: calc(100% - 50px);
  position: relative;
  overflow: hidden;
  margin-left: 10px;
}
#main .page-content .page-content-dentro {
  height: 100%;
  overflow: auto;
  padding: 5px 15px 5px 5px;
}
#main .page-content .filtros {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 20px;
  position: relative;
  margin-bottom: 10px;
}
#main .page-content .filtros .linhaBotao {
  display: flex;
  margin-left: auto;
  width: 300px;
}
#main .page-content .filtros .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
#main .page-content .filtros .linhaBotao .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #11cc59;
  border: 1px solid #11cc59;
  padding: 5px;
  border-radius: 10px;
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}
#main .page-content .conteudo {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: relative;
}
#main .page-content .conteudoFiltro,
#main .page-content .conteudoScroll {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
#main .page-content .conteudoFiltro tbody td #reprovar,
#main .page-content .conteudoScroll tbody td #reprovar {
  cursor: pointer;
}
#main .page-content .conteudoFiltro tbody td .icone,
#main .page-content .conteudoScroll tbody td .icone {
  width: 16px;
}
#main .page-content .conteudoScroll {
  overflow-x: auto;
  height: calc(100% - 40px);
  position: relative;
}
#main .page-content .conteudoScroll table {
  width: 200%;
}
#main .page-content .conteudoScroll table tbody {
  height: calc(100vh - 180px);
}
#main .page-content .conteudoDash,
#main .page-content .conteudoDashVazio,
#main .page-content .conteudoCard {
  height: calc(100% - 50px);
  border-radius: 10px;
  width: 100%;
  margin-top: 5px;
  position: relative;
}
#main .page-content .conteudoDashVazio {
  display: grid;
  align-items: center;
  align-content: center;
  justify-content: center;
  background: white;
  text-align: center;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  position: relative;
}
#main .page-content .conteudoDashVazio img {
  margin-bottom: 20px;
}
#main .page-content .botoesAcesso {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: auto;
  padding-right: 5px;
}
#main .page-content .botoesAcesso .texto {
  width: 100%;
}
#main .page-content .botoesAcesso .texto .infoFiltro {
  display: flex;
  flex-wrap: wrap;
}
#main .page-content .botoesAcesso .texto .infoFiltro .coluna {
  width: 33%;
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
#main .page-content .botoesAcesso .texto .infoFiltro .coluna span {
  color: #5c5c5c;
  font-size: 12px;
}
#main .page-content .botoesAcesso .btnFiltros {
  display: flex;
  align-items: end;
}
#main .page-content .botoesAcesso .btnFiltro {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: white;
  padding: 6px;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 5px;
}
#main .page-content .botoesAcesso .btnFiltro .img_branca {
  display: none;
}
#main .page-content .botoesAcesso .btnFiltro .img_cor_principal {
  display: block;
}
#main .page-content .botoesAcessoNotificacao {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: end;
}
#main .page-content .botoesAcessoNotificacao .recarregar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: white;
  padding: 6px;
  margin-right: 10px;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
}
#main .page-content .botoesAcessoNotificacao .add {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: white;
  padding: 6px;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
}
#main .btnRodapeAcao {
  display: flex;
  align-items: flex-end;
}
#main .btnRodapeAcao .rodape {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: #5c5c5c;
  margin-left: 5px;
  margin-bottom: 10px;
  margin-right: 15px;
}
#main .btnRodapeAcao .rodape #totalRegistrosRodape {
  font-size: 12px;
  font-weight: bold;
}
#main .btnRodapeAcao .rodape .botoesPaginacao {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  border-radius: 10px;
  display: flex;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  height: 30px;
  align-items: center;
  text-align: center;
}
#main .btnRodapeAcao .rodape .botoesPaginacao .divBtn {
  background-color: white;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
}
#main .btnRodapeAcao .rodape .botoesPaginacao .back {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
}
#main .btnRodapeAcao .rodape .botoesPaginacao .next {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}
#main .btnRodapeAcao .rodape .botoesPaginacao img {
  width: 9px;
}
#main .btnRodapeAcao .rodape .botoesPaginacao .btnDisable {
  cursor: not-allowed;
}
#main .btnRodapeAcao .rodape .botoesPaginacao .btnDisable img {
  opacity: 0.5;
}
#main .btnRodapeAcao .rodape .selectPagina {
  margin-left: auto;
  margin-right: 10px;
  font-size: 11px;
  padding: 5px 5px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  height: 30px;
  display: grid;
  align-items: center;
}
#main .btnRodapeAcao .rodape .selectPagina select {
  background-color: transparent;
  border: none;
}
#main .btnRodapeAcao .rodape .selectPagina select:focus {
  background-color: transparent;
  outline: none;
  border: none;
}
#main .btnRodapeAcao .btnacaotabela {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main .btnRodapeAcao .btnacaotabela .btn {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 6px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
}
#main .btnRodapeAcao .btnacaotabela .btn img {
  width: 15px;
}
#main .btnRodapeAcao .btnacaotabela .btnAddFranquia {
  width: 175px;
  height: 30px;
  margin-left: 5px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  padding: 6px 15px;
  color: #11cc59;
  font-weight: bold;
}
#main .btnRodapeAcao .btnacaotabela .btnAddFranquia img {
  width: 15px;
}
#main .btnRodapeAcao .btnacaotabela .btnAddConsultor {
  width: 210px;
  height: 30px;
  margin-left: 5px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  padding: 6px 15px;
  color: #11cc59;
  font-weight: bold;
}
#main .btnRodapeAcao .btnacaotabela .btnAddConsultor img {
  width: 15px;
}
#main .btnRodapeAcao .btnacaotabela .btnEscrito {
  width: 100%;
  height: 30px;
  margin-left: 5px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  padding: 6px 15px;
  color: #11cc59;
  font-weight: bold;
}
#main .btnRodapeAcao .btnacaotabela .btnAddCampoFormulario {
  height: 30px;
  margin-left: 5px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  padding: 6px 15px;
  color: #11cc59;
  font-weight: bold;
}
#main .btnRodapeAcao .btnacaotabela .btnAddCampoFormulario img {
  width: 15px;
  margin-right: 10px;
}
#main .btnRodapeAcao .btnacaotabela .botaoLista {
  margin-left: 5px;
  margin-bottom: 10px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  width: 60px;
  cursor: pointer;
  background-color: white;
}
#main .btnRodapeAcao .btnacaotabela .opcao {
  display: grid;
  align-items: center;
  justify-items: center;
  background-color: white;
  height: 30px;
  width: 50px;
  box-shadow: none;
  cursor: pointer;
}
#main .btnRodapeAcao .btnacaotabela .listCard {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#main .btnRodapeAcao .btnacaotabela .list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#main .btnRodapeAcao .btnacaotabela .listCardProdutos,
#main .btnRodapeAcao .btnacaotabela .listCardOcorrencias,
#main .btnRodapeAcao .btnacaotabela .listaIndicacaoArvore {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#main .btnRodapeAcao .btnacaotabela .listProdutos,
#main .btnRodapeAcao .btnacaotabela .listOcorrencias,
#main .btnRodapeAcao .btnacaotabela .listaIndicacao {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#main .btnRodapeAcao .btnacaotabela .selecionado {
  box-shadow: inset 0px 0px 3px 0px grey;
}

.modalPerfil {
  display: none;
}

.modalPerfil.show {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 10px;
  z-index: 10;
}
.modalPerfil.show .backdrop {
  width: 100%;
  height: 100%;
}
.modalPerfil.show .conteudoModalFiltro {
  padding: 30px 20px 20px;
  margin: 65px 10px 0 0;
  background-color: white;
  border-radius: 10px;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
  position: absolute;
  width: 230px;
  bottom: 0px;
  left: 10px;
  z-index: 10;
}
.modalPerfil.show .conteudoModalFiltro .imagePerfil {
  display: grid;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  position: relative;
}
.modalPerfil.show .conteudoModalFiltro .imagePerfil img {
  cursor: pointer;
  width: 30px;
  border-radius: 100%;
  margin-right: 10px;
}
.modalPerfil.show .conteudoModalFiltro .imagePerfil .divImgPerfil {
  user-select: none;
  width: 70px;
  height: 70px;
  display: grid;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-right: 10px;
  background-color: rgba(17, 204, 89, 0.7);
  color: #f9f9f9;
  font-size: 36px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.modalPerfil.show .conteudoModalFiltro .imagePerfil .camera {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0px;
  right: 15px;
  font-size: 12px;
  background-color: #f2f2f2;
  color: rgba(92, 92, 92, 0.5);
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
}
.modalPerfil.show .conteudoModalFiltro .dados {
  margin-top: 20px;
  text-align: center;
}
.modalPerfil.show .conteudoModalFiltro .dados .empresa {
  font-size: 11px;
  font-style: italic;
  color: rgba(92, 92, 92, 0.8);
}
.modalPerfil.show .conteudoModalFiltro .opcao {
  margin-left: 0px;
  font-size: 12px;
  display: flex;
  align-items: center;
  padding: 5px;
  cursor: pointer;
  border-radius: 6px;
  text-decoration: none;
  color: #5c5c5c;
}
.modalPerfil.show .conteudoModalFiltro .opcao img {
  height: 14px;
  margin-right: 5px;
}
.modalPerfil.show .conteudoModalFiltro .opcao:hover {
  background-color: #f2f2f2;
}
.modalPerfil.show .conteudoModalFiltro .sair {
  margin-top: 20px;
  background-color: white;
  padding: 5px;
  width: 80px;
  text-align: center;
  border-radius: 10px;
  margin: 20px auto 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.modalPerfil.show .conteudoModalFiltro::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: white;
  position: absolute;
  left: -5px;
  bottom: 15px;
  transform: rotate(45deg);
  z-index: 0;
}
.modalPerfil.show .conteudoModalFiltro .linhaBotao {
  display: flex;
  margin-left: auto;
  width: 300px;
}
.modalPerfil.show .conteudoModalFiltro .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
.modalPerfil.show .conteudoModalFiltro .linhaBotao .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #11cc59;
  border: 1px solid #11cc59;
  padding: 5px;
  border-radius: 10px;
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}

.popover {
  border: none;
  position: absolute;
  background-color: transparent;
}
.popover .popover-arrow::before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: transparent;
  position: absolute;
  right: 15px;
  z-index: 0;
}
.popover .popover-arrow:after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: white;
  position: absolute;
  top: -10px;
  transform: rotate(45deg);
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  z-index: 0;
}
.popover .popover-header {
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
  border-radius: 10px;
  border: transparent;
  width: 190px;
  background-color: white;
  padding: 10px 10px 10px;
}
.popover .popover-header .imagePerfil {
  display: grid;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  position: relative;
}
.popover .popover-header .imagePerfil img {
  cursor: pointer;
  width: 30px;
  border-radius: 100%;
  margin-right: 10px;
}
.popover .popover-header .imagePerfil .divImgPerfil {
  user-select: none;
  width: 70px;
  height: 70px;
  display: grid;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-right: 10px;
  background-color: rgba(17, 204, 89, 0.7);
  color: #f9f9f9;
  font-size: 36px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.popover .popover-header .imagePerfil .camera {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0px;
  right: 15px;
  font-size: 12px;
  background-color: #f2f2f2;
  color: rgba(92, 92, 92, 0.5);
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
}
.popover .popover-header .dados {
  margin-top: 20px;
  text-align: center;
}
.popover .popover-header .dados .empresa {
  font-size: 11px;
  font-style: italic;
  color: rgba(92, 92, 92, 0.8);
}
.popover .popover-header .opcao {
  margin-left: 0px;
  font-size: 15px;
  padding: 5px;
  cursor: pointer;
  font-weight: normal;
  color: #5c5c5c;
  border-radius: 6px;
  align-items: center;
}
.popover .popover-header .opcao img {
  height: 15px;
  margin-right: 5px;
  filter: url(/img/svg/filter.svg#filter);
}
.popover .popover-header .opcao:hover {
  background-color: #11cc59;
  color: white;
}
.popover .popover-header .opcao:hover img {
  filter: none;
}
.popover .popover-header .opcaoCadeado {
  margin-left: -2px;
  font-size: 15px;
  padding: 5px;
  align-items: center;
  cursor: pointer;
  font-weight: normal;
  border-radius: 6px;
  color: #5c5c5c;
}
.popover .popover-header .opcaoCadeado img {
  height: 15px;
  margin-right: 8px;
  filter: url(/img/svg/filter.svg#filter);
}
.popover .popover-header .opcaoCadeado:hover {
  background-color: #11cc59;
  color: white;
}
.popover .popover-header .opcaoCadeado:hover img {
  filter: none;
}
.popover .popover-header .sair {
  margin-top: 20px;
  background-color: white;
  padding: 5px;
  width: 80px;
  text-align: center;
  border-radius: 10px;
  margin: 20px auto 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.popover .popover-header .linhaBotao {
  display: flex;
  margin-left: auto;
  width: 300px;
}
.popover .popover-header .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
.popover .popover-header .linhaBotao .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #11cc59;
  border: 1px solid #11cc59;
  padding: 5px;
  border-radius: 10px;
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}

/*-----------------------------------------------------------------------------*/
/*                                  Main geral                                 */
/*-----------------------------------------------------------------------------*/
.detalha-tela {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.detalha-tela .detalha-dialog {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  z-index: 99;
  position: absolute;
}
.detalha-tela .detalha-dialog .detalha-content {
  background-color: #f9f9f9;
  width: 100%;
  padding: 0px 5px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  margin: auto auto;
  height: 100%;
  transition: all 0.3s ease-out;
  z-index: 9;
  overflow-y: auto;
}
.detalha-tela .detalha-dialog.show > .detalha-content {
  left: 0%;
}
.detalha-tela .detalha-dialog.hidden > .detalha-content {
  left: 100%;
}

.pageconsultoras .divtabela,
.pageconsultorasupcheckvalidacao .divtabela {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  max-width: 100%;
}
.pageconsultoras .colunaMaior,
.pageconsultorasupcheckvalidacao .colunaMaior {
  width: 40ch;
  max-width: 40ch;
}
.pageconsultoras .colunaMenor,
.pageconsultorasupcheckvalidacao .colunaMenor {
  width: 15ch;
  max-width: 15ch;
}
.pageconsultoras .colunaMedia,
.pageconsultorasupcheckvalidacao .colunaMedia {
  width: 20ch;
  max-width: 20ch;
}
.pageconsultoras #detalha-content-cliente,
.pageconsultorasupcheckvalidacao #detalha-content-cliente {
  overflow-y: auto !important;
  padding: 0 20px 0px 5px !important;
}
.pageconsultoras #detalha-content-cliente .conteudoDetalha,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
  margin-top: 5px;
}
.pageconsultoras #detalha-content-cliente .conteudoDetalha .tituloCard,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .tituloCard {
  color: #11cc59;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
}
.pageconsultoras #detalha-content-cliente .conteudoDetalha .tituloCard .subtituloCard,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .tituloCard .subtituloCard {
  color: #414141;
  font-weight: normal;
  font-size: 10px;
}
.pageconsultoras #detalha-content-cliente .conteudoDetalha .conteudoCard,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .conteudoCard {
  display: flex;
}
.pageconsultoras #detalha-content-cliente .conteudoDetalha .conteudoCard tr:nth-child(even),
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .conteudoCard tr:nth-child(even) {
  background-color: white;
}
.pageconsultoras #detalha-content-cliente .conteudoDetalha .conteudoCard tbody,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .conteudoCard tbody {
  height: auto;
}
.pageconsultoras #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .descricao,
.pageconsultoras #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .descricao,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .descricao,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .descricao {
  font-size: 10.5px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.pageconsultoras #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .descricao img,
.pageconsultoras #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .descricao img,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .descricao img,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .descricao img {
  height: 12px;
  margin-left: 2px;
}
.pageconsultoras #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .info,
.pageconsultoras #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .info,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .info,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .info {
  align-items: center;
  display: flex;
}
.pageconsultoras #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .info img,
.pageconsultoras #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .info img,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .info img,
.pageconsultorasupcheckvalidacao #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .info img {
  width: 40px;
  margin-right: 10px;
}
.pageconsultoras .scroll-top-analise,
.pageconsultoras .scroll-top-pendente,
.pageconsultoras .scroll-top-aprovados,
.pageconsultoras .scroll-top-reprovados,
.pageconsultorasupcheckvalidacao .scroll-top-analise,
.pageconsultorasupcheckvalidacao .scroll-top-pendente,
.pageconsultorasupcheckvalidacao .scroll-top-aprovados,
.pageconsultorasupcheckvalidacao .scroll-top-reprovados {
  overflow-x: auto;
  overflow-y: hidden;
}
.pageconsultoras .scroll-top-analise div,
.pageconsultoras .scroll-top-pendente div,
.pageconsultoras .scroll-top-aprovados div,
.pageconsultoras .scroll-top-reprovados div,
.pageconsultorasupcheckvalidacao .scroll-top-analise div,
.pageconsultorasupcheckvalidacao .scroll-top-pendente div,
.pageconsultorasupcheckvalidacao .scroll-top-aprovados div,
.pageconsultorasupcheckvalidacao .scroll-top-reprovados div {
  height: 1px;
}

.pageconsultoraskanban .cards {
  height: calc(100% - 80px);
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
}
.pageconsultoraskanban .conteudoScrollCadastros {
  width: 100%;
  position: relative;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards {
  margin: 5px;
  padding: 5px 5px 10px 5px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  overflow-x: auto;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro {
  background-color: white;
  height: calc(100vh - 130px);
  min-width: 300px;
  width: 100%;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .tituloCard {
  padding: 5px 10px 5px 10px;
  border-radius: 10px 10px 0 0;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: start;
  margin-bottom: 5px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .tituloCard .linhaTitulo {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .tituloCard .linhaTitulo .texto {
  width: 100%;
  font-weight: bold;
  justify-content: center;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .tituloCard .linhaTitulo .btnDetalhaStatus {
  padding: 5px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .tituloCard .linhaTitulo .btnDetalhaStatus img {
  height: 20px;
  width: 20px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .tituloCard .linhaTitulo .quantidade {
  margin-right: 30px;
  font-size: 12px;
  font-weight: normal;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards {
  overflow-y: auto;
  height: auto;
  margin: 5px;
  max-height: calc(100vh - 200px);
  cursor: default;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .cardColuna {
  background-color: white;
  padding: 15px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-bottom: 10px;
  position: relative;
  color: #5c5c5c;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .cardColuna .conteudoCardColuna .destaque {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #bebebe;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .cardColuna .conteudoCardColuna .destaque .nome {
  font-weight: bold;
  font-size: 13px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .cardColuna .conteudoCardColuna .destaque .documento {
  font-size: 12px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .cardColuna .conteudoCardColuna .destaque img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .cardColuna .conteudoCardColuna .texto {
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .cardColuna .conteudoCardColuna .texto .descricao {
  font-weight: bold;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .cardColuna .conteudoCardColuna .texto .infoTelefone {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .cardColuna .conteudoCardColuna .texto .infoTelefone img {
  cursor: pointer;
  width: 15px;
  height: 15px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .seminfo {
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .seminfo .texto {
  margin-top: 15px;
  color: #5c5c5c;
  font-weight: bold;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .seminfo img {
  width: 80px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card {
  background-color: white;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin: 5px 10px 15px 10px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card .marcaWL {
  padding: 2px 10px;
  color: white;
  border-radius: 10px;
  width: fit-content;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card .linhaDados {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card .linhaDados .nome {
  font-weight: bold;
  overflow-wrap: break-word;
  word-break: break-word;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card .linhaDados .data {
  font-size: 10px;
  color: #414141;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card .dadosEmLinha {
  display: flex;
  gap: 5px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card .dadosEmLinha img {
  height: 20px;
  cursor: pointer;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card .statusParceiro {
  margin-top: 10px;
  padding: 2px 10px;
  color: white;
  border-radius: 10px;
  width: fit-content;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card .tabelaDados {
  margin: 10px 0;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card .tabelaDados .linha {
  justify-content: space-between;
  display: flex;
  gap: 5px;
  font-weight: bold;
  font-size: 12px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card .tabelaDados .linha img {
  height: 20px;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .card .btnConsultar {
  margin: 5px auto;
  padding: 5px 10px;
  color: white;
  background-color: #11cc59;
  text-align: center;
  border-radius: 10px;
  cursor: pointer;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardCadastro .colunaCards .btnVerMais {
  margin: 5px 0;
  padding: 5px 10px;
  border-radius: 10px;
  background-color: white;
  color: #11cc59;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardSemInfo {
  background-color: white;
  height: calc(100vh - 130px);
  min-width: 300px;
  width: 100%;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardSemInfo .texto {
  margin-top: 15px;
  color: #5c5c5c;
  font-weight: bold;
}
.pageconsultoraskanban .conteudoScrollCadastros .linhaCards .cardSemInfo img {
  width: 80px;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: #5c5c5c;
  margin-top: 20px;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape #totalRegistrosRodape {
  font-size: 12px;
  font-weight: bold;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape .botoesPaginacao {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  border-radius: 10px;
  display: flex;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  height: 30px;
  align-items: center;
  text-align: center;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape .botoesPaginacao .divBtn {
  background-color: white;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape .botoesPaginacao .back {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape .botoesPaginacao .next {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape .botoesPaginacao img {
  width: 9px;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape .botoesPaginacao .btnDisable {
  cursor: not-allowed;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape .botoesPaginacao .btnDisable img {
  opacity: 0.5;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape .selectPagina {
  margin-left: auto;
  margin-right: 10px;
  font-size: 11px;
  padding: 5px 5px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  height: 30px;
  display: grid;
  align-items: center;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape .selectPagina select {
  background-color: transparent;
  border: none;
}
.pageconsultoraskanban .conteudoScrollCadastros .rodape .selectPagina select:focus {
  background-color: transparent;
  outline: none;
  border: none;
}
.pageconsultoraskanban .tituloCard {
  font-size: 14px;
  color: #11cc59;
  font-weight: bold;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pageconsultoraskanban .tituloCard .texto {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pageconsultoraskanban .tituloCard .texto .quantidade {
  font-size: 12px;
}
.pageconsultoraskanban .tituloCard .iconesFiltros {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}
.pageconsultoraskanban .tituloCard .iconesFiltros .btn {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 6px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  /* img {
      width: 15px;
  } */
}
.pageconsultoraskanban .tituloCard .iconesFiltros img {
  width: 15px;
  cursor: pointer;
}
.pageconsultoraskanban .linhaBotao {
  display: flex;
  margin-left: auto;
  width: 300px;
}
.pageconsultoraskanban .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
.pageconsultoraskanban .linhaBotao .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #11cc59;
  border: 1px solid #11cc59;
  padding: 5px;
  border-radius: 10px;
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}
.pageconsultoraskanban .divtabela {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  max-width: 100%;
}
.pageconsultoraskanban .colunaMaior {
  width: 40ch;
  max-width: 40ch;
}
.pageconsultoraskanban .colunaMenor {
  width: 15ch;
  max-width: 15ch;
}
.pageconsultoraskanban .colunaMedia {
  width: 20ch;
  max-width: 20ch;
}
.pageconsultoraskanban .detalha-content {
  padding: 0 20px 20px 5px !important;
  overflow-y: hidden !important;
}
.pageconsultoraskanban .detalha-content .conteudoCard {
  display: flex;
}
.pageconsultoraskanban .detalha-content .conteudoCard tr:nth-child(even) {
  background-color: white;
}
.pageconsultoraskanban .detalha-content .conteudoCard tbody {
  height: auto;
}
.pageconsultoraskanban .detalha-content .conteudoCard td {
  padding: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .colunaMenor {
  width: 12ch;
}
.pageconsultoraskanban .detalha-content .conteudoCard #dadosPessoais td,
.pageconsultoraskanban .detalha-content .conteudoCard #dadosRedesSociais td,
.pageconsultoraskanban .detalha-content .conteudoCard #dadosCadastroRecebidos td {
  white-space: normal;
}
.pageconsultoraskanban .detalha-content .conteudoCard .coluna .descricaobold,
.pageconsultoraskanban .detalha-content .conteudoCard .linha .descricaobold {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #414141;
}
.pageconsultoraskanban .detalha-content .conteudoCard .coluna .sobdescricao,
.pageconsultoraskanban .detalha-content .conteudoCard .linha .sobdescricao {
  font-size: 13px;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoCard .coluna .descricao,
.pageconsultoraskanban .detalha-content .conteudoCard .linha .descricao {
  font-size: 10.5px;
  display: flex;
  align-items: center;
}
.pageconsultoraskanban .detalha-content .conteudoCard .coluna .descricao img,
.pageconsultoraskanban .detalha-content .conteudoCard .linha .descricao img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .coluna .info,
.pageconsultoraskanban .detalha-content .conteudoCard .linha .info {
  align-items: center;
  display: flex;
}
.pageconsultoraskanban .detalha-content .conteudoCard .coluna .info img,
.pageconsultoraskanban .detalha-content .conteudoCard .linha .info img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .coluna .infomenor,
.pageconsultoraskanban .detalha-content .conteudoCard .linha .infomenor {
  font-size: 9px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .coluna .bolinha,
.pageconsultoraskanban .detalha-content .conteudoCard .linha .bolinha {
  width: 10px;
  height: 10px;
  margin: 0px;
  margin-right: 10px;
  border-radius: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoCard .linhaFlex {
  align-items: center;
}
.pageconsultoraskanban .detalha-content .conteudoCard .grafico {
  display: grid;
  justify-content: center;
}
.pageconsultoraskanban .detalha-content .conteudoCard .grafico canvas {
  padding-left: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .grafico .status {
  text-align: center;
  font-weight: bold;
  color: #11cc59;
}
.pageconsultoraskanban .detalha-content .conteudoCard .quadroCard .tituloQuadroCard {
  display: flex;
}
.pageconsultoraskanban .detalha-content .conteudoCard .quadroCard .tituloQuadroCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .quadroCard .subtituloQuadroCard {
  margin-left: 25px;
  font-size: 11px;
  color: #11cc59;
}
.pageconsultoraskanban .detalha-content .conteudoCard .quadroCard .dadosCard {
  display: flex;
  justify-content: center;
}
.pageconsultoraskanban .detalha-content .conteudoCard .quadroCard .dadosCard img {
  height: 23vh;
}
.pageconsultoraskanban .detalha-content .conteudoCard .quadroCard .dadosEscritosCard {
  padding-top: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .quadroCard .dadosEscritosCard .tituloEscritosCard {
  font-size: 11px;
  display: flex;
}
.pageconsultoraskanban .detalha-content .conteudoCard .quadroCard .dadosEscritosCard .tituloEscritosCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .quadroCard .dadosEscritosCard .subtituloEscritosCard {
  margin-left: 25px;
  font-size: 11px;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoCard #listaKYC .sobdescricao,
.pageconsultoraskanban .detalha-content .conteudoCard #listaCreditoEmpresa .sobdescricao,
.pageconsultoraskanban .detalha-content .conteudoCard #listaKYCEmpresa .sobdescricao {
  color: #5c5c5c;
}
.pageconsultoraskanban .detalha-content .conteudoCard #listaKYC .info,
.pageconsultoraskanban .detalha-content .conteudoCard #listaCreditoEmpresa .info,
.pageconsultoraskanban .detalha-content .conteudoCard #listaKYCEmpresa .info {
  font-weight: bold;
  color: #6E6E6E;
}
.pageconsultoraskanban .detalha-content .conteudoCard .imagensCadastro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pageconsultoraskanban .detalha-content .conteudoCard .imagensCadastro .imagem {
  width: 120px;
  padding: 10px 10px 0px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pageconsultoraskanban .detalha-content .conteudoCard .imagensCadastro .imagem .descricao {
  font-size: 10.5px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .imagensCadastro .imagem img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  object-fit: cover;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form {
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.5);
  position: relative;
  height: 30px;
  margin: 0 auto 15px;
  display: grid;
  align-items: center;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .divLabel {
  color: #5c5c5c;
  background-color: white;
  position: absolute;
  top: -11px;
  left: 8px;
  font-size: 11px;
  padding: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .divLabel label {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput {
  padding: 0 10px;
  position: relative;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput input,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput textarea,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput select {
  width: 100%;
  box-shadow: none;
  border: none;
  color: #5c5c5c;
  resize: none;
  background-color: transparent;
  font-size: 12px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput input::placeholder,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput textarea::placeholder,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput select::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput input:focus,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput textarea:focus,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput select:focus {
  outline: none;
  background: transparent;
  border: none;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput input::-webkit-scrollbar-track,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput textarea::-webkit-scrollbar-track,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput select::-webkit-scrollbar-track {
  width: 0;
  height: 0;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput input::-webkit-scrollbar,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput textarea::-webkit-scrollbar,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput select::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput input::-webkit-scrollbar-thumb,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput textarea::-webkit-scrollbar-thumb,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput select::-webkit-scrollbar-thumb {
  width: 3px;
  height: 1px;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput input:disabled,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput textarea:disabled,
.pageconsultoraskanban .detalha-content .conteudoCard .form .divInput select:disabled {
  cursor: not-allowed !important;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .disabled {
  cursor: not-allowed;
}
.pageconsultoraskanban .detalha-content .conteudoCard .form .divSelect {
  padding: 0 10px;
}
.pageconsultoraskanban .detalha-content .tituloInfo {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pageconsultoraskanban .detalha-content .tituloInfo img {
  width: 15px;
}
.pageconsultoraskanban .detalha-content .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pageconsultoraskanban .detalha-content .linhaBotoes .btnDetalhaVoltarEsquerda {
  margin-right: 5px !important;
  margin-left: 0 !important;
}
.pageconsultoraskanban .detalha-content .linhaBotoes .btnFiltros {
  height: 40px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: start;
  gap: 5px;
}
.pageconsultoraskanban .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig {
  background: white;
  color: #11cc59;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 150px;
  padding: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .linhaBotoes .btnFiltros .active {
  background-color: #11cc59;
  color: white;
}
.pageconsultoraskanban .detalha-content .linhaBotoes .btnDetalha {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: white;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 10px;
}
.pageconsultoraskanban .detalha-content .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.pageconsultoraskanban .detalha-content .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.pageconsultoraskanban .detalha-content .linhaFlex {
  display: flex;
  justify-content: space-between;
}
.pageconsultoraskanban .detalha-content .linhaFlex .left {
  width: calc(70% - 5px);
}
.pageconsultoraskanban .detalha-content .linhaFlex .right {
  width: calc(30% - 5px);
}
.pageconsultoraskanban .detalha-content .tituloCard {
  color: #11cc59;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
}
.pageconsultoraskanban .detalha-content .topoIndicacao {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  margin-bottom: 10px;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .formulario {
  width: auto;
  margin: 0px;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .formulario .formPesquisa {
  min-width: 350px;
  max-width: 350px;
  border-radius: 10px;
  margin: 0px;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .formulario .icon {
  padding: 0px;
  top: 0px;
  margin-right: 5px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 30px;
  color: #11cc59;
  vertical-align: middle;
  display: grid;
  align-items: center;
  justify-self: center;
  text-align: center;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .formulario .icon img {
  height: 18px;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .botaoLista {
  margin: 0px !important;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .linhaPesquisa {
  display: flex;
  justify-content: end;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  border-radius: 10px;
  display: flex;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  height: 30px;
  align-items: center;
  text-align: center;
  color: #5c5c5c;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao .divBtn {
  background-color: white;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao .back {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao .next {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao img {
  width: 9px;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao .btnDisable {
  cursor: not-allowed;
}
.pageconsultoraskanban .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao .btnDisable img {
  opacity: 0.5;
}
.pageconsultoraskanban .detalha-content .paginasAbas {
  overflow-y: auto !important;
  height: 100%;
  margin: 0px -5px;
  padding: 0px 5px;
}
.pageconsultoraskanban .detalha-content .paginasAbas .paginaAba {
  margin-bottom: 30px;
  margin-top: -5px;
}
.pageconsultoraskanban .detalha-content .paginasAbas .paginaAba .cardFora {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  width: 100%;
  padding: 20px;
  margin: 10px 0px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo #logoWhatsappDetalha {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  cursor: pointer;
}
.pageconsultoraskanban .detalha-content .conteudoResumo #editDocumento {
  cursor: pointer;
  margin-bottom: 2px;
  margin-left: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha #descricao #imgInfo,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha #descricao #imgInfo {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha #descricao #detalhe_descricao,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha #descricao #detalhe_descricao {
  font-size: 13px !important;
  font-weight: bold;
  color: #5c5c5c;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardDoc,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardDoc {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  gap: 10px;
  margin-top: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardDoc #seminfoDoc,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardDoc #seminfoDoc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardDoc #seminfoDoc img,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardDoc #seminfoDoc img {
  width: 60% !important;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardDoc .scoredoc,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardDoc .scoredoc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardDoc .scoredoc #textScore,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardDoc .scoredoc #textScore {
  font-size: 10.5px;
  position: relative;
  top: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardDoc .scoredoc .infoScore,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardDoc .scoredoc .infoScore {
  font-size: 48px !important;
  font-weight: bold;
  color: #11cc59;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardDoc .scoredoc .infoDataScore,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardDoc .scoredoc .infoDataScore {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred #seminfoCred,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred #seminfoCred {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred #seminfoCred img,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred #seminfoCred img {
  width: 60px !important;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .score,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .score {
  position: relative;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .score #imagemScore,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .score #imagemScore {
  height: 70px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .score .infoScoreCred,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .score .infoScoreCred {
  font-size: 24px !important;
  font-weight: bold;
  color: #5c5c5c;
  position: absolute;
  bottom: -5px;
  text-align: center;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .botoes,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .botoes {
  display: flex;
  align-items: center;
  justify-content: start;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .botoes #btnAnalise,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .botoes #btnAnalise {
  text-decoration: underline;
  color: #5c5c5c;
  cursor: pointer;
  margin-top: 5px;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .statusScore,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred .scoreCred .scoreCredDentro .statusScore {
  font-size: 12px !important;
  font-weight: bold;
  color: #5c5c5c;
  display: flex;
  justify-content: start;
  align-items: start;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .conteudoCardCred .scoreCred .infoDataStatus,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .conteudoCardCred .scoreCred .infoDataStatus {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .botoesAcesso,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .botoesAcesso {
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: end !important;
  gap: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .botoesAcesso .btnAcesso,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .botoesAcesso .btnAcesso {
  background: white;
  color: #5c5c5c;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 100px;
  padding: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .botoesAcesso .aprovar,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .botoesAcesso .aprovar {
  color: white;
  background-color: green;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .botoesAcesso .reprovar,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .botoesAcesso .reprovar {
  color: white;
  background-color: red;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalha .botoesAcesso .migrar,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalha .botoesAcesso .migrar {
  color: white;
  background-color: lightgray;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa #descricao #imgInfo,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa #descricao #imgInfo {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa #descricao #detalhe_descricao,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa #descricao #detalhe_descricao {
  font-size: 13px !important;
  font-weight: bold;
  color: #5c5c5c;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardDoc,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardDoc {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  gap: 10px;
  margin-top: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardDoc #seminfoDoc,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardDoc #seminfoDoc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardDoc #seminfoDoc img,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardDoc #seminfoDoc img {
  width: 60% !important;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardDoc .scoredoc,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardDoc .scoredoc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardDoc .scoredoc #textScore,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardDoc .scoredoc #textScore {
  font-size: 10.5px;
  position: relative;
  top: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardDoc .scoredoc .infoScore,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardDoc .scoredoc .infoScore {
  font-size: 48px !important;
  font-weight: bold;
  color: #11cc59;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardDoc .scoredoc .infoDataScore,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardDoc .scoredoc .infoDataScore {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa #seminfoCredSerasa,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa #seminfoCredSerasa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa #seminfoCredSerasa img,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa #seminfoCredSerasa img {
  width: 60px !important;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score {
  position: relative;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score #imagemScoreSerasa,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score #imagemScoreSerasa {
  height: 70px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score .infoScoreCredSerasa,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score .infoScoreCredSerasa {
  font-size: 24px !important;
  font-weight: bold;
  color: #5c5c5c;
  position: absolute;
  bottom: -5px;
  text-align: center;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .botoes,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .botoes {
  display: flex;
  align-items: center;
  justify-content: start;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .botoes #btnAnaliseSerasa,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .botoes #btnAnaliseSerasa {
  text-decoration: underline;
  color: #5c5c5c;
  cursor: pointer;
  margin-top: 5px;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .statusScore,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .statusScore {
  font-size: 12px !important;
  font-weight: bold;
  color: #5c5c5c;
  display: flex;
  justify-content: start;
  align-items: start;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .infoDataStatus,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .infoDataStatus {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .botoesAcesso,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .botoesAcesso {
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: end !important;
  gap: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .botoesAcesso .btnAcesso,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .botoesAcesso .btnAcesso {
  background: white;
  color: #5c5c5c;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 100px;
  padding: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .botoesAcesso .aprovar,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .botoesAcesso .aprovar {
  color: white;
  background-color: green;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .botoesAcesso .reprovar,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .botoesAcesso .reprovar {
  color: white;
  background-color: red;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais .conteudoDetalhaSerasa .botoesAcesso .migrar,
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo .conteudoDetalhaSerasa .botoesAcesso .migrar {
  color: white;
  background-color: lightgray;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoPessoais {
  margin-top: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoResumo .conteudoScoreResumo {
  margin-top: 10px;
  margin-bottom: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardSemInfoIdCheck {
  height: calc(100vh - 124.5px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardSemInfoIdCheck img {
  width: 80px !important;
  margin-bottom: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardSemInfoIdCheck .texto {
  margin-top: 0px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .linhaCards {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
  margin-bottom: -10px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoShildEmpresa,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoShild,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoIdCheck,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoDevice,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoKYC,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoKYCEmpresa,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoCreditoEmpresa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoShildEmpresa img,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoShild img,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoIdCheck img,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoDevice img,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoKYC img,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoKYCEmpresa img,
.pageconsultoraskanban .detalha-content .conteudoIdCheck #conteudoSemInfoCreditoEmpresa img {
  margin-bottom: 5px;
  width: 60px !important;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck {
  display: flex;
  justify-content: space-around;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .tituloQuadroCard {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #5c5c5c;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .tituloQuadroCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .subtituloQuadroCard {
  margin-left: 23px;
  font-size: 11px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosCard {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosCard img {
  border: 1px solid #ECECEE;
  border-radius: 6px;
  height: 30vh;
  padding: 2px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard {
  padding-top: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .tituloEscritosCard {
  font-size: 11px;
  display: flex;
  align-items: center;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .tituloEscritosCard img {
  height: 12px;
  width: 12px;
  margin-right: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .subtituloEscritosCard {
  margin-bottom: 10px;
  margin-left: 17px;
  font-size: 11px;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardValidacao .info,
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardValidacaoEmpresa .info {
  align-items: center;
  display: flex;
  margin-left: 22px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardValidacao .info img,
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardValidacaoEmpresa .info img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardDevice .linhaDevice {
  display: flex;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa {
  width: 40%;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa #map {
  height: 220px;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa .semLocalizacao {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
  width: 100%;
  min-width: 200px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa .semLocalizacao img {
  width: 150px;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa .leaflet-bottom.leaflet-right {
  display: none !important;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardDevice .linhaDadosGeolocalizacao {
  display: flex;
}
.pageconsultoraskanban .detalha-content .conteudoIdCheck .cardDevice .linhaDadosGeolocalizacao .info {
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoScore #seminfoScore {
  height: calc(100vh - 205px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultoraskanban .detalha-content .conteudoScore #seminfoScore img {
  width: 80px !important;
  margin-bottom: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoScore #seminfoScore .texto {
  margin-top: 0px;
}
.pageconsultoraskanban .detalha-content .conteudoScore #iframeScore {
  height: calc(100vh - 205px);
}
.pageconsultoraskanban .detalha-content .conteudoAssertiva .linhaBotaoConsulta {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: flex-end;
}
.pageconsultoraskanban .detalha-content .conteudoAssertiva .linhaBotaoConsulta .btnConsultar {
  display: flex;
  align-items: flex-end;
}
.pageconsultoraskanban .detalha-content .conteudoAssertiva .linhaBotaoConsulta .btnConsultar .btn {
  height: 30px;
  width: 150px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #11cc59;
  padding: 5px;
  border-radius: 7px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.pageconsultoraskanban .detalha-content .conteudoAssertiva .cardSemInfoAssertiva {
  height: calc(100vh - 200px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultoraskanban .detalha-content .conteudoAssertiva .cardSemInfoAssertiva img {
  width: 80px !important;
  margin-bottom: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoAssertiva .cardSemInfoAssertiva .texto {
  margin-top: 0px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario {
  border-radius: 10px;
  width: 100%;
  height: calc(100% - 50px);
  padding: 0;
  padding-top: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .linhaFlex {
  display: flex;
  justify-content: space-between;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 10px;
  color: #5c5c5c;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .conteudoCard .linha {
  margin-bottom: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .conteudoCard tr:nth-child(even) {
  background-color: white;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .descricao,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .descricao {
  font-size: 11px;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .descricao span,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .descricao span {
  font-size: 12px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .info,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .info {
  align-items: center;
  display: flex;
  font-size: 12px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna img,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha img {
  height: 22px;
  margin-right: 5px;
  margin-top: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna i,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha i {
  margin-right: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario {
  margin: 0px auto 0;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form {
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.5);
  position: relative;
  height: 30px;
  margin: 0 auto 15px;
  display: grid;
  align-items: center;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divLabel,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divLabel {
  color: #5c5c5c;
  background-color: white;
  position: absolute;
  top: -11px;
  left: 8px;
  font-size: 11px;
  padding: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divLabel label,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divLabel label {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput {
  padding: 0 10px;
  position: relative;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select {
  width: 100%;
  box-shadow: none;
  border: none;
  color: #5c5c5c;
  resize: none;
  background-color: transparent;
  font-size: 12px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input::placeholder,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea::placeholder,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select::placeholder,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input::placeholder,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea::placeholder,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input:focus,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea:focus,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select:focus,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input:focus,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea:focus,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select:focus {
  outline: none;
  background: transparent;
  border: none;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input::-webkit-scrollbar-track,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea::-webkit-scrollbar-track,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select::-webkit-scrollbar-track,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input::-webkit-scrollbar-track,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea::-webkit-scrollbar-track,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select::-webkit-scrollbar-track {
  width: 0;
  height: 0;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input::-webkit-scrollbar,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea::-webkit-scrollbar,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select::-webkit-scrollbar,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input::-webkit-scrollbar,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea::-webkit-scrollbar,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input::-webkit-scrollbar-thumb,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea::-webkit-scrollbar-thumb,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select::-webkit-scrollbar-thumb,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input::-webkit-scrollbar-thumb,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea::-webkit-scrollbar-thumb,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select::-webkit-scrollbar-thumb {
  width: 3px;
  height: 1px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input:disabled,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea:disabled,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select:disabled,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input:disabled,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea:disabled,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select:disabled {
  cursor: not-allowed !important;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .disabled,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .disabled {
  cursor: not-allowed;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divSelect,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divSelect {
  padding: 0 10px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .formSelecionado,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .formSelecionado {
  border: 1px solid #11cc59;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .formSelecionado .divLabel,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .formSelecionado .divLabel {
  color: #11cc59;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .formVazio,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .formVazio {
  border: 1px solid red;
  animation: treme 0.1s 3;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .formVazio .divLabel,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .formVazio .divLabel {
  color: red;
}
@keyframes treme {
  0% {
    margin-left: 0;
  }
  25% {
    margin-left: 5px;
    margin-right: 5px;
  }
  50% {
    margin-left: 0;
    margin-right: 0;
  }
  75% {
    margin-left: -5px;
    margin-right: -5px;
  }
  100% {
    margin-left: 0;
    margin-right: 0;
  }
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .linhaFlex,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .linhaFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .linhaFlex .coluna,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .linhaFlex .coluna {
  width: calc(50% - 5px);
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .linhaFlex .coluna .form,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .linhaFlex .coluna .form {
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .linhaFlex .colunaMaior,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .linhaFlex .colunaMaior {
  width: 66%;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .linhaFlex .colunaMenor,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .linhaFlex .colunaMenor {
  width: 32%;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio #semInfoFormularioDados,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio #semInfoFormularioDetalhe {
  height: calc(100vh - 200px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio #semInfoFormularioDados img,
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio #semInfoFormularioDetalhe img {
  width: 100px !important;
  margin-bottom: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .linhaBotao {
  display: flex;
  width: 100%;
  justify-content: end;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .linhaBotao .botaoBranco {
  background-color: white;
  color: #11cc59;
  width: 150px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.35);
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .linhaBotao .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #11cc59;
  border: 1px solid #11cc59;
  padding: 5px;
  border-radius: 8px;
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .linhaInicio .linhaBotao .botaoAdicionar {
  height: 30px;
  margin-left: 5px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  padding: 6px 15px;
  color: #11cc59;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoFormulario .obsFormulario {
  font-size: 10px;
  color: red;
  margin-bottom: 15px;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao {
  margin-top: 5px !important;
  margin-bottom: 60px !important;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .cardSemInfoIndicacao {
  height: calc(100vh - 170px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 0px !important;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .cardSemInfoIndicacao img {
  width: 80px !important;
  margin-bottom: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .cardSemInfoIndicacao .texto {
  margin-top: 0px;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .cabecalhoIndicacao {
  display: flex;
  justify-content: space-between;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .cardArvore {
  margin-top: 0px !important;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 248px);
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  user-select: none;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore ul {
  padding-top: 20px;
  position: relative;
  transition: all 0.5s;
  white-space: nowrap;
  padding-left: 0rem;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore ul:first-child {
  padding-top: 0;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore ul ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 2px solid #ccc;
  width: 0;
  height: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li {
  list-style-type: none;
  text-align: center;
  position: relative;
  padding: 20px 5px 0 5px;
  transition: all 0.5s;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li::before, .pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li::after {
  content: "";
  position: absolute;
  top: 0;
  border-top: 2px solid #ccc;
  width: 50%;
  height: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li::before {
  right: 50%;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li::after {
  left: 50%;
  border-left: 2px solid #ccc;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li:only-child::after, .pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li:only-child::before {
  display: none;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li:first-child::before, .pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li:last-child::after {
  border: 0 none;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li:last-child::before {
  border-right: 2px solid #ccc;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li:first-child::after {
  border-left: 2px solid #ccc;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 2px solid #ccc;
  width: 0;
  height: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 6px solid white;
  object-fit: cover;
  cursor: pointer;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.3);
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li .classificacao {
  width: 25px !important;
  height: 25px !important;
  position: absolute;
  top: 60px;
  right: 5px;
  border: none;
  box-shadow: none;
  z-index: 99;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore li .divImagens {
  position: relative;
  display: inline-block;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore > ul {
  display: inline-block;
  white-space: nowrap;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore .divNome {
  margin-top: 5px;
  font-size: 12px;
  color: #5c5c5c;
  text-align: center;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoIndicacao .arvoreFora .arvore .ul-only-child::before {
  height: 40px;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pageconsultoraskanban .detalha-content .conteudoClientes .filtros {
  margin-top: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoClientes #seminfoClientes {
  height: calc(100vh - 310px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultoraskanban .detalha-content .conteudoClientes #seminfoClientes img {
  width: 80px !important;
  margin-bottom: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoClientes #seminfoClientes .texto {
  margin-top: 0px;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho {
  width: 100%;
  display: flex;
  gap: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .dadosCadastros {
  width: 100%;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .dadosCadastros .marcaWL {
  padding: 2px 10px;
  color: white;
  border-radius: 10px;
  width: fit-content;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .parceiroVinculo {
  width: 35%;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .parceiroVinculo .linhaTitulo {
  display: flex;
  justify-content: space-between;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .parceiroVinculo .linhaTitulo .bnt {
  width: 30px;
  height: 30px;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  align-content: center;
  cursor: pointer;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .parceiroVinculo .linhaTitulo .bnt img {
  margin: 0 7.5px;
  width: 15px;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .titulo {
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .titulo hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #11cc59;
  height: 2px;
  border-radius: 10px;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .perfil {
  padding: 10px 0 0 0;
  width: 100%;
  display: flex;
  gap: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .foto {
  flex-direction: column;
  text-align: center;
  font-size: 10px;
  width: 100px;
  padding-top: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .foto img {
  border-radius: 100%;
  height: 100px;
  width: 100px;
  object-fit: cover;
  margin-bottom: 5px;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info {
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados {
  width: 100%;
  border-spacing: 0;
  padding-left: 20px;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody {
  height: auto;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody tr {
  background-color: white;
  width: 100%;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody tr td {
  white-space: normal;
  vertical-align: top;
  word-break: break-word;
  overflow-wrap: break-word;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .titulo {
  font-size: 10px;
  font-weight: normal;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .dado {
  font-size: 11px;
  font-weight: bold;
}
.pageconsultoraskanban .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .dado img {
  width: 17px;
}
.pageconsultoraskanban #detalha-content-cliente {
  overflow-y: auto !important;
  padding: 0 20px 0px 5px !important;
}
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
  margin-top: 5px;
}
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .tituloCard {
  color: #11cc59;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
}
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .tituloCard .subtituloCard {
  color: #414141;
  font-weight: normal;
  font-size: 10px;
}
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .conteudoCard {
  display: flex;
}
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .conteudoCard tr:nth-child(even) {
  background-color: white;
}
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .conteudoCard tbody {
  height: auto;
}
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .descricao,
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .descricao {
  font-size: 10.5px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .descricao img,
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .descricao img {
  height: 12px;
  margin-left: 2px;
}
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .info,
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .info {
  align-items: center;
  display: flex;
}
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .conteudoCard .coluna .info img,
.pageconsultoraskanban #detalha-content-cliente .conteudoDetalha .conteudoCard .linha .info img {
  width: 40px;
  margin-right: 10px;
}

.pagecomercialkanban.detalhar {
  animation: overflow 10s;
}
@keyframes overflow {
  from {
    overflow: hidden;
  }
  to {
    overflow: auto;
  }
}

.pagecomercialupcheckfases .cardFases .avaliacao {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
  height: auto;
  display: flex;
  align-items: stretch;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases {
  width: 25%;
  padding: 0 20px;
  margin: 20px 0;
  display: flex;
  flex-direction: column;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .titulo {
  text-align: start;
  height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .titulo b {
  border-bottom: #4caf50 solid 2px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .logoBaseDados {
  width: 100%;
  height: 50px;
  align-items: center;
  text-align: center;
  margin-top: 15px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .logoBaseDados img {
  height: 50px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .dados {
  height: 100%;
  max-height: 750px;
  font-size: 12px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .dados .linha {
  display: flex;
  justify-content: space-between;
  padding: 15px 0 5px;
  align-items: center;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .dados .linha .tipo {
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 5px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .dados .linha .tipo .btnDetalhaItemFase {
  background-color: #4caf50;
  border-radius: 5px;
  padding: 2px 7px;
  color: white;
  font-weight: normal;
  cursor: pointer;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .dados .linha .tipo .btnDetalhaItemFase img {
  height: 15px;
  width: 15px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .dados .linha .resultado {
  height: 20px;
  width: 20px;
  flex-direction: column;
  text-align: center;
  align-content: center;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .dados .linha .resultado img {
  width: 100%;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .dados .linha .resultado-palavra {
  width: 70px !important;
  text-align: end;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .dados .motivo {
  font-size: 10px;
  text-align: justify;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: bold;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .titulo {
  display: flex;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .titulo img {
  margin-left: 5px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .imgRecomendacao {
  margin-top: 5px;
  background-color: #4caf50;
  border-radius: 100%;
  align-items: center;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .imgRecomendacao img {
  height: 70px;
  width: 70px;
  padding: 10px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .imgRecomendacaoAtencao {
  margin-top: 5px;
  background-color: #ffc107;
  border-radius: 100%;
  align-items: center;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .imgRecomendacaoAtencao img {
  height: 70px;
  width: 70px;
  padding: 15px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .imgRecomendacaoNegativa {
  margin-top: 5px;
  background-color: #f44336;
  border-radius: 100%;
  align-items: center;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .imgRecomendacaoNegativa img {
  height: 70px;
  width: 70px;
  padding: 10px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .imgRecomendacaoAnalisar {
  margin-top: 5px;
  background-color: #ffc107;
  border-radius: 100%;
  align-items: center;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .imgRecomendacaoAnalisar img {
  height: 70px;
  width: 70px;
  padding: 15px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .imgRecomendacaoSemDados {
  margin-top: 10px;
  background-color: #888888;
  height: 5px;
  width: 40px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .recomendacao .textoRecomendacao {
  margin-top: 10px;
  height: 100px;
  font-size: 11px;
  font-weight: normal;
  text-align: justify;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .botoes {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .botoes .btnAprovar {
  width: 50%;
  color: white;
  background-color: #009A3B;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .botoes .btnReprovar {
  width: 50%;
  color: white;
  background-color: red;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .btnProximaAnalise {
  margin-top: 40px;
  width: 100%;
  color: white;
  background-color: lightgray;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .btnGerarFase {
  margin-top: 40px;
  width: 100%;
  color: white;
  background-color: blue;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .status {
  margin-top: 20px;
  justify-items: center;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .status .statusAprovado {
  color: #009A3B;
  background-color: white;
  border: #009A3B 2px solid;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseComInfo .status .statusReprovado {
  color: red;
  background-color: white;
  border: red 2px solid;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseSemInfo {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 180px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseSemInfo img {
  height: 70px;
  width: 70px;
  margin-bottom: 10px;
}
.pagecomercialupcheckfases .cardFases .avaliacao .fases .faseSemInfo p {
  color: #e0e0e0;
}
.pagecomercialupcheckfases .cardFases .avaliacao .bordaDireita {
  border-right: 1px solid #e0e0e0;
}
.pagecomercialupcheckfases .cardFases .linhaBtnFases {
  display: flex;
  justify-content: right;
  padding-bottom: 20px;
}
.pagecomercialupcheckfases .cardFases .linhaBtnFases .btnGeraFases {
  padding: 7px 25px;
  background-color: #4caf50;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}
.pagecomercialupcheckfases .cardFases .cardFaseSemInfo {
  margin-top: 10px;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  height: 100%;
  padding: 80px 10px;
}
.pagecomercialupcheckfases .cardFases .cardFaseSemInfo .semInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pagecomercialupcheckfases .cardFases .cardFaseSemInfo .semInfo .texto {
  margin-top: 15px;
  color: #5c5c5c;
  font-weight: bold;
}
.pagecomercialupcheckfases .cardFases .cardFaseSemInfo .semInfo img {
  width: 80px;
}

.componenteDetalhaConsultor .detalha-content {
  padding: 0 20px 20px 5px !important;
  overflow-y: hidden !important;
}
.componenteDetalhaConsultor .detalha-content .tituloPadrao {
  color: #111827;
  margin-bottom: 0;
}
.componenteDetalhaConsultor .detalha-content .conteudoVertical {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.componenteDetalhaConsultor .detalha-content .botoesAcesso {
  display: flex;
  align-items: center;
  gap: 5px;
  overflow: visible !important;
}
.componenteDetalhaConsultor .detalha-content .botoesAcesso .btnAcesso {
  background: white;
  color: #5c5c5c;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 100px;
  padding: 4px 6px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.2s ease;
}
.componenteDetalhaConsultor .detalha-content .botoesAcesso .btnAcesso:hover {
  filter: brightness(0.9);
}
.componenteDetalhaConsultor .detalha-content .botoesAcesso .salvar {
  color: white;
  background-color: #11cc59;
}
.componenteDetalhaConsultor .detalha-content .botoesAcesso .aprovar {
  color: white;
  background-color: green;
}
.componenteDetalhaConsultor .detalha-content .botoesAcesso .reprovar {
  color: white;
  background-color: red;
}
.componenteDetalhaConsultor .detalha-content .botoesAcesso .ativar {
  color: white;
  background-color: #0d6efd;
}
.componenteDetalhaConsultor .detalha-content .botoesAcesso .inativar {
  color: white;
  background-color: #6c757d;
}
.componenteDetalhaConsultor .detalha-content .botoesAcesso .migrar {
  color: white;
  background-color: lightgray;
}
.componenteDetalhaConsultor .detalha-content .botoesAcesso .inativar {
  color: white;
  background-color: #6C757D;
}
.componenteDetalhaConsultor .detalha-content .botoesAcesso .ativar {
  color: white;
  background-color: #0D6EFD;
}
.componenteDetalhaConsultor .detalha-content .refazerAnalise {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #414141;
  border-radius: 4px;
  border: #bebebe 1px solid;
  margin-left: 10px;
  padding: 4px 8px;
  white-space: nowrap;
  transition: all 0.3s ease;
}
.componenteDetalhaConsultor .detalha-content .refazerAnalise:hover {
  background-color: #414141;
  border-color: white;
  color: white;
}
.componenteDetalhaConsultor .detalha-content .linhaNome {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.componenteDetalhaConsultor .detalha-content .linhaNome .botoesAcesso {
  height: auto !important;
}
.componenteDetalhaConsultor .detalha-content .linhaNome .nome {
  color: #111827;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.componenteDetalhaConsultor .detalha-content .linhaNome .acoes {
  flex-shrink: 0;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard {
  display: flex;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard tr:nth-child(even) {
  background-color: white;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard tbody {
  height: auto;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard td {
  padding: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .colunaMenor {
  width: 12ch;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard #dadosPessoais td,
.componenteDetalhaConsultor .detalha-content .conteudoCard #dadosRedesSociais td,
.componenteDetalhaConsultor .detalha-content .conteudoCard #dadosCadastroRecebidos td {
  white-space: normal;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .coluna .descricaobold,
.componenteDetalhaConsultor .detalha-content .conteudoCard .linha .descricaobold {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #414141;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .coluna .sobdescricao,
.componenteDetalhaConsultor .detalha-content .conteudoCard .linha .sobdescricao {
  font-size: 13px;
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .coluna .descricao,
.componenteDetalhaConsultor .detalha-content .conteudoCard .linha .descricao {
  font-size: 10.5px;
  display: flex;
  align-items: center;
  color: #5c5c5c;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .coluna .descricao img,
.componenteDetalhaConsultor .detalha-content .conteudoCard .linha .descricao img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .coluna .info,
.componenteDetalhaConsultor .detalha-content .conteudoCard .linha .info {
  align-items: center;
  display: flex;
  color: #111827;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .coluna .info:has(> .infomenor),
.componenteDetalhaConsultor .detalha-content .conteudoCard .linha .info:has(> .infomenor) {
  align-items: normal;
  flex-direction: column;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .coluna .info img,
.componenteDetalhaConsultor .detalha-content .conteudoCard .linha .info img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .coluna #pdfTermo,
.componenteDetalhaConsultor .detalha-content .conteudoCard .linha #pdfTermo {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  cursor: pointer;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .coluna .infomenor,
.componenteDetalhaConsultor .detalha-content .conteudoCard .linha .infomenor {
  font-size: 9px;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .coluna .bolinha,
.componenteDetalhaConsultor .detalha-content .conteudoCard .linha .bolinha {
  width: 10px;
  height: 10px;
  margin: 0px;
  margin-right: 10px;
  border-radius: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .linhaFlex {
  align-items: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .grafico {
  display: grid;
  justify-content: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .grafico canvas {
  padding-left: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .grafico .status {
  text-align: center;
  font-weight: bold;
  color: #11cc59;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .quadroCard .tituloQuadroCard {
  display: flex;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .quadroCard .tituloQuadroCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .quadroCard .subtituloQuadroCard {
  margin-left: 25px;
  font-size: 11px;
  color: #11cc59;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .quadroCard .dadosCard {
  display: flex;
  justify-content: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .quadroCard .dadosCard img {
  height: 23vh;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .quadroCard .dadosEscritosCard {
  padding-top: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .quadroCard .dadosEscritosCard .tituloEscritosCard {
  font-size: 11px;
  display: flex;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .quadroCard .dadosEscritosCard .tituloEscritosCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .quadroCard .dadosEscritosCard .subtituloEscritosCard {
  margin-left: 25px;
  font-size: 11px;
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard #listaKYC .sobdescricao,
.componenteDetalhaConsultor .detalha-content .conteudoCard #listaCreditoEmpresa .sobdescricao,
.componenteDetalhaConsultor .detalha-content .conteudoCard #listaKYCEmpresa .sobdescricao {
  color: #5c5c5c;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard #listaKYC .info,
.componenteDetalhaConsultor .detalha-content .conteudoCard #listaCreditoEmpresa .info,
.componenteDetalhaConsultor .detalha-content .conteudoCard #listaKYCEmpresa .info {
  font-weight: bold;
  color: #6E6E6E;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form {
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.5);
  position: relative;
  height: 30px;
  margin: 0 auto 15px;
  display: grid;
  align-items: center;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divLabel {
  color: #5c5c5c;
  background-color: white;
  position: absolute;
  top: -11px;
  left: 8px;
  font-size: 11px;
  padding: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divLabel label {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput {
  padding: 0 10px;
  position: relative;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput input,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput textarea,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput select {
  width: 100%;
  box-shadow: none;
  border: none;
  color: #5c5c5c;
  resize: none;
  background-color: transparent;
  font-size: 12px;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput input::placeholder,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput textarea::placeholder,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput select::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput input:focus,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput textarea:focus,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput select:focus {
  outline: none;
  background: transparent;
  border: none;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput input::-webkit-scrollbar-track,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput textarea::-webkit-scrollbar-track,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput select::-webkit-scrollbar-track {
  width: 0;
  height: 0;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput input::-webkit-scrollbar,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput textarea::-webkit-scrollbar,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput select::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput input::-webkit-scrollbar-thumb,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput textarea::-webkit-scrollbar-thumb,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput select::-webkit-scrollbar-thumb {
  width: 3px;
  height: 1px;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput input:disabled,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput textarea:disabled,
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divInput select:disabled {
  cursor: not-allowed !important;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .disabled {
  cursor: not-allowed;
}
.componenteDetalhaConsultor .detalha-content .conteudoCard .form .divSelect {
  padding: 0 10px;
}
.componenteDetalhaConsultor .detalha-content .observacoes {
  flex-direction: column;
  align-items: flex-end;
}
.componenteDetalhaConsultor .detalha-content .observacao {
  width: 100%;
  height: 100px;
  box-shadow: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #5c5c5c;
  resize: none;
  background-color: transparent;
  font-size: 12px;
}
.componenteDetalhaConsultor .detalha-content .observacao::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.componenteDetalhaConsultor .detalha-content .observacao:focus {
  outline: none;
  background: transparent;
}
.componenteDetalhaConsultor .detalha-content .observacao::-webkit-scrollbar-track {
  width: 0;
  height: 0;
}
.componenteDetalhaConsultor .detalha-content .observacao::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}
.componenteDetalhaConsultor .detalha-content .observacao::-webkit-scrollbar-thumb {
  width: 3px;
  height: 1px;
}
.componenteDetalhaConsultor .detalha-content .observacao:disabled {
  cursor: not-allowed !important;
}
.componenteDetalhaConsultor .detalha-content .tituloInfo {
  display: flex;
  align-items: center;
  gap: 5px;
}
.componenteDetalhaConsultor .detalha-content .tituloInfo img {
  width: 15px;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais {
  overflow: hidden;
  padding-top: 10px;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais .linhaStatus {
  display: flex;
  gap: 5px;
  align-items: center;
  padding: 0 16px;
  --cor-detalhe: $cor_principal;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais .linhaStatus .simbolo {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 20px;
  gap: 5px;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais .linhaStatus .simbolo > .bolinha {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #11cc59;
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
  font-size: 16px;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais .linhaStatus .simbolo .containerBolinha::after {
  content: "check";
  font-family: "Material Symbols Outlined";
  border-radius: 50%;
  background-color: var(--cor-detalhe);
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
  width: 16px;
  height: 16px;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais .linhaStatus .simbolo .containerBolinha.aprovado::after {
  color: white;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais .linhaStatus .simbolo .tracinho {
  border-radius: 1px;
  width: 2px;
  height: 20px;
  background-color: #11cc59;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais .linhaStatus .status {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais .linhaStatus .status .descStatus {
  font-size: 13px;
  font-weight: 500;
  color: #111827;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais .linhaStatus .status .dataStatus {
  font-size: 12px;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais .linhaStatus .status .obsStatus {
  font-size: 12px;
  color: #5c5c5c;
}
.componenteDetalhaConsultor .detalha-content .listaStatusCadastrais .semStatus {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset: 0;
}
.componenteDetalhaConsultor .detalha-content .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.componenteDetalhaConsultor .detalha-content .linhaBotoes .btnDetalhaVoltarEsquerda {
  margin-right: 5px !important;
  margin-left: 0 !important;
}
.componenteDetalhaConsultor .detalha-content .linhaBotoes .btnFiltros {
  height: 40px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: start;
  gap: 5px;
}
.componenteDetalhaConsultor .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig {
  background: white;
  color: #11cc59;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 150px;
  padding: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .linhaBotoes .btnFiltros .active {
  background-color: #11cc59;
  color: white;
}
.componenteDetalhaConsultor .detalha-content .linhaBotoes .btnDetalha {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: white;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 10px;
}
.componenteDetalhaConsultor .detalha-content .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.componenteDetalhaConsultor .detalha-content .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.componenteDetalhaConsultor .detalha-content .linhaFlex {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.componenteDetalhaConsultor .detalha-content .linhaFlex .left {
  width: calc(70% - 5px);
}
.componenteDetalhaConsultor .detalha-content .linhaFlex .right {
  width: calc(30% - 5px);
}
.componenteDetalhaConsultor .detalha-content .linhaGrid {
  display: grid;
  gap: 16px;
  align-items: flex-start;
  grid-template-columns: 0.5fr 1.5fr;
}
.componenteDetalhaConsultor .detalha-content .tituloCard {
  color: #11cc59;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  margin-bottom: 10px;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .formulario {
  width: auto;
  margin: 0px;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .formulario .formPesquisa {
  min-width: 350px;
  max-width: 350px;
  border-radius: 10px;
  margin: 0px;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .formulario .icon {
  padding: 0px;
  top: 0px;
  margin-right: 5px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  height: 30px;
  color: #11cc59;
  vertical-align: middle;
  display: grid;
  align-items: center;
  justify-self: center;
  text-align: center;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .formulario .icon img {
  height: 18px;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .botaoLista {
  margin: 0px !important;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .linhaPesquisa {
  display: flex;
  justify-content: end;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  border-radius: 10px;
  display: flex;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  height: 30px;
  align-items: center;
  text-align: center;
  color: #5c5c5c;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao .divBtn {
  background-color: white;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao .back {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao .next {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao img {
  width: 9px;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao .btnDisable {
  cursor: not-allowed;
}
.componenteDetalhaConsultor .detalha-content .topoIndicacao .linhaPesquisa .botoesPaginacaoIndicacao .btnDisable img {
  opacity: 0.5;
}
.componenteDetalhaConsultor .detalha-content .paginasAbas {
  overflow-y: auto !important;
  height: 100%;
  padding: 0 5px;
}
.componenteDetalhaConsultor .detalha-content .paginasAbas .paginaAba {
  margin-bottom: 30px;
}
.componenteDetalhaConsultor .detalha-content .paginasAbas .paginaAba .cardFora {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  width: 100%;
  padding: 20px;
  margin: 10px 0px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo {
  padding-top: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo #logoWhatsappDetalha {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  cursor: pointer;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo #editDocumento {
  cursor: pointer;
  margin-bottom: 2px;
  margin-left: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha {
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #eee;
  flex: 1;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha #descricao #imgInfo {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha #descricao #detalhe_descricao {
  font-size: 13px !important;
  font-weight: bold;
  color: #5c5c5c;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardDoc {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  gap: 10px;
  margin-top: 20px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardDoc #seminfoDoc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardDoc #seminfoDoc img {
  width: 60% !important;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardDoc .scoredoc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardDoc .scoredoc #textScore {
  font-size: 10.5px;
  position: relative;
  top: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardDoc .scoredoc .infoScore {
  font-size: 48px !important;
  font-weight: bold;
  color: #11cc59;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardDoc .scoredoc .infoDataScore {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred #seminfoCred {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred #seminfoCred img {
  width: 60px !important;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred .scoreCred .scoreCredDentro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .score {
  position: relative;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .score #imagemScore {
  height: 70px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .score .infoScoreCred {
  font-size: 24px !important;
  font-weight: bold;
  color: #5c5c5c;
  position: absolute;
  bottom: -5px;
  text-align: center;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .botoes {
  display: flex;
  align-items: center;
  justify-content: start;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred .scoreCred .scoreCredDentro .containerScore .botoes #btnAnalise {
  text-decoration: underline;
  color: #5c5c5c;
  cursor: pointer;
  margin-top: 5px;
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred .scoreCred .scoreCredDentro .statusScore {
  font-size: 12px !important;
  font-weight: bold;
  color: #5c5c5c;
  display: flex;
  justify-content: start;
  align-items: start;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinha .conteudoCardCred .scoreCred .infoDataStatus {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa {
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #eee;
  flex: 1;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardDoc {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  gap: 10px;
  margin-top: 20px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardDoc #seminfoDoc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardDoc #seminfoDoc img {
  width: 60% !important;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardDoc .scoredoc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardDoc .scoredoc #textScore {
  font-size: 10.5px;
  position: relative;
  top: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardDoc .scoredoc .infoScore {
  font-size: 48px !important;
  font-weight: bold;
  color: #11cc59;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardDoc .scoredoc .infoDataScore {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa #seminfoCredSerasa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa #seminfoCredSerasa img {
  width: 60px !important;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score {
  position: relative;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score #imagemScoreSerasa {
  height: 70px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score .infoScoreCredSerasa {
  font-size: 24px !important;
  font-weight: bold;
  color: #5c5c5c;
  position: absolute;
  bottom: -5px;
  text-align: center;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .botoes {
  display: flex;
  align-items: center;
  justify-content: start;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .botoes #btnAnaliseSerasa {
  text-decoration: underline;
  color: #5c5c5c;
  cursor: pointer;
  margin-top: 5px;
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .statusScore {
  font-size: 12px !important;
  font-weight: bold;
  color: #5c5c5c;
  display: flex;
  justify-content: start;
  align-items: start;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .conteudoCardCredSerasa .scoreCredSerasa .infoDataStatus {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .botoesAcesso {
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: end !important;
  gap: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .botoesAcesso .btnAcesso {
  background: white;
  color: #5c5c5c;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 100px;
  padding: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .botoesAcesso .aprovar {
  color: white;
  background-color: green;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .botoesAcesso .reprovar {
  color: white;
  background-color: red;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .cardBordinhaSerasa .botoesAcesso .migrar {
  color: white;
  background-color: lightgray;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .conteudoDetalha {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding: 16px;
  overflow: hidden;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .imagensCadastro {
  display: flex;
  align-items: center;
  gap: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .imagensCadastro .imagem {
  width: 100%;
  padding: 10px 10px 0px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .imagensCadastro .imagem .descricao {
  font-size: 10.5px;
  align-self: flex-start;
  color: #111827;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .imagensCadastro .imagem img {
  border-radius: 8px;
  aspect-ratio: 3/4;
  height: auto;
  width: 100px;
  object-fit: cover;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .imagensCadastro .imagem img.semfoto {
  object-fit: contain;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .ladoInformacoes {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .conteudoPessoais {
  margin-top: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoResumo .conteudoScoreResumo {
  margin-top: 10px;
  margin-bottom: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardSemInfoIdCheck {
  height: calc(100vh - 124.5px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardSemInfoIdCheck img {
  width: 80px !important;
  margin-bottom: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardSemInfoIdCheck .texto {
  margin-top: 0px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .linhaCards {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
  margin-bottom: -10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoShildEmpresa,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoShild,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoIdCheck,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoDevice,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoKYC,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoKYCEmpresa,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoCreditoEmpresa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoShildEmpresa img,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoShild img,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoIdCheck img,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoDevice img,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoKYC img,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoKYCEmpresa img,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck #conteudoSemInfoCreditoEmpresa img {
  margin-bottom: 5px;
  width: 60px !important;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck {
  display: flex;
  justify-content: space-around;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .tituloQuadroCard {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #5c5c5c;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .tituloQuadroCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .subtituloQuadroCard {
  margin-left: 23px;
  font-size: 11px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosCard {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosCard img {
  border: 1px solid #ECECEE;
  border-radius: 6px;
  height: 30vh;
  padding: 2px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard {
  padding-top: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .tituloEscritosCard {
  font-size: 11px;
  display: flex;
  align-items: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .tituloEscritosCard img {
  height: 12px;
  width: 12px;
  margin-right: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .subtituloEscritosCard {
  margin-bottom: 10px;
  margin-left: 17px;
  font-size: 11px;
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardValidacao .info,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardValidacaoEmpresa .info {
  align-items: center;
  display: flex;
  margin-left: 22px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardValidacao .info img,
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardValidacaoEmpresa .info img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardDevice .linhaDevice {
  display: flex;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa {
  width: 40%;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa #map {
  height: 220px;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa .semLocalizacao {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
  width: 100%;
  min-width: 200px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa .semLocalizacao img {
  width: 150px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa .leaflet-bottom.leaflet-right {
  display: none !important;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardDevice .linhaDadosGeolocalizacao {
  display: flex;
}
.componenteDetalhaConsultor .detalha-content .conteudoIdCheck .cardDevice .linhaDadosGeolocalizacao .info {
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoScore #seminfoScore {
  height: calc(100vh - 205px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoScore #seminfoScore img {
  width: 80px !important;
  margin-bottom: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoScore #seminfoScore .texto {
  margin-top: 0px;
}
.componenteDetalhaConsultor .detalha-content .conteudoScore #iframeScore {
  height: calc(100vh - 205px);
}
.componenteDetalhaConsultor .detalha-content .conteudoAssertiva .linhaBotaoConsulta {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: flex-end;
}
.componenteDetalhaConsultor .detalha-content .conteudoAssertiva .linhaBotaoConsulta .btnConsultar {
  display: flex;
  align-items: flex-end;
}
.componenteDetalhaConsultor .detalha-content .conteudoAssertiva .linhaBotaoConsulta .btnConsultar .btn {
  height: 30px;
  width: 150px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #11cc59;
  padding: 5px;
  border-radius: 7px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.componenteDetalhaConsultor .detalha-content .conteudoAssertiva .cardSemInfoAssertiva {
  height: calc(100vh - 200px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoAssertiva .cardSemInfoAssertiva img {
  width: 80px !important;
  margin-bottom: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoAssertiva .cardSemInfoAssertiva .texto {
  margin-top: 0px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario {
  border-radius: 10px;
  width: 100%;
  height: calc(100% - 50px);
  padding: 0;
  padding-top: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .linhaFlex {
  display: flex;
  justify-content: space-between;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 10px;
  color: #5c5c5c;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .conteudoCard .linha {
  margin-bottom: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .conteudoCard tr:nth-child(even) {
  background-color: white;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .descricao,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .descricao {
  font-size: 11px;
  font-weight: bold;
  white-space: normal;
  word-wrap: break-word;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .descricao span,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .descricao span {
  font-size: 12px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .info,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .info {
  align-items: center;
  display: flex;
  font-size: 12px;
  flex-wrap: wrap;
  white-space: normal;
  word-wrap: break-word;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna img,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha img {
  height: 22px;
  margin-right: 5px;
  margin-top: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna i,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha i {
  margin-right: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario {
  margin: 0px auto 0;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form {
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.5);
  position: relative;
  height: 30px;
  margin: 0 auto 15px;
  display: grid;
  align-items: center;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divLabel,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divLabel {
  color: #5c5c5c;
  background-color: white;
  position: absolute;
  top: -11px;
  left: 8px;
  font-size: 11px;
  padding: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divLabel label,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divLabel label {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput {
  padding: 0 10px;
  position: relative;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select {
  width: 100%;
  box-shadow: none;
  border: none;
  color: #5c5c5c;
  resize: none;
  background-color: transparent;
  font-size: 12px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input::placeholder,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea::placeholder,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select::placeholder,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input::placeholder,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea::placeholder,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input:focus,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea:focus,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select:focus,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input:focus,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea:focus,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select:focus {
  outline: none;
  background: transparent;
  border: none;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input::-webkit-scrollbar-track,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea::-webkit-scrollbar-track,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select::-webkit-scrollbar-track,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input::-webkit-scrollbar-track,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea::-webkit-scrollbar-track,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select::-webkit-scrollbar-track {
  width: 0;
  height: 0;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input::-webkit-scrollbar,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea::-webkit-scrollbar,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select::-webkit-scrollbar,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input::-webkit-scrollbar,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea::-webkit-scrollbar,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input::-webkit-scrollbar-thumb,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea::-webkit-scrollbar-thumb,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select::-webkit-scrollbar-thumb,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input::-webkit-scrollbar-thumb,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea::-webkit-scrollbar-thumb,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select::-webkit-scrollbar-thumb {
  width: 3px;
  height: 1px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput input:disabled,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput textarea:disabled,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divInput select:disabled,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput input:disabled,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput textarea:disabled,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divInput select:disabled {
  cursor: not-allowed !important;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .disabled,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .disabled {
  cursor: not-allowed;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .form .divSelect,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .form .divSelect {
  padding: 0 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .formSelecionado,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .formSelecionado {
  border: 1px solid #11cc59;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .formSelecionado .divLabel,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .formSelecionado .divLabel {
  color: #11cc59;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .formVazio,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .formVazio {
  border: 1px solid red;
  animation: treme 0.1s 3;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .formVazio .divLabel,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .formVazio .divLabel {
  color: red;
}
@keyframes treme {
  0% {
    margin-left: 0;
  }
  25% {
    margin-left: 5px;
    margin-right: 5px;
  }
  50% {
    margin-left: 0;
    margin-right: 0;
  }
  75% {
    margin-left: -5px;
    margin-right: -5px;
  }
  100% {
    margin-left: 0;
    margin-right: 0;
  }
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .linhaFlex,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .linhaFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .linhaFlex .coluna,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .linhaFlex .coluna {
  width: calc(50% - 5px);
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .linhaFlex .coluna .form,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .linhaFlex .coluna .form {
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .linhaFlex .colunaMaior,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .linhaFlex .colunaMaior {
  width: 66%;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .coluna .formulario .linhaFlex .colunaMenor,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .cardInfo .linha .formulario .linhaFlex .colunaMenor {
  width: 32%;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio #semInfoFormularioDados,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio #semInfoFormularioDetalhe {
  height: calc(100vh - 200px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio #semInfoFormularioDados img,
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio #semInfoFormularioDetalhe img {
  width: 100px !important;
  margin-bottom: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .linhaBotao {
  display: flex;
  width: 100%;
  justify-content: end;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .linhaBotao .botaoBranco {
  background-color: white;
  color: #11cc59;
  width: 150px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.35);
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .linhaBotao .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #11cc59;
  border: 1px solid #11cc59;
  padding: 5px;
  border-radius: 8px;
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .linhaInicio .linhaBotao .botaoAdicionar {
  height: 30px;
  margin-left: 5px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  padding: 6px 15px;
  color: #11cc59;
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .conteudoFormulario .obsFormulario {
  font-size: 10px;
  color: red;
  margin-bottom: 15px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao {
  margin-top: 5px !important;
  margin-bottom: 60px !important;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .cardSemInfoIndicacao {
  height: calc(100vh - 170px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 0px !important;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .cardSemInfoIndicacao img {
  width: 80px !important;
  margin-bottom: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .cardSemInfoIndicacao .texto {
  margin-top: 0px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .cabecalhoIndicacao {
  display: flex;
  justify-content: space-between;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .cardArvore {
  margin-top: 0px !important;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 248px);
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  user-select: none;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore ul {
  padding-top: 20px;
  position: relative;
  transition: all 0.5s;
  white-space: nowrap;
  padding-left: 0rem;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore ul:first-child {
  padding-top: 0;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore ul ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 2px solid #ccc;
  width: 0;
  height: 20px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li {
  list-style-type: none;
  text-align: center;
  position: relative;
  padding: 20px 5px 0 5px;
  transition: all 0.5s;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li::before, .componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li::after {
  content: "";
  position: absolute;
  top: 0;
  border-top: 2px solid #ccc;
  width: 50%;
  height: 20px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li::before {
  right: 50%;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li::after {
  left: 50%;
  border-left: 2px solid #ccc;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li:only-child::after, .componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li:only-child::before {
  display: none;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li:first-child::before, .componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li:last-child::after {
  border: 0 none;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li:last-child::before {
  border-right: 2px solid #ccc;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li:first-child::after {
  border-left: 2px solid #ccc;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 2px solid #ccc;
  width: 0;
  height: 20px;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 6px solid white;
  object-fit: cover;
  cursor: pointer;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.3);
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li .classificacao {
  width: 25px !important;
  height: 25px !important;
  position: absolute;
  top: 60px;
  right: 5px;
  border: none;
  box-shadow: none;
  z-index: 99;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore li .divImagens {
  position: relative;
  display: inline-block;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore > ul {
  display: inline-block;
  white-space: nowrap;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore .divNome {
  margin-top: 5px;
  font-size: 12px;
  color: #5c5c5c;
  text-align: center;
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .conteudoIndicacao .arvoreFora .arvore .ul-only-child::before {
  height: 40px;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.componenteDetalhaConsultor .detalha-content .conteudoClientes .filtros {
  margin-top: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoClientes #seminfoClientes {
  height: calc(100vh - 310px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.componenteDetalhaConsultor .detalha-content .conteudoClientes #seminfoClientes img {
  width: 80px !important;
  margin-bottom: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoClientes #seminfoClientes .texto {
  margin-top: 0px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck {
  padding-top: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho {
  width: 100%;
  display: flex;
  gap: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .dadosCadastros {
  width: 100%;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 20px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .dadosCadastros .marcaWL {
  padding: 2px 10px;
  color: white;
  border-radius: 10px;
  width: fit-content;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .parceiroVinculo {
  width: 35%;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .parceiroVinculo .linhaTitulo {
  display: flex;
  justify-content: space-between;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .parceiroVinculo .linhaTitulo .bnt {
  width: 30px;
  height: 30px;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  align-content: center;
  cursor: pointer;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .parceiroVinculo .linhaTitulo .bnt img {
  margin: 0 7.5px;
  width: 15px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .titulo {
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .titulo hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #11cc59;
  height: 2px;
  border-radius: 10px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .perfil {
  padding: 10px 0 0 0;
  width: 100%;
  display: flex;
  gap: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .foto {
  flex-direction: column;
  text-align: center;
  font-size: 10px;
  width: 100px;
  padding-top: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .foto img {
  border-radius: 100%;
  height: 100px;
  width: 100px;
  object-fit: cover;
  margin-bottom: 5px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info {
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados {
  width: 100%;
  border-spacing: 0;
  padding-left: 20px;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody {
  height: auto;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody tr {
  background-color: white;
  width: 100%;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody tr td {
  white-space: normal;
  vertical-align: top;
  word-break: break-word;
  overflow-wrap: break-word;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .titulo {
  font-size: 10px;
  font-weight: normal;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .dado {
  font-size: 11px;
  font-weight: bold;
}
.componenteDetalhaConsultor .detalha-content .conteudoFasesUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .dado img {
  width: 17px;
}

.linhaTituloBtnPadrao {
  display: flex;
  justify-content: space-between;
}
.linhaTituloBtnPadrao .blocoBtnPadrao {
  display: flex;
}
.linhaTituloBtnPadrao .blocoBtnPadrao .btnPadrao {
  cursor: pointer;
  user-select: none;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin-left: 10px;
}

.pagewlcadastrosmarcas .linhaBotoes,
.pagewlcadastrosunidademedida .linhaBotoes,
.pagewlcaracteristicas .linhaBotoes,
.pagewlcadastroscores .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: #f9f9f9;
}
.pagewlcadastrosmarcas .linhaBotoes .botoesAcesso,
.pagewlcadastrosunidademedida .linhaBotoes .botoesAcesso,
.pagewlcaracteristicas .linhaBotoes .botoesAcesso,
.pagewlcadastroscores .linhaBotoes .botoesAcesso {
  overflow: visible !important;
  width: 100%;
  gap: 5px;
  padding: 0px !important;
  height: auto !important;
  margin-bottom: 10px;
  margin-top: 2px;
}
.pagewlcadastrosmarcas .linhaBotoes .btnVoltar .btnDetalha,
.pagewlcadastrosunidademedida .linhaBotoes .btnVoltar .btnDetalha,
.pagewlcaracteristicas .linhaBotoes .btnVoltar .btnDetalha,
.pagewlcadastroscores .linhaBotoes .btnVoltar .btnDetalha {
  margin-left: 0;
}
.pagewlcadastrosmarcas .linhaBotoes .btnDetalha,
.pagewlcadastrosunidademedida .linhaBotoes .btnDetalha,
.pagewlcaracteristicas .linhaBotoes .btnDetalha,
.pagewlcadastroscores .linhaBotoes .btnDetalha {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: white;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 10px;
}
.pagewlcadastrosmarcas .linhaBotoes .btnDetalha .img_branca,
.pagewlcadastrosunidademedida .linhaBotoes .btnDetalha .img_branca,
.pagewlcaracteristicas .linhaBotoes .btnDetalha .img_branca,
.pagewlcadastroscores .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.pagewlcadastrosmarcas .linhaBotoes .btnDetalha .img_verde,
.pagewlcadastrosunidademedida .linhaBotoes .btnDetalha .img_verde,
.pagewlcaracteristicas .linhaBotoes .btnDetalha .img_verde,
.pagewlcadastroscores .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.pagewlcadastrosmarcas .linhaBotoes .botaoEscrito,
.pagewlcadastrosunidademedida .linhaBotoes .botaoEscrito,
.pagewlcaracteristicas .linhaBotoes .botaoEscrito,
.pagewlcadastroscores .linhaBotoes .botaoEscrito {
  cursor: pointer;
  text-align: center;
  width: 100%;
  background-color: white;
  padding: 5px;
  border-radius: 7px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  color: #11cc59;
  font-weight: bold;
}
.pagewlcadastrosmarcas .linhaBotoes .botaoEscrito:disabled,
.pagewlcadastrosunidademedida .linhaBotoes .botaoEscrito:disabled,
.pagewlcaracteristicas .linhaBotoes .botaoEscrito:disabled,
.pagewlcadastroscores .linhaBotoes .botaoEscrito:disabled {
  cursor: not-allowed !important;
  pointer-events: none;
}
.pagewlcadastrosmarcas .linhaBotoes .disabled,
.pagewlcadastrosunidademedida .linhaBotoes .disabled,
.pagewlcaracteristicas .linhaBotoes .disabled,
.pagewlcadastroscores .linhaBotoes .disabled {
  cursor: not-allowed !important;
  text-align: center;
  width: 100%;
  background-color: #d0cccc;
  padding: 6px;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  color: #828181;
  font-weight: bold;
}
.pagewlcadastrosmarcas .selecionaPageCaracteristica,
.pagewlcadastrosunidademedida .selecionaPageCaracteristica,
.pagewlcaracteristicas .selecionaPageCaracteristica,
.pagewlcadastroscores .selecionaPageCaracteristica {
  background-color: #11cc59 !important;
  color: white !important;
}
.pagewlcadastrosmarcas .tom,
.pagewlcadastrosunidademedida .tom,
.pagewlcaracteristicas .tom,
.pagewlcadastroscores .tom {
  margin-right: 5px;
  width: 80px;
  height: 15px;
  border-radius: 2px;
  border: 1px solid black;
}
.pagewlcadastrosmarcas .tom img,
.pagewlcadastrosunidademedida .tom img,
.pagewlcaracteristicas .tom img,
.pagewlcadastroscores .tom img {
  background-size: cover;
}
.pagewlcadastrosmarcas .btnAddTonalidadePopup,
.pagewlcadastrosmarcas .btnAddTonalidadePopupEdita,
.pagewlcadastrosunidademedida .btnAddTonalidadePopup,
.pagewlcadastrosunidademedida .btnAddTonalidadePopupEdita,
.pagewlcaracteristicas .btnAddTonalidadePopup,
.pagewlcaracteristicas .btnAddTonalidadePopupEdita,
.pagewlcadastroscores .btnAddTonalidadePopup,
.pagewlcadastroscores .btnAddTonalidadePopupEdita {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  padding: 6px 6px;
}
.pagewlcadastrosmarcas .btnAddTonalidadePopup img,
.pagewlcadastrosmarcas .btnAddTonalidadePopupEdita img,
.pagewlcadastrosunidademedida .btnAddTonalidadePopup img,
.pagewlcadastrosunidademedida .btnAddTonalidadePopupEdita img,
.pagewlcaracteristicas .btnAddTonalidadePopup img,
.pagewlcaracteristicas .btnAddTonalidadePopupEdita img,
.pagewlcadastroscores .btnAddTonalidadePopup img,
.pagewlcadastroscores .btnAddTonalidadePopupEdita img {
  height: 16px !important;
  position: relative !important;
  top: 0px !important;
  right: 0px !important;
}
.pagewlcadastrosmarcas #inputTom .tomLista,
.pagewlcadastrosunidademedida #inputTom .tomLista,
.pagewlcaracteristicas #inputTom .tomLista,
.pagewlcadastroscores #inputTom .tomLista {
  margin-right: 5px;
  width: 30px;
  height: 15px;
  border-radius: 2px;
  border: 1px solid black;
}
.pagewlcadastrosmarcas #divImagemEditaMarca,
.pagewlcadastrosunidademedida #divImagemEditaMarca,
.pagewlcaracteristicas #divImagemEditaMarca,
.pagewlcadastroscores #divImagemEditaMarca {
  height: 80px !important;
  width: 80px !important;
}
.pagewlcadastrosmarcas #divImagemEditaMarca #imgEditaMarca,
.pagewlcadastrosunidademedida #divImagemEditaMarca #imgEditaMarca,
.pagewlcaracteristicas #divImagemEditaMarca #imgEditaMarca,
.pagewlcadastroscores #divImagemEditaMarca #imgEditaMarca {
  position: relative;
  top: 0px;
  right: -11px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
}
.pagewlcadastrosmarcas #divImagemMarca,
.pagewlcadastrosunidademedida #divImagemMarca,
.pagewlcaracteristicas #divImagemMarca,
.pagewlcadastroscores #divImagemMarca {
  height: 80px !important;
  width: 80px !important;
}
.pagewlcadastrosmarcas #divImagemMarca #imgMarca,
.pagewlcadastrosunidademedida #divImagemMarca #imgMarca,
.pagewlcaracteristicas #divImagemMarca #imgMarca,
.pagewlcadastroscores #divImagemMarca #imgMarca {
  position: relative;
  top: 0px;
  right: -11px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
}
.pagewlcadastrosmarcas .linhaFlex,
.pagewlcadastrosunidademedida .linhaFlex,
.pagewlcaracteristicas .linhaFlex,
.pagewlcadastroscores .linhaFlex {
  display: flex;
  justify-content: space-between;
}
.pagewlcadastrosmarcas .linhaFlex .left,
.pagewlcadastrosunidademedida .linhaFlex .left,
.pagewlcaracteristicas .linhaFlex .left,
.pagewlcadastroscores .linhaFlex .left {
  width: calc(50% - 5px);
}
.pagewlcadastrosmarcas .linhaFlex .right,
.pagewlcadastrosunidademedida .linhaFlex .right,
.pagewlcaracteristicas .linhaFlex .right,
.pagewlcadastroscores .linhaFlex .right {
  width: calc(50% - 5px);
}
.pagewlcadastrosmarcas .selecionaCorTonalidade,
.pagewlcadastrosunidademedida .selecionaCorTonalidade,
.pagewlcaracteristicas .selecionaCorTonalidade,
.pagewlcadastroscores .selecionaCorTonalidade {
  background-color: #11cc59 !important;
  color: white !important;
}
.pagewlcadastrosmarcas .divInputTom,
.pagewlcadastrosunidademedida .divInputTom,
.pagewlcaracteristicas .divInputTom,
.pagewlcadastroscores .divInputTom {
  padding: 4px 10px;
}
.pagewlcadastrosmarcas .dropdown-toggle,
.pagewlcadastrosunidademedida .dropdown-toggle,
.pagewlcaracteristicas .dropdown-toggle,
.pagewlcadastroscores .dropdown-toggle {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
}
.pagewlcadastrosmarcas .dropdown-toggle .corSelecionada,
.pagewlcadastrosunidademedida .dropdown-toggle .corSelecionada,
.pagewlcaracteristicas .dropdown-toggle .corSelecionada,
.pagewlcadastroscores .dropdown-toggle .corSelecionada {
  width: 90%;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.pagewlcadastrosmarcas .dropdown-toggle .corSelecionada .descricao,
.pagewlcadastrosunidademedida .dropdown-toggle .corSelecionada .descricao,
.pagewlcaracteristicas .dropdown-toggle .corSelecionada .descricao,
.pagewlcadastroscores .dropdown-toggle .corSelecionada .descricao {
  width: 90%;
  color: #5c5c5c !important;
}
.pagewlcadastrosmarcas .dropdown-toggle .corSelecionada .cor,
.pagewlcadastrosunidademedida .dropdown-toggle .corSelecionada .cor,
.pagewlcaracteristicas .dropdown-toggle .corSelecionada .cor,
.pagewlcadastroscores .dropdown-toggle .corSelecionada .cor {
  width: 100px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid black;
}
.pagewlcadastrosmarcas .dropdown-toggle .corSelecionada .estampada,
.pagewlcadastrosunidademedida .dropdown-toggle .corSelecionada .estampada,
.pagewlcaracteristicas .dropdown-toggle .corSelecionada .estampada,
.pagewlcadastroscores .dropdown-toggle .corSelecionada .estampada {
  background: url("../img/estampada.png") !important;
  background-color: contain !important;
  background-size: 100% !important;
}
.pagewlcadastrosmarcas .dropdown-menu,
.pagewlcadastrosunidademedida .dropdown-menu,
.pagewlcaracteristicas .dropdown-menu,
.pagewlcadastroscores .dropdown-menu {
  padding: 0;
  width: 94%;
  margin-top: -5px !important;
  border-top: none;
  border-radius: 0;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  height: 150px;
  overflow: auto;
}
.pagewlcadastrosmarcas .dropdown-menu::-webkit-scrollbar-track,
.pagewlcadastrosunidademedida .dropdown-menu::-webkit-scrollbar-track,
.pagewlcaracteristicas .dropdown-menu::-webkit-scrollbar-track,
.pagewlcadastroscores .dropdown-menu::-webkit-scrollbar-track {
  background-color: white;
  width: 5px;
}
.pagewlcadastrosmarcas .dropdown-menu .dropdown-item,
.pagewlcadastrosunidademedida .dropdown-menu .dropdown-item,
.pagewlcaracteristicas .dropdown-menu .dropdown-item,
.pagewlcadastroscores .dropdown-menu .dropdown-item {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 5px;
  font-size: 12px;
  cursor: pointer;
}
.pagewlcadastrosmarcas .dropdown-menu .dropdown-item .descricao,
.pagewlcadastrosunidademedida .dropdown-menu .dropdown-item .descricao,
.pagewlcaracteristicas .dropdown-menu .dropdown-item .descricao,
.pagewlcadastroscores .dropdown-menu .dropdown-item .descricao {
  width: 90%;
  color: #5c5c5c;
}
.pagewlcadastrosmarcas .dropdown-menu .dropdown-item .cor,
.pagewlcadastrosunidademedida .dropdown-menu .dropdown-item .cor,
.pagewlcaracteristicas .dropdown-menu .dropdown-item .cor,
.pagewlcadastroscores .dropdown-menu .dropdown-item .cor {
  width: 100px;
  height: 15px;
  border-radius: 3px;
  border: 1px solid black;
}
.pagewlcadastrosmarcas .dropdown-menu .dropdown-item .estampada,
.pagewlcadastrosunidademedida .dropdown-menu .dropdown-item .estampada,
.pagewlcaracteristicas .dropdown-menu .dropdown-item .estampada,
.pagewlcadastroscores .dropdown-menu .dropdown-item .estampada {
  background: url("../img/estampada.png");
  background-color: contain;
  background-size: 100%;
}
.pagewlcadastrosmarcas .dropdown-menu .dropdown-item:hover,
.pagewlcadastrosunidademedida .dropdown-menu .dropdown-item:hover,
.pagewlcaracteristicas .dropdown-menu .dropdown-item:hover,
.pagewlcadastroscores .dropdown-menu .dropdown-item:hover {
  background-color: #11cc59;
}
.pagewlcadastrosmarcas .inputTons .form #divInputColor,
.pagewlcadastrosunidademedida .inputTons .form #divInputColor,
.pagewlcaracteristicas .inputTons .form #divInputColor,
.pagewlcadastroscores .inputTons .form #divInputColor {
  padding: 5px !important;
}
.pagewlcadastrosmarcas .inputTons .form #divInputColor #inputCor,
.pagewlcadastrosunidademedida .inputTons .form #divInputColor #inputCor,
.pagewlcaracteristicas .inputTons .form #divInputColor #inputCor,
.pagewlcadastroscores .inputTons .form #divInputColor #inputCor {
  height: 20px;
}
.pagewlcadastrosmarcas .inputEditaTons .form #divInputEditaColor,
.pagewlcadastrosunidademedida .inputEditaTons .form #divInputEditaColor,
.pagewlcaracteristicas .inputEditaTons .form #divInputEditaColor,
.pagewlcadastroscores .inputEditaTons .form #divInputEditaColor {
  padding: 5px !important;
}
.pagewlcadastrosmarcas .inputEditaTons .form #divInputEditaColor #inputEditaCor,
.pagewlcadastrosunidademedida .inputEditaTons .form #divInputEditaColor #inputEditaCor,
.pagewlcaracteristicas .inputEditaTons .form #divInputEditaColor #inputEditaCor,
.pagewlcadastroscores .inputEditaTons .form #divInputEditaColor #inputEditaCor {
  height: 20px;
}
.pagewlcadastrosmarcas #divImagemTom,
.pagewlcadastrosunidademedida #divImagemTom,
.pagewlcaracteristicas #divImagemTom,
.pagewlcadastroscores #divImagemTom {
  height: 80px !important;
  width: 80px !important;
}
.pagewlcadastrosmarcas #divImagemTom .add,
.pagewlcadastrosunidademedida #divImagemTom .add,
.pagewlcaracteristicas #divImagemTom .add,
.pagewlcadastroscores #divImagemTom .add {
  position: relative;
  top: 0px;
  right: -11px !important;
  height: 35px !important;
  width: 35px !important;
  border-radius: 50%;
}
.pagewlcadastrosmarcas #divImagemTom #imgTom,
.pagewlcadastrosunidademedida #divImagemTom #imgTom,
.pagewlcaracteristicas #divImagemTom #imgTom,
.pagewlcadastroscores #divImagemTom #imgTom {
  position: relative;
  top: 0px;
  right: 0px;
  height: 65px;
  width: 60px;
  border-radius: 50%;
}
.pagewlcadastrosmarcas #divImagemEditaTom,
.pagewlcadastrosunidademedida #divImagemEditaTom,
.pagewlcaracteristicas #divImagemEditaTom,
.pagewlcadastroscores #divImagemEditaTom {
  height: 80px !important;
  width: 80px !important;
}
.pagewlcadastrosmarcas #divImagemEditaTom #imgEditaTom,
.pagewlcadastrosunidademedida #divImagemEditaTom #imgEditaTom,
.pagewlcaracteristicas #divImagemEditaTom #imgEditaTom,
.pagewlcadastroscores #divImagemEditaTom #imgEditaTom {
  position: relative;
  top: 0px;
  right: -11px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
}
.pagewlcadastrosmarcas .conteudoCategoria,
.pagewlcadastrosunidademedida .conteudoCategoria,
.pagewlcaracteristicas .conteudoCategoria,
.pagewlcadastroscores .conteudoCategoria {
  position: relative;
  display: flex;
}
.pagewlcadastrosmarcas .conteudoCategoria .linhaCabecalho,
.pagewlcadastrosunidademedida .conteudoCategoria .linhaCabecalho,
.pagewlcaracteristicas .conteudoCategoria .linhaCabecalho,
.pagewlcadastroscores .conteudoCategoria .linhaCabecalho {
  display: flex;
  justify-content: space-between;
}
.pagewlcadastrosmarcas .conteudoCategoria .linhaCabecalho .tituloCard,
.pagewlcadastrosunidademedida .conteudoCategoria .linhaCabecalho .tituloCard,
.pagewlcaracteristicas .conteudoCategoria .linhaCabecalho .tituloCard,
.pagewlcadastroscores .conteudoCategoria .linhaCabecalho .tituloCard {
  color: #11cc59;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 12px;
}
.pagewlcadastrosmarcas .conteudoCategoria .linhaCabecalho #btnExcluir,
.pagewlcadastrosunidademedida .conteudoCategoria .linhaCabecalho #btnExcluir,
.pagewlcaracteristicas .conteudoCategoria .linhaCabecalho #btnExcluir,
.pagewlcadastroscores .conteudoCategoria .linhaCabecalho #btnExcluir {
  cursor: pointer;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda {
  width: 50%;
  max-width: 300px;
  min-width: 300px;
  height: calc(100vh - 110px);
  position: relative;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .btnAddCategoria,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .btnAddCategoria,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .btnAddCategoria,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .btnAddCategoria {
  width: 155px;
  height: 30px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  padding: 6px 15px;
  color: #11cc59;
  font-weight: bold;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .btnAddCategoria img,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .btnAddCategoria img,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .btnAddCategoria img,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .btnAddCategoria img {
  width: 15px;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda {
  width: 100%;
  padding: 20px;
  border-radius: 8px;
  height: calc(100vh - 245px);
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  background-color: white;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao {
  font-size: 10px;
  width: 18px;
  position: relative;
  left: 240px;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai::before,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai::before,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai::before,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai::before {
  content: "-";
  color: white;
  display: inline-flex;
  margin-right: 6px;
  background-color: #11cc59;
  border-radius: 5px;
  height: 18px;
  width: 18px;
  font-size: 18px;
  align-items: center;
  justify-content: center;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai-down::before,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai-down::before,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai-down::before,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai-down::before {
  content: "+";
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias {
  overflow-y: scroll;
  height: calc(100vh - 300px);
  margin-top: 10px;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-track,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-track,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-track,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-track {
  border-bottom-right-radius: 10px;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar {
  border-bottom-right-radius: 10px;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-thumb,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-thumb,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-thumb,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-thumb {
  border-bottom-right-radius: 10px;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-track,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-track,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-track,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-track {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-thumb,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-thumb,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-thumb,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-thumb {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda ul,
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda li,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda ul,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda li,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda ul,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda li,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda ul,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda li {
  list-style-type: none;
  margin-bottom: 5px;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria_filho,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria_filho,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria_filho,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria_filho {
  margin-bottom: 0px !important;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao {
  cursor: pointer;
  user-select: none;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao.active,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao.active,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao.active,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao.active {
  color: #11cc59;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai::before,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai::before,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai::before,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai::before {
  font-size: 15px;
  content: "-";
  color: white;
  display: inline-flex;
  margin-right: 6px;
  background-color: #11cc59;
  border-radius: 5px;
  height: 16px;
  width: 16px;
  align-items: center;
  justify-content: center;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai-down::before,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai-down::before,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai-down::before,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai-down::before {
  content: "+";
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos {
  display: none;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos.active,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos.active,
.pagewlcaracteristicas .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos.active,
.pagewlcadastroscores .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos.active {
  display: block;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoDireita,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoDireita,
.pagewlcaracteristicas .conteudoCategoria .conteudoDireita,
.pagewlcadastroscores .conteudoCategoria .conteudoDireita {
  width: 100%;
  /* min-height: 570px;
  max-height: 570px; */
  height: calc(100vh - 110px);
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoDireita .cardDireita,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoDireita .cardDireita,
.pagewlcaracteristicas .conteudoCategoria .conteudoDireita .cardDireita,
.pagewlcadastroscores .conteudoCategoria .conteudoDireita .cardDireita {
  margin: 0px 0px 10px 20px;
  overflow: auto;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  background-color: white;
  padding: 20px;
  height: calc(100vh - 110px);
  /* min-height: 570px;
  max-height: 570px; */
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoDireita .cardDireita .conteudoGeral,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoDireita .cardDireita .conteudoGeral,
.pagewlcaracteristicas .conteudoCategoria .conteudoDireita .cardDireita .conteudoGeral,
.pagewlcadastroscores .conteudoCategoria .conteudoDireita .cardDireita .conteudoGeral {
  height: calc(100% - 35px);
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico,
.pagewlcaracteristicas .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico,
.pagewlcadastroscores .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico {
  display: flex;
  width: 150px;
  margin-left: auto;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico .salvar,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico .salvar,
.pagewlcaracteristicas .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico .salvar,
.pagewlcadastroscores .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico .salvar {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm,
.pagewlcaracteristicas .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm,
.pagewlcadastroscores .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm {
  cursor: pointer;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem,
.pagewlcaracteristicas .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem,
.pagewlcadastroscores .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem {
  height: 230px !important;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput,
.pagewlcaracteristicas .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput,
.pagewlcadastroscores .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput {
  text-align: center;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img #imgPrincipal,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img #imgPrincipal,
.pagewlcaracteristicas .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img #imgPrincipal,
.pagewlcadastroscores .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img #imgPrincipal {
  max-height: 200px;
  width: 100%;
  border-radius: 10px;
  object-position: center;
  object-fit: cover;
}
.pagewlcadastrosmarcas .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img .add,
.pagewlcadastrosunidademedida .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img .add,
.pagewlcaracteristicas .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img .add,
.pagewlcadastroscores .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img .add {
  width: 60px;
  background-color: transparent;
  border-radius: 10px !important;
}

/*-----------------------------------------------------------------------------*/
/*                                     CRÉDITO                                 */
/*-----------------------------------------------------------------------------*/
#mapdashconsultoras {
  width: 100%;
  z-index: 2;
}

.leaflet-bottom.leaflet-right {
  display: none !important;
}

.dadostextodentro {
  display: grid;
  margin: -9px 3px 6px 0px;
}

.textografico {
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  margin: 9px 6px;
  padding-top: 6%;
  background-color: white;
}

.textografico2 {
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  margin: 0px 6px 2px 6px;
  background-color: white;
}

.alinhadados {
  display: flex;
  justify-content: center;
  font-size: 16px;
  margin: 6px;
}

.divalinhadados {
  display: flex;
  justify-content: center;
  font-size: 15px;
}

#mapdashconsultoras {
  height: 80vh;
  width: 100%;
  z-index: 2;
  border-radius: 12px;
  margin: 15px;
}

.bordagrafico {
  display: flex;
  width: 100%;
  height: 83%;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  background-color: white;
}

.leaflet-bottom.leaflet-right {
  display: none !important;
}

.todografico {
  display: flex;
  flex-direction: row-reverse;
  margin-right: 16px;
}

.dadosauxiliargrafico {
  border-radius: 12px;
  z-index: 99;
  border-radius: 12px;
  z-index: 99;
}

.dadostexto {
  display: grid;
  align-items: stretch;
  height: 100%;
}

.alinhadados {
  display: flex;
  justify-content: center;
  font-size: 16px;
}

.divalinhadados {
  display: flex;
  justify-content: center;
  font-size: 15px;
}

.alinhadadosdregrade {
  display: flex;
  width: 220px;
  justify-content: center;
}

.ex2 {
  height: 85% !important;
  width: 85% !important;
}

.reguagrafico {
  display: grid;
  margin: 0px 10px;
  align-items: center;
  align-content: space-between;
}

.dadosregua {
  font-size: 12px;
}

.dadosgraficobarra {
  display: flex;
  margin-top: 10px;
  margin: 0px 6px;
  margin: 0px 10px 0px 0px;
  border-radius: 12px;
}

.divgraficos_atv_inat {
  display: grid;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin: 0px 6px;
  border-radius: 12px;
  padding: 15px 15px;
  background-color: white;
  margin: 0px -1px 0px 6px;
}

.consultorastatus {
  color: #01d240;
  font-size: 16px;
  display: flex;
  justify-content: center;
  font-weight: bold;
}

/*-----------------------------------------------------------------------------*/
/*                                  Page Categoria                             */
/*-----------------------------------------------------------------------------*/
.pagewlcategoria .page-content-dentro,
.pagewlcadcategoria .page-content-dentro {
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
}
.pagewlcategoria .conteudoCategoria,
.pagewlcadcategoria .conteudoCategoria {
  position: relative;
  display: flex;
  flex: 1;
}
.pagewlcategoria .conteudoCategoria .linhaCabecalho,
.pagewlcadcategoria .conteudoCategoria .linhaCabecalho {
  display: flex;
  justify-content: space-between;
}
.pagewlcategoria .conteudoCategoria .linhaCabecalho .tituloCard,
.pagewlcadcategoria .conteudoCategoria .linhaCabecalho .tituloCard {
  color: #11cc59;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 12px;
}
.pagewlcategoria .conteudoCategoria .linhaCabecalho #btnExcluir,
.pagewlcadcategoria .conteudoCategoria .linhaCabecalho #btnExcluir {
  cursor: pointer;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda {
  width: 50%;
  max-width: 300px;
  min-width: 300px;
  padding: 5px;
  max-height: calc(100vh - 70px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .btnAddCategoria,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .btnAddCategoria {
  width: 155px;
  height: 30px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  padding: 6px 15px;
  color: #11cc59;
  font-weight: bold;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .btnAddCategoria img,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .btnAddCategoria img {
  width: 15px;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  padding: 20px;
  border-radius: 8px;
  flex: 1;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  background-color: white;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao {
  font-size: 10px;
  width: 18px;
  position: relative;
  left: 240px;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai::before,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai::before {
  content: "-";
  color: white;
  display: inline-flex;
  margin-right: 6px;
  background-color: #11cc59;
  border-radius: 5px;
  height: 18px;
  width: 18px;
  font-size: 18px;
  align-items: center;
  justify-content: center;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai-down::before,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .botao .categoria-pai-down::before {
  content: "+";
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias {
  overflow: hidden;
  margin-top: 10px;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-track,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-track {
  border-bottom-right-radius: 10px;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar {
  border-bottom-right-radius: 10px;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-thumb,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda #listaCategorias::-webkit-scrollbar-thumb {
  border-bottom-right-radius: 10px;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-track,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-track {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-thumb,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda::-webkit-scrollbar-thumb {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda ul,
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda li,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda ul,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda li {
  list-style-type: none;
  margin-bottom: 5px;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria_filho,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria_filho {
  margin-bottom: 0px !important;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao {
  cursor: pointer;
  user-select: none;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao.active,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .descricao.active {
  color: #11cc59;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai::before,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai::before {
  font-size: 15px;
  content: "-";
  color: white;
  display: inline-flex;
  margin-right: 6px;
  background-color: #11cc59;
  border-radius: 5px;
  height: 16px;
  width: 16px;
  align-items: center;
  justify-content: center;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai-down::before,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .categoria-pai-down::before {
  content: "+";
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos {
  display: none;
}
.pagewlcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos.active,
.pagewlcadcategoria .conteudoCategoria .conteudoEsquerda .cardEsquerda .filhos.active {
  display: block;
}
.pagewlcategoria .conteudoCategoria .conteudoDireita,
.pagewlcadcategoria .conteudoCategoria .conteudoDireita {
  width: 100%;
  /* min-height: 570px;
  max-height: 570px; */
  padding: 5px;
  max-height: calc(100vh - 70px);
}
.pagewlcategoria .conteudoCategoria .conteudoDireita .cardDireita,
.pagewlcadcategoria .conteudoCategoria .conteudoDireita .cardDireita {
  margin-left: 20px;
  overflow: auto;
  position: relative;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  background-color: white;
  padding: 20px;
  height: 100%;
  /* min-height: 570px;
  max-height: 570px; */
}
.pagewlcategoria .conteudoCategoria .conteudoDireita .cardDireita .conteudoGeral,
.pagewlcadcategoria .conteudoCategoria .conteudoDireita .cardDireita .conteudoGeral {
  height: calc(100% - 35px);
}
.pagewlcategoria .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico,
.pagewlcadcategoria .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico {
  display: flex;
  width: 150px;
  margin-left: auto;
}
.pagewlcategoria .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico .salvar,
.pagewlcadcategoria .conteudoCategoria .conteudoDireita .cardDireita #linhaBotaoUnico .salvar {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
}
.pagewlcategoria .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm,
.pagewlcadcategoria .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm {
  cursor: pointer;
}
.pagewlcategoria .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem,
.pagewlcadcategoria .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem {
  height: 270px !important;
}
.pagewlcategoria .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput,
.pagewlcadcategoria .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput {
  text-align: center;
}
.pagewlcategoria .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img #imgPrincipal,
.pagewlcadcategoria .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img #imgPrincipal {
  max-height: 240px;
  width: 100%;
  border-radius: 10px;
  object-position: center;
  object-fit: cover;
}
.pagewlcategoria .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img .add,
.pagewlcadcategoria .conteudoCategoria .conteudoDireita .cardDireita .divImagemForm .divImagem .divInput .img .add {
  width: 60px;
  background-color: transparent;
  border-radius: 10px !important;
}

/*-----------------------------------------------------------------------------*/
/*                                Integracoes                                  */
/*-----------------------------------------------------------------------------*/
.pagewlintegracoes .colunaIconeOlho,
.pagewleventos .colunaIconeOlho {
  width: 60px;
}
.pagewlintegracoes .page-content-dentro,
.pagewleventos .page-content-dentro {
  padding: 5px 10px 5px 5px !important;
}
.pagewlintegracoes .linhaBotoes,
.pagewleventos .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pagewlintegracoes .linhaBotoes .btnFiltros,
.pagewleventos .linhaBotoes .btnFiltros {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: start;
  gap: 5px;
}
.pagewlintegracoes .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewleventos .linhaBotoes .btnFiltros .btnFiltroConfig {
  background: white;
  color: #11cc59;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 120px;
  padding: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.pagewlintegracoes .linhaBotoes .btnFiltros .active,
.pagewleventos .linhaBotoes .btnFiltros .active {
  background-color: #11cc59;
  color: white;
}
.pagewlintegracoes .linhaBotoes .botoesAcesso,
.pagewleventos .linhaBotoes .botoesAcesso {
  gap: 5px;
  padding-left: 5px;
  margin-left: -5px;
}
.pagewlintegracoes .linhaBotoes .btnVoltar .btnDetalha,
.pagewleventos .linhaBotoes .btnVoltar .btnDetalha {
  margin-left: 0;
}
.pagewlintegracoes .linhaBotoes .btnDetalha,
.pagewleventos .linhaBotoes .btnDetalha {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: white;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 10px;
}
.pagewlintegracoes .linhaBotoes .btnDetalha .img_branca,
.pagewleventos .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.pagewlintegracoes .linhaBotoes .btnDetalha .img_verde,
.pagewleventos .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.pagewlintegracoes .linhaBotoes .botaoEscrito,
.pagewleventos .linhaBotoes .botaoEscrito {
  cursor: pointer;
  text-align: center;
  background-color: white;
  padding: 5px;
  width: 140px;
  border-radius: 7px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  color: #11cc59;
  font-weight: bold;
}
.pagewlintegracoes .linhaBotoes .botaoSelecionado,
.pagewleventos .linhaBotoes .botaoSelecionado {
  background-color: #11cc59 !important;
  color: white !important;
}
.pagewlintegracoes .select2-container,
.pagewleventos .select2-container {
  width: 100% !important;
}
.pagewlintegracoes .listaPaginaCard,
.pagewleventos .listaPaginaCard {
  padding: 5px;
  margin: -5px;
  position: relative;
}
.pagewlintegracoes .listaPaginaCard .linhaCard,
.pagewleventos .listaPaginaCard .linhaCard {
  width: 100%;
  border-radius: 10px;
  background-color: white;
  margin-bottom: 1.5%;
  padding: 20px;
  position: relative;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos {
  display: flex;
  position: relative;
  gap: 15px;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna {
  width: 25%;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .titulo,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .titulo {
  color: #11cc59;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .titulo img,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .titulo img {
  height: 15px;
  margin-left: 5px;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna {
  font-size: 12px;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna .descricao,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna .descricao {
  font-weight: bold;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna .info img,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna .info img {
  width: 15px;
  height: 15px;
  margin-left: 5px;
  cursor: pointer;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna img,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna img {
  width: 55px;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna .infoValor,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna .infoValor {
  font-size: 13px;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna .valorTotal,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos .coluna .conteudoColuna .valorTotal {
  color: #11cc59;
  font-size: 16px;
  font-weight: bold;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos .colunaMaior,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos .colunaMaior {
  width: 35%;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .conteudoCardPedidos .colunaMenor,
.pagewleventos .listaPaginaCard .linhaCard .conteudoCardPedidos .colunaMenor {
  width: 20%;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .observacaoPedido,
.pagewleventos .listaPaginaCard .linhaCard .observacaoPedido {
  margin: 10px 0px;
  display: flex;
  gap: 5px;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .observacaoPedido .descricao,
.pagewleventos .listaPaginaCard .linhaCard .observacaoPedido .descricao {
  font-weight: bold;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .observacaoPedido .info,
.pagewleventos .listaPaginaCard .linhaCard .observacaoPedido .info {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .linhaIconesCard,
.pagewleventos .listaPaginaCard .linhaCard .linhaIconesCard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .linhaIconesCard .valoresCard,
.pagewleventos .listaPaginaCard .linhaCard .linhaIconesCard .valoresCard {
  font-weight: bold;
  font-size: 14px;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .linhaIconesCard .iconesCard,
.pagewleventos .listaPaginaCard .linhaCard .linhaIconesCard .iconesCard {
  display: flex;
  justify-content: end;
  align-items: end;
  gap: 15px;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .linhaIconesCard .iconesCard span,
.pagewleventos .listaPaginaCard .linhaCard .linhaIconesCard .iconesCard span {
  color: #414141;
  font-size: 10px;
}
.pagewlintegracoes .listaPaginaCard .linhaCard .linhaIconesCard .iconesCard img,
.pagewleventos .listaPaginaCard .linhaCard .linhaIconesCard .iconesCard img {
  cursor: pointer;
  height: 20px;
  width: auto;
}
.pagewlintegracoes #conteudoTabela,
.pagewleventos #conteudoTabela {
  margin-bottom: 55px !important;
}
.pagewlintegracoes .detalha-content,
.pagewleventos .detalha-content {
  padding-right: 15px !important;
  overflow-y: hidden !important;
}
.pagewlintegracoes .detalha-content .tituloCard,
.pagewleventos .detalha-content .tituloCard {
  color: #11cc59;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 13px;
}
.pagewlintegracoes .detalha-content #detalharIntegracao,
.pagewlintegracoes .detalha-content #detalharEvento,
.pagewleventos .detalha-content #detalharIntegracao,
.pagewleventos .detalha-content #detalharEvento {
  overflow-y: auto;
  height: 100%;
  margin: 0px -5px;
  padding: 0px 5px;
}
.pagewlintegracoes .detalha-content #detalharIntegracao .conteudoMainDetalhe,
.pagewlintegracoes .detalha-content #detalharEvento .conteudoMainDetalhe,
.pagewleventos .detalha-content #detalharIntegracao .conteudoMainDetalhe,
.pagewleventos .detalha-content #detalharEvento .conteudoMainDetalhe {
  margin-bottom: 45px;
  margin-top: 5px;
}
.pagewlintegracoes .detalha-content #detalharIntegracao .conteudoMainDetalhe .divtextarea,
.pagewlintegracoes .detalha-content #detalharEvento .conteudoMainDetalhe .divtextarea,
.pagewleventos .detalha-content #detalharIntegracao .conteudoMainDetalhe .divtextarea,
.pagewleventos .detalha-content #detalharEvento .conteudoMainDetalhe .divtextarea {
  height: 60px;
}
.pagewlintegracoes .detalha-content #detalharIntegracao .conteudoMainDetalhe .divtextarea textarea,
.pagewlintegracoes .detalha-content #detalharEvento .conteudoMainDetalhe .divtextarea textarea,
.pagewleventos .detalha-content #detalharIntegracao .conteudoMainDetalhe .divtextarea textarea,
.pagewleventos .detalha-content #detalharEvento .conteudoMainDetalhe .divtextarea textarea {
  height: 45px;
}
.pagewlintegracoes .detalha-content #detalharIntegracao .conteudoMainDetalhe .tabConteudo,
.pagewlintegracoes .detalha-content #detalharEvento .conteudoMainDetalhe .tabConteudo,
.pagewleventos .detalha-content #detalharIntegracao .conteudoMainDetalhe .tabConteudo,
.pagewleventos .detalha-content #detalharEvento .conteudoMainDetalhe .tabConteudo {
  width: 100%;
  display: grid;
}
.pagewlintegracoes .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados,
.pagewlintegracoes .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados,
.pagewleventos .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados,
.pagewleventos .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados {
  width: 100%;
}
.pagewlintegracoes .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados .cards,
.pagewlintegracoes .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados .cards,
.pagewleventos .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados .cards,
.pagewleventos .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados .cards {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.pagewlintegracoes .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados .cardDados,
.pagewlintegracoes .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados .cardDados,
.pagewleventos .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados .cardDados,
.pagewleventos .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados .cardDados {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin-bottom: 10px;
  position: relative;
}
.pagewlintegracoes .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaTipo,
.pagewlintegracoes .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaTipo,
.pagewleventos .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaTipo,
.pagewleventos .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaTipo {
  cursor: pointer;
}
.pagewlintegracoes .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaStatusPedido,
.pagewlintegracoes .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaStatusPedido,
.pagewleventos .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaStatusPedido,
.pagewleventos .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaStatusPedido {
  cursor: pointer;
}
.pagewlintegracoes .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaTipoPagamento,
.pagewlintegracoes .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaTipoPagamento,
.pagewleventos .detalha-content #detalharIntegracao .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaTipoPagamento,
.pagewleventos .detalha-content #detalharEvento .conteudoMainDetalhe .conteudoDados .cardDados #inputAdicionaTipoPagamento {
  cursor: pointer;
}
.pagewlintegracoes .detalha-content .selecionaDetalhePedido,
.pagewleventos .detalha-content .selecionaDetalhePedido {
  background-color: #11cc59 !important;
  color: white !important;
}
.pagewlintegracoes .conteudoTimeLine,
.pagewleventos .conteudoTimeLine {
  position: relative;
  height: auto;
  overflow: auto;
  max-height: 200px;
  min-height: 200px;
}
.pagewlintegracoes .conteudoTimeLine .conteudoBloco,
.pagewleventos .conteudoTimeLine .conteudoBloco {
  position: relative;
  padding: 14px 30px 0;
}
.pagewlintegracoes .conteudoTimeLine .conteudoBloco:after,
.pagewleventos .conteudoTimeLine .conteudoBloco:after {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #bebebe;
  top: 0;
  bottom: 0;
  left: 10px;
  margin-left: -3px;
  border-radius: 10px;
}
.pagewlintegracoes .conteudoTimeLine .conteudoBloco .infoBloco,
.pagewleventos .conteudoTimeLine .conteudoBloco .infoBloco {
  margin-top: 5px;
}
.pagewlintegracoes .conteudoTimeLine .conteudoBloco .bolinha,
.pagewleventos .conteudoTimeLine .conteudoBloco .bolinha {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 3px;
  background-color: #5c5c5c;
  top: 18px;
  border-radius: 50%;
  z-index: 1;
}
.pagewlintegracoes .conteudoDadosPagamento,
.pagewleventos .conteudoDadosPagamento {
  font-size: 12px;
}
.pagewlintegracoes .conteudoDadosPagamento .descricao,
.pagewleventos .conteudoDadosPagamento .descricao {
  font-weight: bold;
}
.pagewlintegracoes .dadosPagamento .titulo,
.pagewleventos .dadosPagamento .titulo {
  font-weight: bold;
}
.pagewlintegracoes .formStatus,
.pagewleventos .formStatus {
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.5);
  position: relative;
  margin: 0 auto 15px;
  display: grid;
  align-items: center;
  width: 100%;
  min-height: 30px;
}
.pagewlintegracoes .formStatus .divLabel,
.pagewleventos .formStatus .divLabel {
  color: #5c5c5c;
  background-color: white;
  position: absolute;
  top: -11px;
  left: 8px;
  font-size: 11px;
  padding: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pagewlintegracoes .formStatus .divcheckbox,
.pagewleventos .formStatus .divcheckbox {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
  align-items: start;
  padding: 0 10px;
  font-size: 12px;
  margin-top: 10px;
}
.pagewlintegracoes .formStatus .divcheckbox .divContainer,
.pagewleventos .formStatus .divcheckbox .divContainer {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-right: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0 !important;
}
.pagewlintegracoes .formStatus .divcheckbox .divContainer input,
.pagewleventos .formStatus .divcheckbox .divContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.pagewlintegracoes .formStatus .divcheckbox .divContainer input:disabled,
.pagewleventos .formStatus .divcheckbox .divContainer input:disabled {
  cursor: not-allowed !important;
}
.pagewlintegracoes .formStatus .divcheckbox .checkmark,
.pagewleventos .formStatus .divcheckbox .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #eee;
}
.pagewlintegracoes .formStatus .divcheckbox div,
.pagewleventos .formStatus .divcheckbox div {
  margin-bottom: 2px;
}
.pagewlintegracoes .formStatus .divcheckbox .divContainer:hover input ~ .checkmark,
.pagewleventos .formStatus .divcheckbox .divContainer:hover input ~ .checkmark {
  background-color: #ccc;
}
.pagewlintegracoes .formStatus .divcheckbox .divContainer input:checked ~ .checkmark,
.pagewleventos .formStatus .divcheckbox .divContainer input:checked ~ .checkmark {
  background-color: #11cc59;
}
.pagewlintegracoes .formStatus .divcheckbox .checkmark:after,
.pagewleventos .formStatus .divcheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.pagewlintegracoes .formStatus .divcheckbox .divContainer input:checked ~ .checkmark:after,
.pagewleventos .formStatus .divcheckbox .divContainer input:checked ~ .checkmark:after {
  display: block;
}
.pagewlintegracoes .formStatus .divcheckbox .divContainer .checkmark:after,
.pagewleventos .formStatus .divcheckbox .divContainer .checkmark:after {
  left: 4.33px;
  top: 1px;
  width: 3.5px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*-----------------------------------------------------------------------------*/
/*                           Ciclo de vendas e Apuração                        */
/*-----------------------------------------------------------------------------*/
.pageupwlciclovendas .linhaFecharCicloVenda,
.pagewlapuracaocompra .linhaFecharCicloVenda,
.pagewlapuracaovenda .linhaFecharCicloVenda {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 10px;
}
.pageupwlciclovendas .linhaFecharCicloVenda .atualizadoEm,
.pagewlapuracaocompra .linhaFecharCicloVenda .atualizadoEm,
.pagewlapuracaovenda .linhaFecharCicloVenda .atualizadoEm {
  color: gray;
  font-size: 10px;
}
.pageupwlciclovendas .linhaFecharCicloVenda .btnVerde,
.pagewlapuracaocompra .linhaFecharCicloVenda .btnVerde,
.pagewlapuracaovenda .linhaFecharCicloVenda .btnVerde {
  width: auto;
}
.pageupwlciclovendas .detalha-content #conteudoTabelaDetalhe,
.pagewlapuracaocompra .detalha-content #conteudoTabelaDetalhe,
.pagewlapuracaovenda .detalha-content #conteudoTabelaDetalhe {
  overflow: auto;
}
.pageupwlciclovendas .detalha-content #conteudoTabelaDetalhe table,
.pagewlapuracaocompra .detalha-content #conteudoTabelaDetalhe table,
.pagewlapuracaovenda .detalha-content #conteudoTabelaDetalhe table {
  width: 100vw;
}
.pageupwlciclovendas .detalha-content #conteudoTabelaDetalhe table th,
.pageupwlciclovendas .detalha-content #conteudoTabelaDetalhe table td,
.pagewlapuracaocompra .detalha-content #conteudoTabelaDetalhe table th,
.pagewlapuracaocompra .detalha-content #conteudoTabelaDetalhe table td,
.pagewlapuracaovenda .detalha-content #conteudoTabelaDetalhe table th,
.pagewlapuracaovenda .detalha-content #conteudoTabelaDetalhe table td {
  width: 25ch;
  max-width: 25ch;
}
.pageupwlciclovendas .detalha-content #conteudoTabelaDetalhe table .colunaIcone,
.pagewlapuracaocompra .detalha-content #conteudoTabelaDetalhe table .colunaIcone,
.pagewlapuracaovenda .detalha-content #conteudoTabelaDetalhe table .colunaIcone {
  width: 5ch;
}
.pageupwlciclovendas .detalha-content #conteudoTabelaDetalhe table .colunaMaior,
.pagewlapuracaocompra .detalha-content #conteudoTabelaDetalhe table .colunaMaior,
.pagewlapuracaovenda .detalha-content #conteudoTabelaDetalhe table .colunaMaior {
  width: 40ch;
  max-width: 40ch;
}
.pageupwlciclovendas .detalha-content #conteudoTabelaDetalhe table .colunaMenor,
.pagewlapuracaocompra .detalha-content #conteudoTabelaDetalhe table .colunaMenor,
.pagewlapuracaovenda .detalha-content #conteudoTabelaDetalhe table .colunaMenor {
  width: 15ch;
  max-width: 15ch;
}
.pageupwlciclovendas .detalha-content #conteudoTabelaDetalhe table .colunaMedia,
.pagewlapuracaocompra .detalha-content #conteudoTabelaDetalhe table .colunaMedia,
.pagewlapuracaovenda .detalha-content #conteudoTabelaDetalhe table .colunaMedia {
  width: 22ch;
  max-width: 22ch;
}
.pageupwlciclovendas .detalha-content .topoDetalha,
.pagewlapuracaocompra .detalha-content .topoDetalha,
.pagewlapuracaovenda .detalha-content .topoDetalha {
  display: flex;
  margin-top: 2px;
  height: 125px;
  width: 100%;
  gap: 10px;
}
.pageupwlciclovendas .detalha-content .topoDetalha .filtros,
.pagewlapuracaocompra .detalha-content .topoDetalha .filtros,
.pagewlapuracaovenda .detalha-content .topoDetalha .filtros {
  width: 100%;
}
.pageupwlciclovendas .detalha-content .topoDetalha .conteudoDetalha,
.pagewlapuracaocompra .detalha-content .topoDetalha .conteudoDetalha,
.pagewlapuracaovenda .detalha-content .topoDetalha .conteudoDetalha {
  width: 100%;
  margin-top: 0px;
}
.pageupwlciclovendas .detalha-content .conteudoDetalha,
.pagewlapuracaocompra .detalha-content .conteudoDetalha,
.pagewlapuracaovenda .detalha-content .conteudoDetalha {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
  margin-top: 5px;
}
.pageupwlciclovendas .detalha-content .conteudoDetalha .tituloCard,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .tituloCard,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .tituloCard {
  color: #11cc59;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
}
.pageupwlciclovendas .detalha-content .conteudoDetalha .tituloCard .subtituloCard,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .tituloCard .subtituloCard,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .tituloCard .subtituloCard {
  color: #414141;
  font-weight: normal;
  font-size: 10px;
}
.pageupwlciclovendas .detalha-content .conteudoDetalha .conteudoCard,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .conteudoCard,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .conteudoCard {
  display: flex;
}
.pageupwlciclovendas .detalha-content .conteudoDetalha .conteudoCard tr:nth-child(even),
.pagewlapuracaocompra .detalha-content .conteudoDetalha .conteudoCard tr:nth-child(even),
.pagewlapuracaovenda .detalha-content .conteudoDetalha .conteudoCard tr:nth-child(even) {
  background-color: white;
}
.pageupwlciclovendas .detalha-content .conteudoDetalha .conteudoCard tbody,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .conteudoCard tbody,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .conteudoCard tbody {
  height: auto;
}
.pageupwlciclovendas .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao,
.pageupwlciclovendas .detalha-content .conteudoDetalha .conteudoCard .linha .descricao,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .conteudoCard .linha .descricao,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .conteudoCard .linha .descricao {
  font-size: 10.5px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.pageupwlciclovendas .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao img,
.pageupwlciclovendas .detalha-content .conteudoDetalha .conteudoCard .linha .descricao img,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao img,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .conteudoCard .linha .descricao img,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao img,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .conteudoCard .linha .descricao img {
  height: 12px;
  margin-left: 2px;
}
.pageupwlciclovendas .detalha-content .conteudoDetalha .conteudoCard .coluna .info,
.pageupwlciclovendas .detalha-content .conteudoDetalha .conteudoCard .linha .info,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .conteudoCard .coluna .info,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .conteudoCard .linha .info,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .conteudoCard .coluna .info,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .conteudoCard .linha .info {
  align-items: center;
  display: flex;
}
.pageupwlciclovendas .detalha-content .conteudoDetalha .conteudoCard .coluna .info img,
.pageupwlciclovendas .detalha-content .conteudoDetalha .conteudoCard .linha .info img,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .conteudoCard .coluna .info img,
.pagewlapuracaocompra .detalha-content .conteudoDetalha .conteudoCard .linha .info img,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .conteudoCard .coluna .info img,
.pagewlapuracaovenda .detalha-content .conteudoDetalha .conteudoCard .linha .info img {
  width: 40px;
  margin-right: 10px;
}
.pageupwlciclovendas .select2-container--default,
.pagewlapuracaocompra .select2-container--default,
.pagewlapuracaovenda .select2-container--default {
  width: 100% !important;
}

/*-----------------------------------------------------------------------------*/
/*                                 Qualificação                                */
/*-----------------------------------------------------------------------------*/
.pagequalificacao .detalha-content,
.pagequalificacaocompra .detalha-content,
.pagequalificacaovenda .detalha-content {
  padding-right: 20px !important;
}
.pagequalificacao .detalha-content .linhaBotoes,
.pagequalificacaocompra .detalha-content .linhaBotoes,
.pagequalificacaovenda .detalha-content .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pagequalificacao .detalha-content .linhaBotoes .botoesAcesso,
.pagequalificacaocompra .detalha-content .linhaBotoes .botoesAcesso,
.pagequalificacaovenda .detalha-content .linhaBotoes .botoesAcesso {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: end !important;
  padding-left: 5px;
}
.pagequalificacao .detalha-content .linhaBotoes .botoesAcesso .botaoEscrito,
.pagequalificacaocompra .detalha-content .linhaBotoes .botoesAcesso .botaoEscrito,
.pagequalificacaovenda .detalha-content .linhaBotoes .botoesAcesso .botaoEscrito {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  background-color: white;
  padding: 5px;
  border-radius: 7px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-right: 5px;
  color: #11cc59;
  font-weight: bold;
}
.pagequalificacao .detalha-content .selecionaMenuQualificacao,
.pagequalificacaocompra .detalha-content .selecionaMenuQualificacao,
.pagequalificacaovenda .detalha-content .selecionaMenuQualificacao {
  background-color: #11cc59 !important;
  color: white !important;
}
.pagequalificacao .detalha-content .conteudoDetalha,
.pagequalificacaocompra .detalha-content .conteudoDetalha,
.pagequalificacaovenda .detalha-content .conteudoDetalha {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
}
.pagequalificacao .detalha-content .conteudoDetalha .tituloCard,
.pagequalificacaocompra .detalha-content .conteudoDetalha .tituloCard,
.pagequalificacaovenda .detalha-content .conteudoDetalha .tituloCard {
  color: #11cc59;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 14px;
}
.pagequalificacao .detalha-content .conteudoDetalha .tituloCard .subtituloCard,
.pagequalificacaocompra .detalha-content .conteudoDetalha .tituloCard .subtituloCard,
.pagequalificacaovenda .detalha-content .conteudoDetalha .tituloCard .subtituloCard {
  color: #414141;
  font-weight: normal;
  font-size: 10px;
}
.pagequalificacao .detalha-content .botoes,
.pagequalificacaocompra .detalha-content .botoes,
.pagequalificacaovenda .detalha-content .botoes {
  margin: 10px 0;
}
.pagequalificacao .detalha-content .linhaBotao,
.pagequalificacaocompra .detalha-content .linhaBotao,
.pagequalificacaovenda .detalha-content .linhaBotao {
  display: flex;
  width: 100%;
  justify-content: end;
}
.pagequalificacao .detalha-content .linhaBotao .botaoAdicionar,
.pagequalificacaocompra .detalha-content .linhaBotao .botaoAdicionar,
.pagequalificacaovenda .detalha-content .linhaBotao .botaoAdicionar {
  height: 30px;
  margin-left: 5px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  padding: 6px 15px;
  color: #11cc59;
  font-weight: bold;
}
.pagequalificacao .detalha-content #conteudoTabelaRegras,
.pagequalificacaocompra .detalha-content #conteudoTabelaRegras,
.pagequalificacaovenda .detalha-content #conteudoTabelaRegras {
  margin-bottom: 0;
}
.pagequalificacao .detalha-content #divImagemIconeDetalhe,
.pagequalificacaocompra .detalha-content #divImagemIconeDetalhe,
.pagequalificacaovenda .detalha-content #divImagemIconeDetalhe {
  height: 75px;
  display: flex;
  justify-content: center;
}
.pagequalificacao .detalha-content #divImagemIconeDetalhe #imgIconeDetalhe,
.pagequalificacaocompra .detalha-content #divImagemIconeDetalhe #imgIconeDetalhe,
.pagequalificacaovenda .detalha-content #divImagemIconeDetalhe #imgIconeDetalhe {
  height: 50px;
}
.pagequalificacao #textoRegra,
.pagequalificacaocompra #textoRegra,
.pagequalificacaovenda #textoRegra {
  margin-bottom: 30px;
  color: #414141;
}
.pagequalificacao .divLabel label,
.pagequalificacaocompra .divLabel label,
.pagequalificacaovenda .divLabel label {
  display: flex;
  align-items: center;
}
.pagequalificacao .divLabel label .tooltip-container,
.pagequalificacaocompra .divLabel label .tooltip-container,
.pagequalificacaovenda .divLabel label .tooltip-container {
  margin-left: 5px;
}
.pagequalificacao .divLabel label .tooltip-container img,
.pagequalificacaocompra .divLabel label .tooltip-container img,
.pagequalificacaovenda .divLabel label .tooltip-container img {
  width: 14px;
  height: 14px;
  margin: 0;
}
.pagequalificacao .divLabel label .tooltip-container .tooltip-content,
.pagequalificacaocompra .divLabel label .tooltip-container .tooltip-content,
.pagequalificacaovenda .divLabel label .tooltip-container .tooltip-content {
  min-width: 250px;
  text-align: left;
}
.pagequalificacao .linhaTitulo,
.pagequalificacaocompra .linhaTitulo,
.pagequalificacaovenda .linhaTitulo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.pagequalificacao .linhaTitulo .tituloCard,
.pagequalificacaocompra .linhaTitulo .tituloCard,
.pagequalificacaovenda .linhaTitulo .tituloCard {
  margin: 0 !important;
}
.pagequalificacao .botoesReq,
.pagequalificacao .botoesGrupo,
.pagequalificacaocompra .botoesReq,
.pagequalificacaocompra .botoesGrupo,
.pagequalificacaovenda .botoesReq,
.pagequalificacaovenda .botoesGrupo {
  display: none;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border-radius: 4px;
  margin-top: 14px;
  background-color: #f9fafb;
}
.pagequalificacao .botoesReq .botaoReq,
.pagequalificacao .botoesGrupo .botaoReq,
.pagequalificacaocompra .botoesReq .botaoReq,
.pagequalificacaocompra .botoesGrupo .botaoReq,
.pagequalificacaovenda .botoesReq .botaoReq,
.pagequalificacaovenda .botoesGrupo .botaoReq {
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  color: #4b5563;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
}
.pagequalificacao .botoesReq .botaoReq.selecionado,
.pagequalificacao .botoesGrupo .botaoReq.selecionado,
.pagequalificacaocompra .botoesReq .botaoReq.selecionado,
.pagequalificacaocompra .botoesGrupo .botaoReq.selecionado,
.pagequalificacaovenda .botoesReq .botaoReq.selecionado,
.pagequalificacaovenda .botoesGrupo .botaoReq.selecionado {
  background-color: rgba(17, 204, 89, 0.1);
  color: #11cc59;
}
.pagequalificacao .wrapperBotoesGrupo.operadorCustom .wrapperBotoesReq:not(:last-child) > .botoesReq,
.pagequalificacao .wrapperBotoesGrupo.operadorCustom .wrapperBotoesReq:not(:last-child) > .botoesGrupo,
.pagequalificacao #gruposRequisitos.operadorCustom > .wrapperBotoesGrupo:not(:last-child) > .botoesReq,
.pagequalificacao #gruposRequisitos.operadorCustom > .wrapperBotoesGrupo:not(:last-child) > .botoesGrupo,
.pagequalificacaocompra .wrapperBotoesGrupo.operadorCustom .wrapperBotoesReq:not(:last-child) > .botoesReq,
.pagequalificacaocompra .wrapperBotoesGrupo.operadorCustom .wrapperBotoesReq:not(:last-child) > .botoesGrupo,
.pagequalificacaocompra #gruposRequisitos.operadorCustom > .wrapperBotoesGrupo:not(:last-child) > .botoesReq,
.pagequalificacaocompra #gruposRequisitos.operadorCustom > .wrapperBotoesGrupo:not(:last-child) > .botoesGrupo,
.pagequalificacaovenda .wrapperBotoesGrupo.operadorCustom .wrapperBotoesReq:not(:last-child) > .botoesReq,
.pagequalificacaovenda .wrapperBotoesGrupo.operadorCustom .wrapperBotoesReq:not(:last-child) > .botoesGrupo,
.pagequalificacaovenda #gruposRequisitos.operadorCustom > .wrapperBotoesGrupo:not(:last-child) > .botoesReq,
.pagequalificacaovenda #gruposRequisitos.operadorCustom > .wrapperBotoesGrupo:not(:last-child) > .botoesGrupo {
  display: inline-flex;
}
.pagequalificacao .botaoGrupo,
.pagequalificacaocompra .botaoGrupo,
.pagequalificacaovenda .botaoGrupo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
.pagequalificacao .botaoGrupo .botaoLabel,
.pagequalificacaocompra .botaoGrupo .botaoLabel,
.pagequalificacaovenda .botaoGrupo .botaoLabel {
  font-size: 10px;
  color: #aaa;
  margin-right: 3px;
}
.pagequalificacao .botaoGrupo .botaoOpcao,
.pagequalificacaocompra .botaoGrupo .botaoOpcao,
.pagequalificacaovenda .botaoGrupo .botaoOpcao {
  background-color: transparent;
  border-radius: 6px;
  border: 1px solid #d7d7d7;
  user-select: none;
  cursor: pointer;
  padding: 5px 10px;
  color: #5c5c5c;
  font-weight: 600;
  font-size: 10px;
  transition: 0.15s;
}
.pagequalificacao .botaoGrupo .botaoOpcao:hover,
.pagequalificacaocompra .botaoGrupo .botaoOpcao:hover,
.pagequalificacaovenda .botaoGrupo .botaoOpcao:hover {
  border-color: #bcbcbc;
}
.pagequalificacao .botaoGrupo .botaoOpcao.selecionado,
.pagequalificacaocompra .botaoGrupo .botaoOpcao.selecionado,
.pagequalificacaovenda .botaoGrupo .botaoOpcao.selecionado {
  background-color: #11cc59;
  color: white;
  border-color: #11cc59;
}
.pagequalificacao #gruposRequisitos,
.pagequalificacaocompra #gruposRequisitos,
.pagequalificacaovenda #gruposRequisitos {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pagequalificacao .grupoRequisito,
.pagequalificacaocompra .grupoRequisito,
.pagequalificacaovenda .grupoRequisito {
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 8px 16px;
}
.pagequalificacao .grupoRequisito .divLabel,
.pagequalificacaocompra .grupoRequisito .divLabel,
.pagequalificacaovenda .grupoRequisito .divLabel {
  background-color: #f8f8f8;
}
.pagequalificacao .tituloRequisito,
.pagequalificacaocompra .tituloRequisito,
.pagequalificacaovenda .tituloRequisito {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 22px;
}
.pagequalificacao .tituloRequisito .tituloEsquerda,
.pagequalificacaocompra .tituloRequisito .tituloEsquerda,
.pagequalificacaovenda .tituloRequisito .tituloEsquerda {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.pagequalificacao .tituloRequisito .num,
.pagequalificacaocompra .tituloRequisito .num,
.pagequalificacaovenda .tituloRequisito .num {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background-color: #11cc59;
  color: white;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagequalificacao .tituloRequisito .titulo,
.pagequalificacaocompra .tituloRequisito .titulo,
.pagequalificacaovenda .tituloRequisito .titulo {
  font-size: 14px;
  font-weight: 700;
  color: #5c5c5c;
}
.pagequalificacao .btnExcluirGrupo,
.pagequalificacao .btnExcluirRequisito,
.pagequalificacaocompra .btnExcluirGrupo,
.pagequalificacaocompra .btnExcluirRequisito,
.pagequalificacaovenda .btnExcluirGrupo,
.pagequalificacaovenda .btnExcluirRequisito {
  border: none;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  color: #a8a8a8;
  transition: 0.35s;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
}
.pagequalificacao .btnExcluirGrupo:hover,
.pagequalificacao .btnExcluirRequisito:hover,
.pagequalificacaocompra .btnExcluirGrupo:hover,
.pagequalificacaocompra .btnExcluirRequisito:hover,
.pagequalificacaovenda .btnExcluirGrupo:hover,
.pagequalificacaovenda .btnExcluirRequisito:hover {
  color: #ea4335;
  background-color: rgba(234, 67, 53, 0.1490196078);
}
.pagequalificacao .corpoRequisito,
.pagequalificacaocompra .corpoRequisito,
.pagequalificacaovenda .corpoRequisito {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pagequalificacao .corpoRequisito .form,
.pagequalificacaocompra .corpoRequisito .form,
.pagequalificacaovenda .corpoRequisito .form {
  margin-bottom: 0;
}
.pagequalificacao .linhaRequisito,
.pagequalificacaocompra .linhaRequisito,
.pagequalificacaovenda .linhaRequisito {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pagequalificacao .linhaRequisito:hover .btnExcluirRequisito,
.pagequalificacaocompra .linhaRequisito:hover .btnExcluirRequisito,
.pagequalificacaovenda .linhaRequisito:hover .btnExcluirRequisito {
  opacity: 1;
}
.pagequalificacao .linhaRequisito .btnExcluirRequisito,
.pagequalificacaocompra .linhaRequisito .btnExcluirRequisito,
.pagequalificacaovenda .linhaRequisito .btnExcluirRequisito {
  width: 29px;
  height: 29px;
  padding: 3px;
  opacity: 0;
}
.pagequalificacao .linhaRequisito .btnExcluirRequisito i,
.pagequalificacaocompra .linhaRequisito .btnExcluirRequisito i,
.pagequalificacaovenda .linhaRequisito .btnExcluirRequisito i {
  font-size: 18px;
}
.pagequalificacao .camposRequisito,
.pagequalificacaocompra .camposRequisito,
.pagequalificacaovenda .camposRequisito {
  flex: 1;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 12px;
}
.pagequalificacao .adicionarRequisito,
.pagequalificacao .adicionarGrupo,
.pagequalificacaocompra .adicionarRequisito,
.pagequalificacaocompra .adicionarGrupo,
.pagequalificacaovenda .adicionarRequisito,
.pagequalificacaovenda .adicionarGrupo {
  width: fit-content;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  transition: 0.15s;
}
.pagequalificacao .adicionarRequisito i,
.pagequalificacao .adicionarGrupo i,
.pagequalificacaocompra .adicionarRequisito i,
.pagequalificacaocompra .adicionarGrupo i,
.pagequalificacaovenda .adicionarRequisito i,
.pagequalificacaovenda .adicionarGrupo i {
  font-size: 14px;
}
.pagequalificacao .adicionarRequisito,
.pagequalificacaocompra .adicionarRequisito,
.pagequalificacaovenda .adicionarRequisito {
  color: #5c5c5c;
  margin-top: 14px;
  transition: all 0.3s ease;
  border-radius: 4px;
}
.pagequalificacao .adicionarRequisito:hover,
.pagequalificacaocompra .adicionarRequisito:hover,
.pagequalificacaovenda .adicionarRequisito:hover {
  color: #11cc59;
  background-color: rgba(17, 204, 89, 0.1);
}
.pagequalificacao .adicionarGrupo,
.pagequalificacaocompra .adicionarGrupo,
.pagequalificacaovenda .adicionarGrupo {
  margin-top: 18px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 4px 12px;
  color: #414141;
}
.pagequalificacao .adicionarGrupo:hover,
.pagequalificacaocompra .adicionarGrupo:hover,
.pagequalificacaovenda .adicionarGrupo:hover {
  border-color: #11cc59;
  color: #11cc59;
}
.pagequalificacao .btnSalvar,
.pagequalificacaocompra .btnSalvar,
.pagequalificacaovenda .btnSalvar {
  border: none;
  border-radius: 8px;
  background-color: #11cc59;
  color: white;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: 0.15s;
}
.pagequalificacao .btnSalvar:hover,
.pagequalificacaocompra .btnSalvar:hover,
.pagequalificacaovenda .btnSalvar:hover {
  filter: brightness(0.95);
}

/*-----------------------------------------------------------------------------*/
/*                           Bonificação e Recompensa                          */
/*-----------------------------------------------------------------------------*/
.pagewlbonificacao .select2-container--default,
.pagewlrecompensacompra .select2-container--default,
.pagewlrecompensavenda .select2-container--default {
  width: 100% !important;
}
.pagewlbonificacao .detalha-content,
.pagewlrecompensacompra .detalha-content,
.pagewlrecompensavenda .detalha-content {
  padding: 0 20px 20px 5px !important;
  overflow-y: hidden !important;
}
.pagewlbonificacao .detalha-content .conteudoDetalha,
.pagewlrecompensacompra .detalha-content .conteudoDetalha,
.pagewlrecompensavenda .detalha-content .conteudoDetalha {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.pagewlbonificacao .detalha-content .conteudoDetalha .tituloCard,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .tituloCard,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .tituloCard {
  color: #11cc59;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
}
.pagewlbonificacao .detalha-content .conteudoDetalha .conteudoCard,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .conteudoCard,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .conteudoCard {
  display: flex;
}
.pagewlbonificacao .detalha-content .conteudoDetalha .conteudoCard tr:nth-child(even),
.pagewlrecompensacompra .detalha-content .conteudoDetalha .conteudoCard tr:nth-child(even),
.pagewlrecompensavenda .detalha-content .conteudoDetalha .conteudoCard tr:nth-child(even) {
  background-color: white;
}
.pagewlbonificacao .detalha-content .conteudoDetalha .conteudoCard tbody,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .conteudoCard tbody,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .conteudoCard tbody {
  height: auto;
}
.pagewlbonificacao .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao,
.pagewlbonificacao .detalha-content .conteudoDetalha .conteudoCard .linha .descricao,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .conteudoCard .linha .descricao,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .conteudoCard .linha .descricao {
  font-size: 10.5px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.pagewlbonificacao .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao img,
.pagewlbonificacao .detalha-content .conteudoDetalha .conteudoCard .linha .descricao img,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao img,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .conteudoCard .linha .descricao img,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao img,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .conteudoCard .linha .descricao img {
  height: 12px;
  margin-left: 2px;
}
.pagewlbonificacao .detalha-content .conteudoDetalha .conteudoCard .coluna .info,
.pagewlbonificacao .detalha-content .conteudoDetalha .conteudoCard .linha .info,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .conteudoCard .coluna .info,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .conteudoCard .linha .info,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .conteudoCard .coluna .info,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .conteudoCard .linha .info {
  align-items: center;
  display: flex;
}
.pagewlbonificacao .detalha-content .conteudoDetalha .conteudoCard .coluna .info img,
.pagewlbonificacao .detalha-content .conteudoDetalha .conteudoCard .linha .info img,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .conteudoCard .coluna .info img,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .conteudoCard .linha .info img,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .conteudoCard .coluna .info img,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .conteudoCard .linha .info img {
  width: 40px;
  margin-right: 10px;
}
.pagewlbonificacao .detalha-content .conteudoDetalha .linhaFecharCicloVenda,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .linhaFecharCicloVenda,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .linhaFecharCicloVenda {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 10px;
}
.pagewlbonificacao .detalha-content .conteudoDetalha .linhaFecharCicloVenda .atualizadoEm,
.pagewlrecompensacompra .detalha-content .conteudoDetalha .linhaFecharCicloVenda .atualizadoEm,
.pagewlrecompensavenda .detalha-content .conteudoDetalha .linhaFecharCicloVenda .atualizadoEm {
  color: gray;
  font-size: 10px;
}
.pagewlbonificacao #conteudoTabelaDetalhe,
.pagewlrecompensacompra #conteudoTabelaDetalhe,
.pagewlrecompensavenda #conteudoTabelaDetalhe {
  padding: 20px;
}
.pagewlbonificacao #conteudoTabelaDetalhe .linhaSaldoDisponivel,
.pagewlrecompensacompra #conteudoTabelaDetalhe .linhaSaldoDisponivel,
.pagewlrecompensavenda #conteudoTabelaDetalhe .linhaSaldoDisponivel {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid gray;
  font-weight: bold;
  font-size: 16px;
}
.pagewlbonificacao #conteudoTabelaDetalhe .movimentacao,
.pagewlrecompensacompra #conteudoTabelaDetalhe .movimentacao,
.pagewlrecompensavenda #conteudoTabelaDetalhe .movimentacao {
  padding-top: 10px;
}
.pagewlbonificacao #conteudoTabelaDetalhe .movimentacao:last-child,
.pagewlrecompensacompra #conteudoTabelaDetalhe .movimentacao:last-child,
.pagewlrecompensavenda #conteudoTabelaDetalhe .movimentacao:last-child {
  border-bottom: none;
}
.pagewlbonificacao #conteudoTabelaDetalhe .movimentacao .data,
.pagewlrecompensacompra #conteudoTabelaDetalhe .movimentacao .data,
.pagewlrecompensavenda #conteudoTabelaDetalhe .movimentacao .data {
  font-size: 12px;
}
.pagewlbonificacao #conteudoTabelaDetalhe .movimentacao .linhaObsValor,
.pagewlrecompensacompra #conteudoTabelaDetalhe .movimentacao .linhaObsValor,
.pagewlrecompensavenda #conteudoTabelaDetalhe .movimentacao .linhaObsValor {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  padding-top: 2px;
}
.pagewlbonificacao #conteudoTabelaDetalhe .movimentacao .linhaSaldo,
.pagewlrecompensacompra #conteudoTabelaDetalhe .movimentacao .linhaSaldo,
.pagewlrecompensavenda #conteudoTabelaDetalhe .movimentacao .linhaSaldo {
  font-size: 12px;
  display: flex;
  justify-content: end;
  background-color: #f9f9f9;
  padding: 5px 0px;
}

/*-----------------------------------------------------------------------------*/
/*                                   Extrato                                   */
/*-----------------------------------------------------------------------------*/
.pagewlextratocompra .linhaAbas,
.pagewlextratovenda .linhaAbas {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: sticky;
  top: 0;
  z-index: 99;
  width: 50%;
}
.pagewlextratocompra .linhaAbas .botoesAcesso,
.pagewlextratovenda .linhaAbas .botoesAcesso {
  overflow: visible !important;
  width: 100%;
  gap: 5px;
  padding: 0px !important;
  height: auto !important;
  margin-bottom: 10px;
  margin-top: 2px;
}
.pagewlextratocompra .linhaAbas .botaoEscrito,
.pagewlextratovenda .linhaAbas .botaoEscrito {
  cursor: pointer;
  text-align: center;
  width: 100%;
  background-color: white;
  padding: 5px;
  border-radius: 7px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  color: #11cc59;
  font-weight: bold;
}
.pagewlextratocompra .linhaAbas .selecionaPageBonus,
.pagewlextratovenda .linhaAbas .selecionaPageBonus {
  background-color: #11cc59 !important;
  color: white !important;
}
.pagewlextratocompra .paginasAbas,
.pagewlextratovenda .paginasAbas {
  overflow-y: auto !important;
  height: 100%;
  margin: 0px -5px;
  padding: 0px 5px;
}
.pagewlextratocompra .paginasAbas .paginaAba,
.pagewlextratovenda .paginasAbas .paginaAba {
  margin-bottom: 30px;
}
.pagewlextratocompra .select2-container--default,
.pagewlextratovenda .select2-container--default {
  width: 100% !important;
}
.pagewlextratocompra .detalha-content,
.pagewlextratovenda .detalha-content {
  padding: 0 20px 20px 5px !important;
  overflow-y: hidden !important;
}
.pagewlextratocompra .detalha-content .topoDetalha,
.pagewlextratovenda .detalha-content .topoDetalha {
  display: flex;
  margin-top: 2px;
  height: 150px;
  width: 100%;
  gap: 10px;
}
.pagewlextratocompra .detalha-content .topoDetalha .filtros,
.pagewlextratovenda .detalha-content .topoDetalha .filtros {
  width: 100%;
}
.pagewlextratocompra .detalha-content .topoDetalha .conteudoDetalha,
.pagewlextratovenda .detalha-content .topoDetalha .conteudoDetalha {
  width: 100%;
  margin-top: 0px;
}
.pagewlextratocompra .detalha-content .conteudoDetalha,
.pagewlextratovenda .detalha-content .conteudoDetalha {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.pagewlextratocompra .detalha-content .conteudoDetalha .tituloCard,
.pagewlextratovenda .detalha-content .conteudoDetalha .tituloCard {
  color: #11cc59;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
}
.pagewlextratocompra .detalha-content .conteudoDetalha .tituloCard .subtituloCard,
.pagewlextratovenda .detalha-content .conteudoDetalha .tituloCard .subtituloCard {
  color: #414141;
  font-weight: normal;
  font-size: 10px;
}
.pagewlextratocompra .detalha-content .conteudoDetalha .conteudoCard,
.pagewlextratovenda .detalha-content .conteudoDetalha .conteudoCard {
  display: flex;
}
.pagewlextratocompra .detalha-content .conteudoDetalha .conteudoCard tr:nth-child(even),
.pagewlextratovenda .detalha-content .conteudoDetalha .conteudoCard tr:nth-child(even) {
  background-color: white;
}
.pagewlextratocompra .detalha-content .conteudoDetalha .conteudoCard tbody,
.pagewlextratovenda .detalha-content .conteudoDetalha .conteudoCard tbody {
  height: auto;
}
.pagewlextratocompra .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao,
.pagewlextratocompra .detalha-content .conteudoDetalha .conteudoCard .linha .descricao,
.pagewlextratovenda .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao,
.pagewlextratovenda .detalha-content .conteudoDetalha .conteudoCard .linha .descricao {
  font-size: 10.5px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.pagewlextratocompra .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao img,
.pagewlextratocompra .detalha-content .conteudoDetalha .conteudoCard .linha .descricao img,
.pagewlextratovenda .detalha-content .conteudoDetalha .conteudoCard .coluna .descricao img,
.pagewlextratovenda .detalha-content .conteudoDetalha .conteudoCard .linha .descricao img {
  height: 12px;
  margin-left: 2px;
}
.pagewlextratocompra .detalha-content .conteudoDetalha .conteudoCard .coluna .info,
.pagewlextratocompra .detalha-content .conteudoDetalha .conteudoCard .linha .info,
.pagewlextratovenda .detalha-content .conteudoDetalha .conteudoCard .coluna .info,
.pagewlextratovenda .detalha-content .conteudoDetalha .conteudoCard .linha .info {
  align-items: center;
  display: flex;
}
.pagewlextratocompra .detalha-content .conteudoDetalha .conteudoCard .coluna .info img,
.pagewlextratocompra .detalha-content .conteudoDetalha .conteudoCard .linha .info img,
.pagewlextratovenda .detalha-content .conteudoDetalha .conteudoCard .coluna .info img,
.pagewlextratovenda .detalha-content .conteudoDetalha .conteudoCard .linha .info img {
  width: 40px;
  margin-right: 10px;
}
.pagewlextratocompra .detalha-content .conteudoDetalha .linhaFecharCicloVenda,
.pagewlextratovenda .detalha-content .conteudoDetalha .linhaFecharCicloVenda {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 10px;
}
.pagewlextratocompra .detalha-content .conteudoDetalha .linhaFecharCicloVenda .atualizadoEm,
.pagewlextratovenda .detalha-content .conteudoDetalha .linhaFecharCicloVenda .atualizadoEm {
  color: gray;
  font-size: 10px;
}
.pagewlextratocompra #conteudoTabelaDetalhe,
.pagewlextratocompra #conteudoTabelaDetalheBonus,
.pagewlextratovenda #conteudoTabelaDetalhe,
.pagewlextratovenda #conteudoTabelaDetalheBonus {
  padding: 20px;
}
.pagewlextratocompra #conteudoTabelaDetalhe .linhaSaldoDisponivel,
.pagewlextratocompra #conteudoTabelaDetalheBonus .linhaSaldoDisponivel,
.pagewlextratovenda #conteudoTabelaDetalhe .linhaSaldoDisponivel,
.pagewlextratovenda #conteudoTabelaDetalheBonus .linhaSaldoDisponivel {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid gray;
  font-weight: bold;
  font-size: 16px;
}
.pagewlextratocompra #conteudoTabelaDetalhe .movimentacao,
.pagewlextratocompra #conteudoTabelaDetalheBonus .movimentacao,
.pagewlextratovenda #conteudoTabelaDetalhe .movimentacao,
.pagewlextratovenda #conteudoTabelaDetalheBonus .movimentacao {
  padding-top: 10px;
}
.pagewlextratocompra #conteudoTabelaDetalhe .movimentacao:last-child,
.pagewlextratocompra #conteudoTabelaDetalheBonus .movimentacao:last-child,
.pagewlextratovenda #conteudoTabelaDetalhe .movimentacao:last-child,
.pagewlextratovenda #conteudoTabelaDetalheBonus .movimentacao:last-child {
  border-bottom: none;
}
.pagewlextratocompra #conteudoTabelaDetalhe .movimentacao .data,
.pagewlextratocompra #conteudoTabelaDetalheBonus .movimentacao .data,
.pagewlextratovenda #conteudoTabelaDetalhe .movimentacao .data,
.pagewlextratovenda #conteudoTabelaDetalheBonus .movimentacao .data {
  font-size: 12px;
}
.pagewlextratocompra #conteudoTabelaDetalhe .movimentacao .linhaObsValor,
.pagewlextratocompra #conteudoTabelaDetalheBonus .movimentacao .linhaObsValor,
.pagewlextratovenda #conteudoTabelaDetalhe .movimentacao .linhaObsValor,
.pagewlextratovenda #conteudoTabelaDetalheBonus .movimentacao .linhaObsValor {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  padding-top: 2px;
}
.pagewlextratocompra #conteudoTabelaDetalhe .movimentacao .linhaSaldo,
.pagewlextratocompra #conteudoTabelaDetalheBonus .movimentacao .linhaSaldo,
.pagewlextratovenda #conteudoTabelaDetalhe .movimentacao .linhaSaldo,
.pagewlextratovenda #conteudoTabelaDetalheBonus .movimentacao .linhaSaldo {
  font-size: 12px;
  display: flex;
  justify-content: end;
  background-color: #f9f9f9;
  padding: 5px 0px;
}

/*-----------------------------------------------------------------------------*/
/*                                    Bônus                                    */
/*-----------------------------------------------------------------------------*/
.pagewlgestaobonuscompra .page-content-dentro,
.pagewlgestaobonusvenda .page-content-dentro {
  overflow: hidden !important;
  padding: 5px 10px 5px 5px !important;
}
.pagewlgestaobonuscompra .linhaAbas,
.pagewlgestaobonusvenda .linhaAbas {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: sticky;
  top: 0;
  z-index: 99;
  width: 50%;
}
.pagewlgestaobonuscompra .linhaAbas .botoesAcesso,
.pagewlgestaobonusvenda .linhaAbas .botoesAcesso {
  overflow: visible !important;
  width: 100%;
  gap: 5px;
  padding: 0px !important;
  height: auto !important;
  margin-bottom: 10px;
  margin-top: 2px;
}
.pagewlgestaobonuscompra .linhaAbas .botaoEscrito,
.pagewlgestaobonusvenda .linhaAbas .botaoEscrito {
  cursor: pointer;
  text-align: center;
  width: 100%;
  background-color: white;
  padding: 5px;
  border-radius: 7px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  color: #11cc59;
  font-weight: bold;
}
.pagewlgestaobonuscompra .linhaAbas .selecionaPageBonus,
.pagewlgestaobonusvenda .linhaAbas .selecionaPageBonus {
  background-color: #11cc59 !important;
  color: white !important;
}
.pagewlgestaobonuscompra .paginasAbas,
.pagewlgestaobonusvenda .paginasAbas {
  overflow-y: auto !important;
  height: 100%;
  margin: 0px -5px;
  padding: 0px 5px;
}
.pagewlgestaobonuscompra .paginasAbas .paginaAba,
.pagewlgestaobonusvenda .paginasAbas .paginaAba {
  margin-bottom: 30px;
}
.pagewlgestaobonuscompra .select2-container--default,
.pagewlgestaobonusvenda .select2-container--default {
  width: 100% !important;
}
.pagewlgestaobonuscompra .filtros,
.pagewlgestaobonusvenda .filtros {
  margin-top: 2px;
}

/*-----------------------------------------------------------------------------*/
/*                                   Líderes                                   */
/*-----------------------------------------------------------------------------*/
.pagewlliderescompra .colunaStatus,
.pagewllideresvenda .colunaStatus {
  width: 25ch;
  max-width: 25ch;
}

.pagewlminharedecompra .divtabela,
.pagewlminharedevenda .divtabela,
.pagewlminharedeciclos .divtabela,
.pagewlminharedepedidos .divtabela {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  max-width: 100%;
}
.pagewlminharedecompra .visualizacoesTabela,
.pagewlminharedevenda .visualizacoesTabela,
.pagewlminharedeciclos .visualizacoesTabela,
.pagewlminharedepedidos .visualizacoesTabela {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.pagewlminharedecompra .visualizacoesTabela .botoes-pagina,
.pagewlminharedevenda .visualizacoesTabela .botoes-pagina,
.pagewlminharedeciclos .visualizacoesTabela .botoes-pagina,
.pagewlminharedepedidos .visualizacoesTabela .botoes-pagina {
  padding: 6px 8px;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.pagewlminharedecompra .visualizacoesTabela .botoes-pagina:hover,
.pagewlminharedevenda .visualizacoesTabela .botoes-pagina:hover,
.pagewlminharedeciclos .visualizacoesTabela .botoes-pagina:hover,
.pagewlminharedepedidos .visualizacoesTabela .botoes-pagina:hover {
  background-color: #ccc;
}
.pagewlminharedecompra .visualizacoesTabela .botoes-pagina i,
.pagewlminharedevenda .visualizacoesTabela .botoes-pagina i,
.pagewlminharedeciclos .visualizacoesTabela .botoes-pagina i,
.pagewlminharedepedidos .visualizacoesTabela .botoes-pagina i {
  font-size: inherit;
}
.pagewlminharedecompra .indicacaoView .botaoIndicacaoView,
.pagewlminharedevenda .indicacaoView .botaoIndicacaoView,
.pagewlminharedeciclos .indicacaoView .botaoIndicacaoView,
.pagewlminharedepedidos .indicacaoView .botaoIndicacaoView {
  background-color: #11cc59;
  color: #fff;
}
.pagewlminharedecompra .indicacaoView .botaoIndicacaoView:hover,
.pagewlminharedevenda .indicacaoView .botaoIndicacaoView:hover,
.pagewlminharedeciclos .indicacaoView .botaoIndicacaoView:hover,
.pagewlminharedepedidos .indicacaoView .botaoIndicacaoView:hover {
  background-color: #11cc59 !important;
  color: #fff !important;
}
.pagewlminharedecompra .liderView .botaoLiderView,
.pagewlminharedevenda .liderView .botaoLiderView,
.pagewlminharedeciclos .liderView .botaoLiderView,
.pagewlminharedepedidos .liderView .botaoLiderView {
  background-color: #11cc59;
  color: #fff;
}
.pagewlminharedecompra .liderView .botaoLiderView:hover,
.pagewlminharedevenda .liderView .botaoLiderView:hover,
.pagewlminharedeciclos .liderView .botaoLiderView:hover,
.pagewlminharedepedidos .liderView .botaoLiderView:hover {
  background-color: #11cc59 !important;
  color: #fff !important;
}
.pagewlminharedecompra .colunaMaior,
.pagewlminharedevenda .colunaMaior,
.pagewlminharedeciclos .colunaMaior,
.pagewlminharedepedidos .colunaMaior {
  width: 30ch;
  max-width: 30ch;
}
.pagewlminharedecompra .colunaMenor,
.pagewlminharedevenda .colunaMenor,
.pagewlminharedeciclos .colunaMenor,
.pagewlminharedepedidos .colunaMenor {
  width: 15ch;
  max-width: 15ch;
}
.pagewlminharedecompra .colunaMedia,
.pagewlminharedevenda .colunaMedia,
.pagewlminharedeciclos .colunaMedia,
.pagewlminharedepedidos .colunaMedia {
  width: 22ch;
  max-width: 22ch;
}
.pagewlminharedecompra .linhaBotoes,
.pagewlminharedevenda .linhaBotoes,
.pagewlminharedeciclos .linhaBotoes,
.pagewlminharedepedidos .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pagewlminharedecompra .linhaBotoes .botoesAcesso,
.pagewlminharedevenda .linhaBotoes .botoesAcesso,
.pagewlminharedeciclos .linhaBotoes .botoesAcesso,
.pagewlminharedepedidos .linhaBotoes .botoesAcesso {
  gap: 5px;
  padding-left: 5px;
  margin-left: -5px;
}
.pagewlminharedecompra .linhaBotoes .btnVoltar .btnDetalha,
.pagewlminharedevenda .linhaBotoes .btnVoltar .btnDetalha,
.pagewlminharedeciclos .linhaBotoes .btnVoltar .btnDetalha,
.pagewlminharedepedidos .linhaBotoes .btnVoltar .btnDetalha {
  margin-left: 0;
}
.pagewlminharedecompra .linhaBotoes .btnDetalha,
.pagewlminharedevenda .linhaBotoes .btnDetalha,
.pagewlminharedeciclos .linhaBotoes .btnDetalha,
.pagewlminharedepedidos .linhaBotoes .btnDetalha {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 10px;
}
.pagewlminharedecompra .linhaBotoes .btnDetalha .img_branca,
.pagewlminharedevenda .linhaBotoes .btnDetalha .img_branca,
.pagewlminharedeciclos .linhaBotoes .btnDetalha .img_branca,
.pagewlminharedepedidos .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.pagewlminharedecompra .linhaBotoes .btnDetalha .img_verde,
.pagewlminharedevenda .linhaBotoes .btnDetalha .img_verde,
.pagewlminharedeciclos .linhaBotoes .btnDetalha .img_verde,
.pagewlminharedepedidos .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.pagewlminharedecompra .linhaBotoes .botaoEscrito,
.pagewlminharedevenda .linhaBotoes .botaoEscrito,
.pagewlminharedeciclos .linhaBotoes .botaoEscrito,
.pagewlminharedepedidos .linhaBotoes .botaoEscrito {
  cursor: pointer;
  text-align: center;
  background-color: white;
  padding: 5px;
  width: 140px;
  border-radius: 7px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  color: #11cc59;
  font-weight: bold;
}
.pagewlminharedecompra td:has(> div > .imgOlhoHierarquia),
.pagewlminharedevenda td:has(> div > .imgOlhoHierarquia),
.pagewlminharedeciclos td:has(> div > .imgOlhoHierarquia),
.pagewlminharedepedidos td:has(> div > .imgOlhoHierarquia) {
  overflow: visible;
}
.pagewlminharedecompra .imgOlhoHierarquia,
.pagewlminharedevenda .imgOlhoHierarquia,
.pagewlminharedeciclos .imgOlhoHierarquia,
.pagewlminharedepedidos .imgOlhoHierarquia {
  cursor: pointer;
}
.pagewlminharedecompra .modalDadosHierarquia,
.pagewlminharedevenda .modalDadosHierarquia,
.pagewlminharedeciclos .modalDadosHierarquia,
.pagewlminharedepedidos .modalDadosHierarquia {
  display: none;
  position: absolute;
  bottom: calc(100% + 5px);
  right: 0;
  padding: 10px;
  border-radius: 10px;
  text-align: left;
  box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);
  z-index: 1;
  background-color: white;
}
.pagewlminharedecompra .imgOlhoHierarquia:hover + .modalDadosHierarquia,
.pagewlminharedevenda .imgOlhoHierarquia:hover + .modalDadosHierarquia,
.pagewlminharedeciclos .imgOlhoHierarquia:hover + .modalDadosHierarquia,
.pagewlminharedepedidos .imgOlhoHierarquia:hover + .modalDadosHierarquia {
  display: block;
}
.pagewlminharedecompra .detalha-content,
.pagewlminharedevenda .detalha-content,
.pagewlminharedeciclos .detalha-content,
.pagewlminharedepedidos .detalha-content {
  padding-right: 15px !important;
  overflow-y: hidden !important;
}
.pagewlminharedecompra .detalha-content .tituloCard,
.pagewlminharedevenda .detalha-content .tituloCard,
.pagewlminharedeciclos .detalha-content .tituloCard,
.pagewlminharedepedidos .detalha-content .tituloCard {
  color: #11cc59;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 13px;
}
.pagewlminharedecompra .detalha-content #detalharPedido,
.pagewlminharedevenda .detalha-content #detalharPedido,
.pagewlminharedeciclos .detalha-content #detalharPedido,
.pagewlminharedepedidos .detalha-content #detalharPedido {
  overflow-y: auto;
  height: 100%;
  margin: 0px -5px;
  padding: 0px 5px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe {
  margin-bottom: 45px;
  margin-top: 5px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .divtextarea,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .divtextarea,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .divtextarea,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .divtextarea {
  height: 60px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .divtextarea textarea,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .divtextarea textarea,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .divtextarea textarea,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .divtextarea textarea {
  height: 45px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .tabConteudo,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .tabConteudo,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .tabConteudo,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .tabConteudo {
  width: 100%;
  display: grid;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados {
  width: 100%;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cards,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cards,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cards,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cards {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin-bottom: 10px;
  position: relative;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaTipo,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaTipo,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaTipo,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaTipo {
  cursor: pointer;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaStatusPedido,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaStatusPedido,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaStatusPedido,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaStatusPedido {
  cursor: pointer;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaTipoPagamento,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaTipoPagamento,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaTipoPagamento,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardPedido #inputAdicionaTipoPagamento {
  cursor: pointer;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardCliente,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardCliente,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardCliente,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardCliente {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin: 10px 0px;
  position: relative;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin: 0px 0px 10px 10px;
  position: relative;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao .select2-container--default .select2-selection--single .select2-selection__rendered,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao .select2-container--default .select2-selection--single .select2-selection__rendered,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao .select2-container--default .select2-selection--single .select2-selection__rendered,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao .select2-container--default .select2-selection--single .select2-selection__rendered {
  max-width: 280px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa #map,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa #map,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa #map,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa #map {
  height: 581.5px;
  width: 100%;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa .semLocalizacao,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa .semLocalizacao,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa .semLocalizacao,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa .semLocalizacao {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 581.5px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa .semLocalizacao img,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa .semLocalizacao img,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa .semLocalizacao img,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoDados .cardLocalizacao #mapa .semLocalizacao img {
  width: 200px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos {
  width: 100%;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos {
  margin: 0px auto 10px;
  width: 100%;
  border-radius: 8px;
  align-items: flex-start;
  align-content: baseline;
  justify-content: space-between;
  position: relative;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard {
  width: 49%;
  height: 190px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background-color: white;
  margin-bottom: 1.5%;
  padding: 0;
  display: flex;
  position: relative;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos {
  height: 100%;
  width: 29.5%;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-next::after,
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-prev::after,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-next::after,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-prev::after,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-next::after,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-prev::after,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-next::after,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-prev::after {
  font-size: 20px;
  color: #11cc59;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-pagination-bullet,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-pagination-bullet,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-pagination-bullet,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-pagination-bullet {
  background: #11cc59;
  opacity: 0.5;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-pagination-bullet-active,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-pagination-bullet-active,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-pagination-bullet-active,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-pagination-bullet-active {
  opacity: 1;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-disabled,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-disabled,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-disabled,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-button-disabled {
  opacity: 0.8;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide {
  display: grid;
  align-items: center;
  user-select: none;
  width: 100% !important;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide img,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide img,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide img,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide img {
  height: 190px;
  width: 100%;
  margin: 0 auto;
  object-fit: cover;
  object-position: center;
  border-top-left-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide .nofoto,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide .nofoto,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide .nofoto,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .fotos .swiper-slide .nofoto {
  object-fit: contain;
  width: 50%;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine {
  width: 68.5%;
  margin-left: auto;
  padding: 20px;
  font-size: 13px;
  display: grid;
  align-content: center;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .titulo,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .titulo,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .titulo,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .titulo {
  font-weight: bold;
  font-size: 15px;
  overflow: hidden;
  cursor: default;
  line-height: 1.2em;
  height: 2.4em;
  max-height: 2.4em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .subtitulo,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .subtitulo,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .subtitulo,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .subtitulo {
  font-size: 10px;
  margin-bottom: 10px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria {
  margin-bottom: 10px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria .desc,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria .desc,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria .desc,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria .desc {
  font-size: 10px;
  font-weight: normal;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria .info,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria .info,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria .info,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linhaCategoria .info {
  font-weight: bold;
  font-size: 13px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha {
  font-size: 11px;
  line-height: 1.5;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha .desc,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha .desc,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha .desc,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha .desc {
  cursor: default;
  font-weight: bold;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha .info,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha .info,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha .info,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .conteudoCardVitrine .linha .info {
  cursor: default;
  font-weight: normal;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .linhaInfo .imgInfo,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .linhaInfo .imgInfo,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .linhaInfo .imgInfo,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .linhaInfo .imgInfo {
  margin-bottom: 3px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .editar,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .editar,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .editar,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .linhaCard .editar {
  position: absolute;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 9;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado {
  position: relative;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .fotos,
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .status,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .fotos,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .status,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .fotos,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .status,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .fotos,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .status {
  opacity: 0.5;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .conteudoCardVitrine,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .conteudoCardVitrine,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .conteudoCardVitrine,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado .conteudoCardVitrine {
  opacity: 0.2 !important;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado::after,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado::after,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado::after,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .esgotado::after {
  content: "Esgotado";
  position: absolute;
  color: black;
  font-size: 30px;
  opacity: 0.6;
  width: 70%;
  height: 100%;
  display: grid;
  align-items: center;
  justify-items: center;
  text-align: center;
  right: 0;
  font-weight: bold;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 99;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox],
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox],
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox],
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox] {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #5c5c5c;
  border-radius: 5px;
  outline: none;
  position: relative;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]:checked,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]:checked,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]:checked,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]:checked {
  position: relative;
  background-color: #11cc59;
  border: 1px solid #11cc59;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]::before,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]::before,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]::before,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]::before {
  content: "✔";
  font-size: 12px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]:not(:checked)::before,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]:not(:checked)::before,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]:not(:checked)::before,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckbox input[type=checkbox]:not(:checked)::before {
  content: "";
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckboxEsconde,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckboxEsconde,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckboxEsconde,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .divcheckboxEsconde {
  display: none;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo {
  position: relative;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .fotos,
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .status,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .fotos,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .status,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .fotos,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .status,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .fotos,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .status {
  opacity: 0.5;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .conteudo,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .conteudo,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .conteudo,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .conteudo {
  opacity: 0.2;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .conteudoCardVitrine,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .conteudoCardVitrine,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .conteudoCardVitrine,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo .conteudoCardVitrine {
  opacity: 0.2 !important;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo::after,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo::after,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo::after,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .produtoinativo::after {
  content: "Inativo";
  position: absolute;
  color: black;
  font-size: 30px;
  opacity: 0.6;
  width: 70%;
  height: 100%;
  display: grid;
  align-items: center;
  justify-items: center;
  text-align: center;
  right: 0;
  font-weight: bold;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante {
  position: relative;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante .relevante,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante .relevante,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante .relevante,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante .relevante {
  width: 20px;
  height: 40px;
  background-color: #11cc59;
  position: absolute;
  right: 10px;
  opacity: 0.5;
  text-align: center;
  line-height: 2.5;
  color: white;
  font-weight: bold;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante .relevante::before,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante .relevante::before,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante .relevante::before,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .relevante .relevante::before {
  content: "";
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  background-color: white;
  position: absolute;
  right: 4px;
  top: 34px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .status,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .status,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .status,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .status {
  width: 1.5%;
  height: 100%;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .ativo,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .ativo,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .ativo,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .ativo {
  background-color: darkgreen;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .inativo,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .inativo,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .inativo,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .listaPaginaCardProdutos .inativo {
  background-color: rgb(208, 6, 6);
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos {
  margin-bottom: 45px !important;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox],
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox],
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox],
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox] {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #5c5c5c;
  border-radius: 5px;
  outline: none;
  position: relative;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]:checked,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]:checked,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]:checked,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]:checked {
  position: relative;
  background-color: #11cc59;
  border: 1px solid #11cc59;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]::before,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]::before,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]::before,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]::before {
  content: "✔";
  font-size: 12px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]:not(:checked)::before,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]:not(:checked)::before,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]:not(:checked)::before,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .detalheProduto .tabelaProdutos .divcheckbox input[type=checkbox]:not(:checked)::before {
  content: "";
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd {
  height: 100%;
  margin-bottom: 10px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs .form .divcheckbox,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs .form .divcheckbox,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs .form .divcheckbox,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs .form .divcheckbox {
  align-items: flex-start;
  flex-wrap: wrap;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs #corAdicionar,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs #corAdicionar,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs #corAdicionar,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs #corAdicionar {
  cursor: pointer;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs #tamanhoAdicionar,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs #tamanhoAdicionar,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs #tamanhoAdicionar,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .inputs #tamanhoAdicionar {
  cursor: pointer;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist {
  position: absolute;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar-track,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar-track,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar-track,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar-track {
  background-color: #11cc59;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar {
  width: 7px;
  height: 10px;
  background: #11cc59;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar-thumb,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar-thumb,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar-thumb,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .datalist ::-webkit-scrollbar-thumb {
  background: #788592;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .linhaBotao,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .linhaBotao,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .linhaBotao,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .linhaBotao {
  display: grid;
  align-items: flex-end;
  justify-content: end;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .linhaBotao .botao,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .linhaBotao .botao,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .linhaBotao .botao,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .linhaBotao .botao {
  background-color: #11cc59;
  color: white;
  width: 100px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo {
  margin-top: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo thead,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo thead,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo thead,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo thead {
  background-color: white;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo #listaProdutosAdicionar,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo #listaProdutosAdicionar,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo #listaProdutosAdicionar,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo #listaProdutosAdicionar {
  height: 40vh;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody .colunaMenor,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody .colunaMenor,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody .colunaMenor,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody .colunaMenor {
  width: 6ch;
  text-align: center;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody .colunaMenor img,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody .colunaMenor img,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody .colunaMenor img,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody .colunaMenor img {
  width: 13px;
  cursor: pointer;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td {
  padding: 3px 10px;
  min-height: 18px !important;
  height: 20px !important;
  vertical-align: inherit !important;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input {
  width: 50px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid rgba(92, 92, 92, 0.5);
  border-radius: 5px;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input:focus,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input:focus,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input:focus,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input:focus {
  outline: none;
  background: transparent;
  border: 1px solid #11cc59;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input:disabled,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input:disabled,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input:disabled,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody td input:disabled {
  cursor: not-allowed;
  user-select: none;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody tr.remover,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody tr.remover,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody tr.remover,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody tr.remover {
  position: relative;
  text-decoration: line-through;
  color: darkred;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody tr.remover input,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody tr.remover input,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody tr.remover input,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tbody tr.remover input {
  text-decoration: line-through;
  color: darkred;
}
.pagewlminharedecompra .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tfoot,
.pagewlminharedevenda .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tfoot,
.pagewlminharedeciclos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tfoot,
.pagewlminharedepedidos .detalha-content #detalharPedido .conteudoMainDetalhe .conteudoProdutos .produtosAdd .baixo tfoot {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: white;
}
.pagewlminharedecompra .detalha-content .selecionaDetalhePedido,
.pagewlminharedevenda .detalha-content .selecionaDetalhePedido,
.pagewlminharedeciclos .detalha-content .selecionaDetalhePedido,
.pagewlminharedepedidos .detalha-content .selecionaDetalhePedido {
  background-color: #11cc59 !important;
  color: white !important;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .containerGeral .linhaFlex,
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content #popup-fechamento .linhaFlex,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .containerGeral .linhaFlex,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento #popup-fechamento .linhaFlex,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .containerGeral .linhaFlex,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content #popup-fechamento .linhaFlex,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .containerGeral .linhaFlex,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento #popup-fechamento .linhaFlex,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .containerGeral .linhaFlex,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content #popup-fechamento .linhaFlex,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .containerGeral .linhaFlex,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento #popup-fechamento .linhaFlex,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .containerGeral .linhaFlex,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content #popup-fechamento .linhaFlex,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .containerGeral .linhaFlex,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento #popup-fechamento .linhaFlex {
  gap: 20px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
  margin-top: 5px;
  gap: 20px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .statusCard,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .statusCard,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .statusCard,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .statusCard,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .statusCard,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .statusCard,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .statusCard,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .statusCard {
  width: 100px;
  text-align: center;
  opacity: 0.8;
  overflow: hidden;
  padding: 4px 5px;
  border-radius: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
  margin-right: 10px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .tituloCard,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .tituloCard,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .tituloCard,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .tituloCard,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .tituloCard,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .tituloCard,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .tituloCard,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .tituloCard {
  color: #11cc59;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .subtituloCard,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .subtituloCard,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .subtituloCard,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .subtituloCard,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .subtituloCard,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .subtituloCard,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .subtituloCard,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .subtituloCard {
  color: #414141;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .coluna,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .coluna,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .coluna,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .coluna,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .coluna,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .coluna,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .coluna,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .coluna {
  flex: 1;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .linha,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .linha,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .linha,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .linha,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .linha,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .linha,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .linha,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .linha {
  display: flex;
  align-items: start;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .descricao,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .descricao,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .descricao,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .descricao,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .descricao,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .descricao,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .descricao,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .descricao {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .descricao img,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .descricao img,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .descricao img,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .descricao img,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .descricao img,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .descricao img,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .descricao img,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .descricao img {
  width: 12px;
  margin-left: 5px;
  cursor: pointer;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .info,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .info,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .info,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .info,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .info,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .info,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .info,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .info {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .info img,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .info img,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .info img,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .info img,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .info img,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .info img,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .info img,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .info img {
  width: 12px;
  margin-right: 5px;
  cursor: pointer;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .titulo,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .titulo,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .titulo,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .titulo,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .titulo,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .titulo,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .titulo,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .titulo {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .titulo img,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .titulo img,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .titulo img,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .titulo img,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .titulo img,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .titulo img,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .titulo img,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .titulo img {
  height: 18px;
  cursor: pointer;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .quantidade,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .quantidade,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .quantidade,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .quantidade,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .quantidade,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .quantidade,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .quantidade,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .quantidade {
  font-size: 14px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .quantidade_vendas,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .quantidade_vendas,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .quantidade_vendas,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .quantidade_vendas,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .quantidade_vendas,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .quantidade_vendas,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .quantidade_vendas,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .quantidade_vendas {
  font-size: 14px;
  margin-left: 5px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .valor,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .valor,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .valor,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .valor,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .valor,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .valor,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .valor,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .valor {
  font-size: 15px;
  font-weight: bold;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .percentual,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .percentual,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .percentual,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .percentual,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .percentual,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .percentual,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatus .percentual,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatus .percentual {
  margin-left: 5px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .bolinha,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .bolinha,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .bolinha,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .bolinha,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .bolinha,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .bolinha,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .bolinha,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .bolinha {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 10px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel {
  flex: 1;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel img,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel img,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel img,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel img,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel img,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel img,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel img,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusLabel img {
  width: 10px;
  margin-left: 5px;
  cursor: pointer;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusValor,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusValor,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusValor,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusValor,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusValor,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusValor,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusValor,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .conteudoDetalha .containerStatus .boxStatusDetalhes .statusItem .statusValor {
  font-weight: bold;
  font-size: 12px;
  margin-left: 50px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content #dadosPessoa .foto,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento #dadosPessoa .foto,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content #dadosPessoa .foto,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento #dadosPessoa .foto,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content #dadosPessoa .foto,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento #dadosPessoa .foto,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content #dadosPessoa .foto,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento #dadosPessoa .foto {
  display: flex;
  justify-content: center;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content #dadosPessoa .foto img,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento #dadosPessoa .foto img,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content #dadosPessoa .foto img,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento #dadosPessoa .foto img,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content #dadosPessoa .foto img,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento #dadosPessoa .foto img,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content #dadosPessoa .foto img,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento #dadosPessoa .foto img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 20px;
  cursor: pointer;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content #dadosPessoa .separacao,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento #dadosPessoa .separacao,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content #dadosPessoa .separacao,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento #dadosPessoa .separacao,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content #dadosPessoa .separacao,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento #dadosPessoa .separacao,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content #dadosPessoa .separacao,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento #dadosPessoa .separacao {
  margin-top: 20px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content #dadosPrevisao,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento #dadosPrevisao,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content #dadosPrevisao,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento #dadosPrevisao,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content #dadosPrevisao,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento #dadosPrevisao,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content #dadosPrevisao,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento #dadosPrevisao {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content #resumoAcertoValores,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento #resumoAcertoValores,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content #resumoAcertoValores,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento #resumoAcertoValores,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content #resumoAcertoValores,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento #resumoAcertoValores,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content #resumoAcertoValores,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento #resumoAcertoValores {
  font-size: 16px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content #resumoAcertoValores .linha,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento #resumoAcertoValores .linha,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content #resumoAcertoValores .linha,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento #resumoAcertoValores .linha,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content #resumoAcertoValores .linha,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento #resumoAcertoValores .linha,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content #resumoAcertoValores .linha,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento #resumoAcertoValores .linha {
  justify-content: space-between;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .separacao,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .separacao,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .separacao,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .separacao,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .separacao,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .separacao,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .separacao,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .separacao {
  border: 1px rgba(128, 128, 128, 0.1607843137) solid;
  margin-bottom: 20px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .atencao,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .atencao,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .atencao,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .atencao,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .atencao,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .atencao,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .atencao,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .atencao {
  color: red;
  font-size: 12px;
  text-align: justify;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .linhaBotoes,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .linhaBotoes,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .linhaBotoes,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .linhaBotoes,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .linhaBotoes,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .linhaBotoes,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .linhaBotoes,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .linhaBotoes .btnVoltar .btnDetalha,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnVoltar .btnDetalha,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .linhaBotoes .btnVoltar .btnDetalha,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnVoltar .btnDetalha,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .linhaBotoes .btnVoltar .btnDetalha,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnVoltar .btnDetalha,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .linhaBotoes .btnVoltar .btnDetalha,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnVoltar .btnDetalha {
  margin-left: 0;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: start;
  gap: 5px;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros .btnFiltroConfig {
  background: white;
  color: #11cc59;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  min-width: 120px;
  padding: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros .active,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros .active,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros .active,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros .active,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros .active,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros .active,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .linhaBotoes .btnFiltros .active,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .linhaBotoes .btnFiltros .active {
  background-color: #11cc59;
  color: white;
}
.pagewlminharedecompra #detalha-cicloconsignado .detalha-content .filtros,
.pagewlminharedecompra #detalha-cicloconsignado #popup-fechamento .filtros,
.pagewlminharedevenda #detalha-cicloconsignado .detalha-content .filtros,
.pagewlminharedevenda #detalha-cicloconsignado #popup-fechamento .filtros,
.pagewlminharedeciclos #detalha-cicloconsignado .detalha-content .filtros,
.pagewlminharedeciclos #detalha-cicloconsignado #popup-fechamento .filtros,
.pagewlminharedepedidos #detalha-cicloconsignado .detalha-content .filtros,
.pagewlminharedepedidos #detalha-cicloconsignado #popup-fechamento .filtros {
  margin-top: 5px;
}

/*-----------------------------------------------------------*/
/*                     Cupom de Desconto                     */
/*-----------------------------------------------------------*/
.pagewlpromocoes .detalha-content,
.pagewlcupomdesconto .detalha-content,
.pagewlincorporaritem .detalha-content {
  padding-right: 15px !important;
}
.pagewlpromocoes .detalha-content .linhaBotoes,
.pagewlcupomdesconto .detalha-content .linhaBotoes,
.pagewlincorporaritem .detalha-content .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pagewlpromocoes .detalha-content .linhaBotoes .btnVoltar .btnDetalha,
.pagewlcupomdesconto .detalha-content .linhaBotoes .btnVoltar .btnDetalha,
.pagewlincorporaritem .detalha-content .linhaBotoes .btnVoltar .btnDetalha {
  margin-left: 0;
}
.pagewlpromocoes .detalha-content .linhaBotoes .btnFiltros,
.pagewlcupomdesconto .detalha-content .linhaBotoes .btnFiltros,
.pagewlincorporaritem .detalha-content .linhaBotoes .btnFiltros {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: start;
  gap: 5px;
}
.pagewlpromocoes .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewlcupomdesconto .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewlincorporaritem .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig {
  background: white;
  color: #11cc59;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 120px;
  padding: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.pagewlpromocoes .detalha-content .linhaBotoes .btnFiltros .disabled,
.pagewlcupomdesconto .detalha-content .linhaBotoes .btnFiltros .disabled,
.pagewlincorporaritem .detalha-content .linhaBotoes .btnFiltros .disabled {
  cursor: not-allowed;
  background-color: #f0f0f0;
}
.pagewlpromocoes .detalha-content .linhaBotoes .btnFiltros .active,
.pagewlcupomdesconto .detalha-content .linhaBotoes .btnFiltros .active,
.pagewlincorporaritem .detalha-content .linhaBotoes .btnFiltros .active {
  background-color: #11cc59;
  color: white;
}
.pagewlpromocoes .detalha-content .linhaBotoes .botoesAcesso,
.pagewlcupomdesconto .detalha-content .linhaBotoes .botoesAcesso,
.pagewlincorporaritem .detalha-content .linhaBotoes .botoesAcesso {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: end !important;
}
.pagewlpromocoes .detalha-content .linhaBotoes .btnDetalha,
.pagewlcupomdesconto .detalha-content .linhaBotoes .btnDetalha,
.pagewlincorporaritem .detalha-content .linhaBotoes .btnDetalha {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: white;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 10px;
}
.pagewlpromocoes .detalha-content .linhaBotoes .btnDetalha .img_branca,
.pagewlcupomdesconto .detalha-content .linhaBotoes .btnDetalha .img_branca,
.pagewlincorporaritem .detalha-content .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.pagewlpromocoes .detalha-content .linhaBotoes .btnDetalha .img_verde,
.pagewlcupomdesconto .detalha-content .linhaBotoes .btnDetalha .img_verde,
.pagewlincorporaritem .detalha-content .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.pagewlpromocoes .detalha-content .conteudoFiltro tbody input,
.pagewlcupomdesconto .detalha-content .conteudoFiltro tbody input,
.pagewlincorporaritem .detalha-content .conteudoFiltro tbody input {
  width: 50px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid rgba(92, 92, 92, 0.5);
  border-radius: 5px;
}
.pagewlpromocoes .detalha-content .conteudoFiltro tbody input:focus,
.pagewlcupomdesconto .detalha-content .conteudoFiltro tbody input:focus,
.pagewlincorporaritem .detalha-content .conteudoFiltro tbody input:focus {
  outline: none;
  background: transparent;
  border: 1px solid #11cc59;
}
.pagewlpromocoes .detalha-content .conteudoFiltro tbody input:disabled,
.pagewlcupomdesconto .detalha-content .conteudoFiltro tbody input:disabled,
.pagewlincorporaritem .detalha-content .conteudoFiltro tbody input:disabled {
  cursor: not-allowed;
  user-select: none;
}
.pagewlpromocoes .detalha-content .conteudoFiltro tbody .formVazio,
.pagewlcupomdesconto .detalha-content .conteudoFiltro tbody .formVazio,
.pagewlincorporaritem .detalha-content .conteudoFiltro tbody .formVazio {
  border: 1px solid red;
  animation: treme 0.1s 3;
  color: red;
}
.pagewlpromocoes .detalha-content .tituloCard,
.pagewlcupomdesconto .detalha-content .tituloCard,
.pagewlincorporaritem .detalha-content .tituloCard {
  color: #11cc59;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 13px;
}
.pagewlpromocoes .detalha-content .cardInformacoes,
.pagewlcupomdesconto .detalha-content .cardInformacoes,
.pagewlincorporaritem .detalha-content .cardInformacoes {
  width: 100%;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
}
.pagewlpromocoes .detalha-content .cardInformacoes .containerInformacoes,
.pagewlcupomdesconto .detalha-content .cardInformacoes .containerInformacoes,
.pagewlincorporaritem .detalha-content .cardInformacoes .containerInformacoes {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 20px;
}
.pagewlpromocoes .select2-container,
.pagewlcupomdesconto .select2-container,
.pagewlincorporaritem .select2-container {
  width: 100% !important;
}
.pagewlpromocoes .form-check-input:checked,
.pagewlcupomdesconto .form-check-input:checked,
.pagewlincorporaritem .form-check-input:checked {
  background-color: #11cc59;
  border-color: #11cc59;
}
.pagewlpromocoes .novo td,
.pagewlcupomdesconto .novo td,
.pagewlincorporaritem .novo td {
  background-color: rgba(0, 255, 0, 0.1);
}
.pagewlpromocoes .imgreinserir,
.pagewlcupomdesconto .imgreinserir,
.pagewlincorporaritem .imgreinserir {
  display: none;
}
.pagewlpromocoes .excluido td,
.pagewlcupomdesconto .excluido td,
.pagewlincorporaritem .excluido td {
  padding: 0;
  background-color: rgba(255, 0, 0, 0.1);
}
.pagewlpromocoes .excluido .dadoVitrine,
.pagewlcupomdesconto .excluido .dadoVitrine,
.pagewlincorporaritem .excluido .dadoVitrine {
  position: relative;
  padding: 10px;
}
.pagewlpromocoes .excluido .dadoVitrine::after,
.pagewlcupomdesconto .excluido .dadoVitrine::after,
.pagewlincorporaritem .excluido .dadoVitrine::after {
  content: "";
  border: 1px solid rgba(255, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.pagewlpromocoes .excluido .imgexcluir,
.pagewlcupomdesconto .excluido .imgexcluir,
.pagewlincorporaritem .excluido .imgexcluir {
  display: none;
}
.pagewlpromocoes .excluido .imgreinserir,
.pagewlcupomdesconto .excluido .imgreinserir,
.pagewlincorporaritem .excluido .imgreinserir {
  display: inline;
}
.pagewlpromocoes .containerDuasTabelas,
.pagewlcupomdesconto .containerDuasTabelas,
.pagewlincorporaritem .containerDuasTabelas {
  display: grid;
  grid-template-columns: 60% 40%;
  gap: 10px;
  margin-bottom: 20px;
  align-items: flex-start;
}
.pagewlpromocoes .containerDuasTabelas:not(:has(#tabelaProdutosEscalonada > #listaProdutosEscalonada > .produto.aberto)) #tabelaDetalhaProduto.escalonada,
.pagewlcupomdesconto .containerDuasTabelas:not(:has(#tabelaProdutosEscalonada > #listaProdutosEscalonada > .produto.aberto)) #tabelaDetalhaProduto.escalonada,
.pagewlincorporaritem .containerDuasTabelas:not(:has(#tabelaProdutosEscalonada > #listaProdutosEscalonada > .produto.aberto)) #tabelaDetalhaProduto.escalonada {
  opacity: 0.5;
  pointer-events: none;
}
.pagewlpromocoes #tabelaDetalhaProduto,
.pagewlcupomdesconto #tabelaDetalhaProduto,
.pagewlincorporaritem #tabelaDetalhaProduto {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  padding-bottom: 10px;
  max-height: 60vh;
  position: sticky;
  top: 5px;
}
.pagewlpromocoes #tabelaDetalhaProduto.escalonada .linhapromocao,
.pagewlpromocoes #tabelaDetalhaProduto.escalonada .cabecalho,
.pagewlcupomdesconto #tabelaDetalhaProduto.escalonada .linhapromocao,
.pagewlcupomdesconto #tabelaDetalhaProduto.escalonada .cabecalho,
.pagewlincorporaritem #tabelaDetalhaProduto.escalonada .linhapromocao,
.pagewlincorporaritem #tabelaDetalhaProduto.escalonada .cabecalho {
  grid-template-columns: 50px 1.2fr 1fr 1fr 0.8fr 25px !important;
}
.pagewlpromocoes #tabelaDetalhaProduto #produtoDetalhandoPromocoes,
.pagewlcupomdesconto #tabelaDetalhaProduto #produtoDetalhandoPromocoes,
.pagewlincorporaritem #tabelaDetalhaProduto #produtoDetalhandoPromocoes {
  font-size: 12px;
  padding: 10px;
  padding-bottom: 0;
  font-weight: bold;
  width: 100%;
}
.pagewlpromocoes #tabelaDetalhaProduto .cabecalho,
.pagewlcupomdesconto #tabelaDetalhaProduto .cabecalho,
.pagewlincorporaritem #tabelaDetalhaProduto .cabecalho {
  display: grid;
  padding: 10px;
  padding-right: 0;
  border-bottom: 2px solid #11cc59;
  user-select: none;
  grid-template-columns: 50px 1.2fr 1fr 0.8fr 25px;
  width: 100%;
}
.pagewlpromocoes #tabelaDetalhaProduto .cabecalho div:not(:last-child),
.pagewlcupomdesconto #tabelaDetalhaProduto .cabecalho div:not(:last-child),
.pagewlincorporaritem #tabelaDetalhaProduto .cabecalho div:not(:last-child) {
  padding-right: 10px;
}
.pagewlpromocoes #tabelaDetalhaProduto .cabecalho .valDesc,
.pagewlcupomdesconto #tabelaDetalhaProduto .cabecalho .valDesc,
.pagewlincorporaritem #tabelaDetalhaProduto .cabecalho .valDesc {
  white-space: nowrap;
}
.pagewlpromocoes #tabelaDetalhaProduto #listaPromocoesProduto,
.pagewlcupomdesconto #tabelaDetalhaProduto #listaPromocoesProduto,
.pagewlincorporaritem #tabelaDetalhaProduto #listaPromocoesProduto {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
}
.pagewlpromocoes #tabelaDetalhaProduto ::-webkit-scrollbar,
.pagewlcupomdesconto #tabelaDetalhaProduto ::-webkit-scrollbar,
.pagewlincorporaritem #tabelaDetalhaProduto ::-webkit-scrollbar {
  width: 4px;
}
.pagewlpromocoes #tabelaDetalhaProduto ::-webkit-scrollbar-thumb,
.pagewlcupomdesconto #tabelaDetalhaProduto ::-webkit-scrollbar-thumb,
.pagewlincorporaritem #tabelaDetalhaProduto ::-webkit-scrollbar-thumb {
  background-color: #bebebe;
  border: none;
  background-clip: padding-box;
}
.pagewlpromocoes #tabelaDetalhaProduto .botao,
.pagewlcupomdesconto #tabelaDetalhaProduto .botao,
.pagewlincorporaritem #tabelaDetalhaProduto .botao {
  background-color: #11cc59;
  color: white;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  width: 95%;
}
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao {
  display: grid;
  grid-template-columns: 50px 1.2fr 1fr 0.8fr 25px;
  padding: 10px;
  padding-right: 0;
  width: 100%;
  transition: background-color 0.4s ease;
}
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao:has(> .excluirfaixa span:hover),
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao:has(> .excluirfaixa span:hover),
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao:has(> .excluirfaixa span:hover) {
  background-color: rgba(255, 0, 0, 0.0745098039);
}
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .material-symbols-outlined,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .material-symbols-outlined,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .material-symbols-outlined {
  font-size: 1em;
}
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .divInputPromocao,
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .divInputPromocao,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .divInputPromocao,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex {
  flex: 1;
  padding-right: 10px;
}
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .divInputPromocao ::-webkit-inner-spin-button,
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .divInputPromocao ::-webkit-outer-spin-button,
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex ::-webkit-inner-spin-button,
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex ::-webkit-outer-spin-button,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .divInputPromocao ::-webkit-inner-spin-button,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .divInputPromocao ::-webkit-outer-spin-button,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex ::-webkit-inner-spin-button,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex ::-webkit-outer-spin-button,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .divInputPromocao ::-webkit-inner-spin-button,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .divInputPromocao ::-webkit-outer-spin-button,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex ::-webkit-inner-spin-button,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex ::-webkit-outer-spin-button {
  display: none;
}
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .divInputPromocao input,
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex input,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .divInputPromocao input,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex input,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .divInputPromocao input,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex input {
  padding: 0 5px;
  border-radius: 4px;
  height: 30px;
  width: 100%;
  border: none;
  outline: none;
  background-color: rgba(170, 170, 170, 0.1490196078);
}
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex {
  display: flex;
  gap: 5px;
  align-items: center;
}
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex input,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex input,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .divInputPromocaoFlex input {
  flex: 1;
  height: 30px;
  width: 30%;
}
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .excluirfaixa,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .excluirfaixa,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .excluirfaixa {
  cursor: pointer;
  padding: 0;
}
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .excluirfaixa span,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .excluirfaixa span,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .excluirfaixa span {
  padding: 4px;
  font-size: 15px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.pagewlpromocoes #tabelaDetalhaProduto .linhapromocao .excluirfaixa span:hover,
.pagewlcupomdesconto #tabelaDetalhaProduto .linhapromocao .excluirfaixa span:hover,
.pagewlincorporaritem #tabelaDetalhaProduto .linhapromocao .excluirfaixa span:hover {
  background-color: rgba(170, 170, 170, 0.1490196078);
}
.pagewlpromocoes #tabelaProdutosEscalonada,
.pagewlcupomdesconto #tabelaProdutosEscalonada,
.pagewlincorporaritem #tabelaProdutosEscalonada {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.pagewlpromocoes #tabelaProdutosEscalonada .cabecalho,
.pagewlcupomdesconto #tabelaProdutosEscalonada .cabecalho,
.pagewlincorporaritem #tabelaProdutosEscalonada .cabecalho {
  display: grid;
  padding: 10px;
  grid-template-columns: 10% 35% 10% 10% 15% 15% 5%;
  border-bottom: 2px solid #11cc59;
  user-select: none;
}
.pagewlpromocoes #tabelaProdutosEscalonada .cabecalho .iconeLegenda,
.pagewlcupomdesconto #tabelaProdutosEscalonada .cabecalho .iconeLegenda,
.pagewlincorporaritem #tabelaProdutosEscalonada .cabecalho .iconeLegenda {
  text-align: center;
}
.pagewlpromocoes #tabelaProdutosEscalonada .cabecalho .preco,
.pagewlcupomdesconto #tabelaProdutosEscalonada .cabecalho .preco,
.pagewlincorporaritem #tabelaProdutosEscalonada .cabecalho .preco {
  text-align: right;
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto {
  cursor: pointer;
  transition: background-color 0.4s ease, border 0.4s ease;
  display: grid;
  padding: 10px;
  align-items: center;
  grid-template-columns: 10% 35% 10% 10% 15% 15% 5%;
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto:hover,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto:hover,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto:hover {
  background-color: rgba(170, 170, 170, 0.0745098039);
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto .iconeLegenda,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto .iconeLegenda,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto .iconeLegenda {
  font-size: 18px;
  text-align: center;
  padding-right: 10px;
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto .iconeLegenda:not(.sucesso),
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto .iconeLegenda:not(.sucesso),
.pagewlincorporaritem #tabelaProdutosEscalonada .produto .iconeLegenda:not(.sucesso) {
  cursor: pointer;
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto .iconeLegenda.erro::after,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto .iconeLegenda.erro::after,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto .iconeLegenda.erro::after {
  content: "❌";
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto .iconeLegenda.aviso::after,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto .iconeLegenda.aviso::after,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto .iconeLegenda.aviso::after {
  content: "⚠️";
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto .iconeLegenda.sucesso::after,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto .iconeLegenda.sucesso::after,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto .iconeLegenda.sucesso::after {
  content: "✅";
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto .nome,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto .nome,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto .nome {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px;
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto .ref,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto .ref,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto .ref {
  padding-right: 10px;
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto .sku,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto .sku,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto .sku {
  padding-right: 10px;
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto .cod,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto .cod,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto .cod {
  padding-right: 10px;
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto .preco,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto .preco,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto .preco {
  text-align: right;
}
.pagewlpromocoes #tabelaProdutosEscalonada .produto.aberto,
.pagewlcupomdesconto #tabelaProdutosEscalonada .produto.aberto,
.pagewlincorporaritem #tabelaProdutosEscalonada .produto.aberto {
  background-color: rgba(170, 170, 170, 0.1490196078);
}

/*-----------------------------------------------------------------------------*/
/*                                  COMPONENTES                                */
/*-----------------------------------------------------------------------------*/
.detalhacliente .detalha-content {
  padding-right: 15px !important;
  z-index: 999;
}
.detalhacliente .detalha-content .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.detalhacliente .detalha-content .linhaBotoes .btnVoltar .btnDetalha {
  margin-left: 0;
}
.detalhacliente .detalha-content .linhaBotoes .btnFiltros {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: start;
  gap: 5px;
}
.detalhacliente .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig {
  background: white;
  color: #11cc59;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 120px;
  padding: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.detalhacliente .detalha-content .linhaBotoes .btnFiltros .active {
  background-color: #11cc59;
  color: white;
}
.detalhacliente .detalha-content .linhaBotoes .botoesAcesso {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: end !important;
}
.detalhacliente .detalha-content .linhaBotoes .btnDetalha {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: white;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 10px;
}
.detalhacliente .detalha-content .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.detalhacliente .detalha-content .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.detalhacliente .detalha-content .tituloCard {
  color: #11cc59;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 13px;
}
.detalhacliente .detalha-content .containerWhiteLabel .containerInformacoesGerais {
  display: flex;
  align-items: stretch;
  gap: 20px;
}
.detalhacliente .detalha-content .containerWhiteLabel .containerInformacoesGerais .cardInformacoes {
  width: 100%;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
}
.detalhacliente .detalha-content .containerWhiteLabel .containerInformacoesGerais .cardInformacoes .containerInformacoes {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 20px;
}
.detalhacliente .detalha-content .containerWhiteLabel .containerInformacoesGerais .cardInformacoes .containerInformacoes .divLabel {
  left: 6px !important;
}
.detalhacliente .detalha-content .containerWhiteLabelEndereco .containerInformacoesEndereco {
  display: flex;
  align-items: stretch;
  gap: 20px;
}
.detalhacliente .detalha-content .containerWhiteLabelEndereco .containerInformacoesEndereco .cardInformacoes {
  width: 100%;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
}
.detalhacliente .detalha-content .containerWhiteLabelEndereco .containerInformacoesEndereco .cardInformacoes .containerInformacoes {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 20px;
}
.detalhacliente .detalha-content .containerWhiteLabelEndereco .containerInformacoesEndereco .cardInformacoes .containerInformacoes .divLabel {
  left: 6px !important;
}
.detalhacliente .detalha-content .botaoAdicionar {
  display: flex;
  align-items: center;
  justify-content: end;
}
.detalhacliente .detalha-content .botaoAdicionar .botaoAdicionarEndereco {
  width: 100px;
  height: 30px;
  background-color: white;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.detalhacliente .detalha-content .botaoAdicionar .botaoAdicionarEndereco p {
  font-size: 14px;
  margin: 0px !important;
  text-align: center;
  font-weight: bold;
  color: #11cc59;
  text-align: center;
}
.detalhacliente .detalha-content .botaoAdicionar .botaoAdicionarEndereco:hover {
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.26);
}
.detalhacliente .detalha-content .botaoAdicionar .botao {
  width: 150px;
  text-align: center;
  color: white;
  padding: 5px;
  background-color: #11cc59;
  border: 1px solid #11cc59;
  font-size: 12px;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
.detalhacliente .detalha-content .botaoAdicionar .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #11cc59;
  padding: 5px;
  border: 1px solid #11cc59;
  font-size: 12px;
  border-radius: 10px;
  margin-left: auto;
  cursor: pointer;
  user-select: none;
}
.detalhacliente .detalha-content .botaoAlterar {
  display: flex;
  align-items: center;
  justify-content: end;
}
.detalhacliente .detalha-content .botaoAlterar .botao {
  background-color: #11cc59;
  color: white;
  width: 150px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
.detalhacliente .detalha-content .formEndereco {
  border-radius: 8px;
  position: relative;
  height: 30px;
  margin: 0 auto 15px;
  display: grid;
  align-items: center;
  width: 100%;
}
.detalhacliente .detalha-content .formEndereco .divLabel {
  color: #5c5c5c;
  background-color: white;
  position: absolute;
  top: -11px;
  left: 8px;
  font-size: 11px;
  padding: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.detalhacliente .detalha-content .formEndereco .divLabel label {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.detalhacliente .detalha-content .formEndereco .divInput {
  padding: 0 10px;
  position: relative;
  font-size: 14px;
  color: #5c5c5c;
}
.detalhacliente .select2-container {
  width: 100% !important;
}
.detalhacliente .form-check-input:checked {
  background-color: #11cc59;
  border-color: #11cc59;
}

.alternador-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.alternador-container .alternador-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.alternador-container .alternador-center .alternador-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2d3748;
  text-align: center;
  margin-bottom: 0.5rem;
}
.alternador-container .alternador-center .alternador-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 1.5rem;
  width: 3.5rem;
  border-radius: 9999px;
  transition: background 0.3s, box-shadow 0.3s, transform 0.2s;
  outline: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.alternador-container .alternador-center .alternador-btn:focus {
  box-shadow: none;
}
.alternador-container .alternador-center .alternador-btn.alternador-inativo {
  background: #ef4444;
}
.alternador-container .alternador-center .alternador-btn.alternador-ativo {
  background: #22c55e;
}
.alternador-container .alternador-center .alternador-btn .alternador-text {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  color: #fff;
  transition: left 0.3s, right 0.3s;
  z-index: 2;
  pointer-events: none;
}
.alternador-container .alternador-center .alternador-btn .alternador-text.alternador-text-inativo {
  left: 2.1rem;
  right: 0.5rem;
  justify-content: flex-end;
}
.alternador-container .alternador-center .alternador-btn .alternador-text.alternador-text-ativo {
  left: 0.5rem;
  right: 2.1rem;
  justify-content: flex-start;
}
.alternador-container .alternador-center .alternador-btn .alternador-circle {
  display: inline-block;
  height: 1.1rem;
  width: 1.1rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s;
  position: absolute;
  top: 0.2rem;
  z-index: 1;
}
.alternador-container .alternador-center .alternador-btn .alternador-circle.alternador-circle-inativo {
  left: 0.2rem;
  transform: translateX(0);
}
.alternador-container .alternador-center .alternador-btn .alternador-circle.alternador-circle-ativo {
  left: 0.2rem;
  transform: translateX(2.1rem);
}

.botao-garantia-aplicar {
  background: none;
  border: none;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  font: inherit;
  margin-left: auto;
}
.botao-garantia-aplicar:disabled {
  cursor: not-allowed;
  color: #414141;
}

/*-----------------------------------------------------------------------------*/
/*                                PAGE CESSAR                                  */
/*-----------------------------------------------------------------------------*/
.pagecessarcompra #conteudoTabela,
.pagecessarvenda #conteudoTabela {
  overflow: auto;
}
.pagecessarcompra #conteudoTabela table,
.pagecessarvenda #conteudoTabela table {
  width: 140vw;
}
.pagecessarcompra .linhaBotoes,
.pagecessarvenda .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
}
.pagecessarcompra .linhaBotoes .selecionaDetalhePedido,
.pagecessarvenda .linhaBotoes .selecionaDetalhePedido {
  background-color: #11cc59 !important;
  color: white !important;
}
.pagecessarcompra .linhaBotoes .btnFiltros,
.pagecessarvenda .linhaBotoes .btnFiltros {
  gap: 5px;
  padding-left: 5px;
  margin-left: -5px;
  display: flex;
}
.pagecessarcompra .linhaBotoes .btnVoltar .btnDetalha,
.pagecessarvenda .linhaBotoes .btnVoltar .btnDetalha {
  margin-left: 0;
}
.pagecessarcompra .linhaBotoes .btnDetalha,
.pagecessarvenda .linhaBotoes .btnDetalha {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 10px;
}
.pagecessarcompra .linhaBotoes .btnDetalha .img_branca,
.pagecessarvenda .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.pagecessarcompra .linhaBotoes .btnDetalha .img_verde,
.pagecessarvenda .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.pagecessarcompra .linhaBotoes .botaoEscrito,
.pagecessarvenda .linhaBotoes .botaoEscrito {
  cursor: pointer;
  text-align: center;
  background-color: white;
  padding: 5px;
  width: 140px;
  border-radius: 7px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  color: #11cc59;
  font-weight: bold;
}

.pagewlregiao .select2-container--default,
.pagewlcadvitrine .select2-container--default,
.pagewlcadcatalogo .select2-container--default {
  width: 100% !important;
}
.pagewlregiao .btnXzinho,
.pagewlcadvitrine .btnXzinho,
.pagewlcadcatalogo .btnXzinho {
  width: 20px;
  padding-left: 10px;
  cursor: pointer;
}
.pagewlregiao .btnXzinho img,
.pagewlcadvitrine .btnXzinho img,
.pagewlcadcatalogo .btnXzinho img {
  width: 12px;
}
.pagewlregiao .linhaBotoes,
.pagewlcadvitrine .linhaBotoes,
.pagewlcadcatalogo .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
}
.pagewlregiao .linhaBotoes .botoesAcesso,
.pagewlcadvitrine .linhaBotoes .botoesAcesso,
.pagewlcadcatalogo .linhaBotoes .botoesAcesso {
  gap: 5px;
  padding-left: 5px;
  margin-left: -5px;
}
.pagewlregiao .linhaBotoes .btnVoltar .btnDetalha,
.pagewlcadvitrine .linhaBotoes .btnVoltar .btnDetalha,
.pagewlcadcatalogo .linhaBotoes .btnVoltar .btnDetalha {
  margin-left: 0;
}
.pagewlregiao .linhaBotoes .btnDetalha,
.pagewlcadvitrine .linhaBotoes .btnDetalha,
.pagewlcadcatalogo .linhaBotoes .btnDetalha {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 10px;
}
.pagewlregiao .linhaBotoes .btnDetalha .img_branca,
.pagewlcadvitrine .linhaBotoes .btnDetalha .img_branca,
.pagewlcadcatalogo .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.pagewlregiao .linhaBotoes .btnDetalha .img_verde,
.pagewlcadvitrine .linhaBotoes .btnDetalha .img_verde,
.pagewlcadcatalogo .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.pagewlregiao .linhaBotoes .botaoEscrito,
.pagewlcadvitrine .linhaBotoes .botaoEscrito,
.pagewlcadcatalogo .linhaBotoes .botaoEscrito {
  cursor: pointer;
  text-align: center;
  background-color: white;
  padding: 5px;
  width: 140px;
  border-radius: 7px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  color: #11cc59;
  font-weight: bold;
}
.pagewlregiao .selecionaDetalheCatalogo,
.pagewlcadvitrine .selecionaDetalheCatalogo,
.pagewlcadcatalogo .selecionaDetalheCatalogo {
  background-color: #11cc59 !important;
  color: white !important;
}
.pagewlregiao .detalha-content input[type=radio],
.pagewlcadvitrine .detalha-content input[type=radio],
.pagewlcadcatalogo .detalha-content input[type=radio] {
  cursor: pointer !important;
}
.pagewlregiao .detalha-content input[type=radio]:disabled,
.pagewlcadvitrine .detalha-content input[type=radio]:disabled,
.pagewlcadcatalogo .detalha-content input[type=radio]:disabled {
  cursor: not-allowed !important;
}
.pagewlregiao .detalha-content .linhaBotoes,
.pagewlcadvitrine .detalha-content .linhaBotoes,
.pagewlcadcatalogo .detalha-content .linhaBotoes {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  background-color: #f9f9f9;
}
.pagewlregiao .detalha-content .linhaBotoes .btnDetalha,
.pagewlcadvitrine .detalha-content .linhaBotoes .btnDetalha,
.pagewlcadcatalogo .detalha-content .linhaBotoes .btnDetalha {
  margin-left: 0;
  height: 28px;
}
.pagewlregiao .detalha-content .linhaBotoes .btnFiltros,
.pagewlcadvitrine .detalha-content .linhaBotoes .btnFiltros,
.pagewlcadcatalogo .detalha-content .linhaBotoes .btnFiltros {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: start;
  gap: 5px;
}
.pagewlregiao .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewlcadvitrine .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig,
.pagewlcadcatalogo .detalha-content .linhaBotoes .btnFiltros .btnFiltroConfig {
  background: white;
  color: #11cc59;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  min-width: 140px;
  padding: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.pagewlregiao .detalha-content .linhaBotoes .btnFiltros .active,
.pagewlcadvitrine .detalha-content .linhaBotoes .btnFiltros .active,
.pagewlcadcatalogo .detalha-content .linhaBotoes .btnFiltros .active {
  background-color: #11cc59;
  color: white;
}
.pagewlregiao .detalha-content .linhaBotoes .botoesAcesso,
.pagewlcadvitrine .detalha-content .linhaBotoes .botoesAcesso,
.pagewlcadcatalogo .detalha-content .linhaBotoes .botoesAcesso {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: end !important;
}
.pagewlregiao .detalha-content .linhaBotoes .btnDetalha,
.pagewlcadvitrine .detalha-content .linhaBotoes .btnDetalha,
.pagewlcadcatalogo .detalha-content .linhaBotoes .btnDetalha {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: white;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 10px;
}
.pagewlregiao .detalha-content .linhaBotoes .btnDetalha .img_branca,
.pagewlcadvitrine .detalha-content .linhaBotoes .btnDetalha .img_branca,
.pagewlcadcatalogo .detalha-content .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.pagewlregiao .detalha-content .linhaBotoes .btnDetalha .img_verde,
.pagewlcadvitrine .detalha-content .linhaBotoes .btnDetalha .img_verde,
.pagewlcadcatalogo .detalha-content .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.pagewlregiao .detalha-content .card,
.pagewlcadvitrine .detalha-content .card,
.pagewlcadcatalogo .detalha-content .card {
  width: 100%;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
}
.pagewlregiao .detalha-content .card .containerInformacoes,
.pagewlcadvitrine .detalha-content .card .containerInformacoes,
.pagewlcadcatalogo .detalha-content .card .containerInformacoes {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 20px;
}
.pagewlregiao .detalha-content .card .containerInformacoes .divLabel,
.pagewlcadvitrine .detalha-content .card .containerInformacoes .divLabel,
.pagewlcadcatalogo .detalha-content .card .containerInformacoes .divLabel {
  left: 6px !important;
}
.pagewlregiao .detalha-content .btn,
.pagewlcadvitrine .detalha-content .btn,
.pagewlcadcatalogo .detalha-content .btn {
  width: 30px;
  height: 30px;
  margin-left: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 6px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.25);
  user-select: none;
  cursor: pointer;
}
.pagewlregiao .detalha-content .btn img,
.pagewlcadvitrine .detalha-content .btn img,
.pagewlcadcatalogo .detalha-content .btn img {
  margin-left: 0;
  width: 15px;
}
.pagewlregiao .detalha-content .tituloCard,
.pagewlcadvitrine .detalha-content .tituloCard,
.pagewlcadcatalogo .detalha-content .tituloCard {
  color: #11cc59;
  margin: 0 0 15px;
  font-weight: 700;
  font-size: 13px;
}
.pagewlregiao .detalha-content .subtituloCard,
.pagewlcadvitrine .detalha-content .subtituloCard,
.pagewlcadcatalogo .detalha-content .subtituloCard {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 12px;
  color: #5c5c5c;
}
.pagewlregiao .detalha-content .tituloCard hr,
.pagewlcadvitrine .detalha-content .tituloCard hr,
.pagewlcadcatalogo .detalha-content .tituloCard hr {
  margin: 0;
  margin-top: 3px;
  width: 60px;
  opacity: 1;
  background-color: #11cc59;
  height: 2px;
  border-radius: 10px;
}
.pagewlregiao .detalha-content .botaoVisualizar,
.pagewlcadvitrine .detalha-content .botaoVisualizar,
.pagewlcadcatalogo .detalha-content .botaoVisualizar {
  display: flex;
  align-items: center;
  justify-content: end;
}
.pagewlregiao .detalha-content .botaoVisualizar .botaoVisualizarDescricao,
.pagewlcadvitrine .detalha-content .botaoVisualizar .botaoVisualizarDescricao,
.pagewlcadcatalogo .detalha-content .botaoVisualizar .botaoVisualizarDescricao {
  background-color: #11cc59;
  color: white;
  width: 120px;
  text-align: center;
  font-size: 12px;
  padding: 5px;
  border-radius: 10px;
  margin-left: 10px;
  cursor: pointer;
  user-select: none;
}
.pagewlregiao .imgreinserir,
.pagewlcadvitrine .imgreinserir,
.pagewlcadcatalogo .imgreinserir {
  display: none;
}
.pagewlregiao td:has(div.dadoSetor),
.pagewlcadvitrine td:has(div.dadoSetor),
.pagewlcadcatalogo td:has(div.dadoSetor) {
  padding: 0;
}
.pagewlregiao .dadoSetor,
.pagewlcadvitrine .dadoSetor,
.pagewlcadcatalogo .dadoSetor {
  width: 100%;
  padding: 10px;
}
.pagewlregiao .novo td,
.pagewlcadvitrine .novo td,
.pagewlcadcatalogo .novo td {
  background-color: rgba(0, 255, 0, 0.1);
}
.pagewlregiao .falha td,
.pagewlcadvitrine .falha td,
.pagewlcadcatalogo .falha td {
  background-color: rgba(255, 255, 0, 0.4);
}
.pagewlregiao .excluido td,
.pagewlcadvitrine .excluido td,
.pagewlcadcatalogo .excluido td {
  padding: 0;
  background-color: rgba(255, 0, 0, 0.1);
}
.pagewlregiao .excluido .dadoSetor,
.pagewlcadvitrine .excluido .dadoSetor,
.pagewlcadcatalogo .excluido .dadoSetor {
  position: relative;
}
.pagewlregiao .excluido .dadoSetor::after,
.pagewlcadvitrine .excluido .dadoSetor::after,
.pagewlcadcatalogo .excluido .dadoSetor::after {
  content: "";
  border: 1px solid rgba(255, 0, 0, 0.5);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.pagewlregiao .excluido .imgexcluir,
.pagewlcadvitrine .excluido .imgexcluir,
.pagewlcadcatalogo .excluido .imgexcluir {
  display: none;
}
.pagewlregiao .excluido .imgreinserir,
.pagewlcadvitrine .excluido .imgreinserir,
.pagewlcadcatalogo .excluido .imgreinserir {
  display: inline;
}
.pagewlregiao .conteudoRegioes .listaVitrines,
.pagewlregiao .conteudoVitrines .listaVitrines,
.pagewlcadvitrine .conteudoRegioes .listaVitrines,
.pagewlcadvitrine .conteudoVitrines .listaVitrines,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines {
  padding: 0px !important;
}
.pagewlregiao .conteudoRegioes .listaRegioes,
.pagewlregiao .conteudoRegioes .listaVitrines,
.pagewlregiao .conteudoVitrines .listaRegioes,
.pagewlregiao .conteudoVitrines .listaVitrines,
.pagewlcadvitrine .conteudoRegioes .listaRegioes,
.pagewlcadvitrine .conteudoRegioes .listaVitrines,
.pagewlcadvitrine .conteudoVitrines .listaRegioes,
.pagewlcadvitrine .conteudoVitrines .listaVitrines,
.pagewlcadcatalogo .conteudoRegioes .listaRegioes,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines,
.pagewlcadcatalogo .conteudoVitrines .listaRegioes,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}
.pagewlregiao .conteudoRegioes .listaRegioes .item-regiao,
.pagewlregiao .conteudoRegioes .listaRegioes .item-vitrine,
.pagewlregiao .conteudoRegioes .listaVitrines .item-regiao,
.pagewlregiao .conteudoRegioes .listaVitrines .item-vitrine,
.pagewlregiao .conteudoVitrines .listaRegioes .item-regiao,
.pagewlregiao .conteudoVitrines .listaRegioes .item-vitrine,
.pagewlregiao .conteudoVitrines .listaVitrines .item-regiao,
.pagewlregiao .conteudoVitrines .listaVitrines .item-vitrine,
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-regiao,
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-vitrine,
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-regiao,
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-vitrine,
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-regiao,
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-vitrine,
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-regiao,
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-vitrine,
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-regiao,
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-vitrine,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-regiao,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-vitrine,
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-regiao,
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-vitrine,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-regiao,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-vitrine {
  display: flex;
}
.pagewlregiao .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox],
.pagewlregiao .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox],
.pagewlregiao .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox],
.pagewlregiao .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox],
.pagewlregiao .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox],
.pagewlregiao .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox],
.pagewlregiao .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox],
.pagewlregiao .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox],
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox],
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox],
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox],
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox],
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox],
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox],
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox],
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox],
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox],
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox],
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox],
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox],
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox],
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox],
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox],
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox] {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #5c5c5c;
  border-radius: 5px;
  outline: none;
  position: relative;
}
.pagewlregiao .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox]:checked,
.pagewlregiao .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox]:checked,
.pagewlregiao .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox]:checked,
.pagewlregiao .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox]:checked,
.pagewlregiao .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox]:checked,
.pagewlregiao .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox]:checked,
.pagewlregiao .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox]:checked,
.pagewlregiao .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox]:checked,
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox]:checked,
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox]:checked,
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox]:checked,
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox]:checked,
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox]:checked,
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox]:checked,
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox]:checked,
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox]:checked,
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox]:checked,
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox]:checked,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox]:checked,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox]:checked,
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox]:checked,
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox]:checked,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox]:checked,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox]:checked {
  position: relative;
  background-color: #11cc59;
  border: 1px solid #11cc59;
}
.pagewlregiao .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox]::before,
.pagewlregiao .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox]::before,
.pagewlregiao .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox]::before,
.pagewlregiao .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox]::before,
.pagewlregiao .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox]::before,
.pagewlregiao .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox]::before,
.pagewlregiao .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox]::before,
.pagewlregiao .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox]::before,
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox]::before,
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox]::before,
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox]::before,
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox]::before,
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox]::before,
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox]::before,
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox]::before,
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox]::before,
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox]::before,
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox]::before,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox]::before,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox]::before,
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox]::before,
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox]::before,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox]::before,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox]::before {
  content: "✔";
  font-size: 14px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pagewlregiao .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlregiao .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox]:not(:checked)::before,
.pagewlregiao .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlregiao .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox]:not(:checked)::before,
.pagewlregiao .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlregiao .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox]:not(:checked)::before,
.pagewlregiao .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlregiao .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox]:not(:checked)::before,
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox]:not(:checked)::before,
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox]:not(:checked)::before,
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox]:not(:checked)::before,
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox]:not(:checked)::before,
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-vitrine input[type=checkbox]:not(:checked)::before,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-vitrine input[type=checkbox]:not(:checked)::before,
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-vitrine input[type=checkbox]:not(:checked)::before,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-regiao input[type=checkbox]:not(:checked)::before,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-vitrine input[type=checkbox]:not(:checked)::before {
  content: "";
}
.pagewlregiao .conteudoRegioes .listaRegioes .item-regiao label,
.pagewlregiao .conteudoRegioes .listaRegioes .item-vitrine label,
.pagewlregiao .conteudoRegioes .listaVitrines .item-regiao label,
.pagewlregiao .conteudoRegioes .listaVitrines .item-vitrine label,
.pagewlregiao .conteudoVitrines .listaRegioes .item-regiao label,
.pagewlregiao .conteudoVitrines .listaRegioes .item-vitrine label,
.pagewlregiao .conteudoVitrines .listaVitrines .item-regiao label,
.pagewlregiao .conteudoVitrines .listaVitrines .item-vitrine label,
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-regiao label,
.pagewlcadvitrine .conteudoRegioes .listaRegioes .item-vitrine label,
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-regiao label,
.pagewlcadvitrine .conteudoRegioes .listaVitrines .item-vitrine label,
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-regiao label,
.pagewlcadvitrine .conteudoVitrines .listaRegioes .item-vitrine label,
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-regiao label,
.pagewlcadvitrine .conteudoVitrines .listaVitrines .item-vitrine label,
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-regiao label,
.pagewlcadcatalogo .conteudoRegioes .listaRegioes .item-vitrine label,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-regiao label,
.pagewlcadcatalogo .conteudoRegioes .listaVitrines .item-vitrine label,
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-regiao label,
.pagewlcadcatalogo .conteudoVitrines .listaRegioes .item-vitrine label,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-regiao label,
.pagewlcadcatalogo .conteudoVitrines .listaVitrines .item-vitrine label {
  margin-left: 10px;
}
.pagewlregiao #conteudoCatalogo,
.pagewlcadvitrine #conteudoCatalogo,
.pagewlcadcatalogo #conteudoCatalogo {
  margin-bottom: 20px;
}
.pagewlregiao #conteudoCatalogo .catalogoContainer,
.pagewlcadvitrine #conteudoCatalogo .catalogoContainer,
.pagewlcadcatalogo #conteudoCatalogo .catalogoContainer {
  display: grid;
  height: 80vh;
  grid-template-columns: 12% 68% 20%;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding-bottom: 10px;
}
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas {
  align-items: center;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos {
  height: 100%;
  overflow: hidden;
  border-top-right-radius: 10px;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .novaSecao,
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .preencheComIA,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .novaSecao,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .preencheComIA,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .novaSecao,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .preencheComIA {
  margin-bottom: 20px;
  width: 100%;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .novaSecao button,
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .preencheComIA button,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .novaSecao button,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .preencheComIA button,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .novaSecao button,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .preencheComIA button {
  width: 100%;
  background: #f5f6f8;
  border: 1px solid #d0d3d9;
  border-radius: 10px;
  padding: 8px;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos span.icone,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos span.icone,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos span.icone {
  font-size: 16px;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos nav,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos nav,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos nav {
  display: flex;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos nav .btn_Secoes,
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos nav .btn_Produtos,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos nav .btn_Secoes,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos nav .btn_Produtos,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos nav .btn_Secoes,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos nav .btn_Produtos {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 4px;
  cursor: pointer;
  transition: all 0.4s ease;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos nav .btn_Secoes:hover,
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos nav .btn_Produtos:hover,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos nav .btn_Secoes:hover,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos nav .btn_Produtos:hover,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos nav .btn_Secoes:hover,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos nav .btn_Produtos:hover {
  background-color: #f2f2f2;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos nav .btn_Secoes::after,
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos nav .btn_Produtos::after,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos nav .btn_Secoes::after,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos nav .btn_Produtos::after,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos nav .btn_Secoes::after,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos nav .btn_Produtos::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 3px;
  border-radius: 2px;
  width: 100%;
  background-color: #11cc59;
  opacity: 0;
  transition: all 0.4s ease;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .navegandoSecoes .btn_Secoes,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .navegandoSecoes .btn_Secoes,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .navegandoSecoes .btn_Secoes {
  background-color: color-mix(in srgb, #11cc59 10%, transparent 90%);
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .navegandoSecoes .btn_Secoes::after,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .navegandoSecoes .btn_Secoes::after,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .navegandoSecoes .btn_Secoes::after {
  opacity: 1;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .navegandoSecoes ~ .catalogoProdutos,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .navegandoSecoes ~ .catalogoProdutos,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .navegandoSecoes ~ .catalogoProdutos {
  display: none;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .navegandoProdutos .btn_Produtos,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .navegandoProdutos .btn_Produtos,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .navegandoProdutos .btn_Produtos {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: color-mix(in srgb, #11cc59 10%, transparent 90%);
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .navegandoProdutos .btn_Produtos::after,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .navegandoProdutos .btn_Produtos::after,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .navegandoProdutos .btn_Produtos::after {
  opacity: 1;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .navegandoProdutos ~ .catalogoSecoes,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .navegandoProdutos ~ .catalogoSecoes,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .navegandoProdutos ~ .catalogoSecoes {
  display: none;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos {
  overflow-y: auto;
  height: 100%;
  padding: 10px;
  padding-right: 0;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos #listaProdutosDireita,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos #listaProdutosDireita,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos #listaProdutosDireita {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 30px;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto {
  overflow: hidden;
  background-color: white;
  align-items: center;
  display: flex;
  gap: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
  cursor: pointer;
  user-select: none;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto.mostrando,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto.mostrando,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto.mostrando {
  background-color: rgba(17, 204, 89, 0.05);
  border-color: #11cc59;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto:hover,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto:hover,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto:hover {
  border-color: #11cc59;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-imagem,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-imagem,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-imagem {
  aspect-ratio: 1/1;
  width: 50px;
  height: 50px;
  padding: 4px;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-imagem img,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-imagem img,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-imagem img {
  object-fit: cover;
  aspect-ratio: 1/1;
  width: 100%;
  max-height: 100%;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .linhaInfo,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .linhaInfo,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .linhaInfo {
  flex: 1;
  min-width: 0;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-descricao,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-descricao,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-descricao {
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
  margin-bottom: 2px;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-referencia,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-referencia,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-referencia {
  font-weight: 500;
  font-size: 10px;
  color: #bebebe;
}
.pagewlregiao #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-codbarras,
.pagewlcadvitrine #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-codbarras,
.pagewlcadcatalogo #conteudoCatalogo .containerSecoesEProdutos .catalogoProdutos .produto .produto-codbarras {
  font-weight: 500;
  font-size: 10px;
  color: #bebebe;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas {
  width: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .titulo,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .titulo,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .titulo,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .titulo,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .titulo,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .titulo {
  font-weight: 700;
  font-size: 13px;
  color: #555;
  margin-bottom: 10px;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes #listaSecoes,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas #listaSecoes,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes #listaSecoes,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas #listaSecoes,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes #listaSecoes,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas #listaSecoes {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  width: 100%;
  padding: 5px 0;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .secaoItem,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .secaoItem,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .secaoItem,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .secaoItem,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .secaoItem,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .secaoItem {
  border: 1px solid #e4e6eb;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .secaoItem:hover,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .secaoItem:hover,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .secaoItem:hover,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .secaoItem:hover,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .secaoItem:hover,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .secaoItem:hover {
  border-color: #11cc59;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .secaoItem.ativa,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .secaoItem.ativa,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .secaoItem.ativa,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .secaoItem.ativa,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .secaoItem.ativa,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .secaoItem.ativa {
  border-color: #11cc59;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .secaoItem .secaoInfo,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoInfo,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .secaoItem .secaoInfo,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoInfo,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .secaoItem .secaoInfo,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoInfo {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .secaoItem .secaoInfo strong,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoInfo strong,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .secaoItem .secaoInfo strong,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoInfo strong,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .secaoItem .secaoInfo strong,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoInfo strong {
  font-size: 13px;
  font-weight: 600;
  color: #333;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .secaoItem .secaoInfo .secaoPagina,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoInfo .secaoPagina,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .secaoItem .secaoInfo .secaoPagina,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoInfo .secaoPagina,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .secaoItem .secaoInfo .secaoPagina,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoInfo .secaoPagina {
  font-size: 11px;
  color: #9aa0a6;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .secaoItem .secaoAcoes,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoAcoes,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .secaoItem .secaoAcoes,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoAcoes,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .secaoItem .secaoAcoes,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoAcoes {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .secaoItem .secaoAcoes img,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoAcoes img,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .secaoItem .secaoAcoes img,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoAcoes img,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .secaoItem .secaoAcoes img,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoAcoes img {
  width: 16px;
  cursor: pointer;
  opacity: 0.6;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .secaoItem .secaoAcoes img:hover,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoAcoes img:hover,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .secaoItem .secaoAcoes img:hover,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoAcoes img:hover,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .secaoItem .secaoAcoes img:hover,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .secaoItem .secaoAcoes img:hover {
  opacity: 1;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .secaoEditando,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .secaoEditando,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .secaoEditando,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .secaoEditando,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .secaoEditando,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .secaoEditando {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas {
  /* Chrome, Edge, Safari */
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .inputPaginaSecao::-webkit-outer-spin-button,
.pagewlregiao #conteudoCatalogo .catalogoSecoes .inputPaginaSecao::-webkit-inner-spin-button,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao::-webkit-outer-spin-button,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao::-webkit-inner-spin-button,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .inputPaginaSecao::-webkit-outer-spin-button,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .inputPaginaSecao::-webkit-inner-spin-button,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao::-webkit-outer-spin-button,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao::-webkit-inner-spin-button,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .inputPaginaSecao::-webkit-outer-spin-button,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .inputPaginaSecao::-webkit-inner-spin-button,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao::-webkit-outer-spin-button,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .inputPaginaSecao,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .inputPaginaSecao,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .inputPaginaSecao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao {
  -moz-appearance: textfield;
  appearance: textfield;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .inputNomeSecao,
.pagewlregiao #conteudoCatalogo .catalogoSecoes .inputPaginaSecao,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .inputNomeSecao,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .inputNomeSecao,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .inputPaginaSecao,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .inputNomeSecao,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .inputNomeSecao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .inputPaginaSecao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .inputNomeSecao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao {
  outline: none;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .inputNomeSecao:focus,
.pagewlregiao #conteudoCatalogo .catalogoSecoes .inputPaginaSecao:focus,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .inputNomeSecao:focus,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao:focus,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .inputNomeSecao:focus,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .inputPaginaSecao:focus,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .inputNomeSecao:focus,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao:focus,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .inputNomeSecao:focus,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .inputPaginaSecao:focus,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .inputNomeSecao:focus,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao:focus {
  border-color: #11cc59;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .inputNomeSecao,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .inputNomeSecao,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .inputNomeSecao,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .inputNomeSecao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .inputNomeSecao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .inputNomeSecao {
  border: 1px solid #e4e6eb;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 13px;
  font-weight: 600;
  width: 100%;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .linhaEdicao,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .linhaEdicao,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .linhaEdicao,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .linhaEdicao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .linhaEdicao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .linhaEdicao {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #666;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .inputPaginaSecao,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .inputPaginaSecao,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .inputPaginaSecao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .inputPaginaSecao {
  width: 50px;
  border: 1px solid #e4e6eb;
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 12px;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .acoesEdicao,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .acoesEdicao,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .acoesEdicao,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .acoesEdicao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .acoesEdicao,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .acoesEdicao {
  margin-left: auto;
  display: flex;
  gap: 6px;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .btnCheck,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .btnCheck,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .btnCheck,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .btnCheck,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .btnCheck,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .btnCheck {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: #11cc59;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .btnDelete,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .btnDelete,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .btnDelete,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .btnDelete,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .btnDelete,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .btnDelete {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid #e4e6eb;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pagewlregiao #conteudoCatalogo .catalogoSecoes .semSecoes,
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas .semSecoes,
.pagewlcadvitrine #conteudoCatalogo .catalogoSecoes .semSecoes,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas .semSecoes,
.pagewlcadcatalogo #conteudoCatalogo .catalogoSecoes .semSecoes,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas .semSecoes {
  text-align: center;
  font-size: 12px;
  color: #bebebe;
}
.pagewlregiao #conteudoCatalogo .catalogoViewer,
.pagewlcadvitrine #conteudoCatalogo .catalogoViewer,
.pagewlcadcatalogo #conteudoCatalogo .catalogoViewer {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.pagewlregiao #conteudoCatalogo .catalogoViewer::before,
.pagewlcadvitrine #conteudoCatalogo .catalogoViewer::before,
.pagewlcadcatalogo #conteudoCatalogo .catalogoViewer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: none;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.2s ease;
  -webkit-mask: linear-gradient(#000 0 0) top/100% calc(var(--y) - var(--h) / 2) no-repeat, linear-gradient(#000 0 0) bottom/100% calc(100% - (var(--y) + var(--h) / 2)) no-repeat, linear-gradient(#000 0 0) left/calc(var(--x) - var(--w) / 2) 100% no-repeat, linear-gradient(#000 0 0) right/calc(100% - (var(--x) + var(--w) / 2)) 100% no-repeat;
  mask: linear-gradient(#000 0 0) top/100% calc(var(--y) - var(--h) / 2) no-repeat, linear-gradient(#000 0 0) bottom/100% calc(100% - (var(--y) + var(--h) / 2)) no-repeat, linear-gradient(#000 0 0) left/calc(var(--x) - var(--w) / 2) 100% no-repeat, linear-gradient(#000 0 0) right/calc(100% - (var(--x) + var(--w) / 2)) 100% no-repeat;
}
.pagewlregiao #conteudoCatalogo .catalogoViewer.zoom-preview-ativo::before,
.pagewlcadvitrine #conteudoCatalogo .catalogoViewer.zoom-preview-ativo::before,
.pagewlcadcatalogo #conteudoCatalogo .catalogoViewer.zoom-preview-ativo::before {
  opacity: 1;
}
.pagewlregiao #conteudoCatalogo .catalogoViewer .area-zoom-cursor,
.pagewlcadvitrine #conteudoCatalogo .catalogoViewer .area-zoom-cursor,
.pagewlcadcatalogo #conteudoCatalogo .catalogoViewer .area-zoom-cursor {
  position: absolute;
  border: 1px solid #aaa;
  pointer-events: none;
  z-index: 11;
  display: none;
  width: 200px;
  height: 200px;
  transform: translate(-50%, -50%);
}
.pagewlregiao #conteudoCatalogo .catalogoViewer .area-zoom-cursor.ativo,
.pagewlcadvitrine #conteudoCatalogo .catalogoViewer .area-zoom-cursor.ativo,
.pagewlcadcatalogo #conteudoCatalogo .catalogoViewer .area-zoom-cursor.ativo {
  display: block;
}
.pagewlregiao #conteudoCatalogo .catalogoViewer.modo-zoom-ativo #viewer,
.pagewlcadvitrine #conteudoCatalogo .catalogoViewer.modo-zoom-ativo #viewer,
.pagewlcadcatalogo #conteudoCatalogo .catalogoViewer.modo-zoom-ativo #viewer {
  transform-origin: top left;
  transition: transform 0.1s linear;
  will-change: transform;
  padding-top: 10px;
}
.pagewlregiao #conteudoCatalogo .catalogoViewer.modo-zoom-ativo #viewer:not(:has(.unicofilho))::after,
.pagewlcadvitrine #conteudoCatalogo .catalogoViewer.modo-zoom-ativo #viewer:not(:has(.unicofilho))::after,
.pagewlcadcatalogo #conteudoCatalogo .catalogoViewer.modo-zoom-ativo #viewer:not(:has(.unicofilho))::after {
  height: calc(100% - 20px);
  top: auto;
}
.pagewlregiao #conteudoCatalogo,
.pagewlcadvitrine #conteudoCatalogo,
.pagewlcadcatalogo #conteudoCatalogo {
  /* ===== TOPO ===== */
}
.pagewlregiao #conteudoCatalogo #topbar,
.pagewlcadvitrine #conteudoCatalogo #topbar,
.pagewlcadcatalogo #conteudoCatalogo #topbar {
  background-color: #f8f8f8;
  padding: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  position: sticky;
  z-index: 12;
}
.pagewlregiao #conteudoCatalogo #topbar #inputIrPara,
.pagewlcadvitrine #conteudoCatalogo #topbar #inputIrPara,
.pagewlcadcatalogo #conteudoCatalogo #topbar #inputIrPara {
  border-radius: 4px;
  width: 60px;
  background-color: white;
  padding: 4px;
  position: relative;
  overflow: visible;
}
.pagewlregiao #conteudoCatalogo #topbar #inputIrPara:has(input:not(:placeholder-shown))::after,
.pagewlcadvitrine #conteudoCatalogo #topbar #inputIrPara:has(input:not(:placeholder-shown))::after,
.pagewlcadcatalogo #conteudoCatalogo #topbar #inputIrPara:has(input:not(:placeholder-shown))::after {
  content: "Ir para";
  position: absolute;
  left: 5px;
  top: -8px;
  width: 20px;
  height: 100%;
  font-size: 10px;
  white-space: nowrap;
  color: inherit;
  z-index: 1;
}
.pagewlregiao #conteudoCatalogo #topbar #inputIrPara input,
.pagewlcadvitrine #conteudoCatalogo #topbar #inputIrPara input,
.pagewlcadcatalogo #conteudoCatalogo #topbar #inputIrPara input {
  width: 100%;
  outline: none;
  border: none;
}
.pagewlregiao #conteudoCatalogo #topbar #inputIrPara input::-webkit-outer-spin-button, .pagewlregiao #conteudoCatalogo #topbar #inputIrPara input::-webkit-inner-spin-button,
.pagewlcadvitrine #conteudoCatalogo #topbar #inputIrPara input::-webkit-outer-spin-button,
.pagewlcadvitrine #conteudoCatalogo #topbar #inputIrPara input::-webkit-inner-spin-button,
.pagewlcadcatalogo #conteudoCatalogo #topbar #inputIrPara input::-webkit-outer-spin-button,
.pagewlcadcatalogo #conteudoCatalogo #topbar #inputIrPara input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pagewlregiao #conteudoCatalogo #topbar #botaoZoom,
.pagewlcadvitrine #conteudoCatalogo #topbar #botaoZoom,
.pagewlcadcatalogo #conteudoCatalogo #topbar #botaoZoom {
  cursor: pointer;
  position: absolute;
  right: 10px;
  background-color: white;
  height: 30px;
  width: 30px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.0196078431);
}
.pagewlregiao #conteudoCatalogo #topbar #botaoZoom.aumentarZoom::after, .pagewlregiao #conteudoCatalogo #topbar #botaoZoom.diminuirZoom::after,
.pagewlcadvitrine #conteudoCatalogo #topbar #botaoZoom.aumentarZoom::after,
.pagewlcadvitrine #conteudoCatalogo #topbar #botaoZoom.diminuirZoom::after,
.pagewlcadcatalogo #conteudoCatalogo #topbar #botaoZoom.aumentarZoom::after,
.pagewlcadcatalogo #conteudoCatalogo #topbar #botaoZoom.diminuirZoom::after {
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  color: #888;
}
.pagewlregiao #conteudoCatalogo #topbar #botaoZoom.aumentarZoom::after,
.pagewlcadvitrine #conteudoCatalogo #topbar #botaoZoom.aumentarZoom::after,
.pagewlcadcatalogo #conteudoCatalogo #topbar #botaoZoom.aumentarZoom::after {
  content: "zoom_in";
}
.pagewlregiao #conteudoCatalogo #topbar #botaoZoom.diminuirZoom::after,
.pagewlcadvitrine #conteudoCatalogo #topbar #botaoZoom.diminuirZoom::after,
.pagewlcadcatalogo #conteudoCatalogo #topbar #botaoZoom.diminuirZoom::after {
  content: "zoom_out";
}
.pagewlregiao #conteudoCatalogo .navBtn,
.pagewlcadvitrine #conteudoCatalogo .navBtn,
.pagewlcadcatalogo #conteudoCatalogo .navBtn {
  position: absolute;
  /* agora respeita o catalogo */
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  background: white;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  opacity: 0.9;
}
.pagewlregiao #conteudoCatalogo .navBtn img,
.pagewlcadvitrine #conteudoCatalogo .navBtn img,
.pagewlcadcatalogo #conteudoCatalogo .navBtn img {
  height: 16px;
}
.pagewlregiao #conteudoCatalogo .navBtn.left,
.pagewlcadvitrine #conteudoCatalogo .navBtn.left,
.pagewlcadcatalogo #conteudoCatalogo .navBtn.left {
  left: 12px;
}
.pagewlregiao #conteudoCatalogo .navBtn.right,
.pagewlcadvitrine #conteudoCatalogo .navBtn.right,
.pagewlcadcatalogo #conteudoCatalogo .navBtn.right {
  right: 12px;
}
.pagewlregiao #conteudoCatalogo #viewer,
.pagewlcadvitrine #conteudoCatalogo #viewer,
.pagewlcadcatalogo #conteudoCatalogo #viewer {
  overflow: hidden;
  background-color: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.pagewlregiao #conteudoCatalogo #viewer:not(:has(.unicofilho))::after,
.pagewlcadvitrine #conteudoCatalogo #viewer:not(:has(.unicofilho))::after,
.pagewlcadcatalogo #conteudoCatalogo #viewer:not(:has(.unicofilho))::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 50%;
  width: 20px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 5;
  filter: blur(4px);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 30%, rgba(0, 0, 0, 0.08) 50%, rgba(0, 0, 0, 0.04) 70%, rgba(0, 0, 0, 0) 100%);
  mix-blend-mode: multiply;
}
.pagewlregiao #conteudoCatalogo .catalogoMiniaturas,
.pagewlcadvitrine #conteudoCatalogo .catalogoMiniaturas,
.pagewlcadcatalogo #conteudoCatalogo .catalogoMiniaturas {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.pagewlregiao #conteudoCatalogo .scrollMiniaturas,
.pagewlcadvitrine #conteudoCatalogo .scrollMiniaturas,
.pagewlcadcatalogo #conteudoCatalogo .scrollMiniaturas {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 4px;
  padding-left: 0;
}
.pagewlregiao #conteudoCatalogo .miniatura,
.pagewlcadvitrine #conteudoCatalogo .miniatura,
.pagewlcadcatalogo #conteudoCatalogo .miniatura {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
  transition: transform 0.15s ease;
  min-height: 180px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #e4e6eb;
  padding: 5px;
}
.pagewlregiao #conteudoCatalogo .miniatura:hover,
.pagewlcadvitrine #conteudoCatalogo .miniatura:hover,
.pagewlcadcatalogo #conteudoCatalogo .miniatura:hover {
  transform: translateY(-1px);
}
.pagewlregiao #conteudoCatalogo .miniatura.skeleton,
.pagewlcadvitrine #conteudoCatalogo .miniatura.skeleton,
.pagewlcadcatalogo #conteudoCatalogo .miniatura.skeleton {
  border-radius: 10px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.pagewlregiao #conteudoCatalogo .miniatura.visualizando,
.pagewlcadvitrine #conteudoCatalogo .miniatura.visualizando,
.pagewlcadcatalogo #conteudoCatalogo .miniatura.visualizando {
  border-color: #11cc59;
}
.pagewlregiao #conteudoCatalogo .miniatura.visualizando .pagina,
.pagewlcadvitrine #conteudoCatalogo .miniatura.visualizando .pagina,
.pagewlcadcatalogo #conteudoCatalogo .miniatura.visualizando .pagina {
  color: #11cc59;
}
.pagewlregiao #conteudoCatalogo .foto,
.pagewlcadvitrine #conteudoCatalogo .foto,
.pagewlcadcatalogo #conteudoCatalogo .foto {
  width: 100%;
  flex: 1;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.pagewlregiao #conteudoCatalogo .foto img,
.pagewlcadvitrine #conteudoCatalogo .foto img,
.pagewlcadcatalogo #conteudoCatalogo .foto img {
  border-radius: 3px;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
}
.pagewlregiao #conteudoCatalogo .pagina,
.pagewlcadvitrine #conteudoCatalogo .pagina,
.pagewlcadcatalogo #conteudoCatalogo .pagina {
  font-size: 11px;
  color: #666;
  text-align: left;
  font-weight: 500;
}
.pagewlregiao #conteudoCatalogo .pageWrap,
.pagewlcadvitrine #conteudoCatalogo .pageWrap,
.pagewlcadcatalogo #conteudoCatalogo .pageWrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.pagewlregiao #conteudoCatalogo .pageWrap.unicofilho,
.pagewlcadvitrine #conteudoCatalogo .pageWrap.unicofilho,
.pagewlcadcatalogo #conteudoCatalogo .pageWrap.unicofilho {
  max-width: 50%;
}
.pagewlregiao #conteudoCatalogo .pageWrap.skeleton,
.pagewlcadvitrine #conteudoCatalogo .pageWrap.skeleton,
.pagewlcadcatalogo #conteudoCatalogo .pageWrap.skeleton {
  border-radius: 10px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.pagewlregiao #conteudoCatalogo .paginaImg,
.pagewlcadvitrine #conteudoCatalogo .paginaImg,
.pagewlcadcatalogo #conteudoCatalogo .paginaImg {
  max-width: 100%;
  width: auto;
  height: 100%;
  display: block;
}
.pagewlregiao #conteudoCatalogo canvas,
.pagewlcadvitrine #conteudoCatalogo canvas,
.pagewlcadcatalogo #conteudoCatalogo canvas {
  background: #fff;
  display: block;
  max-width: 100%;
  height: auto !important;
}
.pagewlregiao #conteudoCatalogo .overlay,
.pagewlcadvitrine #conteudoCatalogo .overlay,
.pagewlcadcatalogo #conteudoCatalogo .overlay {
  position: absolute;
  inset: 0;
  pointer-events: auto;
}
.pagewlregiao #conteudoCatalogo,
.pagewlcadvitrine #conteudoCatalogo,
.pagewlcadcatalogo #conteudoCatalogo {
  /* ===== Carrinho ===== */
}
.pagewlregiao #conteudoCatalogo .carrinho,
.pagewlcadvitrine #conteudoCatalogo .carrinho,
.pagewlcadcatalogo #conteudoCatalogo .carrinho {
  position: absolute;
  width: 7.5%;
  aspect-ratio: 1;
  background: #11cc59;
  border-radius: 50%;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}
.pagewlregiao #conteudoCatalogo .carrinho img,
.pagewlcadvitrine #conteudoCatalogo .carrinho img,
.pagewlcadcatalogo #conteudoCatalogo .carrinho img {
  height: 15px;
}
.pagewlregiao #conteudoCatalogo .carrinho:hover:not(.arrastando)::after,
.pagewlcadvitrine #conteudoCatalogo .carrinho:hover:not(.arrastando)::after,
.pagewlcadcatalogo #conteudoCatalogo .carrinho:hover:not(.arrastando)::after {
  content: attr(data-descricao);
  position: absolute;
  top: calc(100% + 5px);
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 10px;
  width: 200px;
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid black;
}
.pagewlregiao #conteudoCatalogo .carrinho.final:hover::after,
.pagewlcadvitrine #conteudoCatalogo .carrinho.final:hover::after,
.pagewlcadcatalogo #conteudoCatalogo .carrinho.final:hover::after {
  transform: translateX(-100px);
}
.pagewlregiao #conteudoCatalogo .carrinho.fundo:hover::after,
.pagewlcadvitrine #conteudoCatalogo .carrinho.fundo:hover::after,
.pagewlcadcatalogo #conteudoCatalogo .carrinho.fundo:hover::after {
  top: auto;
  bottom: calc(100% + 5px);
}
.pagewlregiao #conteudoCatalogo .carrinho.comeco:hover::after,
.pagewlcadvitrine #conteudoCatalogo .carrinho.comeco:hover::after,
.pagewlcadcatalogo #conteudoCatalogo .carrinho.comeco:hover::after {
  transform: translateX(100px);
}
.pagewlregiao #conteudoCatalogo,
.pagewlcadvitrine #conteudoCatalogo,
.pagewlcadcatalogo #conteudoCatalogo {
  /* ===== Modal ===== */
}
.pagewlregiao #conteudoCatalogo #modal,
.pagewlcadvitrine #conteudoCatalogo #modal,
.pagewlcadcatalogo #conteudoCatalogo #modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.pagewlregiao #conteudoCatalogo #modalContent,
.pagewlcadvitrine #conteudoCatalogo #modalContent,
.pagewlcadcatalogo #conteudoCatalogo #modalContent {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  min-width: 300px;
}
.pagewlregiao #conteudoCatalogo,
.pagewlcadvitrine #conteudoCatalogo,
.pagewlcadcatalogo #conteudoCatalogo {
  /* ===== SETAS ===== */
}
.pagewlregiao #conteudoCatalogo .activeEdit,
.pagewlcadvitrine #conteudoCatalogo .activeEdit,
.pagewlcadcatalogo #conteudoCatalogo .activeEdit {
  background: #11cc59;
  color: #fff;
}
.pagewlregiao .produto-preview,
.pagewlcadvitrine .produto-preview,
.pagewlcadcatalogo .produto-preview {
  width: 100%;
  background-color: #f7f8fa;
  border-left: 4px solid #11cc59;
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pagewlregiao .produto-preview .produto-preview-descricao,
.pagewlcadvitrine .produto-preview .produto-preview-descricao,
.pagewlcadcatalogo .produto-preview .produto-preview-descricao {
  font-size: 13px;
  color: #333;
  line-height: 1.35;
  word-break: break-word;
}
.pagewlregiao #popup-cadastrar-ponto .popup-content .linhaFechar,
.pagewlregiao #popup-editar-ponto .popup-content .linhaFechar,
.pagewlcadvitrine #popup-cadastrar-ponto .popup-content .linhaFechar,
.pagewlcadvitrine #popup-editar-ponto .popup-content .linhaFechar,
.pagewlcadcatalogo #popup-cadastrar-ponto .popup-content .linhaFechar,
.pagewlcadcatalogo #popup-editar-ponto .popup-content .linhaFechar {
  position: absolute;
  top: 0;
  right: 0;
}
.pagewlregiao #popup-cadastrar-ponto .popup-content,
.pagewlregiao #popup-editar-ponto .popup-content,
.pagewlcadvitrine #popup-cadastrar-ponto .popup-content,
.pagewlcadvitrine #popup-editar-ponto .popup-content,
.pagewlcadcatalogo #popup-cadastrar-ponto .popup-content,
.pagewlcadcatalogo #popup-editar-ponto .popup-content {
  background-color: #f8f8f8;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 80%;
  min-height: 80%;
  transition: all 0.2s ease;
}
.pagewlregiao #popup-cadastrar-ponto .popup-dialog.show > .popup-content,
.pagewlregiao #popup-editar-ponto .popup-dialog.show > .popup-content,
.pagewlcadvitrine #popup-cadastrar-ponto .popup-dialog.show > .popup-content,
.pagewlcadvitrine #popup-editar-ponto .popup-dialog.show > .popup-content,
.pagewlcadcatalogo #popup-cadastrar-ponto .popup-dialog.show > .popup-content,
.pagewlcadcatalogo #popup-editar-ponto .popup-dialog.show > .popup-content {
  opacity: 1;
  filter: brightness(1) blur(0);
  transform: scale(1);
}
.pagewlregiao #popup-cadastrar-ponto .popup-dialog.hidden > .popup-content,
.pagewlregiao #popup-editar-ponto .popup-dialog.hidden > .popup-content,
.pagewlcadvitrine #popup-cadastrar-ponto .popup-dialog.hidden > .popup-content,
.pagewlcadvitrine #popup-editar-ponto .popup-dialog.hidden > .popup-content,
.pagewlcadcatalogo #popup-cadastrar-ponto .popup-dialog.hidden > .popup-content,
.pagewlcadcatalogo #popup-editar-ponto .popup-dialog.hidden > .popup-content {
  top: 0;
  opacity: 0;
  filter: brightness(0.9) blur(1px);
  transform: scale(0.5);
}
.pagewlregiao #popup-cadastrar-ponto .inputPesquisaNovo,
.pagewlregiao #popup-editar-ponto .inputPesquisaNovo,
.pagewlcadvitrine #popup-cadastrar-ponto .inputPesquisaNovo,
.pagewlcadvitrine #popup-editar-ponto .inputPesquisaNovo,
.pagewlcadcatalogo #popup-cadastrar-ponto .inputPesquisaNovo,
.pagewlcadcatalogo #popup-editar-ponto .inputPesquisaNovo {
  background-color: white;
  display: flex;
  gap: 10px;
  width: 97.5%;
  padding: 0 10px;
  border-radius: 4px;
  align-items: center;
}
.pagewlregiao #popup-cadastrar-ponto .inputPesquisaNovo input,
.pagewlregiao #popup-editar-ponto .inputPesquisaNovo input,
.pagewlcadvitrine #popup-cadastrar-ponto .inputPesquisaNovo input,
.pagewlcadvitrine #popup-editar-ponto .inputPesquisaNovo input,
.pagewlcadcatalogo #popup-cadastrar-ponto .inputPesquisaNovo input,
.pagewlcadcatalogo #popup-editar-ponto .inputPesquisaNovo input {
  width: 100%;
  outline: none;
  border: none;
  height: 40px;
}
.pagewlregiao #popup-cadastrar-ponto .inputPesquisaNovo::before,
.pagewlregiao #popup-editar-ponto .inputPesquisaNovo::before,
.pagewlcadvitrine #popup-cadastrar-ponto .inputPesquisaNovo::before,
.pagewlcadvitrine #popup-editar-ponto .inputPesquisaNovo::before,
.pagewlcadcatalogo #popup-cadastrar-ponto .inputPesquisaNovo::before,
.pagewlcadcatalogo #popup-editar-ponto .inputPesquisaNovo::before {
  content: "search";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
}
.pagewlregiao #popup-cadastrar-ponto .popup-dialog,
.pagewlregiao #popup-editar-ponto .popup-dialog,
.pagewlcadvitrine #popup-cadastrar-ponto .popup-dialog,
.pagewlcadvitrine #popup-editar-ponto .popup-dialog,
.pagewlcadcatalogo #popup-cadastrar-ponto .popup-dialog,
.pagewlcadcatalogo #popup-editar-ponto .popup-dialog {
  max-width: 50%;
}
.pagewlregiao #popup-cadastrar-ponto .cabecalhoLista .tituloLista,
.pagewlregiao #popup-editar-ponto .cabecalhoLista .tituloLista,
.pagewlcadvitrine #popup-cadastrar-ponto .cabecalhoLista .tituloLista,
.pagewlcadvitrine #popup-editar-ponto .cabecalhoLista .tituloLista,
.pagewlcadcatalogo #popup-cadastrar-ponto .cabecalhoLista .tituloLista,
.pagewlcadcatalogo #popup-editar-ponto .cabecalhoLista .tituloLista {
  color: #1f1f1f;
  font-size: 18px;
}
.pagewlregiao #popup-cadastrar-ponto .cabecalhoLista .subtituloLista,
.pagewlregiao #popup-editar-ponto .cabecalhoLista .subtituloLista,
.pagewlcadvitrine #popup-cadastrar-ponto .cabecalhoLista .subtituloLista,
.pagewlcadvitrine #popup-editar-ponto .cabecalhoLista .subtituloLista,
.pagewlcadcatalogo #popup-cadastrar-ponto .cabecalhoLista .subtituloLista,
.pagewlcadcatalogo #popup-editar-ponto .cabecalhoLista .subtituloLista {
  color: #9E9E9E;
}
.pagewlregiao #popup-cadastrar-ponto .scrollListaProdutos,
.pagewlregiao #popup-editar-ponto .scrollListaProdutos,
.pagewlcadvitrine #popup-cadastrar-ponto .scrollListaProdutos,
.pagewlcadvitrine #popup-editar-ponto .scrollListaProdutos,
.pagewlcadcatalogo #popup-cadastrar-ponto .scrollListaProdutos,
.pagewlcadcatalogo #popup-editar-ponto .scrollListaProdutos {
  padding: 10px 5px;
  padding-left: 0;
  overflow-y: scroll;
}
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
}
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos .produto,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos .produto,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay .produto,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos .produto,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos .produto,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay .produto,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos .produto,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos .produto,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay .produto {
  background-color: white;
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
}
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos .produto.selecionado,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto.selecionado,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos .produto.selecionado,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay .produto.selecionado,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos .produto.selecionado,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto.selecionado,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos .produto.selecionado,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay .produto.selecionado,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos .produto.selecionado,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto.selecionado,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos .produto.selecionado,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay .produto.selecionado {
  background-color: rgba(17, 204, 89, 0.05);
  border-color: #11cc59;
}
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos .produto:hover .produto-descricao,
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos .produto:hover .produto-referencia,
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos .produto:hover .produto-codbarras,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto:hover .produto-descricao,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto:hover .produto-referencia,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto:hover .produto-codbarras,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos .produto:hover .produto-descricao,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos .produto:hover .produto-referencia,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos .produto:hover .produto-codbarras,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay .produto:hover .produto-descricao,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay .produto:hover .produto-referencia,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay .produto:hover .produto-codbarras,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos .produto:hover .produto-descricao,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos .produto:hover .produto-referencia,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos .produto:hover .produto-codbarras,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto:hover .produto-descricao,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto:hover .produto-referencia,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto:hover .produto-codbarras,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos .produto:hover .produto-descricao,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos .produto:hover .produto-referencia,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos .produto:hover .produto-codbarras,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay .produto:hover .produto-descricao,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay .produto:hover .produto-referencia,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay .produto:hover .produto-codbarras,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos .produto:hover .produto-descricao,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos .produto:hover .produto-referencia,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos .produto:hover .produto-codbarras,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto:hover .produto-descricao,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto:hover .produto-referencia,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto:hover .produto-codbarras,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos .produto:hover .produto-descricao,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos .produto:hover .produto-referencia,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos .produto:hover .produto-codbarras,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay .produto:hover .produto-descricao,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay .produto:hover .produto-referencia,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay .produto:hover .produto-codbarras {
  color: #11cc59;
}
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-imagem,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-imagem,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos .produto .produto-imagem,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-imagem,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-imagem,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-imagem,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos .produto .produto-imagem,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-imagem,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-imagem,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-imagem,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos .produto .produto-imagem,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-imagem {
  aspect-ratio: 1/1;
  width: 60px;
  height: 60px;
  padding: 10px;
}
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-imagem img,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-imagem img,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos .produto .produto-imagem img,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-imagem img,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-imagem img,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-imagem img,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos .produto .produto-imagem img,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-imagem img,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-imagem img,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-imagem img,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos .produto .produto-imagem img,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-imagem img {
  object-fit: cover;
  aspect-ratio: 1/1;
  width: 100%;
  max-height: 100%;
}
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos .produto .linhaIfo,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .linhaIfo,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos .produto .linhaIfo,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay .produto .linhaIfo,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos .produto .linhaIfo,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .linhaIfo,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos .produto .linhaIfo,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay .produto .linhaIfo,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos .produto .linhaIfo,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .linhaIfo,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos .produto .linhaIfo,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay .produto .linhaIfo {
  flex: 1;
}
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-descricao,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-descricao,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos .produto .produto-descricao,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-descricao,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-descricao,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-descricao,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos .produto .produto-descricao,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-descricao,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-descricao,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-descricao,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos .produto .produto-descricao,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-descricao {
  transition: all 0.2s ease;
  font-weight: bold;
  color: #1f1f1f;
}
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-referencia,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-referencia,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos .produto .produto-referencia,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-referencia,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-referencia,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-referencia,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos .produto .produto-referencia,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-referencia,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-referencia,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-referencia,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos .produto .produto-referencia,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-referencia {
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 11px;
  color: #bebebe;
}
.pagewlregiao #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-codbarras,
.pagewlregiao #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-codbarras,
.pagewlregiao #popup-editar-ponto #listaTodosProdutos .produto .produto-codbarras,
.pagewlregiao #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-codbarras,
.pagewlcadvitrine #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-codbarras,
.pagewlcadvitrine #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-codbarras,
.pagewlcadvitrine #popup-editar-ponto #listaTodosProdutos .produto .produto-codbarras,
.pagewlcadvitrine #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-codbarras,
.pagewlcadcatalogo #popup-cadastrar-ponto #listaTodosProdutos .produto .produto-codbarras,
.pagewlcadcatalogo #popup-cadastrar-ponto .produtoSelecionadoDisplay .produto .produto-codbarras,
.pagewlcadcatalogo #popup-editar-ponto #listaTodosProdutos .produto .produto-codbarras,
.pagewlcadcatalogo #popup-editar-ponto .produtoSelecionadoDisplay .produto .produto-codbarras {
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 11px;
  color: #bebebe;
}
.pagewlregiao #popup-editar-ponto .popup-content,
.pagewlcadvitrine #popup-editar-ponto .popup-content,
.pagewlcadcatalogo #popup-editar-ponto .popup-content {
  max-height: max-content;
  min-height: max-content;
}
.pagewlregiao #popup-editar-ponto .produto.selecionado:hover,
.pagewlcadvitrine #popup-editar-ponto .produto.selecionado:hover,
.pagewlcadcatalogo #popup-editar-ponto .produto.selecionado:hover {
  cursor: default;
}
.pagewlregiao #popup-editar-ponto .produto.selecionado:hover .produto-descricao,
.pagewlcadvitrine #popup-editar-ponto .produto.selecionado:hover .produto-descricao,
.pagewlcadcatalogo #popup-editar-ponto .produto.selecionado:hover .produto-descricao {
  color: #1f1f1f;
}
.pagewlregiao #popup-editar-ponto .produto.selecionado:hover .produto-referencia,
.pagewlcadvitrine #popup-editar-ponto .produto.selecionado:hover .produto-referencia,
.pagewlcadcatalogo #popup-editar-ponto .produto.selecionado:hover .produto-referencia {
  color: #bebebe;
}
.pagewlregiao #popup-editar-ponto .produto.selecionado:hover .produto-codbarras,
.pagewlcadvitrine #popup-editar-ponto .produto.selecionado:hover .produto-codbarras,
.pagewlcadcatalogo #popup-editar-ponto .produto.selecionado:hover .produto-codbarras {
  color: #bebebe;
}
.pagewlregiao #popup-editar-ponto .linhaBotoes .btnVazado,
.pagewlregiao #popup-editar-ponto .linhaBotoes .btnVerde,
.pagewlcadvitrine #popup-editar-ponto .linhaBotoes .btnVazado,
.pagewlcadvitrine #popup-editar-ponto .linhaBotoes .btnVerde,
.pagewlcadcatalogo #popup-editar-ponto .linhaBotoes .btnVazado,
.pagewlcadcatalogo #popup-editar-ponto .linhaBotoes .btnVerde {
  cursor: pointer;
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  border-radius: 6px;
  transition: filter 0.2s ease;
}
.pagewlregiao #popup-editar-ponto .linhaBotoes .btnVazado:hover,
.pagewlregiao #popup-editar-ponto .linhaBotoes .btnVerde:hover,
.pagewlcadvitrine #popup-editar-ponto .linhaBotoes .btnVazado:hover,
.pagewlcadvitrine #popup-editar-ponto .linhaBotoes .btnVerde:hover,
.pagewlcadcatalogo #popup-editar-ponto .linhaBotoes .btnVazado:hover,
.pagewlcadcatalogo #popup-editar-ponto .linhaBotoes .btnVerde:hover {
  filter: brightness(0.9);
}

.pageconsultorasupcheckvalidacao .page-content {
  display: flex;
  flex-direction: column;
}
.pageconsultorasupcheckvalidacao .rodape {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  color: #5c5c5c;
}
.pageconsultorasupcheckvalidacao .rodape #totalRegistrosRodape {
  font-size: 12px;
  font-weight: bold;
}
.pageconsultorasupcheckvalidacao .rodape .botoesPaginacao {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  border-radius: 10px;
  display: flex;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  height: 30px;
  align-items: center;
  text-align: center;
}
.pageconsultorasupcheckvalidacao .rodape .botoesPaginacao .divBtn {
  background-color: white;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
}
.pageconsultorasupcheckvalidacao .rodape .botoesPaginacao .back {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
}
.pageconsultorasupcheckvalidacao .rodape .botoesPaginacao .next {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}
.pageconsultorasupcheckvalidacao .rodape .botoesPaginacao img {
  width: 9px;
}
.pageconsultorasupcheckvalidacao .rodape .botoesPaginacao .btnDisable {
  cursor: not-allowed;
}
.pageconsultorasupcheckvalidacao .rodape .botoesPaginacao .btnDisable img {
  opacity: 0.5;
}
.pageconsultorasupcheckvalidacao .rodape .selectPagina {
  margin-left: auto;
  margin-right: 10px;
  font-size: 11px;
  padding: 5px 5px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  height: 30px;
  display: grid;
  align-items: center;
}
.pageconsultorasupcheckvalidacao .rodape .selectPagina select {
  background-color: transparent;
  border: none;
}
.pageconsultorasupcheckvalidacao .rodape .selectPagina select:focus {
  background-color: transparent;
  outline: none;
  border: none;
}
.pageconsultorasupcheckvalidacao .botoes {
  gap: 10px;
}
.pageconsultorasupcheckvalidacao .conteudoScroll {
  height: auto !important;
}
.pageconsultorasupcheckvalidacao .conteudoScroll table {
  width: 300% !important;
}
.pageconsultorasupcheckvalidacao .conteudoScroll table tbody {
  height: auto !important;
}
.pageconsultorasupcheckvalidacao .colunaCentroMenor {
  text-align: center;
}
.pageconsultorasupcheckvalidacao .conteudoScroll tbody {
  overflow: visible;
}
.pageconsultorasupcheckvalidacao .blocoBtnPadrao {
  display: flex;
}
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadrao {
  cursor: pointer;
  user-select: none;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin-left: 10px;
}
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoAprovar,
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoReprovar,
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoCadParcial,
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoAprovarRisco,
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnRefazerAnalise {
  cursor: pointer;
  user-select: none;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  margin-left: 10px;
  padding: 0 10px;
  transition: all 0.2s ease;
  border: 1px solid transparent;
}
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoAprovar:hover,
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoReprovar:hover,
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoCadParcial:hover,
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoAprovarRisco:hover,
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnRefazerAnalise:hover {
  filter: brightness(0.9);
}
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoAprovar {
  background-color: green;
}
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoReprovar {
  background-color: red;
}
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoCadParcial {
  background-color: lightgreen;
}
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnPadraoAprovarRisco {
  background-color: orange;
}
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnRefazerAnalise {
  color: #414141;
  border: 1px solid #414141;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.3s ease;
}
.pageconsultorasupcheckvalidacao .blocoBtnPadrao .btnRefazerAnalise:hover {
  background-color: #414141;
  color: white;
}
.pageconsultorasupcheckvalidacao .telaGeral {
  display: block;
  padding-right: 10px;
}
.pageconsultorasupcheckvalidacao .telaGeral .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pageconsultorasupcheckvalidacao .telaGeral .linhaBotoes .botoesAcesso {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
}
.pageconsultorasupcheckvalidacao .telaGeral .linhaBotoes .botaoEscrito {
  background: white;
  color: #11cc59;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
  padding: 5px;
  margin-left: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.pageconsultorasupcheckvalidacao .telaGeral .linhaBotoes .selecionaAbaValidacao {
  background-color: #11cc59;
  color: white;
}
.pageconsultorasupcheckvalidacao .telaGeral .paginasAbas {
  max-height: 80vh;
  overflow-y: auto;
  margin: 0px -5px;
  padding: 0px 5px;
}
.pageconsultorasupcheckvalidacao .telaGeral .paginasAbas .subtituloCard {
  font-weight: normal;
  font-size: 10px;
}
.pageconsultorasupcheckvalidacao .telaGeral .paginasAbas .paginaAba {
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
}
.pageconsultorasupcheckvalidacao .telaGeral .paginasAbas .botoesAcesso {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}
.pageconsultorasupcheckvalidacao .telaGeral .paginasAbas .botoesAcesso .btnFiltros {
  z-index: 99 !important;
}
.pageconsultorasupcheckvalidacao .telaDetalha {
  display: none;
  height: 100%;
  width: 100%;
  z-index: 99999;
  background-color: #f9f9f9;
  transform: translateX(0);
  opacity: 1;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .linhaBotoes .botoesAcesso {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: end !important;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .linhaBotoes .btnVoltar .btnDetalha {
  margin-left: 0;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .linhaBotoes .btnDetalha {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  background-color: white;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .linhaBotoes .botaoEscrito {
  background: white;
  color: #11cc59;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: 150px;
  padding: 5px;
  margin-left: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .linhaBotoes .selecionaGestaoCadastros {
  background-color: #11cc59;
  color: white;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .linhaFlex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .linhaFlex .left {
  width: calc(50% - 5px);
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .linhaFlex .right {
  width: calc(50% - 5px);
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas {
  overflow-y: auto;
  height: 100%;
  margin: 0px -5px;
  padding: 0px 5px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .subtituloCard {
  font-weight: normal;
  font-size: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba {
  margin-bottom: 30px;
  margin-top: 5px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .cardFora {
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  width: 100%;
  padding: 20px;
  margin-bottom: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard {
  display: flex;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #dadosCadastro td,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #dadosRedesSociais td,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #dadosCadastroRecebidos td {
  white-space: normal;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard tr:nth-child(even) {
  background-color: white;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard td {
  padding: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .colunaMenor {
  width: 12ch;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .descricaobold,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .descricaobold {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #414141;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .sobdescricao,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .sobdescricao {
  font-size: 13px;
  font-weight: bold;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .descricao,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .descricao {
  font-size: 10.5px;
  display: flex;
  align-items: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .descricao img,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .descricao img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .info,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .info {
  align-items: center;
  display: flex;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .info img,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .info img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .infomenor,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .infomenor {
  font-size: 11px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .bolinha,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .bolinha {
  width: 10px;
  height: 10px;
  margin: 0px;
  margin-right: 10px;
  border-radius: 100%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linhaFlex {
  align-items: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .grafico {
  display: grid;
  justify-content: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .grafico canvas {
  padding-left: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .grafico .status {
  text-align: center;
  font-weight: bold;
  color: #11cc59;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .tituloQuadroCard {
  display: flex;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .tituloQuadroCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .subtituloQuadroCard {
  margin-left: 25px;
  font-size: 11px;
  color: #11cc59;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosCard {
  display: flex;
  justify-content: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosCard img {
  height: 23vh;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosEscritosCard {
  padding-top: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosEscritosCard .tituloEscritosCard {
  font-size: 11px;
  display: flex;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosEscritosCard .tituloEscritosCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosEscritosCard .subtituloEscritosCard {
  margin-left: 25px;
  font-size: 11px;
  font-weight: bold;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaKYC .sobdescricao,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaCreditoEmpresa .sobdescricao,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaKYCEmpresa .sobdescricao {
  color: #5c5c5c;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaKYC .info,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaCreditoEmpresa .info,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaKYCEmpresa .info {
  font-weight: bold;
  color: #6E6E6E;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .imagensCadastro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .imagensCadastro .imagem {
  width: 120px;
  padding: 10px 10px 0px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .imagensCadastro .imagem .descricao {
  font-size: 10.5px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .imagensCadastro .imagem img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  object-fit: cover;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .tituloInfo {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .paginaAba .tituloInfo img {
  width: 15px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo #logoWhatsappDetalha {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  cursor: pointer;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardRedesSociais .infoInstagram img {
  cursor: pointer;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardIndicacaoContrato #dadosContratosIndicacao {
  height: 100px;
  overflow: auto;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardIndicacaoContrato #dadosContratosIndicacao .linhadados {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  width: 80%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardIndicacaoContrato #dadosContratosIndicacao .linhadados .desccontrato {
  font-size: 11px;
  color: #5c5c5c;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardIndicacaoContrato #dadosContratosIndicacao .linhadados .imgcontrato {
  margin-right: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardIndicacaoContrato #dadosContratosIndicacao .linhadados .imgcontrato img {
  width: 36px;
  border-radius: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .tituloPadrao {
  margin-bottom: 0px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo #descricao #imgInfo {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo #descricao #detalhe_descricao {
  font-size: 13px !important;
  font-weight: bold;
  color: #5c5c5c;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  gap: 10px;
  margin-top: 20px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild #seminfoDoc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild #seminfoDoc img {
  width: 60px !important;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild .scoredoc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild .scoredoc #textScore {
  font-size: 10.5px;
  position: relative;
  top: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild .scoredoc .infoScore {
  font-size: 48px !important;
  font-weight: bold;
  color: #11cc59;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild .scoredoc .infoDataScore {
  color: #5c5c5c;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild .scoredoc .linhaDescData {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 20px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .tituloPadrao {
  margin-bottom: 0px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred #seminfoCred {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred #seminfoCred img {
  width: 60px !important;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .containerScore {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .containerScore .score {
  position: relative;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .containerScore .score #imagemScore {
  height: 70px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .containerScore .score .infoScoreCred {
  font-size: 24px !important;
  font-weight: bold;
  color: #5c5c5c;
  position: absolute;
  bottom: -5px;
  text-align: center;
  width: 100%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .containerScore .botoes {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .containerScore .botoes #btnAnalise {
  text-decoration: underline;
  color: #5c5c5c;
  cursor: pointer;
  margin-top: 5px;
  font-weight: bold;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .statusScore {
  font-size: 12px !important;
  font-weight: bold;
  color: #5c5c5c;
  display: flex;
  justify-content: start;
  align-items: start;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .infoDataStatus {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .tituloPadraoSerasa {
  margin-bottom: 0px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa #seminfoCredSerasa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa #seminfoCredSerasa img {
  width: 60px !important;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score {
  position: relative;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score #imagemScoreSerasa {
  height: 70px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score .infoScoreCredSerasa {
  font-size: 24px !important;
  font-weight: bold;
  color: #5c5c5c;
  position: absolute;
  bottom: -5px;
  text-align: center;
  width: 100%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .botoes {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .botoes #btnAnalise {
  text-decoration: underline;
  color: #5c5c5c;
  cursor: pointer;
  margin-top: 5px;
  font-weight: bold;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .statusScore {
  font-size: 12px !important;
  font-weight: bold;
  color: #5c5c5c;
  display: flex;
  justify-content: start;
  align-items: start;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .infoDataStatus {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardBigdata #seminfoBigdata {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 150px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardBigdata #seminfoBigdata img {
  width: 60px !important;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardBigdata .dadosBigdata table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardBigdata .dadosBigdata table tbody {
  overflow-y: hidden;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps #seminfoApps {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps #seminfoApps img {
  width: 60px !important;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps .dadosApps {
  margin-top: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps .dadosApps .corverde {
  color: #11cc59;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps .dadosApps table {
  width: 100%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps .dadosApps table tbody {
  height: 150px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardParceiro #seminfoParceiros {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardParceiro #seminfoParceiros img {
  width: 60px !important;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardParceiro .dadosParceiros table {
  width: 100%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardParceiro .dadosParceiros table tbody {
  height: 150px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #seminfoContratosAtivos {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #seminfoContratosAtivos img {
  width: 60px !important;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #dadosContratosAtivos {
  height: 180px;
  overflow: auto;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #dadosContratosAtivos .linhadados {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  width: 80%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #dadosContratosAtivos .linhadados .desccontrato {
  font-size: 11px;
  color: #5c5c5c;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #dadosContratosAtivos .linhadados .imgcontrato {
  margin-right: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #dadosContratosAtivos .linhadados .imgcontrato img {
  width: 36px;
  border-radius: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardSemInfoIdCheck {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardSemInfoIdCheck img {
  width: 100px !important;
  margin-bottom: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .linhaCards {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoShildEmpresa,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoShild,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoIdCheck,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoDevice,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoKYC,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoKYCEmpresa,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoCreditoEmpresa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoShildEmpresa img,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoShild img,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoIdCheck img,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoDevice img,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoKYC img,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoKYCEmpresa img,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoCreditoEmpresa img {
  margin-bottom: 5px;
  width: 60px !important;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck {
  display: flex;
  justify-content: space-around;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .tituloQuadroCard {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #5c5c5c;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .tituloQuadroCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .subtituloQuadroCard {
  margin-left: 23px;
  font-size: 11px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosCard {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosCard img {
  border: 1px solid #ECECEE;
  border-radius: 6px;
  height: 30vh;
  padding: 2px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard {
  padding-top: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .tituloEscritosCard {
  font-size: 11px;
  display: flex;
  align-items: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .tituloEscritosCard img {
  height: 12px;
  width: 12px;
  margin-right: 5px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .subtituloEscritosCard {
  margin-bottom: 10px;
  margin-left: 17px;
  font-size: 11px;
  font-weight: bold;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardValidacao .info,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardValidacaoEmpresa .info {
  align-items: center;
  display: flex;
  margin-left: 22px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardValidacao .info img,
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardValidacaoEmpresa .info img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice {
  display: flex;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa {
  width: 40%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa #map {
  height: 220px;
  width: 100%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa .semLocalizacao {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
  width: 100%;
  min-width: 200px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa .semLocalizacao img {
  width: 150px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa .leaflet-bottom.leaflet-right {
  display: none !important;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDadosGeolocalizacao {
  display: flex;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDadosGeolocalizacao .info {
  width: 100%;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoScore #seminfoScore {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoScore #seminfoScore img {
  width: 100px !important;
  margin-bottom: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoScore #iframeScore {
  height: calc(100vh - 205px);
  height: 100vh;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoAssertiva .linhaBotaoConsulta {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: flex-end;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoAssertiva .linhaBotaoConsulta .btnConsultar {
  display: flex;
  align-items: flex-end;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoAssertiva .linhaBotaoConsulta .btnConsultar .btn {
  height: 30px;
  width: 150px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #009A3B;
  padding: 5px;
  border-radius: 7px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  cursor: pointer;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoAssertiva .cardSemInfoAssertiva {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoAssertiva .cardSemInfoAssertiva img {
  width: 100px !important;
  margin-bottom: 10px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoBigdata #listaBigData {
  height: 100vh;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoObservacao .formTextArea {
  height: 400px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoObservacao .formTextArea #inputObservacao {
  height: 370px;
}
.pageconsultorasupcheckvalidacao .telaDetalha .cadastroDetalha .paginasAbas .conteudoObservacao .btnVerde {
  border: none;
  background-color: #11cc59;
  width: 100px;
  border-radius: 10px;
  padding: 5px;
  color: white;
}
.pageconsultorasupcheckvalidacao .modalFiltro-analise,
.pageconsultorasupcheckvalidacao .modalFiltro-pendente,
.pageconsultorasupcheckvalidacao .modalFiltro-aprovados,
.pageconsultorasupcheckvalidacao .modalFiltro-reprovados {
  display: none;
}
.pageconsultorasupcheckvalidacao .modalFiltro-analise.show,
.pageconsultorasupcheckvalidacao .modalFiltro-pendente.show,
.pageconsultorasupcheckvalidacao .modalFiltro-aprovados.show,
.pageconsultorasupcheckvalidacao .modalFiltro-reprovados.show {
  display: block;
  width: 100%;
  height: calc(100% - 40px);
  margin-top: 40px;
  position: absolute;
  top: 0;
}
.pageconsultorasupcheckvalidacao .modalFiltro-analise.show .backdrop,
.pageconsultorasupcheckvalidacao .modalFiltro-pendente.show .backdrop,
.pageconsultorasupcheckvalidacao .modalFiltro-aprovados.show .backdrop,
.pageconsultorasupcheckvalidacao .modalFiltro-reprovados.show .backdrop {
  width: 100%;
  height: 100%;
}
.pageconsultorasupcheckvalidacao .modalFiltro-analise.show .conteudoModalFiltro,
.pageconsultorasupcheckvalidacao .modalFiltro-pendente.show .conteudoModalFiltro,
.pageconsultorasupcheckvalidacao .modalFiltro-aprovados.show .conteudoModalFiltro,
.pageconsultorasupcheckvalidacao .modalFiltro-reprovados.show .conteudoModalFiltro {
  padding: 30px 20px 20px;
  margin: 55px 0 0;
  background-color: white;
  border-radius: 10px;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
  position: absolute;
  top: -3px;
  width: 700px;
  right: 15px;
  z-index: 1;
}
.pageconsultorasupcheckvalidacao .modalFiltro-analise.show .conteudoModalFiltro::after,
.pageconsultorasupcheckvalidacao .modalFiltro-pendente.show .conteudoModalFiltro::after,
.pageconsultorasupcheckvalidacao .modalFiltro-aprovados.show .conteudoModalFiltro::after,
.pageconsultorasupcheckvalidacao .modalFiltro-reprovados.show .conteudoModalFiltro::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: white;
  position: absolute;
  right: 15px;
  top: -5px;
  transform: rotate(45deg);
  z-index: 0;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise,
.pageconsultorasupcheckvalidacao .modalOutro-pendente,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados {
  display: none;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show {
  display: block;
  width: 100%;
  height: calc(100% - 40px);
  margin-top: 40px;
  position: absolute;
  top: 0;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .backdrop,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .backdrop,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .backdrop,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .backdrop {
  width: 100%;
  height: 100%;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro {
  padding: 30px 20px 20px;
  margin: 55px 0 0;
  background-color: white;
  border-radius: 10px;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
  position: absolute;
  top: -3px;
  width: 700px;
  right: 15px;
  z-index: 1;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro::after,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro::after,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro::after,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: white;
  position: absolute;
  right: 110px;
  top: -5px;
  transform: rotate(45deg);
  z-index: 0;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .linhaVarForm,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .linhaVarForm,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .linhaVarForm,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .linhaVarForm {
  display: flex;
  width: 100%;
  gap: 10px;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .linhaVarForm .abrirEsquerda,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .linhaVarForm .abrirEsquerda,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .linhaVarForm .abrirEsquerda,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .linhaVarForm .abrirEsquerda {
  display: flex;
  align-items: center;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda .setas,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda .setas,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda .setas,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda .setas {
  display: none;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda .setas .show,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda .setas .show,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda .setas .show,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda .setas .show {
  display: block;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda {
  display: flex;
  cursor: pointer;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda img,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda img,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda img,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .linhaVarForm .abrirEsquerda #abreEsquerda img {
  width: 14px;
  margin-left: -8px;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .linhaVarForm .esquerda,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .linhaVarForm .esquerda,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .linhaVarForm .esquerda,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .linhaVarForm .esquerda {
  width: 60%;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .linhaVarForm .direita,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .linhaVarForm .direita,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .linhaVarForm .direita,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .linhaVarForm .direita {
  width: 100%;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .divcheckbox,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .divcheckbox,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .divcheckbox,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .divcheckbox {
  display: flex;
  flex-direction: column;
  padding: 10px 10px;
  font-size: 13px;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .divcheckbox .divContainer,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .divcheckbox .divContainer,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .divcheckbox .divContainer,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .divcheckbox .divContainer {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-right: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .divcheckbox .divContainer input,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .divcheckbox .divContainer input,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .divcheckbox .divContainer input,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .divcheckbox .divContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .divcheckbox .divContainer input:disabled,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .divcheckbox .divContainer input:disabled,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .divcheckbox .divContainer input:disabled,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .divcheckbox .divContainer input:disabled {
  cursor: not-allowed !important;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .divcheckbox .checkmark,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .divcheckbox .checkmark,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .divcheckbox .checkmark,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .divcheckbox .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #eee;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .divcheckbox div,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .divcheckbox div,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .divcheckbox div,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .divcheckbox div {
  margin-bottom: 2px;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .divcheckbox .divContainer:hover input ~ .checkmark,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .divcheckbox .divContainer:hover input ~ .checkmark,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .divcheckbox .divContainer:hover input ~ .checkmark,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .divcheckbox .divContainer:hover input ~ .checkmark {
  background-color: #ccc;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .divcheckbox .divContainer input:checked ~ .checkmark,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .divcheckbox .divContainer input:checked ~ .checkmark,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .divcheckbox .divContainer input:checked ~ .checkmark,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .divcheckbox .divContainer input:checked ~ .checkmark {
  background-color: #11cc59;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .divcheckbox .checkmark:after,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .divcheckbox .checkmark:after,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .divcheckbox .checkmark:after,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .divcheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .divcheckbox .divContainer input:checked ~ .checkmark:after,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .divcheckbox .divContainer input:checked ~ .checkmark:after,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .divcheckbox .divContainer input:checked ~ .checkmark:after,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .divcheckbox .divContainer input:checked ~ .checkmark:after {
  display: block;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .divcheckbox .divContainer .checkmark:after,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .divcheckbox .divContainer .checkmark:after,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .divcheckbox .divContainer .checkmark:after,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .divcheckbox .divContainer .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .botoesVariaveis .titulo,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .botoesVariaveis .titulo,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .botoesVariaveis .titulo,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .botoesVariaveis .titulo {
  color: #11cc59;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 13px;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .botoesVariaveis .titulo hr,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .botoesVariaveis .titulo hr,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .botoesVariaveis .titulo hr,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .botoesVariaveis .titulo hr {
  margin: 0;
  margin-top: 3px;
  width: 60px;
  opacity: 1;
  background-color: #11cc59;
  height: 2px;
  border-radius: 10px;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .botoesVariaveis,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .botoesVariaveis,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .botoesVariaveis,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .botoesVariaveis {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
.pageconsultorasupcheckvalidacao .modalOutro-analise.show .conteudoModalOutro .botoesVariaveis .btnVazado,
.pageconsultorasupcheckvalidacao .modalOutro-pendente.show .conteudoModalOutro .botoesVariaveis .btnVazado,
.pageconsultorasupcheckvalidacao .modalOutro-aprovados.show .conteudoModalOutro .botoesVariaveis .btnVazado,
.pageconsultorasupcheckvalidacao .modalOutro-reprovados.show .conteudoModalOutro .botoesVariaveis .btnVazado {
  border: 1px solid #11cc59;
  background-color: transparent;
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  color: #11cc59;
}

.pagecomercialupcheck .cardSemInfo,
.pageconsultorasupcheckvalidacao .cardSemInfo {
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  height: 100%;
  padding: 10px;
}
.pagecomercialupcheck .cardSemInfo .semInfo,
.pageconsultorasupcheckvalidacao .cardSemInfo .semInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30vh;
}
.pagecomercialupcheck .cardSemInfo .semInfo .texto,
.pageconsultorasupcheckvalidacao .cardSemInfo .semInfo .texto {
  margin-top: 15px;
  color: #5c5c5c;
  font-weight: bold;
}
.pagecomercialupcheck .cardSemInfo .semInfo img,
.pageconsultorasupcheckvalidacao .cardSemInfo .semInfo img {
  width: 80px;
}
.pagecomercialupcheck .cadastroUPCheck,
.pageconsultorasupcheckvalidacao .cadastroUPCheck {
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: translateX(100%);
  opacity: 0;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho {
  width: 100%;
  display: flex;
  gap: 10px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .dadosCadastros,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .dadosCadastros {
  width: 100%;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 20px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .dadosCadastros .marcaWL,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .dadosCadastros .marcaWL {
  padding: 2px 10px;
  color: white;
  border-radius: 10px;
  width: fit-content;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .parceiroVinculo,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .parceiroVinculo {
  width: 35%;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 10px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .parceiroVinculo .linhaTitulo,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .parceiroVinculo .linhaTitulo {
  display: flex;
  justify-content: space-between;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .parceiroVinculo .linhaTitulo .bnt,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .parceiroVinculo .linhaTitulo .bnt {
  width: 30px;
  height: 30px;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  align-content: center;
  cursor: pointer;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .parceiroVinculo .linhaTitulo .bnt img,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .parceiroVinculo .linhaTitulo .bnt img {
  margin: 0 7.5px;
  width: 15px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .titulo,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .titulo {
  font-weight: bold;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .titulo hr,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .titulo hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  height: 2px;
  border-radius: 10px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .perfil {
  padding: 10px 0 0 0;
  width: 100%;
  display: flex;
  gap: 5px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .foto,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .perfil .foto {
  flex-direction: column;
  text-align: center;
  font-size: 10px;
  width: 100px;
  padding-top: 5px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .foto img,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .perfil .foto img {
  border-radius: 100%;
  height: 100px;
  width: 100px;
  object-fit: cover;
  margin-bottom: 5px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .perfil .info {
  width: 100%;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .perfil .info .tabelaDados {
  width: 100%;
  border-spacing: 0;
  padding-left: 20px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody {
  height: auto;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr {
  background-color: white;
  width: 100%;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr td,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr td {
  white-space: normal;
  vertical-align: top;
  word-break: break-word;
  overflow-wrap: break-word;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .titulo,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .titulo {
  font-size: 10px;
  font-weight: normal;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .dado,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .dado {
  font-size: 11px;
  font-weight: bold;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .dado img,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .dado img {
  width: 17px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .linhaBtn,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .linhaBtn {
  padding: 10px 0 0 0;
  width: 100%;
  display: flex;
  gap: 5px;
  justify-content: end;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .linhaBtn .btn,
.pageconsultorasupcheckvalidacao .cadastroUPCheck .cabecalho .linhaBtn .btn {
  padding: 5px 30px;
  background-color: #009A3B;
  color: white;
  font-size: 12px;
}
.pagecomercialupcheck .cadastroUPCheck.show,
.pageconsultorasupcheckvalidacao .cadastroUPCheck.show {
  transform: translateX(0);
  opacity: 1;
}