@charset "UTF-8";
/*-----------------------------------------------------------------------------*/
/*                                  Globais                                    */
/*-----------------------------------------------------------------------------*/
@font-face {
  font-family: "montesserrat";
  src: url("../font/Montserrat-Regular.ttf");
}
#toast .toast {
  border-radius: 8px;
  border: none !important;
  box-shadow: none !important;
  background-color: #414141;
}
#toast {
  border-radius: 8px;
}
#toast .toast-container {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  display: grid;
  align-items: center;
  justify-content: center;
}
#toast .toast-container .d-flex {
  border-radius: 8px;
  background-color: #414141;
  color: white;
  border: none;
  box-shadow: none;
}
#toast .toast-container .d-flex .toast-body {
  text-align: center;
}

html {
  height: 100%;
}

body {
  height: 100%;
  font-family: "montesserrat";
  background-color: #f9f9f9;
  margin: 0;
  letter-spacing: 0.5px;
  font-size: 13px;
  overflow-y: hidden;
  position: relative;
  min-width: 1100px;
}

.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 {
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.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;
}

.cursorBlock {
  cursor: not-allowed !important;
}

/*-----------------------------------------------------------*/
/*                Componentes reutilizaveis de paginas        */
/*-----------------------------------------------------------*/
.config-content {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.config-block {
  margin-bottom: 20px;
}

.config-block-title {
  color: #414141;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
}

.config-card {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
}

.config-card-narrow {
  width: 400px;
}

.config-card-seller {
  max-width: 860px;
  width: 100%;
}

.config-field-row {
  align-items: center;
  display: flex;
  gap: 8px;
}
.config-field-row .muted {
  color: #888;
}

.config-taxa-input {
  background: #f7f8f9;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  color: #444;
  font-family: var(--fidc-mono);
  font-size: 13px;
  height: 32px;
  text-align: right;
  width: 160px;
}

.config-note {
  color: #414141;
  font-size: 12px;
  line-height: 1.55;
  margin-top: 12px;
}

.config-subsection {
  margin-bottom: 18px;
}
.config-subsection:last-child {
  margin-bottom: 0;
}

.config-subsection-title {
  border-bottom: 1px solid #f0f0f0;
  color: #9ca3af;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.4px;
  margin-bottom: 10px;
  padding-bottom: 6px;
  text-transform: uppercase;
}

.config-grid {
  display: grid;
  gap: 10px 14px;
  grid-template-columns: repeat(4, 1fr);
}

.config-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.config-field-label {
  color: #5c5c5c;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.config-field-full {
  grid-column: 1/-1;
}

.config-field-half {
  grid-column: span 2;
}

.config-card-seller .input,
.config-card-seller .select {
  background: #f7f8f9;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  color: #444;
  font-size: 13px;
  height: 32px;
  width: 100%;
}

.config-card-seller .input[readonly],
.config-card-seller .select[disabled] {
  background: #f0f1f3;
  color: #666;
  cursor: default;
}

.emp-logo-wrap {
  align-items: center;
  background: #f7f8f9;
  border: 1px dashed #d0d0d0;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 200px;
  justify-content: center;
  overflow: hidden;
  width: 200px;
}
.emp-logo-wrap img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.emp-logo-wrap:hover {
  border-color: #009A3B;
}

@-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;
  }
}
.linhaBotaoPadrao {
  display: flex;
  justify-content: end;
}
.linhaBotaoPadrao .botaoPadrao {
  background: #009A3B;
  color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  width: auto;
  padding: 5px;
  margin-left: 5px;
  border-radius: 7px;
  text-align: center;
  cursor: pointer;
}
.linhaBotaoPadrao .botaoPadrao.cancelar {
  background: rgba(255, 0, 0, 0.6196078431);
}

.linhaTituloBtnPadrao {
  display: flex;
  justify-content: space-between;
}
.linhaTituloBtnPadrao .blocoBtnPadrao {
  display: flex;
}
.linhaTituloBtnPadrao .blocoBtnPadrao .btnPadrao {
  cursor: pointer;
  user-select: none;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  color: #009A3B;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin-left: 10px;
  padding: 0 10px;
  font-weight: bold;
}
.linhaTituloBtnPadrao .blocoBtnPadrao .btnPadraoAprovar {
  cursor: pointer;
  user-select: none;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: green;
  color: white;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin-left: 10px;
  padding: 0 10px;
}
.linhaTituloBtnPadrao .blocoBtnPadrao .btnPadraoReprovar {
  cursor: pointer;
  user-select: none;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: red;
  color: white;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin-left: 10px;
  padding: 0 10px;
}
.linhaTituloBtnPadrao .blocoBtnPadrao .btnPadraoCadParcial {
  cursor: pointer;
  user-select: none;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: lightgreen;
  color: white;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin-left: 10px;
  padding: 0 10px;
}
.linhaTituloBtnPadrao .blocoBtnPadrao .btnPadraoAprovarRisco {
  cursor: pointer;
  user-select: none;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: orange;
  color: white;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin-left: 10px;
  padding: 0 10px;
}

.tituloPadrao {
  color: #5c5c5c;
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 20px;
}
.tituloPadrao hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  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: #009A3B;
}

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

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

/*-----------------------------------------------------------*/
/*                         Tooltip                           */
/*-----------------------------------------------------------*/
.tooltip-inner {
  color: #fff;
  text-align: left;
  background-color: #5c5c5c;
  max-width: 400px;
  padding: 10px 15px;
}

.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #5c5c5c;
}

.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #5c5c5c;
}

.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #5c5c5c;
}

.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #5c5c5c;
}

/*-----------------------------------------------------------*/
/*                         Botões                            */
/*-----------------------------------------------------------*/
.botoes {
  display: flex;
  align-items: center;
  justify-content: end;
}
.botoes .btnVazado {
  border: 1px solid #009A3B;
  background-color: transparent;
  width: 150px;
  border-radius: 10px;
  padding: 5px;
  color: #009A3B;
}
.botoes .btnVerde {
  border: none;
  background-color: #009A3B;
  width: 150px;
  border-radius: 10px;
  padding: 5px;
  color: white;
  margin-left: 10px;
}

/*-----------------------------------------------------------*/
/*                         Formulário                        */
/*-----------------------------------------------------------*/
.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: 35px;
  margin: 0 auto 20px;
  display: grid;
  align-items: center;
  width: 100%;
}
.formulario .form .divLabel,
.formulario .formPesquisa .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 .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;
  z-index: 2;
}
.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: 0;
  height: 0;
}
.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 {
  width: 3px;
  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 {
  width: 3px;
  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: 10px 10px;
  font-size: 13px;
}
.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;
}
.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: 2px;
  left: 0;
  height: 14px;
  width: 14px;
  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: #009A3B;
}
.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: 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);
}
.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: #009A3B !important;
}
.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: #009A3B;
  vertical-align: middle;
  display: grid;
  align-items: center;
  justify-self: center;
  text-align: center;
}
.formulario .formPesquisa .divInputPesquisa .icon img {
  height: 18px;
}
.formulario .formTextArea {
  height: 100px;
}
.formulario .formTextArea textarea {
  height: 80px;
}
.formulario .formSelecionado {
  border: 1px solid #009A3B;
}
.formulario .formSelecionado .divLabel {
  color: #009A3B;
}
.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: pointer;
}
.formulario .formRadios input[type=radio]:checked {
  border: 2px solid #009A3B;
  background-color: #009A3B;
}
.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: 32%;
}
.formulario .linhaFlex .coluna .form {
  width: 100%;
}
.formulario .linhaFlex .colunaMaior {
  width: 66%;
}
.formulario .linhaFlex .colunaMenor {
  width: 32%;
}
.formulario .divImagemForm {
  width: 100%;
  cursor: pointer;
}
.formulario .divImagemForm .form {
  height: 150px;
}
.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;
}

/*-----------------------------------------------------------*/
/*                         Tabela                            */
/*-----------------------------------------------------------*/
table,
.tableBigData {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  padding-left: 20px;
}
table .cabecalho,
table .cabecalhoBigData,
table .cabecalhoParceiroVinculado,
table .cabecalhoAplicativos,
table .cabecalhoPopup tfoot,
.tableBigData .cabecalho,
.tableBigData .cabecalhoBigData,
.tableBigData .cabecalhoParceiroVinculado,
.tableBigData .cabecalhoAplicativos,
.tableBigData .cabecalhoPopup tfoot {
  background: transparent;
  color: #5c5c5c;
  width: 100%;
  font-size: 12px;
  text-align: left;
}
table .centro,
.tableBigData .centro {
  text-align: center;
}
table .verde,
.tableBigData .verde {
  color: darkgreen;
  font-size: 16px;
}
table .vermelho,
.tableBigData .vermelho {
  color: darkred;
  font-size: 16px;
}
table .direita,
.tableBigData .direita {
  text-align: right;
  overflow: hidden;
}
table .tdcomcor,
.tableBigData .tdcomcor {
  text-align: center;
  opacity: 0.8;
  overflow: hidden;
  padding: 4px 5px;
  border-radius: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
}
table th,
table td,
.tableBigData th,
.tableBigData td {
  font-size: 12px;
  padding: 5px 10px;
  font-weight: normal;
  max-width: 15ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
table th span,
table td span,
.tableBigData th span,
.tableBigData td span {
  display: none;
}
table th,
.tableBigData th {
  white-space: normal;
}
table td,
.tableBigData td {
  text-overflow: ellipsis;
  white-space: nowrap;
}
table td:hover .tooltiptext,
.tableBigData td:hover .tooltiptext {
  visibility: visible;
}
table .colunaCentroMenor,
.tableBigData .colunaCentroMenor {
  text-align: center;
  width: 12ch;
}
table .colunaCentro,
.tableBigData .colunaCentro {
  text-align: center;
}
table .colunaMenor,
.tableBigData .colunaMenor {
  width: 10ch;
}
table .cabecalhoValor,
.tableBigData .cabecalhoValor {
  text-align: right;
  width: 15ch;
}
table .colunaValor,
.tableBigData .colunaValor {
  text-align: right;
  width: 15ch;
}
table .colunaId,
.tableBigData .colunaId {
  text-align: center;
  width: 12ch;
}
table .colunaData,
.tableBigData .colunaData {
  width: 12ch;
  text-align: center;
}
table .colunaDataHora,
.tableBigData .colunaDataHora {
  max-width: 18ch;
  width: 18ch;
}
table .colunaDataHoraErroCentro,
.tableBigData .colunaDataHoraErroCentro {
  max-width: 18ch;
  width: 18ch;
  text-align: center;
}
table .colunaDataHoraErro,
.tableBigData .colunaDataHoraErro {
  max-width: 18ch;
  width: 18ch;
  color: red;
}
table .colunaIcone,
.tableBigData .colunaIcone {
  width: 5ch;
}
table .colunaIcone img,
.tableBigData .colunaIcone img {
  cursor: pointer;
  width: 16px;
}
table .colunaIconeMaior,
.tableBigData .colunaIconeMaior {
  width: 15ch;
  text-align: center;
}
table .colunaIconeMaior img,
.tableBigData .colunaIconeMaior img {
  cursor: pointer;
}
table .colunaDocumento,
.tableBigData .colunaDocumento {
  max-width: 20ch;
  width: 20ch;
}
table .colunaTexto,
.tableBigData .colunaTexto {
  max-width: 25ch;
  width: 25ch;
}
table .colunaDocumentoCentro,
.tableBigData .colunaDocumentoCentro {
  max-width: 20ch;
  width: 20ch;
  text-align: center;
}
table .colunaDocumentoErroCentro,
.tableBigData .colunaDocumentoErroCentro {
  max-width: 20ch;
  width: 20ch;
  text-align: center;
}
table .colunaDocumentoErro,
.tableBigData .colunaDocumentoErro {
  max-width: 20ch;
  width: 20ch;
  color: red;
}
table .colunaErroCentro,
.tableBigData .colunaErroCentro {
  text-align: center;
}
table .colunaErro,
.tableBigData .colunaErro {
  color: red;
}
table .colunaInvisivel,
.tableBigData .colunaInvisivel {
  max-width: 5ch;
  display: none;
}
table tbody,
.tableBigData tbody {
  display: block;
  position: relative;
  height: calc(100vh - 195px);
  overflow-y: scroll;
  background: white;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
table tbody tr,
.tableBigData tbody tr {
  display: block;
}
table #listDadosRecebiveis,
table #listDadosPgtoSintetico,
.tableBigData #listDadosRecebiveis,
.tableBigData #listDadosPgtoSintetico {
  height: calc(100vh - 215px);
}
table thead,
table tbody tr,
table tfoot,
.tableBigData thead,
.tableBigData tbody tr,
.tableBigData tfoot {
  display: table;
  width: 100%;
  table-layout: fixed;
}
table thead th,
.tableBigData thead th {
  padding-right: 15px;
}
table tfoot,
.tableBigData tfoot {
  border-top: 2px solid #009A3B;
}
table tfoot th,
.tableBigData tfoot th {
  padding: 5px;
}
table .cabecalhoBigData,
table .cabecalhoParceiroVinculado,
table .cabecalhoAplicativos,
table .cabecalho,
table .cabecalhoPopup,
.tableBigData .cabecalhoBigData,
.tableBigData .cabecalhoParceiroVinculado,
.tableBigData .cabecalhoAplicativos,
.tableBigData .cabecalho,
.tableBigData .cabecalhoPopup {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  border-bottom: 2px solid #009A3B;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
table .centro,
.tableBigData .centro {
  text-align: center;
}
table .bolinha,
.tableBigData .bolinha {
  width: 10px;
  height: 10px;
  margin: 0 auto;
  border-radius: 100%;
}
table .click,
.tableBigData .click {
  cursor: pointer !important;
}
table tr:not([display=none]):nth-child(even),
.tableBigData tr:not([display=none]):nth-child(even) {
  background-color: #f2f2f2;
}
table .icone,
.tableBigData .icone {
  width: 5ch;
  text-align: center;
}
table .icone img,
.tableBigData .icone img {
  cursor: pointer;
}
table .iconeMaior,
.tableBigData .iconeMaior {
  width: 7ch;
  text-align: center;
}
table .iconeMaior img,
.tableBigData .iconeMaior img {
  cursor: pointer;
}
table .bolinha.green,
.tableBigData .bolinha.green {
  background-color: darkgreen;
}
table .bolinha.red,
.tableBigData .bolinha.red {
  background-color: #e00b0b;
}

/*-----------------------------------------------------------*/
/*                                                           */
/*-----------------------------------------------------------*/
.divcheckboxth {
  padding: 0 0;
  font-size: 13px;
  width: 5ch;
}
.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 {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.divcheckboxth .divContainer input: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: #009A3B;
}
.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);
}

.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: -3px;
  width: 700px;
  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;
}

.modalOutro {
  display: none;
}

.modalOutro.show {
  display: block;
  width: 100%;
  height: calc(100% - 40px);
  margin-top: 40px;
  position: absolute;
  top: 0;
}
.modalOutro.show .backdrop {
  width: 100%;
  height: 100%;
}
.modalOutro.show .conteudoModalOutro {
  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: -3px;
  width: 700px;
  right: 15px;
  z-index: 1;
}
.modalOutro.show .conteudoModalOutro::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: white;
  position: absolute;
  right: 110px;
  top: -5px;
  transform: rotate(45deg);
  z-index: 0;
}

.btnShow {
  z-index: 99 !important;
  background-color: #009A3B !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: 300px;
  border-radius: 10px;
  border: none;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.modal .modal-content .f-modal-alert .f-modal-icon {
  border-radius: 50%;
  border: 4px solid gray;
  box-sizing: content-box;
  height: 60px;
  margin: 20px auto;
  padding: 0;
  position: relative;
  width: 60px;
}
.modal .modal-content .f-modal-alert .f-modal-icon.f-modal-warning {
  border-color: #f8bb86;
}
.modal .modal-content .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%;
}
.modal .modal-content .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;
}
.modal .modal-content .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body {
  background-color: #f8bb86;
  border-radius: 2px;
  height: 30px;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  top: 10px;
  width: 5px;
  z-index: 2;
}
.modal .modal-content .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot {
  background-color: #f8bb86;
  border-radius: 50%;
  bottom: 10px;
  height: 7px;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  width: 7px;
  z-index: 2;
}
.modal .modal-content .f-modal-alert .f-modal-icon + .f-modal-icon {
  margin-top: 50px;
}
.modal .modal-content .scaleWarning {
  animation: scaleWarning 0.75s infinite alternate;
}
.modal .modal-content .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;
  }
}
.modal .modal-content p {
  text-align: center;
  color: #5c5c5c;
  font-size: 16px;
  margin-bottom: 0;
}
.modal .modal-content img {
  margin-left: 10px;
}
.modal .modal-content .linhaBtnAvanco .btnAvanco {
  margin-left: auto;
  margin-right: 20px;
  width: 100px;
  background-color: #009A3B;
  color: white;
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center;
  padding: 5px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
}

#modalReenvio {
  background-color: rgba(249, 249, 249, 0.7);
}

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

.modalAnalise.show {
  display: block;
  width: 100%;
  height: calc(100% - 40px);
  margin-top: 40px;
  position: absolute;
  top: 0;
}
.modalAnalise.show .backdrop {
  width: 100%;
  height: 100%;
}
.modalAnalise.show .conteudoModalAnalise {
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
  padding: 30px 20px 20px;
  margin: 10px 0 0;
  background-color: white;
  border-radius: 10px;
  position: absolute;
  top: -3px;
  width: auto;
  min-width: 30%;
  max-width: 100%;
  right: 15px;
  z-index: 999;
}
.modalAnalise.show .conteudoModalAnalise::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: white;
  position: absolute;
  right: 116px;
  top: -5px;
  transform: rotate(45deg);
  z-index: 0;
}
.modalAnalise.show .conteudoGeral {
  overflow-y: auto;
}
.modalAnalise.show .conteudoGeral .titulo {
  color: #5c5c5c;
  font-weight: bold;
  font-size: 13px;
  padding-top: 10px;
}
.modalAnalise.show .conteudoGeral .titulo hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  height: 2px;
  border-radius: 10px;
  margin-top: 5px;
}
.modalAnalise.show .conteudoGeral .linhaFlex {
  display: flex;
}
.modalAnalise.show .conteudoGeral .linhaFlex .dados {
  padding: 10px;
}
.modalAnalise.show .conteudoGeral .linhaFlex .dados .linha {
  display: flex;
  align-items: center;
}
.modalAnalise.show .conteudoGeral .linhaFlex .dados .linha .desc {
  font-size: 11px;
  color: #5c5c5c;
}
.modalAnalise.show .conteudoGeral .linhaFlex .dados .linha img {
  cursor: pointer;
}
.modalAnalise.show .conteudoGeral .linhaFlex .info {
  margin-left: 5px;
}

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

.modalAnaliseGestao.show {
  display: block;
  width: 100%;
  height: calc(100% - 40px);
  margin-top: 40px;
  position: fixed;
  z-index: 9998;
  top: 0;
}
.modalAnaliseGestao.show .backdrop {
  width: 100%;
  height: 100%;
}
.modalAnaliseGestao.show .conteudoModalAnalise {
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
  padding: 30px 20px 20px;
  margin: 10px 0 0;
  background-color: white;
  border-radius: 10px;
  position: absolute;
  top: 20%;
  left: 25%;
  width: auto;
  min-width: 30%;
  max-width: 100%;
  z-index: 999;
  /* 
  &::after {
      content: "";
      width: 20px;
      height: 20px;
      background-color: white;
      position: absolute;
      right: 40px;
      top: -5px;
      transform: rotate(45deg);
      z-index: 0;
  } */
}
.modalAnaliseGestao.show .conteudoGeral {
  overflow-y: auto;
}
.modalAnaliseGestao.show .conteudoGeral .titulo {
  color: #5c5c5c;
  font-weight: bold;
  font-size: 13px;
  padding-top: 10px;
}
.modalAnaliseGestao.show .conteudoGeral .titulo hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  height: 2px;
  border-radius: 10px;
  margin-top: 5px;
}
.modalAnaliseGestao.show .conteudoGeral .linhaFlex {
  display: flex;
}
.modalAnaliseGestao.show .conteudoGeral .linhaFlex .dados {
  padding: 10px;
}
.modalAnaliseGestao.show .conteudoGeral .linhaFlex .dados .linha {
  display: flex;
  align-items: center;
}
.modalAnaliseGestao.show .conteudoGeral .linhaFlex .dados .linha .desc {
  font-size: 11px;
  color: #5c5c5c;
}
.modalAnaliseGestao.show .conteudoGeral .linhaFlex .dados .linha img {
  cursor: pointer;
}
.modalAnaliseGestao.show .conteudoGeral .linhaFlex .info {
  margin-left: 5px;
}

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

.modalMotivoRecomendacao.show {
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
}
.modalMotivoRecomendacao.show .backdrop {
  width: 100%;
  height: 100%;
}
.modalMotivoRecomendacao.show .conteudoModalMotivoRecomendacao {
  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: 40%;
  left: 25%;
  width: 50%;
  z-index: 9999;
}
.modalMotivoRecomendacao.show .conteudoGeral {
  overflow-y: auto;
}
.modalMotivoRecomendacao.show .conteudoGeral .titulo {
  color: #5c5c5c;
  font-weight: bold;
  font-size: 14px;
}
.modalMotivoRecomendacao.show .conteudoGeral .titulo hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  height: 2px;
  border-radius: 10px;
  margin-top: 5px;
}
.modalMotivoRecomendacao.show .conteudoGeral .texto {
  margin: 25px 0;
  font-size: 12px;
}

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

.modalMotivoAprovaReprova.show {
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
}
.modalMotivoAprovaReprova.show .backdrop {
  width: 100%;
  height: 100%;
}
.modalMotivoAprovaReprova.show .conteudoModalMotivoAprovaReprova {
  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: 30%;
  left: 25%;
  width: 50%;
  z-index: 9999;
}
.modalMotivoAprovaReprova.show .conteudoGeral {
  overflow-y: auto;
}
.modalMotivoAprovaReprova.show .conteudoGeral .titulo {
  color: #5c5c5c;
  font-weight: bold;
  font-size: 14px;
}
.modalMotivoAprovaReprova.show .conteudoGeral .titulo hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  height: 2px;
  border-radius: 10px;
  margin-top: 5px;
}
.modalMotivoAprovaReprova.show .conteudoGeral .texto {
  margin: 15px 0;
  font-size: 12px;
}
.modalMotivoAprovaReprova.show .conteudoGeral .texto textarea {
  width: 100%;
  height: 150px;
  font-size: 12px;
  color: #414141;
  padding: 12px 16px;
  border-radius: 10px;
  border: 2px solid #ccc;
  background-color: #f9f9f9;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
}
.modalMotivoAprovaReprova.show .conteudoGeral .texto textarea:focus {
  outline: none;
  border-color: #009A3B;
  background-color: #fff;
}
.modalMotivoAprovaReprova.show .botoes .btnPreenchido {
  border: 1px solid #009A3B;
  background-color: #009A3B;
  width: 150px;
  border-radius: 10px;
  padding: 5px;
  color: white;
  margin-right: 5px;
}
.modalMotivoAprovaReprova.show .botoes .btnVazado {
  border: 1px solid #009A3B;
  background-color: transparent;
  width: 150px;
  border-radius: 10px;
  padding: 5px;
  color: #009A3B;
}

.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: #009A3B;
  height: 2px;
  border-radius: 10px;
  margin-top: 5px;
}
.modalLocalizacao.show .conteudoGeral .maps {
  margin: 15px 20px;
  width: 90%;
}
.modalLocalizacao.show .botoes .btnPreenchido {
  border: 1px solid #009A3B;
  background-color: #009A3B;
  width: 150px;
  border-radius: 10px;
  padding: 5px;
  color: white;
  margin-right: 5px;
}
.modalLocalizacao.show .botoes .btnVazado {
  border: 1px solid #009A3B;
  background-color: transparent;
  width: 150px;
  border-radius: 10px;
  padding: 5px;
  color: #009A3B;
}

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

.modalListaApps.show {
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
}
.modalListaApps.show .backdrop {
  width: 100%;
  height: 100%;
}
.modalListaApps.show .conteudoListaApps {
  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;
}
.modalListaApps.show .conteudoGeral {
  overflow-y: auto;
  flex-direction: column;
  text-align: center;
}
.modalListaApps.show .conteudoGeral .titulo {
  color: #5c5c5c;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}
.modalListaApps.show .conteudoGeral .titulo hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  height: 2px;
  border-radius: 10px;
  margin-top: 5px;
}
.modalListaApps.show .conteudoGeral .dados {
  margin: 15px 20px;
}
.modalListaApps.show .conteudoGeral .dados tbody {
  max-height: 280px;
}
.modalListaApps.show .conteudoGeral .dados tbody .descApp {
  text-align: start;
}
.modalListaApps.show .botoes .btnPreenchido {
  border: 1px solid #009A3B;
  background-color: #009A3B;
  width: 150px;
  border-radius: 10px;
  padding: 5px;
  color: white;
  margin-right: 5px;
}
.modalListaApps.show .botoes .btnVazado {
  border: 1px solid #009A3B;
  background-color: transparent;
  width: 150px;
  border-radius: 10px;
  padding: 5px;
  color: #009A3B;
}

.modalAnalises {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.modalAnalises .modal-content {
  background-color: white;
  margin: auto;
  padding: 10px;
  max-width: 300px;
  border-radius: 10px;
  border: none;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.modalAnalises .modal-content .f-modal-alert .f-modal-icon {
  border-radius: 50%;
  border: 4px solid gray;
  box-sizing: content-box;
  height: 60px;
  margin: 20px auto;
  padding: 0;
  position: relative;
  width: 60px;
}
.modalAnalises .modal-content .f-modal-alert .f-modal-icon.f-modal-warning {
  border-color: #f8bb86;
}
.modalAnalises .modal-content .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%;
}
.modalAnalises .modal-content .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;
}
.modalAnalises .modal-content .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body {
  background-color: #f8bb86;
  border-radius: 2px;
  height: 30px;
  left: 50%;
  margin-left: -2px;
  position: absolute;
  top: 10px;
  width: 5px;
  z-index: 2;
}
.modalAnalises .modal-content .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot {
  background-color: #f8bb86;
  border-radius: 50%;
  bottom: 10px;
  height: 7px;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  width: 7px;
  z-index: 2;
}
.modalAnalises .modal-content .f-modal-alert .f-modal-icon + .f-modal-icon {
  margin-top: 50px;
}
.modalAnalises .modal-content .scaleWarning {
  animation: scaleWarning 0.75s infinite alternate;
}
.modalAnalises .modal-content .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;
  }
}
.modalAnalises .modal-content p {
  text-align: center;
  color: #5c5c5c;
  font-size: 16px;
  margin-bottom: 0;
}
.modalAnalises .modal-content img {
  margin-left: 10px;
}
.modalAnalises .modal-content .linhaBtnAvanco .btnAvanco1 {
  margin-left: auto;
  margin-right: 20px;
  width: 100px;
  background-color: #009A3B;
  color: white;
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center;
  padding: 5px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
}
.modalAnalises .modal-content .linhaBtnAvanco .btnAvanco2 {
  margin-left: auto;
  margin-right: 20px;
  width: 100px;
  background-color: white;
  color: #009A3B;
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center;
  padding: 5px;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  border: 1px solid #009A3B;
}

.modalFotoGestao {
  display: none;
}

.modalFotoGestao.show {
  display: block;
  width: 100%;
  height: calc(100% - 40px);
  margin-top: 40px;
  position: fixed;
  z-index: 9998;
  top: 0;
}
.modalFotoGestao.show .backdrop {
  width: 100%;
  height: 100%;
}
.modalFotoGestao.show .conteudoModalFoto {
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
  padding: 30px 20px 20px;
  margin: 10px 0 0;
  background-color: white;
  border-radius: 10px;
  position: absolute;
  top: 10%;
  left: 25%;
  width: auto;
  min-width: 30%;
  max-width: 100%;
  z-index: 999;
}
.modalFotoGestao.show .conteudoModalFoto .imgModal {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.modalFotoGestao.show .conteudoModalFoto .imgModal img {
  height: 300px;
  min-height: 300px;
  border-radius: 10px;
}

.modalAprovaRisco {
  display: none;
}

.modalAprovaRisco.show {
  display: block;
  width: 100%;
  height: calc(100% - 40px);
  margin-top: 40px;
  position: fixed;
  z-index: 9998;
  top: 0;
}
.modalAprovaRisco.show .backdrop {
  width: 100%;
  height: 100%;
}
.modalAprovaRisco.show .conteudoModalAprovaRisco {
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.2));
  padding: 30px 20px 20px;
  margin: 10px 0 0;
  background-color: white;
  border-radius: 10px;
  position: absolute;
  top: 10%;
  left: 25%;
  width: auto;
  min-width: 30%;
  max-width: 100%;
  z-index: 999;
}
.modalAprovaRisco.show .conteudoModalAprovaRisco .texto {
  margin: 25px 0;
  font-size: 12px;
}

/*-----------------------------------------------------------------------------*/
/*                                  Load                                       */
/*-----------------------------------------------------------------------------*/
#load,
#loadReload {
  background-color: rgba(249, 249, 249, 0.7);
  position: absolute;
  height: 100vh;
  width: 100%;
  z-index: 9999;
  display: grid;
  align-items: center;
  justify-content: center;
}
#load .lds-dual-ring,
#loadReload .lds-dual-ring {
  position: relative;
  width: 80px;
  height: 80px;
}
#load .lds-dual-ring .logo,
#loadReload .lds-dual-ring .logo {
  position: absolute;
  left: 40px;
  top: 40px;
}
#load .lds-dual-ring .logo img,
#loadReload .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);
  }
}
#load .lds-dual-ring:after,
#loadReload .lds-dual-ring:after {
  content: " ";
  display: block;
  width: 100px;
  height: 100px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #009A3B transparent #009A3B transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#loadReload {
  background: #f9f9f9;
}

#loadTable {
  background-color: rgba(249, 249, 249, 0.7);
  height: 100%;
  width: 100%;
  z-index: 9999;
  display: grid;
  align-items: center;
  justify-content: center;
}
#loadTable .lds-dual-ring {
  position: relative;
  width: 80px;
  height: 80px;
}
#loadTable .lds-dual-ring .logo {
  position: absolute;
  left: 40px;
  top: 40px;
}
#loadTable .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);
  }
}
#loadTable .lds-dual-ring:after {
  content: " ";
  display: block;
  width: 100px;
  height: 100px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #009A3B transparent #009A3B transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*-----------------------------------------------------------------------------*/
/*                                  navbar                                     */
/*-----------------------------------------------------------------------------*/
.logoRodape.ocultar {
  width: 40px;
}
.logoRodape.ocultar .barra-expiracao {
  display: none !important;
}
.logoRodape.ocultar .sair {
  justify-content: center;
  padding: 0;
}
.logoRodape.ocultar .sair .direita {
  display: none;
}
.logoRodape.ocultar .sair img {
  margin: 0;
}

.sidenav {
  height: calc(100% - 70px);
  width: 250px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0 0 0 15px;
}
.sidenav .menu {
  padding: 12px 8px;
  height: 50px;
  display: grid;
  align-items: center;
}
.sidenav .menu img {
  cursor: pointer;
}
.sidenav .conteudoSidenav {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 50px);
}
.sidenav .conteudoSidenav ::-webkit-scrollbar-thumb {
  background-color: #bebebe;
  border: 3px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
.sidenav .conteudoSidenav::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.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: 6px 8px;
  border-radius: 8px;
  position: relative;
}
.sidenav .conteudoSidenav .linha img {
  margin-right: 8px;
  height: 18px !important;
  filter: url(/img/svg/filter.svg#filter);
}
.sidenav .conteudoSidenav .linha .titulo {
  line-height: 18px;
  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: #009A3B;
}
.sidenav .conteudoSidenav .linhaColapse img {
  filter: none;
}
.sidenav .conteudoSidenav .linhaColapse::before {
  content: "";
  background: url("../img/up-arrow.png");
  z-index: 9999;
  position: absolute;
  right: 8px;
  height: 16px;
  width: 16px;
  background-size: 9px;
  background-repeat: no-repeat;
  margin-top: 7px;
}
.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: 9px;
  height: 16px;
  width: 16px;
  background-size: 12px;
  background-repeat: no-repeat;
  margin-top: 7px;
  filter: invert(0.8);
}
.sidenav .conteudoSidenav .submenu {
  padding: 5px 0;
}
.sidenav .conteudoSidenav .submenu .titulo {
  margin-left: 24px;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 12px;
  color: #5c5c5c;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-items: center;
  text-decoration: none;
  user-select: none;
}
.sidenav .conteudoSidenav .submenu .titulo img {
  height: 18px;
  filter: invert(0.7);
  margin-right: 6px;
}
.sidenav .conteudoSidenav .submenu .titulo span {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
}
.sidenav .conteudoSidenav .submenu .titulo.active {
  color: white;
  background-color: #009A3B;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.sidenav .conteudoSidenav .submenu .titulo.active img {
  filter: invert(0);
}
.sidenav .conteudoSidenav .linha.active {
  background: #009A3B;
  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.ocultar {
  height: calc(100% - 70px);
  width: 40px;
}
.sidenav.ocultar .red-tooltip + .tooltip.top > .tooltip-arrow {
  background-color: #f00;
}
.sidenav.ocultar .submenu {
  padding: 5px 0;
}
.sidenav.ocultar .submenu .titulo {
  margin: 0;
}
.sidenav.ocultar .submenu .titulo img {
  margin: 0 auto;
}
.sidenav.ocultar .submenu .titulo span {
  display: none;
}
.sidenav.ocultar .linha img {
  height: 18px;
  margin-right: 30px;
}
.sidenav.ocultar .linha.collapsed::before {
  content: none;
}
.sidenav.ocultar .linha::before {
  content: none;
}

.logoRodape {
  height: auto;
  min-height: 70px;
  width: 250px;
  position: absolute;
  overflow: auto;
  z-index: 2;
  bottom: 0;
  left: 15px;
  display: grid;
  align-items: center;
  justify-content: stretch;
  padding-bottom: 0;
  background: #f9f9f9;
  overflow: hidden;
}
.logoRodape .barra-expiracao {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 11px;
  font-weight: 600;
  gap: 6px;
  line-height: 1.3;
  padding: 7px 10px;
  width: 100%;
}
.logoRodape .barra-expiracao.hidden {
  display: none;
}
.logoRodape .barra-expiracao.warning {
  background: #fef3cd;
  color: #856404;
}
.logoRodape .barra-expiracao.danger {
  background: #fdecea;
  color: #c0392b;
}
.logoRodape .barra-expiracao .barra-expiracao-icone {
  flex-shrink: 0;
  font-size: 13px;
}
.logoRodape .sair {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  padding: 22px 8px;
  box-sizing: border-box;
}
.logoRodape .sair img {
  cursor: pointer;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  margin-right: 10px;
  object-fit: cover;
  flex: 0 0 auto;
}
.logoRodape .sair .direita {
  min-width: 0;
}
.logoRodape .sair .nomeUsuario {
  font-size: 12px;
  line-height: 16px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #5c5c5c;
  font-weight: bold;
}
.logoRodape .sair .lblSair {
  font-size: 12px;
  line-height: 16px;
}
.logoRodape .sair .lblSair a {
  color: #5c5c5c;
  cursor: pointer;
  text-decoration: none;
}
.logoRodape .sair .lblSair a:hover {
  color: #009A3B;
}

.rodape {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 35px;
  color: #5c5c5c;
}
.rodape #totalRegistrosRodape,
.rodape .totalRegistrosRodape {
  font-size: 12px;
  font-weight: bold;
}
.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);
}
.rodape .botoesPaginacao .divBtn {
  background-color: white;
  padding: 5px;
  font-size: 12px;
  font-weight: bold;
}
.rodape .botoesPaginacao .back {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
}
.rodape .botoesPaginacao .next {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}
.rodape .botoesPaginacao img {
  width: 16px;
}
.rodape .botoesPaginacao .btnDisable {
  cursor: not-allowed;
}
.rodape .botoesPaginacao .btnDisable img {
  opacity: 0.5;
}
.rodape .selectPagina {
  margin-left: auto;
  margin-right: 10px;
  font-size: 12px;
  padding: 5px 5px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.rodape .selectPagina select {
  background-color: transparent;
  border: none;
}
.rodape .selectPagina select:focus {
  background-color: transparent;
  outline: none;
  border: none;
}

/*-----------------------------------------------------------------------------*/
/*                                 Popup Novo                                  */
/*-----------------------------------------------------------------------------*/
.popup-novo,
.popup {
  display: none !important;
  position: absolute;
  top: 0px;
  height: auto;
  width: 70%;
  padding: 0 20px 20px 0px;
  margin-top: 5%;
  margin-left: 15%;
  margin-right: 15%;
}
.popup-novo .conteudo-popup-novo,
.popup .conteudo-popup-novo {
  padding: 20px;
  border-radius: 10px;
  background-color: white;
  height: auto;
  width: 100%;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  z-index: 9999 !important;
}
.popup-novo .conteudo-popup-novo .cabecalho,
.popup .conteudo-popup-novo .cabecalho {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #414141;
}
.popup-novo .conteudo-popup-novo .cabecalho hr,
.popup .conteudo-popup-novo .cabecalho hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  height: 2px;
  border-radius: 10px;
}
.popup-novo .conteudo-popup-novo .obs,
.popup .conteudo-popup-novo .obs {
  margin: 10px auto;
  font-size: 11px;
}

.popup-novo {
  width: 90% !important;
  margin-left: 5%;
  margin-right: 5%;
}
.popup-novo .linhaFlex {
  gap: 10px;
}
.popup-novo .linhaFlex .coluna {
  width: 100%;
}

.popup-novo.show {
  display: flex !important;
  justify-content: center;
  align-items: center;
  animation: animaTop 0.8s forwards;
}
@keyframes animaTop {
  0% {
    top: 100%;
  }
  100% {
    top: 0;
  }
}

.popup-novo.hidden {
  display: flex !important;
  animation: animaBottom 1.2s forwards;
  z-index: 2;
}
@keyframes animaBottom {
  0% {
    top: 0;
  }
  100% {
    top: 100%;
  }
}

.popupPlataforma {
  position: absolute;
  top: -50px;
  width: 100%;
  height: calc(100% + 50px);
  overflow: hidden;
}
.popupPlataforma .popup-dialog {
  width: 100%;
  max-width: 450px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}
.popupPlataforma .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.5s ease-out;
  z-index: 999;
}
.popupPlataforma .popup-dialog .popup-content .linhaFechar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 5px;
}
.popupPlataforma .popup-dialog .popup-content .linhaFechar img {
  height: 12px;
  cursor: pointer;
}
.popupPlataforma .popup-dialog .popup-content .cabecalho {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #414141;
}
.popupPlataforma .popup-dialog .popup-content .cabecalho hr {
  margin: 0;
  margin-top: 5px;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  height: 2px;
  border-radius: 10px;
}
.popupPlataforma .popup-dialog .popup-content .formulario .select2-container {
  max-width: 395px !important;
}
.popupPlataforma .popup-dialog .popup-content .btnCancelar {
  color: #009A3B;
  border: 1px solid #009A3B;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
  width: 100px;
  padding: 5px;
}
.popupPlataforma .popup-dialog .popup-content button {
  margin-left: 10px;
}
.popupPlataforma .popup-dialog.show > .popup-content {
  top: 0%;
}
.popupPlataforma .popup-dialog.hidden > .popup-content {
  top: 100%;
}

/*-----------------------------------------------------------------------------*/
/*                                 Popup Edita                                  */
/*-----------------------------------------------------------------------------*/
.popup,
.popup-perfil,
.popup-webhook-detalhe,
.popup-exibir-comprovante,
.popup-confirma-duplicar {
  display: none !important;
  position: absolute;
  top: 0px;
  height: auto;
  width: 70%;
  padding: 0 20px 20px 0px;
  margin-top: 12%;
  margin-left: 15%;
  margin-right: 15%;
}
.popup .conteudo-popup,
.popup-perfil .conteudo-popup,
.popup-webhook-detalhe .conteudo-popup,
.popup-exibir-comprovante .conteudo-popup,
.popup-confirma-duplicar .conteudo-popup {
  padding: 20px;
  border-radius: 10px;
  background-color: white;
  height: auto;
  width: 100%;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
.popup .conteudo-popup .cabecalho,
.popup-perfil .conteudo-popup .cabecalho,
.popup-webhook-detalhe .conteudo-popup .cabecalho,
.popup-exibir-comprovante .conteudo-popup .cabecalho,
.popup-confirma-duplicar .conteudo-popup .cabecalho {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #414141;
}
.popup .conteudo-popup .cabecalho hr,
.popup-perfil .conteudo-popup .cabecalho hr,
.popup-webhook-detalhe .conteudo-popup .cabecalho hr,
.popup-exibir-comprovante .conteudo-popup .cabecalho hr,
.popup-confirma-duplicar .conteudo-popup .cabecalho hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  height: 2px;
  border-radius: 10px;
}
.popup .conteudo-popup .informacoes .conteudo-informacao,
.popup-perfil .conteudo-popup .informacoes .conteudo-informacao,
.popup-webhook-detalhe .conteudo-popup .informacoes .conteudo-informacao,
.popup-exibir-comprovante .conteudo-popup .informacoes .conteudo-informacao,
.popup-confirma-duplicar .conteudo-popup .informacoes .conteudo-informacao {
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
}
.popup .conteudo-popup .obs,
.popup-perfil .conteudo-popup .obs,
.popup-webhook-detalhe .conteudo-popup .obs,
.popup-exibir-comprovante .conteudo-popup .obs,
.popup-confirma-duplicar .conteudo-popup .obs {
  margin: 10px auto;
  font-size: 11px;
}
.popup #btnExpandirComprovante,
.popup-perfil #btnExpandirComprovante,
.popup-webhook-detalhe #btnExpandirComprovante,
.popup-exibir-comprovante #btnExpandirComprovante,
.popup-confirma-duplicar #btnExpandirComprovante {
  width: 100px;
}

.popup.show,
.popup-perfil.show,
.popup-webhook-detalhe.show,
.popup-exibir-comprovante.show,
.popup-confirma-duplicar.show,
#popup-excluir-agenda.show,
.popup-cancelar-bonificacao.show,
.popup-aprovar-bonificacao.show,
.popup-enviar-mensagens.show,
.popup-remove-blacklist.show {
  display: flex !important;
  justify-content: center;
  align-items: center;
  animation: animaTop 0.8s forwards;
  z-index: 4;
}
@keyframes animaTop {
  0% {
    top: 100%;
  }
  100% {
    top: 0;
  }
}

.popup.hidden,
.popup-perfil.hidden,
.popup-webhook-detalhe.hidden,
.popup-exibir-comprovante.hidden,
.popup-confirma-duplicar.hidden {
  display: flex !important;
  animation: animaBottom 0.8s forwards;
  z-index: 2;
}
@keyframes animaBottom {
  0% {
    top: 0;
  }
  100% {
    top: 100%;
  }
}

.popup-perfil {
  width: 350px;
  margin-top: 50px;
  margin-left: 35%;
  margin-right: 35%;
}
.popup-perfil .fotoPerfil {
  height: 120px;
  width: 120px;
  border-radius: 100%;
  margin: 0 auto 10px;
  border: 1px solid #009A3B;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.popup-perfil .botoes {
  justify-content: center;
}

.popup-exibir-comprovante,
.popup-confirma-duplicar {
  width: 650px;
  margin-top: 2%;
  margin-left: 25%;
  margin-right: 25%;
}
.popup-exibir-comprovante .conteudo-popup,
.popup-confirma-duplicar .conteudo-popup {
  height: 100%;
  max-height: calc(100vh - 130px);
}
.popup-exibir-comprovante .containerPDF,
.popup-confirma-duplicar .containerPDF {
  height: calc(100% - 90px);
  min-height: 350px;
  display: flex;
  justify-content: center;
}
.popup-exibir-comprovante .containerPDF .exibePDF,
.popup-confirma-duplicar .containerPDF .exibePDF {
  height: calc(100vh - 255px);
  min-height: 0px;
}
.popup-exibir-comprovante .containerPDF .containerExibeImg,
.popup-confirma-duplicar .containerPDF .containerExibeImg {
  overflow: auto;
  height: calc(100vh - 255px);
}
.popup-exibir-comprovante .containerPDF .containerExibeImg .exibeImg,
.popup-confirma-duplicar .containerPDF .containerExibeImg .exibeImg {
  width: 100%;
}
.popup-exibir-comprovante #btnFecharComprovante,
.popup-confirma-duplicar #btnFecharComprovante {
  position: absolute;
  top: 20px;
  right: 40px;
  height: 12px;
  cursor: pointer;
}

#popup-excluir-agenda,
.popup-cancelar-bonificacao,
.popup-aprovar-bonificacao,
.popup-enviar-mensagens,
.popup-remove-blacklist {
  width: auto;
  margin-left: 38%;
}
#popup-excluir-agenda .conteudo-popup-novo,
.popup-cancelar-bonificacao .conteudo-popup-novo,
.popup-aprovar-bonificacao .conteudo-popup-novo,
.popup-enviar-mensagens .conteudo-popup-novo,
.popup-remove-blacklist .conteudo-popup-novo {
  padding: 20px;
  border-radius: 10px;
  background-color: white;
  height: auto;
  width: 100%;
  max-width: 300px;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  z-index: 9999 !important;
}
#popup-excluir-agenda .conteudo-popup-novo .descricao,
.popup-cancelar-bonificacao .conteudo-popup-novo .descricao,
.popup-aprovar-bonificacao .conteudo-popup-novo .descricao,
.popup-enviar-mensagens .conteudo-popup-novo .descricao,
.popup-remove-blacklist .conteudo-popup-novo .descricao {
  text-align: center;
  margin-bottom: 20px;
}
#popup-excluir-agenda .f-modal-alert .f-modal-icon,
.popup-cancelar-bonificacao .f-modal-alert .f-modal-icon,
.popup-aprovar-bonificacao .f-modal-alert .f-modal-icon,
.popup-enviar-mensagens .f-modal-alert .f-modal-icon,
.popup-remove-blacklist .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;
}
#popup-excluir-agenda .f-modal-alert .f-modal-icon.f-modal-warning,
.popup-cancelar-bonificacao .f-modal-alert .f-modal-icon.f-modal-warning,
.popup-aprovar-bonificacao .f-modal-alert .f-modal-icon.f-modal-warning,
.popup-enviar-mensagens .f-modal-alert .f-modal-icon.f-modal-warning,
.popup-remove-blacklist .f-modal-alert .f-modal-icon.f-modal-warning {
  border-color: #f8bb86;
}
#popup-excluir-agenda .f-modal-alert .f-modal-icon.f-modal-warning:before,
.popup-cancelar-bonificacao .f-modal-alert .f-modal-icon.f-modal-warning:before,
.popup-aprovar-bonificacao .f-modal-alert .f-modal-icon.f-modal-warning:before,
.popup-enviar-mensagens .f-modal-alert .f-modal-icon.f-modal-warning:before,
.popup-remove-blacklist .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%;
}
#popup-excluir-agenda .f-modal-alert .f-modal-icon.f-modal-warning:after,
.popup-cancelar-bonificacao .f-modal-alert .f-modal-icon.f-modal-warning:after,
.popup-aprovar-bonificacao .f-modal-alert .f-modal-icon.f-modal-warning:after,
.popup-enviar-mensagens .f-modal-alert .f-modal-icon.f-modal-warning:after,
.popup-remove-blacklist .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;
}
#popup-excluir-agenda .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body,
.popup-cancelar-bonificacao .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body,
.popup-aprovar-bonificacao .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body,
.popup-enviar-mensagens .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body,
.popup-remove-blacklist .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;
}
#popup-excluir-agenda .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot,
.popup-cancelar-bonificacao .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot,
.popup-aprovar-bonificacao .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot,
.popup-enviar-mensagens .f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot,
.popup-remove-blacklist .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;
}
#popup-excluir-agenda .f-modal-alert .f-modal-icon + .f-modal-icon,
.popup-cancelar-bonificacao .f-modal-alert .f-modal-icon + .f-modal-icon,
.popup-aprovar-bonificacao .f-modal-alert .f-modal-icon + .f-modal-icon,
.popup-enviar-mensagens .f-modal-alert .f-modal-icon + .f-modal-icon,
.popup-remove-blacklist .f-modal-alert .f-modal-icon + .f-modal-icon {
  margin-top: 50px;
}
#popup-excluir-agenda .scaleWarning,
.popup-cancelar-bonificacao .scaleWarning,
.popup-aprovar-bonificacao .scaleWarning,
.popup-enviar-mensagens .scaleWarning,
.popup-remove-blacklist .scaleWarning {
  animation: scaleWarning 0.75s infinite alternate;
}
#popup-excluir-agenda .pulseWarningIns,
.popup-cancelar-bonificacao .pulseWarningIns,
.popup-aprovar-bonificacao .pulseWarningIns,
.popup-enviar-mensagens .pulseWarningIns,
.popup-remove-blacklist .pulseWarningIns {
  animation: pulseWarningIns 0.75s infinite alternate;
}

#popup-copiar-csv {
  width: auto;
  margin-left: 38%;
}
#popup-copiar-csv .conteudo-popup-novo {
  padding: 20px;
  border-radius: 10px;
  background-color: white;
  height: auto;
  width: 100%;
  max-width: 300px;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  z-index: 9999 !important;
}
#popup-copiar-csv .conteudo-popup-novo svg {
  width: 70px;
  display: block;
  margin: 0px auto 10px;
}
#popup-copiar-csv .conteudo-popup-novo .titulo {
  text-align: center;
  font-size: large;
  margin-top: 20px;
  font-weight: bold;
  color: #5c5c5c;
}
#popup-copiar-csv .conteudo-popup-novo .descricao {
  text-align: center;
  margin-bottom: 20px;
}
#popup-copiar-csv .conteudo-popup-novo .descricao b {
  color: #009A3B;
}
#popup-copiar-csv .conteudo-popup-novo .botoes {
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
#popup-copiar-csv .conteudo-popup-novo .botoes button {
  margin: 0;
}

#popup-excluir-agenda.hidden,
.popup-cancelar-bonificacao.hidden,
.popup-aprovar-bonificacao.hidden,
.popup-enviar-mensagens.hidden,
.popup-remove-blacklist.hidden {
  display: flex !important;
  justify-content: center;
  align-items: center;
  animation: animaBottom 1.2s forwards;
  z-index: 2;
}
@keyframes animaBottom {
  0% {
    top: 0;
  }
  100% {
    top: 100%;
  }
}

#popup-faturamento .conteudo-popup-novo {
  padding: 20px;
  border-radius: 10px;
  background-color: white;
  height: auto;
  width: 100%;
  max-width: 300px;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  z-index: 9999 !important;
}
#popup-faturamento .conteudo-popup-novo .descricao {
  text-align: center;
  margin-bottom: 20px;
}
#popup-faturamento .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;
}
#popup-faturamento .f-modal-alert .f-modal-icon.f-modal-warning {
  border-color: #f8bb86;
}
#popup-faturamento .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%;
}
#popup-faturamento .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;
}
#popup-faturamento .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;
}
#popup-faturamento .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;
}
#popup-faturamento .f-modal-alert .f-modal-icon + .f-modal-icon {
  margin-top: 50px;
}
#popup-faturamento .scaleWarning {
  animation: scaleWarning 0.75s infinite alternate;
}
#popup-faturamento .pulseWarningIns {
  animation: pulseWarningIns 0.75s infinite alternate;
}

#popup-faturamento.hidden {
  display: flex !important;
  justify-content: center;
  align-items: center;
  animation: animaBottom 1.2s forwards;
  z-index: 2;
}
@keyframes animaBottom {
  0% {
    top: 0;
  }
  100% {
    top: 100%;
  }
}

.dropdrow,
.dropdrowDetalha {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(190, 190, 190, 0.1);
  z-index: 3;
}

.dropdrowDetalha {
  background-color: transparent;
}

.popup-verificacao {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: grid;
  align-items: center;
  justify-items: center;
  z-index: 999;
  backdrop-filter: blur(2px);
}
.popup-verificacao .conteudo-codigo {
  background-color: white;
  padding: 40px 30px;
  border-radius: 15px;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  width: 90%;
  max-width: 400px;
  text-align: center;
  animation: subidaSuave 0.4s ease-out;
}
.popup-verificacao .conteudo-codigo .cabecalho-popup {
  margin-bottom: 25px;
  font-weight: bold;
  color: #414141;
  font-size: 16px;
  letter-spacing: 1px;
}
.popup-verificacao .conteudo-codigo .cabecalho-popup .linha-detalhe {
  width: 40px;
  height: 3px;
  background-color: #009A3B;
  margin: 8px auto 0;
  border-radius: 10px;
}
.popup-verificacao .conteudo-codigo .instrucao {
  font-size: 13px;
  color: #666;
  margin-bottom: 25px;
}
.popup-verificacao .conteudo-codigo .container-inputs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  gap: 8px;
}
.popup-verificacao .conteudo-codigo .container-inputs .code-input {
  width: 45px;
  height: 55px;
  border: 2px solid #eee;
  border-radius: 8px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #009A3B;
  background-color: #f9f9f9;
  transition: all 0.2s;
}
.popup-verificacao .conteudo-codigo .container-inputs .code-input:focus {
  border-color: #009A3B;
  background-color: white;
  outline: none;
  box-shadow: 0 0 8px rgba(0, 154, 59, 0.2);
}
.popup-verificacao .conteudo-codigo .container-inputs .code-input::-webkit-inner-spin-button, .popup-verificacao .conteudo-codigo .container-inputs .code-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.popup-verificacao .conteudo-codigo .btn-confirmar-codigo {
  background-color: #009A3B;
  color: white;
  padding: 12px;
  border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
  letter-spacing: 1px;
  transition: opacity 0.2s;
}
.popup-verificacao .conteudo-codigo .btn-confirmar-codigo:hover {
  opacity: 0.9;
}
.popup-verificacao .conteudo-codigo .botao-voltar {
  margin-top: 15px;
  font-size: 12px;
  color: #999;
  cursor: pointer;
  text-decoration: underline;
}

.popup-webhook-detalhe {
  box-sizing: border-box;
  margin-left: 7%;
  margin-right: 7%;
  margin-top: 5%;
  padding: 0;
  width: 86%;
}
.popup-webhook-detalhe .conteudo-popup {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: auto;
  max-height: 75vh;
  min-height: 0;
  overflow: hidden;
}
.popup-webhook-detalhe .conteudo-popup .cabecalho {
  flex-shrink: 0;
  position: relative;
}
.popup-webhook-detalhe .conteudo-popup .cabecalho .wh-popup-title {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 40px;
  padding-right: 34px;
}
.popup-webhook-detalhe .conteudo-popup .cabecalho .wh-popup-heading {
  color: #414141;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}
.popup-webhook-detalhe .conteudo-popup .cabecalho .wh-popup-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  line-height: 1.2;
}
.popup-webhook-detalhe .conteudo-popup .cabecalho .wh-popup-meta #whModalTitulo {
  color: #414141;
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
}
.popup-webhook-detalhe .conteudo-popup .cabecalho .wh-popup-close {
  align-items: center;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  color: #414141;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  height: 28px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
}
.popup-webhook-detalhe .conteudo-popup .cabecalho .wh-popup-close:hover {
  background: #f5f5f5;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols {
  border: 1px solid #eeeeee;
  border-radius: 6px;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  width: 100%;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-col-info {
  border-right: 1px solid #e8e8e8;
  flex: 0 0 340px;
  min-height: 0;
  overflow-y: auto;
  padding: 18px 20px;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-col-payload {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  padding: 18px 20px;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-modal-section-title {
  align-items: center;
  color: #aaa;
  display: flex;
  font-size: 10px;
  font-weight: 700;
  justify-content: space-between;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-erro-title {
  color: #dc3545;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-info-table {
  border-collapse: collapse;
  font-size: 12px;
  height: auto;
  margin-bottom: 4px;
  table-layout: auto;
  width: 100%;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-info-table tbody {
  background: transparent;
  border-radius: 0;
  display: table-row-group;
  height: auto !important;
  overflow: visible;
  position: static;
  width: auto;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-info-table tbody::after {
  content: none;
  display: none;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-info-table tr {
  display: table-row;
  height: auto !important;
  width: auto;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-info-table th {
  color: #999;
  display: table-cell;
  font-weight: 600;
  padding: 4px 8px 4px 0;
  vertical-align: top;
  white-space: nowrap;
  width: 110px;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-info-table td {
  color: #333;
  display: table-cell;
  height: auto !important;
  overflow: visible;
  padding: 4px 0;
  text-overflow: initial;
  white-space: normal;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-divider {
  border: none;
  border-top: 1px solid #eee;
  margin: 14px 0;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-ids-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-id-item span {
  color: #aaa;
  display: block;
  font-size: 9px;
  font-weight: 700;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-id-item code {
  background: none;
  color: #444;
  font-size: 11px;
  padding: 0;
  word-break: break-all;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-erro-box {
  background: #fff5f5;
  border: 1px solid #dc3545;
  border-radius: 4px;
  color: #dc3545;
  font-size: 12px;
  padding: 10px 14px;
  word-break: break-word;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-payload-pre {
  background: #f6f8fa;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  flex: 1 1 auto;
  font-size: 11px;
  margin: 0;
  min-height: 0;
  overflow: auto;
  padding: 12px;
  white-space: pre;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-cols .wh-copy-btn {
  font-size: 11px;
  padding: 2px 8px;
}
.popup-webhook-detalhe .conteudo-popup .wh-modal-footer {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 10px 16px;
}

@keyframes subidaSuave {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/*-----------------------------------------------------------------------------*/
/*                                  Main geral                                 */
/*-----------------------------------------------------------------------------*/
#main {
  margin-left: 265px;
  height: 100% !important;
  background-color: #f9f9f9;
  position: relative;
  overflow: auto;
}
#main .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 5px 5px 10px;
  font-weight: bold;
  font-size: 16px;
  height: 50px;
}
#main #tituloTela,
#main .tituloTela {
  color: #414141;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin-right: auto;
  min-width: 0;
  position: relative;
}
#main #tituloTela img,
#main .tituloTela img {
  width: 12px;
  cursor: pointer;
  vertical-align: top;
  margin-top: 5px;
}
#main #tituloTela span,
#main .tituloTela span {
  display: inline-block;
}
#main #tituloTela hr,
#main .tituloTela hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  height: 2px;
  border-radius: 10px;
}
#main .page-content {
  height: calc(100% - 50px);
  position: relative;
  padding: 10px;
  margin-left: 10px;
}
#main .page-content .conteudo {
  height: calc(100% - 80px);
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
#main .page-content .conteudoFiltro,
#main .page-content .conteudoScroll {
  height: calc(100% - 80px);
  background: white;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  width: 100%;
}
#main .page-content .conteudoScroll {
  overflow-x: auto;
  height: calc(100% - 40px);
}
#main .page-content .conteudoScroll table {
  width: 200%;
}
#main .page-content .conteudoScroll table tbody {
  height: calc(100vh - 200px);
}
#main .page-content .botoesAcesso {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: auto;
  padding-right: 2px;
}
#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: 8px;
  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_verde {
  display: block;
}
#main .page-content .botoesAcesso .btnEscrito {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 6px 12px;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin-left: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #009A3B;
}
#main .page-content .botoesAcesso .btnEscrito.active {
  background-color: #009A3B;
  color: white;
}
#main .page-content .botoesAcesso .conteudoModalFiltro .formulario {
  margin: 0px auto 0;
  width: 100%;
}
#main .page-content .botoesAcesso .conteudoModalFiltro .formulario .form {
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.5);
  position: relative;
  height: 30px;
  margin: 0 auto;
  display: grid;
  align-items: center;
  width: 250%;
}
#main .page-content .botoesAcesso .conteudoModalFiltro .formulario .form .divInput {
  padding: 0 10px;
  z-index: 999;
}
#main .page-content .botoesAcesso .conteudoModalFiltro .formulario .form .divInput input,
#main .page-content .botoesAcesso .conteudoModalFiltro .formulario .form .divInput textarea,
#main .page-content .botoesAcesso .conteudoModalFiltro .formulario .form .divInput select {
  width: 100%;
  box-shadow: none;
  border: none;
  color: #5c5c5c;
  resize: none;
  background-color: transparent;
  font-size: 12px;
  padding-left: 20px;
}
#main .page-content .botoesAcesso .conteudoModalFiltro .formulario .form .divInput input::placeholder,
#main .page-content .botoesAcesso .conteudoModalFiltro .formulario .form .divInput textarea::placeholder,
#main .page-content .botoesAcesso .conteudoModalFiltro .formulario .form .divInput select::placeholder {
  color: #5c5c5c;
}
#main .page-content .botoesAcesso .conteudoModalFiltro .formulario .form .divInputPesquisa .icon {
  position: absolute;
  background-color: #009A3B;
  padding: 5px;
  top: -1px;
  left: -1px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: white;
}
#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: 8px;
  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: 8px;
  cursor: pointer;
  box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.15);
  user-select: none;
}

/*-----------------------------------------------------------------------------*/
/*                                Page Inicial                                 */
/*-----------------------------------------------------------------------------*/
.pageInicial .conteudo {
  height: calc(100% - 150px);
  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: #009A3B;
  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: 14px;
  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;
}

/*-----------------------------------------------------------------------------*/
/*                            Page Cadastro Empresa                            */
/*-----------------------------------------------------------------------------*/
.tableComScroll {
  width: 100%;
  height: auto;
  max-height: 30vh;
  overflow: scroll;
}
.tableComScroll tbody {
  max-height: 200px;
}

.tableComScroll {
  width: 100%;
  height: auto;
  max-height: 30vh;
  overflow: scroll;
}
.tableComScroll tbody {
  height: auto;
}

.tableTaxa {
  background-color: white;
}

.formSelect2 {
  border-radius: 8px;
  border: 1px solid rgba(92, 92, 92, 0.5);
  position: relative;
  height: 35px;
  margin: 0 auto 20px;
  display: block;
  align-items: center;
  width: 100%;
}
.formSelect2 .select2-container {
  margin: 5px;
  width: 100% !important;
}
.formSelect2 .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;
}
.formSelect2 .divLabel label {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.formSelect2 .divInput {
  padding: 0 10px;
  z-index: 2;
}
.formSelect2 .divInput input,
.formSelect2 .divInput textarea,
.formSelect2 .divInput select {
  width: 100%;
  box-shadow: none;
  border: none;
  color: #5c5c5c;
  resize: none;
  background-color: transparent;
  font-size: 12px;
}
.formSelect2 .divInput input::placeholder,
.formSelect2 .divInput textarea::placeholder,
.formSelect2 .divInput select::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.formSelect2 .divInput input:focus,
.formSelect2 .divInput textarea:focus,
.formSelect2 .divInput select:focus {
  outline: none;
  background: transparent;
  border: none;
}
.formSelect2 .divInput input::-webkit-scrollbar-track,
.formSelect2 .divInput textarea::-webkit-scrollbar-track,
.formSelect2 .divInput select::-webkit-scrollbar-track {
  width: 0;
  height: 0;
}
.formSelect2 .divInput input::-webkit-scrollbar,
.formSelect2 .divInput textarea::-webkit-scrollbar,
.formSelect2 .divInput select::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}
.formSelect2 .divInput input::-webkit-scrollbar-thumb,
.formSelect2 .divInput textarea::-webkit-scrollbar-thumb,
.formSelect2 .divInput select::-webkit-scrollbar-thumb {
  width: 3px;
  height: 1px;
}
.formSelect2 .divInput input:disabled,
.formSelect2 .divInput textarea:disabled,
.formSelect2 .divInput select:disabled {
  cursor: not-allowed !important;
}
.formSelect2 .divCampoCadastro {
  margin-top: 9px;
}
.formSelect2 .disabled {
  cursor: not-allowed;
}

.select2-container--default .select2-selection--single,
.select2-selection__rendered {
  border: none !important;
  height: 20px;
}

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

.select2-container {
  height: 24px;
  font-size: 12px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #009A3B !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;
}

.select2-selection {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.select2-dropdown {
  z-index: 100000;
}

.filtro .select2 {
  width: 100% !important;
}
.filtro .select2-selection {
  width: 100% !important;
}

.filtroSelect2 .select2-container {
  width: 95% !important;
  position: absolute;
}

.conteudoDetalha .formulario .coluna .form {
  cursor: not-allowed;
}

.telaRequest .conteudoCardDetalhar pre {
  white-space: pre-wrap;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.telaRequest .conteudoCardDetalhar pre div {
  margin-top: -14px;
}

.telaResponse .conteudoCardDetalhar pre {
  white-space: pre-wrap;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.telaResponse .conteudoCardDetalhar pre div {
  margin-top: -14px;
}

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

#main {
  margin-left: 265px;
  height: 100% !important;
  background-color: #f9f9f9;
  position: relative;
  overflow: auto;
}
#main .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0px 15px;
}
#main .header #tituloTela {
  display: grid;
  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: #009A3B;
  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 #btnNovoLink {
  width: 195px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 15px;
  background-color: #009A3B;
  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 .page-content-dentro {
  height: 100%;
  overflow: auto;
  padding: 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: #009A3B;
  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: #009A3B;
  border: 1px solid #009A3B;
  padding: 5px;
  border-radius: 10px;
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}
#main .page-content .filtrosDetalha {
  margin-bottom: 10px;
}
#main .page-content .filtrosDetalha .linhaBotao {
  display: flex;
  margin-left: auto;
  width: 300px;
}
#main .page-content .filtrosDetalha .linhaBotao .botao {
  background-color: #009A3B;
  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 .filtrosDetalha .linhaBotao .botaoLimpar {
  width: 150px;
  text-align: center;
  color: #009A3B;
  border: 1px solid #009A3B;
  padding: 5px;
  border-radius: 10px;
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}
#main .page-content .conteudoFiltro2,
#main .page-content .conteudoScroll2 {
  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 .conteudoFiltro2 tbody td #reprovar,
#main .page-content .conteudoScroll2 tbody td #reprovar {
  cursor: pointer;
}
#main .page-content .conteudoFiltro2 tbody td .icone,
#main .page-content .conteudoScroll2 tbody td .icone {
  width: 16px;
}
#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: #009A3B;
  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: #009A3B;
  font-weight: bold;
}
#main .btnRodapeAcao .btnacaotabela .btnAddConsultor img {
  width: 15px;
}
#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 .selecionado {
  box-shadow: inset 0px 0px 3px 0px grey;
}
#main #seminfo {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#main #seminfo img {
  margin: 20px auto;
}
#main #seminfo .texto {
  color: #5c5c5c;
  font-weight: bold;
}
#main .seminfodetalha {
  display: grid;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#main .seminfodetalha img {
  margin: 20px auto;
}
#main .seminfodetalha .texto {
  color: #5c5c5c;
  font-weight: bold;
}

/*-----------------------------------------------------------------------------*/
/*                                    TABLE                                    */
/*-----------------------------------------------------------------------------*/
.table2 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  padding-left: 20px;
  height: 100%;
}
.table2 .cabecalho,
.table2 tfoot {
  background: transparent;
  color: #5c5c5c;
  width: 100%;
  white-space: nowrap;
  font-size: 12px;
  text-align: left;
}
.table2 tfoot {
  height: 20px;
}
.table2 th,
.table2 td {
  font-size: 12px;
  padding: 10px;
  font-weight: normal;
  max-width: 15ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
.table2 th {
  white-space: normal;
}
.table2 td:hover .tooltiptext {
  visibility: visible;
}
.table2 tbody {
  display: block;
  position: relative;
  height: auto;
  overflow-y: auto;
  background: white;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.table2 tbody tr {
  display: block;
}
.table2 thead,
.table2 tbody tr,
.table2 tfoot {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.table2 thead th {
  padding-right: 10px;
}
.table2 tfoot {
  border-top: 2px solid #009A3B;
}
.table2 tfoot th {
  padding: 5px 10px;
}
.table2 tr:nth-child(even) {
  background-color: #f2f2f2;
}
.table2 .cabecalho {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  border-bottom: 2px solid #009A3B;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.table2 .cabecalho img {
  margin-left: 3px;
}
.table2 .img img {
  height: 18px;
}
.table2 .click {
  cursor: pointer !important;
}
.table2 .colunaInteiro {
  text-align: center;
  width: 20ch;
}
.table2 .colunaValor {
  text-align: right;
  max-width: 15ch;
  width: 15ch;
}
.table2 .colunaData {
  width: 20ch;
  max-width: 20ch;
}
.table2 .colunaIcone {
  width: 5ch;
}
.table2 .colunaIcone img {
  cursor: pointer;
}
.table2 .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;
}
.table2 .colunaIcone input[type=checkbox]:checked {
  position: relative;
  background-color: #009A3B;
  border: 1px solid #009A3B;
}
.table2 .colunaIcone input[type=checkbox]::before {
  content: "✔";
  font-size: 14px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.table2 .colunaIcone input[type=checkbox]:not(:checked)::before {
  content: "";
}

/*-----------------------------------------------------------------------------*/
/*                                BOTÃO SCROLL                                 */
/*-----------------------------------------------------------------------------*/
#scrollBtn,
#scrollBtnDetalha {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  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;
}

/*-----------------------------------------------------------------------------*/
/*                                   DETALHA                                   */
/*-----------------------------------------------------------------------------*/
.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: 9;
  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.8s linear;
  z-index: 9;
  overflow-y: auto;
}
.detalha-tela .detalha-dialog.show > .detalha-content {
  left: 0%;
}
.detalha-tela .detalha-dialog.hidden > .detalha-content {
  left: 100%;
}

.exibePDF {
  border: none;
  width: 100%;
  height: 100%;
  min-height: 530px;
}

.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: #009A3B;
  color: white;
}
.summerNote .note-editable table {
  height: auto;
  margin-bottom: 0;
}

.hidden {
  display: none !important;
}

/*-----------------------------------------------------------------------------*/
/*                                   FIDC                                      */
/*-----------------------------------------------------------------------------*/
.confirm-modal {
  align-items: center;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1300;
}
.confirm-modal.hidden {
  display: none;
}
.confirm-modal-box {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
  display: flex;
  flex-direction: column;
  min-width: 380px;
  max-width: 480px;
  overflow: hidden;
  width: 100%;
}
.confirm-modal-head {
  align-items: center;
  background: #fafafa;
  border-bottom: 1px solid #ebebeb;
  display: flex;
  padding: 14px 18px;
}
.confirm-modal-head strong {
  font-size: 13px;
  font-weight: 700;
  color: #2d2d2d;
}
.confirm-modal-body {
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 60vh;
  overflow-y: auto;
}
.confirm-modal-section-label {
  font-size: 10px;
  font-weight: 700;
  color: #8a8a8a;
  letter-spacing: 0.05em;
  margin-bottom: 2px;
}
.confirm-modal-section--extra {
  border-top: 1px solid #ebebeb;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 12px;
}
.confirm-modal-row {
  align-items: center;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}
.confirm-modal-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.confirm-modal-row span {
  color: #6a6a6a;
  font-size: 12px;
}
.confirm-modal-row strong {
  font-size: 13px;
  font-weight: 600;
  color: #2d2d2d;
}
.confirm-modal-row--destaque {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid #e0e0e0;
  border-bottom: none;
}
.confirm-modal-row--destaque strong {
  color: #16a34a;
  font-size: 14px;
  font-weight: 700;
}
.confirm-modal-message {
  color: #5f5f5f;
  font-size: 13px;
  line-height: 1.45;
}
.confirm-modal-message span {
  display: block;
}
.confirm-modal-actions {
  align-items: center;
  background: #fafafa;
  border-top: 1px solid #ebebeb;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding: 12px 18px;
}
.confirm-modal-actions .btn {
  flex: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  max-width: 140px;
  min-height: 32px;
  padding: 7px 12px;
  text-align: center;
}
.confirm-modal-actions .btn-primary {
  background: #009A3B;
  border-color: #009A3B;
  color: white;
}
.confirm-modal-actions .btn-primary:hover {
  background: #009A3B;
  border-color: #009A3B;
  color: white;
  filter: brightness(0.96);
}
.confirm-modal-cancel {
  background: #f0f0f0;
  border: 1px solid #e0e0e0;
  color: #555;
  font-size: 13px;
}
.confirm-modal-cancel:hover {
  background: #e6e6e6;
}

.tabs-bar {
  align-self: flex-start;
  border-bottom: 2px solid #e0e0e0;
  display: flex;
  gap: 0;
}
.tabs-bar .tab-item {
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  color: #aaa;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: -2px;
  padding: 6px 18px;
  user-select: none;
}
.tabs-bar .tab-item.active {
  border-bottom-color: #009A3B;
  color: #009A3B;
  font-weight: 700;
}
.tabs-bar .tab-item:hover:not(.active) {
  color: #414141;
}

.status-pill {
  background: #e8f8ee;
  border: 1px solid #a8edbe;
  border-radius: 2px;
  color: #0a7a32;
  display: inline-flex;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 0px 5px;
}
.status-pill.selected {
  background: #e8f1fb;
  border-color: #b9d2f2;
  color: #1759a8;
}
.status-pill.ignored {
  background: #f0f0f0;
  border-color: #d8d8d8;
  color: #777;
}
.status-pill.cessao {
  background: #e8f1fb;
  border: 1px solid #b9d2f2;
  color: #1759a8;
}
.status-pill.recompra {
  background: #fff3df;
  border: 1px solid #f3c978;
  color: #a85d00;
}
.status-pill.neutral {
  background: #f4f4f4;
  border: 1px solid #d8d8d8;
  color: #5c5c5c;
}
.status-pill.danger {
  background: #fdecea;
  color: #c0392b;
}
.status-pill.warning {
  background: #fef3cd;
  color: #856404;
}

.lista-actions-bar {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  justify-content: space-between;
  min-height: 28px;
}
.lista-actions-bar .lista-actions-buttons {
  justify-content: end;
  align-items: center;
  display: flex;
  gap: 8px;
}

.action-btn {
  height: 30px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.action-primary {
  background-color: #009A3B;
  color: white;
}

.action-back {
  background-color: transparent;
  color: #009A3B;
  border-color: #009A3B;
}

.action-cancel {
  background-color: #a30b0b;
  color: white;
}

#main:has(.lista-table-scroll) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#main:has(.lista-table-scroll) .page-content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
#main:has(.lista-table-scroll) .page-content > .lista-page,
#main:has(.lista-table-scroll) .page-content > [id^=areaLista],
#main:has(.lista-table-scroll) .page-content > [class$=-list-view] {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.lista-page {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  gap: 10px;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.lista-search-bar {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
  padding-top: 6px;
}

.lista-search-input-wrap {
  flex: 1;
  position: relative;
}
.lista-search-input-wrap::before {
  display: block;
  content: "";
  background-image: url(../img/detalhe.png);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  background-position: center;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: default;
}
.lista-search-input-wrap .lista-search-input {
  width: 100%;
  padding-left: 32px;
}

.lista-search-input {
  height: 38px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 0 12px;
  font-size: 13px;
  color: #414141;
  background: white;
  outline: none;
  box-sizing: border-box;
}
.lista-search-input:focus {
  border-color: #b0b0b0;
}

.lista-filter-toggle-wrap {
  display: flex;
  gap: 4px;
  align-items: center;
}

.lista-filter-btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: white;
  font-size: 13px;
  color: #414141;
  cursor: pointer;
  white-space: nowrap;
}
.lista-filter-btn:hover {
  border-color: #c0c0c0;
}
.lista-filter-btn.has-filters {
  border-color: #009A3B;
  color: #009A3B;
}

.lista-filter-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  background: #009A3B;
  color: white;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}

.lista-filter-clear {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 38px;
  min-width: 38px;
  padding: 0 10px;
  border: 1px solid #e0e0e0;
  background: white;
  font-size: 16px;
  color: #414141;
  cursor: pointer;
  border-radius: 6px;
  line-height: 1;
  white-space: nowrap;
}
.lista-filter-clear:hover {
  border-color: #c0c0c0;
}
.lista-filter-clear.has-filters {
  border-color: #009A3B;
  color: #009A3B;
}

.lista-filters {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 14px;
  display: none;
  flex-shrink: 0;
}
.lista-filters.is-open {
  display: block;
}
.lista-filters .select,
.lista-filters .input {
  background: #f7f8f9;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  color: #444;
  font-size: 13px;
  height: 32px;
  min-width: 75px;
  outline: none;
  padding: 0 8px;
  transition: border-color 0.15s ease;
  width: 100%;
}
.lista-filters .select:focus,
.lista-filters .input:focus {
  background: #fff;
  border: 1px solid #b0b0b0 !important;
  border-color: #b0b0b0;
}
.lista-filters {
  /* Select2 dentro de filtros — mesmo visual que .input/.select */
}
.lista-filters .select2-container {
  height: 32px !important;
  width: 100% !important;
}
.lista-filters .select2-container--default .select2-selection--single {
  align-items: center;
  background: #f7f8f9 !important;
  border: 1px solid #e4e4e4 !important;
  border-radius: 5px !important;
  box-shadow: none !important;
  display: flex !important;
  height: 32px !important;
  outline: none !important;
  transition: border-color 0.15s ease;
}
.lista-filters .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444 !important;
  display: block !important;
  font-size: 13px !important;
  height: 30px !important;
  line-height: 30px !important;
  overflow: hidden;
  padding: 0 28px 0 8px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lista-filters .select2-container--default .select2-selection--single .select2-selection__clear {
  bottom: auto !important;
  color: #888 !important;
  float: left;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  margin-right: 4px;
  position: static !important;
}
.lista-filters .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999 !important;
  line-height: 30px;
}
.lista-filters .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px !important;
  position: absolute;
  right: 6px;
  top: 0;
}
.lista-filters .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent !important;
  margin-top: -2px;
}
.lista-filters .select2-container--default.select2-container--open .select2-selection--single {
  background: #fff !important;
  border-color: #b0b0b0 !important;
  border-bottom-color: #e4e4e4 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.lista-filters .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent !important;
  margin-top: -6px;
}
.lista-filters .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-color: #e4e4e4 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-color: #b0b0b0 !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.lista-filters .select2-dropdown {
  border: 1px solid #b0b0b0 !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  margin-top: -1px;
}
.lista-filters .select2-dropdown.select2-dropdown--above {
  border-radius: 6px 6px 0 0 !important;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08) !important;
  margin-bottom: -1px;
  margin-top: 0;
}
.lista-filters .select2-dropdown .select2-search--dropdown {
  padding: 6px 8px;
}
.lista-filters .select2-dropdown .select2-search--dropdown .select2-search__field {
  background: #f7f8f9;
  border: 1px solid #e4e4e4 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #444;
  font-size: 13px;
  outline: none !important;
  padding: 5px 8px;
}
.lista-filters .select2-dropdown .select2-search--dropdown .select2-search__field:focus {
  background: #fff;
  border-color: #b0b0b0 !important;
  outline: none !important;
}
.lista-filters .select2-dropdown .select2-results__option {
  font-size: 13px;
  padding: 6px 10px;
}

.lista-filter-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
}

.lista-filter-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 0 0 150px;
}
.lista-filter-field.wide {
  flex: 1 1 200px;
}
.lista-filter-field.sm {
  flex: 0 0 110px;
}

.lista-filter-label {
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
  color: #5c5c5c;
  letter-spacing: 0.04em;
}

.lista-filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}
.lista-filter-actions .filter-btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: white;
  font-size: 13px;
  color: #414141;
  cursor: pointer;
  white-space: nowrap;
}
.lista-filter-actions .filter-btn-clean {
  background: white;
  border: 1px solid #e0e0e0;
  color: #414141;
}
.lista-filter-actions .filter-btn-clean:hover {
  border-color: #c0c0c0;
  background: white;
}
.lista-filter-actions .filter-btn-confirm {
  background: #009A3B;
  border-color: #009A3B;
  color: white;
}
.lista-filter-actions .filter-btn-confirm:hover {
  background: #009A3B;
  border-color: #009A3B;
  color: white;
  filter: brightness(0.96);
}

.lista-itens-por-pagina {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  font-size: 10px;
}
.lista-itens-por-pagina .select {
  width: auto;
  min-width: 80px;
  height: 30px;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 12px;
  padding: 0 6px;
  color: #414141;
}

.lista-registros {
  color: #5c5c5c;
  white-space: nowrap;
  font-size: 10px;
}

.lista-paginacao {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  white-space: nowrap;
}
.lista-paginacao button {
  min-width: 26px;
  height: 26px;
  padding: 0 6px;
}
.lista-paginacao .lista-paginacao-info {
  color: #5c5c5c;
}

.lista-opcoes {
  position: relative;
}
.lista-opcoes-btn {
  height: 26px;
  padding: 0 10px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: white;
  font-size: 12px;
  color: #414141;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.lista-opcoes-btn:hover {
  background: #f9f9f9;
}
.lista-opcoes-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  min-width: 160px;
  z-index: 200;
  display: none;
  overflow: hidden;
}
.lista-opcoes-menu.is-open {
  display: block;
}
.lista-opcoes-menu-item {
  padding: 10px 14px;
  cursor: pointer;
  font-size: 13px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #414141;
}
.lista-opcoes-menu-item:hover {
  background: #f5f5f5;
}

.lista-detail-topbar {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
}

.lista-btn-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.lista-btn-detail {
  font-size: 10px;
  margin: 0 auto;
}

.lista-table-shell {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  background: white;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}
.lista-table-shell .lista-table-meta {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 12px;
  padding: 8px 12px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 12px;
  color: #5c5c5c;
}
.lista-table-shell .lista-table-meta strong {
  color: #414141;
  font-size: 12px;
  margin-right: 2px;
}
.lista-table-shell .lista-table-meta .btn {
  color: #414141;
  font-size: 12px;
  line-height: 1;
  min-height: 30px;
  padding: 7px 10px;
  white-space: nowrap;
}
.lista-table-shell .lista-table-scroll {
  flex: 1 1 0;
  height: 100%;
  min-height: 0;
  overflow: auto;
}
.lista-table-shell .lista-table-scroll::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.lista-table-shell .lista-table-scroll::-webkit-scrollbar-track {
  background: #f4f4f4;
  border-radius: 4px;
}
.lista-table-shell .lista-table-scroll::-webkit-scrollbar-thumb {
  background: #c8c8c8;
  border-radius: 4px;
}
.lista-table-shell .lista-table-scroll::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0;
}

.lista-data-table {
  border-collapse: collapse;
  border-spacing: 0;
  height: 100%;
  padding-left: 0;
  table-layout: fixed;
  width: 100%;
}
.lista-data-table thead {
  display: table-header-group;
  table-layout: fixed;
  width: auto;
}
.lista-data-table tbody {
  background: transparent;
  border-radius: 0;
  display: table-row-group;
  height: auto;
  overflow: visible;
  position: static;
  width: auto;
}
.lista-data-table tbody::after {
  content: "";
  display: table-row;
  height: 100%;
}
.lista-data-table tbody tr {
  border-bottom: 1px solid #edf0f2;
  display: table-row;
  height: 1px;
  table-layout: fixed;
  transition: background 0.15s ease;
  width: auto;
}
.lista-data-table tbody tr:hover {
  background: #f4fbf6;
}
.lista-data-table tfoot {
  border-top: 0;
  display: table-footer-group;
  table-layout: fixed;
  width: auto;
}
.lista-data-table tfoot tr {
  display: table-row;
  table-layout: fixed;
  width: auto;
}
.lista-data-table tfoot td {
  background: #f0f4f0;
  border-top: 2px solid #c8ddc8;
  bottom: 0;
  font-size: 10px;
  font-weight: 700;
  padding: 5px 6px;
  position: sticky;
  vertical-align: middle;
  z-index: 2;
}
.lista-data-table th,
.lista-data-table td {
  color: #414141;
  cursor: default;
  font-size: 10px;
  line-height: 1.3;
  max-width: none;
  overflow: hidden;
  padding: 5px 6px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.lista-data-table td.empty-row {
  color: #8a8a8a;
  padding: 28px;
  text-align: center;
}
.lista-data-table th {
  background: #f7f9fa;
  font-weight: 700;
  position: sticky;
  top: 0;
  z-index: 2;
}
.lista-data-table th.sortable {
  cursor: pointer;
  user-select: none;
}
.lista-data-table th.sortable:hover {
  background: #eef3f5;
}
.lista-data-table th.is-sorted {
  color: #0a7a32;
}
.lista-data-table .sort-arrow {
  display: inline-block;
  font-size: 9px;
  line-height: 1;
  margin-left: 2px;
  vertical-align: baseline;
}
.lista-data-table .colValor {
  text-align: right;
}

.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 .linhaBtnFases .btnReprocessarFases {
  padding: 7px 25px;
  background-color: white;
  border-radius: 5px;
  color: #4caf50;
  cursor: pointer;
  margin-left: 10px;
  border: #4caf50 1px solid;
}
.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;
}

.pagecomercialupcheck .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 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30vh;
}
.pagecomercialupcheck .cardSemInfo .semInfo .texto {
  margin-top: 15px;
  color: #5c5c5c;
  font-weight: bold;
}
.pagecomercialupcheck .cardSemInfo .semInfo img {
  width: 80px;
}
.pagecomercialupcheck .cadastroUPCheck {
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: translateX(100%);
  opacity: 0;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho {
  width: 100%;
  display: flex;
  gap: 10px;
}
.pagecomercialupcheck .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 {
  padding: 2px 10px;
  color: white;
  border-radius: 10px;
  width: fit-content;
}
.pagecomercialupcheck .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 {
  display: flex;
  justify-content: space-between;
}
.pagecomercialupcheck .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 {
  margin: 0 7.5px;
  width: 15px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .titulo {
  font-weight: bold;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .titulo hr {
  margin: 0;
  width: 30px;
  opacity: 1;
  background-color: #009A3B;
  height: 2px;
  border-radius: 10px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil {
  padding: 10px 0 0 0;
  width: 100%;
  display: flex;
  gap: 5px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .foto {
  flex-direction: column;
  text-align: center;
  font-size: 10px;
  width: 100px;
  padding-top: 5px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .foto img {
  border-radius: 100%;
  height: 100px;
  width: 100px;
  object-fit: cover;
  margin-bottom: 5px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info {
  width: 100%;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados {
  width: 100%;
  border-spacing: 0;
  padding-left: 20px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody {
  height: auto;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr {
  background-color: white;
  width: 100%;
}
.pagecomercialupcheck .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 {
  font-size: 10px;
  font-weight: normal;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .dado {
  font-size: 11px;
  font-weight: bold;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .perfil .info .tabelaDados tbody tr .dado img {
  width: 17px;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .linhaBtn {
  padding: 10px 0 0 0;
  width: 100%;
  display: flex;
  gap: 5px;
  justify-content: end;
}
.pagecomercialupcheck .cadastroUPCheck .cabecalho .linhaBtn .btn {
  padding: 5px 30px;
  background-color: #009A3B;
  color: white;
  font-size: 12px;
}
.pagecomercialupcheck .cadastroUPCheck.show {
  transform: translateX(0);
  opacity: 1;
}

.pagecomercialdetalhacadastro {
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: translateX(100%);
  opacity: 0;
}
.pagecomercialdetalhacadastro .conteudoDetalha {
  box-shadow: none;
}

.pagecomercialdetalhacadastro.detalha {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
  top: 0;
  background-color: #f9f9f9;
  transform: translateX(0);
  opacity: 1;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .linhaBotoes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .linhaBotoes .botoesAcesso {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: end !important;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .linhaBotoes .btnVoltar .btnDetalha {
  margin-left: 0;
}
.pagecomercialdetalhacadastro.detalha .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;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .linhaBotoes .btnDetalha .img_branca {
  display: none;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .linhaBotoes .btnDetalha .img_verde {
  display: block;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .linhaBotoes .botaoEscrito {
  background: white;
  color: #009A3B;
  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;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .linhaBotoes .selecionaGestaoCadastros {
  background-color: #009A3B;
  color: white;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .linhaFlex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .linhaFlex .left {
  width: calc(50% - 5px);
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .linhaFlex .right {
  width: calc(50% - 5px);
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas {
  overflow-y: auto;
  height: 100%;
  margin: 0px -5px;
  padding: 0px 5px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .subtituloCard {
  font-weight: normal;
  font-size: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba {
  margin-bottom: 30px;
  margin-top: 5px;
}
.pagecomercialdetalhacadastro.detalha .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;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard {
  display: flex;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #dadosCadastro td,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #dadosRedesSociais td,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #dadosCadastroRecebidos td {
  white-space: normal;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard tr:nth-child(even) {
  background-color: white;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard tbody {
  height: auto;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard td {
  padding: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .colunaMenor {
  width: 12ch;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .descricaobold,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .descricaobold {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #414141;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .sobdescricao,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .sobdescricao {
  font-size: 13px;
  font-weight: bold;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .descricao,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .descricao {
  font-size: 10.5px;
  display: flex;
  align-items: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .descricao img,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .descricao img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .info,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .info {
  align-items: center;
  display: flex;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .info img,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .info img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .infomenor,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .infomenor {
  font-size: 11px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .coluna .bolinha,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linha .bolinha {
  width: 10px;
  height: 10px;
  margin: 0px;
  margin-right: 10px;
  border-radius: 100%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .linhaFlex {
  align-items: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .grafico {
  display: grid;
  justify-content: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .grafico canvas {
  padding-left: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .grafico .status {
  text-align: center;
  font-weight: bold;
  color: #009A3B;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .tituloQuadroCard {
  display: flex;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .tituloQuadroCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .subtituloQuadroCard {
  margin-left: 25px;
  font-size: 11px;
  color: #009A3B;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosCard {
  display: flex;
  justify-content: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosCard img {
  height: 23vh;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosEscritosCard {
  padding-top: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosEscritosCard .tituloEscritosCard {
  font-size: 11px;
  display: flex;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosEscritosCard .tituloEscritosCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .quadroCard .dadosEscritosCard .subtituloEscritosCard {
  margin-left: 25px;
  font-size: 11px;
  font-weight: bold;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaKYC .sobdescricao,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaCreditoEmpresa .sobdescricao,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaKYCEmpresa .sobdescricao {
  color: #5c5c5c;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaKYC .info,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaCreditoEmpresa .info,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard #listaKYCEmpresa .info {
  font-weight: bold;
  color: #6E6E6E;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .imagensCadastro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .imagensCadastro .imagem {
  width: 120px;
  padding: 10px 10px 0px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .imagensCadastro .imagem .descricao {
  font-size: 10.5px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .conteudoCard .imagensCadastro .imagem img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  object-fit: cover;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .tituloInfo {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .paginaAba .tituloInfo img {
  width: 15px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo #logoWhatsappDetalha {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  cursor: pointer;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardRedesSociais .infoInstagram img {
  cursor: pointer;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardIndicacaoContrato #dadosContratosIndicacao {
  height: 100px;
  overflow: auto;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardIndicacaoContrato #dadosContratosIndicacao .linhadados {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  width: 80%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardIndicacaoContrato #dadosContratosIndicacao .linhadados .desccontrato {
  font-size: 11px;
  color: #5c5c5c;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardIndicacaoContrato #dadosContratosIndicacao .linhadados .imgcontrato {
  margin-right: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardIndicacaoContrato #dadosContratosIndicacao .linhadados .imgcontrato img {
  width: 36px;
  border-radius: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .tituloPadrao {
  margin-bottom: 0px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo #descricao #imgInfo {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo #descricao #detalhe_descricao {
  font-size: 13px !important;
  font-weight: bold;
  color: #5c5c5c;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  gap: 10px;
  margin-top: 20px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild #seminfoDoc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild #seminfoDoc img {
  width: 60px !important;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild .scoredoc {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild .scoredoc #textScore {
  font-size: 10.5px;
  position: relative;
  top: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild .scoredoc .infoScore {
  font-size: 48px !important;
  font-weight: bold;
  color: #009A3B;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild .scoredoc .infoDataScore {
  color: #5c5c5c;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardShildResumo .conteudoShild .scoredoc .linhaDescData {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 20px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .tituloPadrao {
  margin-bottom: 0px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred #seminfoCred {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred #seminfoCred img {
  width: 60px !important;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .containerScore {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .containerScore .score {
  position: relative;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .containerScore .score #imagemScore {
  height: 70px;
}
.pagecomercialdetalhacadastro.detalha .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%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .containerScore .botoes {
  display: flex;
  align-items: center;
  justify-content: start;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .scoreCredDentro .containerScore .botoes #btnAnalise {
  text-decoration: underline;
  color: #5c5c5c;
  cursor: pointer;
  margin-top: 5px;
  font-weight: bold;
}
.pagecomercialdetalhacadastro.detalha .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;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumo .conteudoScoreCred .scoreCred .infoDataStatus {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .tituloPadraoSerasa {
  margin-bottom: 0px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa #seminfoCredSerasa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa #seminfoCredSerasa img {
  width: 60px !important;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score {
  position: relative;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .score #imagemScoreSerasa {
  height: 70px;
}
.pagecomercialdetalhacadastro.detalha .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%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .botoes {
  display: flex;
  align-items: center;
  justify-content: start;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .scoreCredSerasaDentro .containerScoreSerasa .botoes #btnAnalise {
  text-decoration: underline;
  color: #5c5c5c;
  cursor: pointer;
  margin-top: 5px;
  font-weight: bold;
}
.pagecomercialdetalhacadastro.detalha .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;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardScoreResumoSerasa .conteudoScoreCredSerasa .scoreCredSerasa .infoDataStatus {
  width: 100%;
  text-align: right;
  color: #5c5c5c;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardBigdata #seminfoBigdata {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 150px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardBigdata #seminfoBigdata img {
  width: 60px !important;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardBigdata .dadosBigdata table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardBigdata .dadosBigdata table tbody {
  overflow-y: hidden;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps #seminfoApps {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps #seminfoApps img {
  width: 60px !important;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps .dadosApps {
  margin-top: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps .dadosApps .corverde {
  color: #009A3B;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps .dadosApps table {
  width: 100%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardApps .dadosApps table tbody {
  height: 150px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardParceiro #seminfoParceiros {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardParceiro #seminfoParceiros img {
  width: 60px !important;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardParceiro .dadosParceiros table {
  width: 100%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardParceiro .dadosParceiros table tbody {
  height: 150px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #seminfoContratosAtivos {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #seminfoContratosAtivos img {
  width: 60px !important;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #dadosContratosAtivos {
  height: 180px;
  overflow: auto;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #dadosContratosAtivos .linhadados {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  width: 80%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #dadosContratosAtivos .linhadados .desccontrato {
  font-size: 11px;
  color: #5c5c5c;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #dadosContratosAtivos .linhadados .imgcontrato {
  margin-right: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoResumo .linhaCards .cardContratosAtivos #dadosContratosAtivos .linhadados .imgcontrato img {
  width: 36px;
  border-radius: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardSemInfoIdCheck {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardSemInfoIdCheck img {
  width: 100px !important;
  margin-bottom: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .linhaCards {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoShildEmpresa,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoShild,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoIdCheck,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoDevice,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoKYC,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoKYCEmpresa,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoCreditoEmpresa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoShildEmpresa img,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoShild img,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoIdCheck img,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoDevice img,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoKYC img,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoKYCEmpresa img,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck #conteudoSemInfoCreditoEmpresa img {
  margin-bottom: 5px;
  width: 60px !important;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck {
  display: flex;
  justify-content: space-around;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .tituloQuadroCard {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #5c5c5c;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .tituloQuadroCard img {
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .subtituloQuadroCard {
  margin-left: 23px;
  font-size: 11px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosCard {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosCard img {
  border: 1px solid #ECECEE;
  border-radius: 6px;
  height: 30vh;
  padding: 2px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard {
  padding-top: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .tituloEscritosCard {
  font-size: 11px;
  display: flex;
  align-items: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .tituloEscritosCard img {
  height: 12px;
  width: 12px;
  margin-right: 5px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardIdCheck .conteudoCardIdCheck .quadroCard .dadosEscritosCard .subtituloEscritosCard {
  margin-bottom: 10px;
  margin-left: 17px;
  font-size: 11px;
  font-weight: bold;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardValidacao .info,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardValidacaoEmpresa .info {
  align-items: center;
  display: flex;
  margin-left: 22px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardValidacao .info img,
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardValidacaoEmpresa .info img {
  height: 12px;
  width: 12px;
  margin-right: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice {
  display: flex;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa {
  width: 40%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa #map {
  height: 220px;
  width: 100%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa .semLocalizacao {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
  width: 100%;
  min-width: 200px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa #mapa .semLocalizacao img {
  width: 150px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDevice .conteudoMapa .leaflet-bottom.leaflet-right {
  display: none !important;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDadosGeolocalizacao {
  display: flex;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoIdCheck .cardDevice .linhaDadosGeolocalizacao .info {
  width: 100%;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoScore #seminfoScore {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoScore #seminfoScore img {
  width: 100px !important;
  margin-bottom: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoScore #iframeScore {
  height: calc(100vh - 205px);
  height: 100vh;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoAssertiva .linhaBotaoConsulta {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: flex-end;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoAssertiva .linhaBotaoConsulta .btnConsultar {
  display: flex;
  align-items: flex-end;
}
.pagecomercialdetalhacadastro.detalha .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;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoAssertiva .cardSemInfoAssertiva {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoAssertiva .cardSemInfoAssertiva img {
  width: 100px !important;
  margin-bottom: 10px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoBigdata .conteudoFiltro {
  height: 100% !important;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoBigdata #listaBigData {
  height: 100vh;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoObservacao .formTextArea {
  height: 400px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoObservacao .formTextArea #inputObservacao {
  height: 370px;
}
.pagecomercialdetalhacadastro.detalha .cadastroDetalha .paginasAbas .conteudoObservacao .btnVerde {
  border: none;
  background-color: #009A3B;
  width: 100px;
  border-radius: 10px;
  padding: 5px;
  color: white;
}