@font-face {
  font-family: sidebar-icon;
  src: url('../fonts/side-bar-icon.eot') format("embedded-opentype"), url('../fonts/side-bar-icon.woff') format("woff"), url('../fonts/side-bar-icon.ttf') format("truetype"), url('../fonts/side-bar-icon.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: topbar-icon;
  src: url('../fonts/top-bar-icon.eot') format("embedded-opentype"), url('../fonts/top-bar-icon.woff') format("woff"), url('../fonts/top-bar-icon.ttf') format("truetype"), url('../fonts/top-bar-icon.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Buttons;
  src: url('../fonts/Buttons.eot') format("embedded-opentype"), url('../fonts/Buttons.woff') format("woff"), url('../fonts/Buttons.ttf') format("truetype"), url('../fonts/Buttons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Photo;
  src: url('../fonts/Photo.eot') format("embedded-opentype"), url('../fonts/Photo.woff') format("woff"), url('../fonts/Photo.ttf') format("truetype"), url('../fonts/Photo.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Refresh delete;
  src: url('../fonts/Refresh-Delete.eot') format("embedded-opentype"), url('../fonts/Refresh-Delete.woff') format("woff"), url('../fonts/Refresh-Delete.ttf') format("truetype"), url('../fonts/Refresh-Delete.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Quantity;
  src: url('../fonts/Quantity.eot') format("embedded-opentype"), url('../fonts/Quantity.woff') format("woff"), url('../fonts/Quantity.ttf') format("truetype"), url('../fonts/Quantity.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Icons;
  src: url('../fonts/icons.eot') format("embedded-opentype"), url('../fonts/icons.woff') format("woff"), url('../fonts/icons.ttf') format("truetype"), url('../fonts/icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Chevrons;
  src: url('../fonts/chevrons.eot') format("embedded-opentype"), url('../fonts/chevrons.woff') format("woff"), url('../fonts/chevrons.ttf') format("truetype"), url('../fonts/chevrons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Dropdown;
  src: url('../fonts/dropdown.eot') format("embedded-opentype"), url('../fonts/dropdown.woff') format("woff"), url('../fonts/dropdown.ttf') format("truetype"), url('../fonts/dropdown.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Chevron thick;
  src: url('../fonts/Chevron-thick.eot') format("embedded-opentype"), url('../fonts/Chevron-thick.woff') format("woff"), url('../fonts/Chevron-thick.ttf') format("truetype"), url('../fonts/Chevron-thick.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: KPI parceiro;
  src: url('../fonts/KPI-Parceiro.eot') format("embedded-opentype"), url('../fonts/KPI-Parceiro.woff') format("woff"), url('../fonts/KPI-Parceiro.ttf') format("truetype"), url('../fonts/KPI-Parceiro.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: KPI parceiro extended;
  src: url('../fonts/KPI-Parceiro-EXTENDED.eot') format("embedded-opentype"), url('../fonts/KPI-Parceiro-EXTENDED.woff') format("woff"), url('../fonts/KPI-Parceiro-EXTENDED.ttf') format("truetype"), url('../fonts/KPI-Parceiro-EXTENDED.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Actions;
  src: url('../fonts/Actions.eot') format("embedded-opentype"), url('../fonts/Actions.woff') format("woff"), url('../fonts/Actions.ttf') format("truetype"), url('../fonts/Actions.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Edit icon;
  src: url('../fonts/Edit-icon.eot') format("embedded-opentype"), url('../fonts/Edit-icon.woff') format("woff"), url('../fonts/Edit-icon.ttf') format("truetype"), url('../fonts/Edit-icon.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Alerts;
  src: url('../fonts/Alerts.eot') format("embedded-opentype"), url('../fonts/Alerts.woff') format("woff"), url('../fonts/Alerts.ttf') format("truetype"), url('../fonts/Alerts.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Warning info;
  src: url('../fonts/Warning-info.eot') format("embedded-opentype"), url('../fonts/Warning-info.woff') format("woff"), url('../fonts/Warning-info.ttf') format("truetype"), url('../fonts/Warning-info.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "3 dots";
  src: url('../fonts/3-dots.eot') format("embedded-opentype"), url('../fonts/3-dots.woff') format("woff"), url('../fonts/3-dots.ttf') format("truetype"), url('../fonts/3-dots.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Chat;
  src: url('../fonts/chat.eot') format("embedded-opentype"), url('../fonts/chat.woff') format("woff"), url('../fonts/chat.ttf') format("truetype"), url('../fonts/chat.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Attachment;
  src: url('../fonts/Attachment.eot') format("embedded-opentype"), url('../fonts/Attachment.woff') format("woff"), url('../fonts/Attachment.ttf') format("truetype"), url('../fonts/Attachment.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Entrada saida;
  src: url('../fonts/entrada-saida.eot') format("embedded-opentype"), url('../fonts/entrada-saida.woff') format("woff"), url('../fonts/entrada-saida.ttf') format("truetype"), url('../fonts/entrada-saida.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: chat-icon;
  src: url('../fonts/chat-icon.eot') format("embedded-opentype"), url('../fonts/chat-icon.woff') format("woff"), url('../fonts/chat-icon.ttf') format("truetype"), url('../fonts/chat-icon.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: login-icons;
  src: url('../fonts/login-icons.eot') format("embedded-opentype"), url('../fonts/login-icons.woff') format("woff"), url('../fonts/login-icons.ttf') format("truetype"), url('../fonts/login-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: check-sign;
  src: url('../fonts/check-sign.eot') format("embedded-opentype"), url('../fonts/check-sign.woff') format("woff"), url('../fonts/check-sign.ttf') format("truetype"), url('../fonts/check-sign.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Google Sans;
  src: url('../fonts/GoogleSans-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Google Sans;
  src: url('../fonts/GoogleSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Google Sans;
  src: url('../fonts/GoogleSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Google Sans;
  src: url('../fonts/GoogleSans-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Google Sans;
  src: url('../fonts/GoogleSans-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Google Sans;
  src: url('../fonts/GoogleSans-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}

:root {
  --white-smoke: #f0f0f0;
  --text: #171f36;
  --blue: #3668fc;
  --hover-blue: #1242af;
  --confirmation-green: #05b32e;
  --hover-green: #058317;
  --amber: #ffb100;
  --hover-amber: #db8c10;
  --rejected: #e6253f;
  --hover-red: #b81b2c;
  --white: white;
  --fine-line: #e0e2e7;
  --placeholder: #9c9c9c;
  --black: #4c4b4b;
  --weba-orange: #de252f;
  --lines: #d0d3dd;
  --table-hover: #f8f8f8;
  --menu-icon-color: #89919b;
  --navigation-text: #919ba7;
  --menu-text: #b8bac1;
  --background: #e9e9e9;
  --purple: #bd23a0;
  --bg-2: #f3f4f9;
  --form-field: #f3f3f3;
  --bg-1: #eee;
  --facebook-blue: #0081f6;
  --hover: #f8f9fc;
  --erro-message-bg: #fce1e6;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  background-color: var(--white-smoke);
  color: var(--text);
  min-width: auto;
  font-family: Barlow, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.button {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  border-radius: 4px;
  height: 40px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 9px 25px;
  font-size: 14px;
  text-decoration: none;
  transition: all .2s;
}

.button.blue {
  background-color: var(--blue);
}

.button.blue:hover {
  background-color: var(--hover-blue);
}

.button.blue.float-right {
  float: right;
  background-color: var(--blue);
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 8px;
}

.button.blue.float-right:hover {
  background-color: var(--hover-blue);
}

.button.blue.float-right.not-alone {
  margin-left: 8px;
}

.button.blue.float-right._2 {
  flex-flow: row-reverse wrap-reverse;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.button.blue.float-right._3 {
  margin-top: 10px;
}

.button.blue.relat-rio-actions {
  float: right;
  margin-left: 8px;
  margin-right: 0;
  padding-top: 8px;
}

.button.blue.relat-rio-actions.salvar {
  margin-left: 16px;
}

.button.blue.relat-rio-actions._2 {
  margin-left: 0;
  margin-right: 8px;
  padding-left: 16px;
  padding-right: 16px;
}

.button.blue.relat-rio-actions._5 {
  width: 100%;
}

.button.blue.table-button {
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 40px;
}

.button.blue.table-button.centered-text {
  text-align: center;
}

.button.blue.table-button.centered-text:hover {
  background-color: var(--hover-blue);
}

.button.blue.home-page-button {
  text-align: left;
  width: 100%;
  height: 50px;
  margin-bottom: 16px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
  line-height: 51px;
  position: relative;
}

.button.blue._400 {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
}

.button.green._8px {
  background-color: var(--confirmation-green);
  margin-left: 0;
  margin-right: 8px;
}

.button.green._8px:hover {
  background-color: var(--hover-green);
}

.button.green._8px._2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row-reverse wrap-reverse;
  justify-content: center;
  align-items: center;
  width: 135px;
  display: flex;
}

.button.amber {
  background-color: var(--amber);
}

.button.amber:hover {
  background-color: var(--hover-amber);
}

.button.amber._8px {
  margin-left: 0;
  margin-right: 8px;
}

.button.red {
  background-color: var(--rejected);
}

.button.red:hover {
  background-color: var(--hover-red);
}

.button.red.float-right {
  float: right;
  background-color: var(--white);
  color: var(--rejected);
  margin-right: 0;
  padding-top: 8px;
}

.button.red.float-right:hover {
  background-color: var(--rejected);
  color: var(--white);
}

.button.red.float-right.cancelar {
  border: 1px solid var(--fine-line);
  color: var(--placeholder);
  padding-top: 7px;
}

.button.red.float-right.cancelar:hover {
  color: var(--white);
  border-color: #0000;
}

.button.red.float-right.apagar {
  float: none;
  border: 1px solid var(--fine-line);
  color: var(--placeholder);
  margin-top: 50px;
  margin-left: 0;
  padding-top: 6px;
}

.button.red.float-right.apagar:hover {
  color: var(--white);
  border-color: #0000;
}

.button.red.float-right.apagar._222 {
  width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.button.red._8px {
  margin-left: 0;
  margin-right: 8px;
}

.button.red.rejeitar-anuncio {
  border: 1px solid var(--rejected);
  color: var(--rejected);
  background-color: #0000;
  margin-left: 0;
  margin-right: 8px;
  padding-top: 7px;
}

.button.red.rejeitar-anuncio:hover {
  background-color: var(--rejected);
  color: var(--white);
}

.button.submit {
  background-color: var(--black);
  text-align: center;
  width: 100%;
  height: 45px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 45px;
  transition: all .1s;
  display: block;
}

.button.submit.cancelar-button {
  color: var(--placeholder);
  background-color: #0000;
  margin-top: 10px;
  display: block;
}

.button.submit.delete {
  float: right;
  background-color: var(--rejected);
  width: 161px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.button.submit.salvar-alteracoes {
  margin-top: 50px;
}

.button.submit.login-button {
  background-color: var(--black);
  height: 50px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 50px;
}

.button.submit.login-button:hover {
  background-color: var(--weba-orange);
}

.button.submit.login-button.signup {
  margin-bottom: 0;
}

.button.submit.enviar {
  float: right;
  background-color: var(--blue);
  width: 161px;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.button.submit.enviar:hover {
  background-color: var(--hover-blue);
}

.button.submit.sign-up {
  color: #000;
  background-color: #0000;
  border: 1px solid #0000003b;
  height: 50px;
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 50px;
}

.button.submit.sign-up:hover {
  background-color: #0000;
  border-color: #de252f;
}

.button.gray {
  border: 1px solid var(--lines);
  background-color: var(--table-hover);
  color: var(--placeholder);
  margin-left: 0;
  margin-right: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

.button.gray:hover {
  background-color: var(--blue);
  color: var(--white);
  border-color: #0000;
}

.button.gray.delete:hover {
  background-color: var(--rejected);
}

.button.gray._2 {
  border-color: var(--lines);
  color: var(--placeholder);
  background-color: #fff;
  padding-left: 25px;
  padding-right: 25px;
}

.button.chevron {
  color: var(--menu-icon-color);
  margin-left: -25px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Chevrons, sans-serif;
  font-size: 25px;
  line-height: 40px;
  display: inline-block;
}

.button.chevron:hover {
  color: var(--text);
}

.button.chevron.float-left {
  float: left;
  font-family: Chevron thick, sans-serif;
  line-height: 41px;
}

.button.chevron.chat-back-button {
  float: left;
  height: 41px;
  font-family: Chevron thick, sans-serif;
  font-size: 18px;
  line-height: 42px;
}

.button.kpi-position-absolute {
  z-index: 2;
  color: var(--blue);
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  position: absolute;
  inset: auto 8px 8px auto;
}

.button.kpi-position-absolute:hover {
  color: var(--hover-blue);
}

.button.kpi-position-absolute.obey {
  height: 55px;
  padding-top: 17px;
  padding-bottom: 16px;
  position: static;
}

.button.kpi-position-absolute._1 {
  position: static;
}

.button.ver-todos {
  z-index: 2;
  color: var(--blue);
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  inset: auto 0 0 auto;
}

.button.green {
  background-color: var(--blue);
}

.button.green:hover {
  background-color: var(--hover-blue);
}

.button.green.float-right {
  float: right;
  margin-right: 0;
  padding-top: 8px;
}

.button.green.float-right.not-alone {
  background-color: var(--confirmation-green);
  margin-left: 8px;
}

.button.green.float-right.not-alone:hover {
  background-color: var(--hover-green);
}

.button.success-continue.flexed {
  background-color: var(--confirmation-green);
}

.button.success-continue.flexed:hover {
  background-color: var(--hover-green);
}

.button.success-continue.span {
  background-color: var(--confirmation-green);
  opacity: 0;
  height: auto;
  position: absolute;
  inset: 0%;
}

.button.success-continue.span:hover {
  background-color: var(--hover-green);
}

.button.success-continue.flexed-in-line {
  background-color: var(--confirmation-green);
  position: static;
}

.button.success-continue.flexed-in-line:hover {
  background-color: var(--hover-green);
}

.button.success-continue-copy {
  background-color: #0000002e;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 20px 20px auto auto;
}

.button.success-continue-copy:hover {
  background-color: #00000052;
}

.button.success-continue-copy.ok {
  border: 1px solid var(--confirmation-green);
  color: var(--confirmation-green);
  background-color: #0000;
  right: 177px;
}

.button.success-continue-copy.ok:hover {
  background-color: var(--confirmation-green);
  color: var(--white);
}

.button.cancel-delete {
  float: left;
  border: 1px solid var(--fine-line);
  background-color: var(--white);
  color: var(--menu-icon-color);
  text-align: center;
  width: 161px;
  height: 45px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  line-height: 45px;
  display: inline-block;
}

.button.cancel-delete.new {
  background-color: var(--fine-line);
  color: var(--navigation-text);
}

.button.gray {
  color: #9c9c9c;
  background-color: #f8f8f8;
  border: 1px solid #d0d3dd;
  margin-left: 0;
  margin-right: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

.button.gray:hover {
  color: #fff;
  background-color: #3668fc;
  border-color: #0000;
}

.button.success-continue {
  background-color: #05b32e;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 20px 20px auto auto;
}

.button.success-continue:hover {
  background-color: #058317;
}

.button.submit {
  text-align: center;
  background-color: #3668fc;
  width: 100%;
  height: 45px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 45px;
  transition: all .1s;
  display: block;
}

.button.submit:hover {
  background-color: #1242af;
}

.button.submit._2 {
  margin-top: 45px;
}

.buttons-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

.search {
  width: 180px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.search.hidden {
  display: none;
}

.search-button {
  color: var(--menu-text);
  background-color: #0000;
  width: 25px;
  padding: 0;
  font-family: topbar-icon, sans-serif;
  font-size: 16px;
  line-height: 41px;
  position: absolute;
  inset: 0 0 0 10px;
}

.search-button.up-in-smoke {
  height: 45px;
  left: 60px;
}

.search-button.chat-search-button {
  color: var(--menu-icon-color);
  line-height: 42px;
  left: 12px;
}

.search-input {
  border: 1px solid var(--lines);
  background-color: var(--white);
  color: var(--text);
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  padding-left: 38px;
  padding-right: 15px;
  font-size: 14px;
}

.search-input:focus {
  border-color: var(--weba-orange);
  color: var(--text);
  background-color: #fff;
}

.search-input::placeholder {
  color: var(--menu-text);
  font-size: 14px;
}

.page-title-wrapper {
  height: 80px;
  margin-bottom: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  top: 0;
}

.page-title-wrapper.minus-20-bottom-margin {
  margin-bottom: 30px;
}

.page-title-wrapper.minus-20-bottom-margin.ds {
  flex-flow: column;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.page-title-wrapper.minus-20-bottom-margin.tb {
  align-items: center;
  display: flex;
}

.page-title-wrapper.minus-20-bottom-margin._2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  height: 60px;
  margin: 10px -8px 15px -16px;
  padding-top: 10px;
  padding-left: 0;
  display: flex;
}

.page-title-wrapper.minus-20-bottom-margin._2._3 {
  margin-left: 0;
  margin-right: 0;
}

.page-title-wrapper.minus-20-bottom-margin._2._3._1, .page-title-wrapper.minus-20-bottom-margin._2._4 {
  justify-content: flex-end;
}

.page-title-wrapper._10-bottom-margin {
  margin-bottom: 10px;
}

.page-h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  display: inline-block;
}

.page-h1.in-page-with-icon {
  margin-left: 25px;
  position: relative;
}

.page-h1.cliente-name-hi {
  margin-left: 0;
  font-size: 24px;
  line-height: 120%;
  position: relative;
}

.page-h1._9 {
  text-align: center;
  margin-bottom: 25px;
  display: block;
}

.page-h1.ds {
  display: block;
}

.validar-tab-menu {
  z-index: 10;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 450px;
  margin-top: -111px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.validar-tab-menu._2 {
  z-index: 25;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  width: auto;
  margin-top: 0;
  padding-left: 8px;
  display: flex;
  position: sticky;
}

.validar-tab-link {
  border: 1px solid var(--fine-line);
  color: var(--menu-icon-color);
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  width: 130px;
  height: 40px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 39px;
  transition: all .1s;
}

.validar-tab-link:hover {
  background-color: var(--table-hover);
}

.validar-tab-link.w--current {
  background-color: var(--weba-orange);
  color: #fff;
  border-color: #0000;
}

.validar-tab-link.middle {
  margin-left: 8px;
  margin-right: 8px;
}

.validar-tab-content {
  margin-top: 40px;
}

.validar-tab-content._2 {
  margin-top: 10px;
}

.table-wrapper {
  min-height: 500px;
  display: block;
}

.table-wrapper._2 {
  min-height: auto;
  position: static;
}

.table-field-lable-wrapper {
  border: 1px solid var(--fine-line);
  background-color: var(--white);
  color: var(--menu-text);
  text-transform: uppercase;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 11px;
  line-height: 100%;
  display: flex;
}

.table-field-lable-wrapper.colored-bg {
  background-color: var(--white);
  border-style: solid;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.table-field-lable-wrapper.colored-bg._2 {
  height: 60px;
  font-size: 16px;
}

.table-field-lable-wrapper._00 {
  padding-top: 0;
  padding-bottom: 10px;
}

.table-field-lable-wrapper._00.carregamentos {
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-radius: 0;
}

.table-content {
  border: 2px #d0d3dd40;
  overflow: hidden;
}

.table-content.carregamento {
  border: 1px #eee;
  border-bottom-style: solid;
  height: auto;
}

.table-content-link {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--fine-line);
  color: var(--text);
  background-color: #fff;
  height: 70px;
  margin-bottom: 0;
  font-size: 16px;
  text-decoration: none;
  transition: all .1s;
  display: flex;
}

.table-content-link:hover {
  background-color: #3668fc05;
}

.table-content-link.shade {
  background-color: var(--table-hover);
}

.table-content-link.relatorio {
  border-style: solid none none;
  height: 60px;
}

.table-content-link.relatorio:hover {
  background-color: var(--white);
}

.table-content-link.relatorio.shade:hover {
  background-color: var(--table-hover);
}

.table-content-link.no-hover:hover {
  background-color: var(--white);
}

.table-content-link.kpi-validar-link {
  border-width: 1px;
  border-color: var(--background) var(--fine-line);
  background-color: var(--white);
  border-top-style: none;
  border-bottom-style: solid;
  border-right-style: none;
  border-radius: 0;
  margin-bottom: 0;
}

.table-content-link.kpi-validar-link.bigger {
  border-left-style: none;
  height: 73px;
}

.valida-table-field-lable {
  flex: 1;
  padding-left: 25px;
  padding-right: 25px;
}

.valida-table-field-lable.estatuto {
  flex: 0 auto;
  width: 15%;
}

.valida-table-field-lable.estatuto.ds {
  width: 15%;
}

.valida-table-field-lable.titulo {
  flex: 1;
  width: 30%;
}

.valida-table-field-lable.id {
  flex: 0 auto;
  width: 10%;
}

.valida-table-field-lable.data, .valida-table-field-lable.categoria {
  flex: 0 auto;
  width: 15%;
}

.valida-table-field-lable.categoria._2 {
  width: 20%;
}

.valida-table-field-lable.categoria._2.ds {
  width: 15%;
}

.valida-table-field-lable.categoria._3 {
  width: 25%;
}

.valida-table-field-lable.categoria._3.ds {
  width: 15%;
}

.valida-table-field-lable.categoria._6 {
  width: 25%;
}

.valida-table-field-lable.image {
  flex: 0 auto;
  width: 10%;
  padding-left: 10px;
}

.valida-table-field-lable.foto {
  text-align: left;
  flex: 0 auto;
  width: 10%;
  padding-left: 25px;
  padding-right: 0;
}

.valida-table-field-lable.relatorio-geral {
  flex: 0 auto;
  width: 20%;
  padding: 20px 25px 10px 50px;
  position: relative;
}

.valida-table-field-lable.relatorio-geral._16px {
  padding-left: 25px;
}

.valida-table-field-lable.relatorio-geral._16px._10 {
  width: 25%;
}

.valida-table-field-lable.relatorio-geral._16px._10.ds._1 {
  width: 20%;
}

.valida-table-field-lable.relatorio-geral._16px._10.ds._1.date {
  width: 23%;
}

.valida-table-field-lable.relatorio-geral._16px._10.ds._1.user {
  width: 30%;
}

.valida-table-field-lable.relatorio-geral._16px.xxsx {
  padding-bottom: 20px;
}

.valida-table-field-lable.relatorio-geral.anuncios {
  color: var(--weba-orange);
}

.valida-table-field-lable.relatorio-geral.valor-arrecadado {
  color: var(--confirmation-green);
}

.valida-table-field-lable.relatorio-geral.valor-arrecadado._10 {
  width: 25%;
}

.valida-table-field-lable.relatorio-geral.visitas {
  color: var(--purple);
}

.valida-table-field-lable.relatorio-geral.visitas._10 {
  width: 25%;
}

.valida-table-field-lable.relatorio-geral.cliques {
  color: var(--amber);
}

.valida-table-field-lable.relatorio-geral.cliques._10 {
  width: 25%;
}

.valida-table-field-lable.relatorio-geral._10 {
  width: 35%;
}

.valida-table-field-lable.relatorio-geral._10.ds {
  width: 20%;
}

.valida-table-field-lable.relatorio-geral._10.cr {
  width: 25%;
}

.valida-table-field-lable.relatorio-geral._10.carr {
  justify-content: flex-start;
  align-items: flex-start;
  width: 20%;
}

.valida-table-field-lable.relatorio-geral.visitas-angola {
  color: var(--blue);
}

.valida-table-field-lable.table-equal-length {
  flex: 1;
  width: 15%;
}

.valida-table-field-lable.table-equal-length.bigger-than-all {
  flex: 0 auto;
  width: 210px;
}

.valida-table-field-lable.table-equal-length.date {
  flex: 1;
  width: 15%;
  min-width: 250px;
}

.valida-table-field-lable.table-equal-length.pago {
  flex: 0 auto;
  width: 130px;
}

.valida-table-field-lable.table-equal-length.shorter-than-all {
  flex: 0 auto;
  width: 160px;
  min-width: 160px;
}

.valida-table-field-lable.table-img-info {
  flex: 0 auto;
  width: 10%;
  padding-left: 10px;
}

.valida-table-field-lable.nome-admin {
  flex: 0 auto;
  width: 30%;
}

.valida-table-field {
  flex: 1;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.valida-table-field.estatuto {
  flex: 0 auto;
  width: 15%;
}

.valida-table-field.estatuto.pendente {
  color: var(--amber);
}

.valida-table-field.estatuto.validado {
  color: var(--confirmation-green);
}

.valida-table-field.estatuto.validado.ds {
  width: 15%;
}

.valida-table-field.estatuto.por-validar {
  color: var(--blue);
}

.valida-table-field.estatuto.por-validar.in-kpi {
  justify-content: center;
  width: 21%;
  padding-right: 0;
}

.valida-table-field.estatuto.rejeitado {
  color: var(--rejected);
}

.valida-table-field.estatuto.activo {
  color: var(--hover-green);
}

.valida-table-field.titulo {
  color: var(--text);
  flex: 1;
  width: 30%;
}

.valida-table-field.id {
  flex: 0 auto;
  width: 10%;
}

.valida-table-field.data {
  flex: 0 auto;
  width: 15%;
}

.valida-table-field.data.kpi-data {
  justify-content: center;
  width: 25%;
}

.valida-table-field.categoria {
  flex: 0 auto;
  width: 15%;
}

.valida-table-field.categoria._2 {
  width: 20%;
}

.valida-table-field.categoria._2.ds {
  width: 15%;
}

.valida-table-field.categoria._3 {
  width: 25%;
}

.valida-table-field.categoria._3.ds {
  width: 15%;
}

.valida-table-field.categoria._6 {
  width: 25%;
}

.valida-table-field.categoria._6.cred {
  color: var(--blue);
}

.valida-table-field.image {
  flex: 0 auto;
  width: 10%;
  padding-left: 10px;
}

.valida-table-field.image.inside-kpi {
  justify-content: center;
  width: 11%;
  padding-left: 0;
  padding-right: 10px;
}

.valida-table-field.foto {
  flex: 0 auto;
  width: 10%;
  padding-left: 25px;
  padding-right: 0;
}

.valida-table-field.relatorio-geral {
  flex: 0 auto;
  width: 20%;
  padding-left: 25px;
  padding-right: 25px;
}

.valida-table-field.relatorio-geral._10 {
  width: 25%;
}

.valida-table-field.relatorio-geral._10.entrada {
  color: var(--hover-green);
}

.valida-table-field.relatorio-geral._10.entrada.ds {
  width: 20%;
}

.valida-table-field.relatorio-geral._10.saida {
  color: var(--rejected);
}

.valida-table-field.relatorio-geral._10.saldo {
  color: var(--text);
}

.valida-table-field.relatorio-geral._10.saldo.ds {
  width: 20%;
}

.valida-table-field.relatorio-geral._10.ds {
  width: 25%;
}

.valida-table-field.relatorio-geral._10.ds._1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 30%;
}

.valida-table-field.relatorio-geral._10.ds._1.date, .valida-table-field.relatorio-geral._10.carr {
  width: 20%;
}

.valida-table-field.relatorio-geral._10.carr._1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.valida-table-field.table-equal-length {
  flex: 1;
  width: 15%;
}

.valida-table-field.table-equal-length.bigger-than-all {
  flex: 0 auto;
  width: 210px;
}

.valida-table-field.table-equal-length.bigger-than-all.green {
  color: var(--amber);
}

.valida-table-field.table-equal-length.date {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 15%;
  min-width: 250px;
}

.valida-table-field.table-equal-length.pago {
  color: #2bb673;
  flex: 0 auto;
  width: 130px;
}

.valida-table-field.table-equal-length.shorter-than-all {
  flex: 0 auto;
  width: 160px;
  min-width: 160px;
}

.valida-table-field.nome-admin {
  color: var(--text);
  flex: 0 auto;
  width: 30%;
}

.navegador {
  z-index: 100;
  border-bottom: 1px none var(--lines);
  background-color: #fff;
  justify-content: flex-start;
  height: 70px;
  padding-left: 50px;
  padding-right: 37.5px;
  display: flex;
  position: sticky;
  inset: 0 0% auto;
  box-shadow: 0 1px 15px #00000026;
}

.logo-block {
  width: 200px;
  height: 70px;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-right: 70px;
}

.logo-block._1 {
  z-index: 2;
  position: relative;
}

.logo-block._1._333 {
  float: left;
  margin-top: -15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.mid-block {
  flex: 1;
  justify-content: center;
  height: 70px;
  display: flex;
  position: relative;
}

.profile {
  border: 1px solid var(--bg-2);
  background-color: var(--menu-text);
  background-image: url('../images/2539.jpg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 200px;
  width: 30px;
  height: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 10px;
  position: static;
  inset: 22.5px auto auto 25px;
}

.dropdown-toggle-with-name {
  color: var(--text);
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 70px;
  margin-left: 50px;
  padding: 0 25px;
  display: flex;
}

.search-icon {
  float: left;
  color: var(--menu-icon-color);
  padding-left: 25px;
  padding-right: 25px;
  font-family: topbar-icon, sans-serif;
  font-size: 20px;
  line-height: 70px;
  text-decoration: none;
  display: none;
}

.link-text {
  font-size: 15px;
  position: relative;
  top: 1px;
}

.link-icon {
  margin-right: 10px;
  font-family: sidebar-icon, sans-serif;
  font-size: 20px;
}

.link-icon.parceirosss {
  font-family: Icons, sans-serif;
  font-size: 22px;
}

.link-icon.chat-icon {
  font-family: chat-icon, sans-serif;
}

.navi-link {
  color: var(--text);
  border-top: 2px solid #0000;
  border-bottom: 2px solid #0000;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 70px;
  margin-left: 50px;
  margin-right: 0%;
  padding-top: 1px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navi-link:hover {
  color: #ff8a91;
}

.navi-link.w--current {
  border-bottom-color: var(--weba-orange);
  color: var(--weba-orange);
}

.section {
  padding-top: 30px;
  padding-bottom: 50px;
  display: block;
}

.section._50-padding {
  padding-top: 50px;
}

.section._40-padding {
  padding-top: 40px;
}

.contain {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.pop-up {
  z-index: 999;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.pop-up.delete {
  align-items: center;
  padding-bottom: 17vh;
  display: none;
}

.close-pop-up {
  background-color: #171f3673;
  position: fixed;
  inset: 0%;
}

.block {
  z-index: 10;
  background-color: #fff;
  border-radius: 4px;
  min-width: 500px;
  max-width: 800px;
  min-height: 600px;
  margin: 10vh auto 100px;
  position: relative;
  box-shadow: 0 10px 50px #00000040;
}

.block.adicionar-anucio, .block.liquidar-factura {
  max-width: 500px;
  margin-top: 6vh;
  margin-bottom: 6vh;
  overflow: hidden;
}

.block.editar-perfil {
  border-radius: 0;
  max-width: 500px;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  position: fixed;
  inset: 0% auto 0% 0%;
  overflow: auto;
}

.block.validar-anuncio {
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 42px;
  overflow: auto;
}

.block.adicionar-credito {
  min-width: 430px;
  max-width: 700px;
  min-height: auto;
  margin-top: 6vh;
  margin-bottom: 6vh;
  overflow: hidden;
}

.block.delete-ad {
  border-top: 3px solid var(--rejected);
  min-width: 430px;
  max-width: 430px;
  min-height: 300px;
  margin-top: 1vh;
  margin-bottom: 1vh;
  overflow: hidden;
}

.block.alterar-senha {
  border-top: 3px none var(--rejected);
  border-radius: 10px;
  min-width: 430px;
  max-width: 430px;
  min-height: 300px;
  margin-top: 1vh;
  margin-bottom: 1vh;
  overflow: hidden;
}

.button-icon {
  margin-right: 10px;
  font-family: Buttons, sans-serif;
  position: relative;
  top: 2px;
}

.button-icon.money-button-icon {
  font-family: sidebar-icon, sans-serif;
}

.button-icon.right-side {
  margin-left: 10px;
  margin-right: 0;
}

.button-icon.right-side.right-chevron-icon {
  font-family: Chevron thick, sans-serif;
  font-size: 12px;
}

.button-icon.relat-rio-actions {
  font-family: Actions, sans-serif;
}

.button-icon.relat-rio-actions._2 {
  margin-right: 0;
}

.button-icon.apagar {
  font-family: Refresh delete, sans-serif;
  font-size: 17px;
  top: 4px;
}

.button-icon.editar {
  width: 24px;
  font-family: Edit icon, sans-serif;
  font-size: 17px;
  top: 3px;
}

.button-icon.alert {
  float: left;
  cursor: default;
  height: 28px;
  margin-right: 8px;
  padding-left: 10px;
  font-family: Warning info, sans-serif;
  font-size: 14px;
  line-height: 28px;
  display: inline;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-icon.descript {
  font-family: KPI parceiro, sans-serif;
}

.button-icon.descript-2 {
  font-family: sidebar-icon, sans-serif;
}

.button-icon.download {
  font-family: Actions, sans-serif;
}

.button-icon.moneys {
  font-family: sidebar-icon, sans-serif;
}

.button-icon.plus-icon {
  margin-right: 25px;
  font-size: 16px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.empty-state-wrapper {
  border-top: 1px solid var(--fine-line);
  text-align: center;
  min-height: 500px;
  padding-top: 50px;
  display: none;
}

.empty-state-message {
  color: var(--menu-text);
  font-size: 19px;
  line-height: 100%;
  display: inline-block;
}

.form-field-label {
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 100%;
}

.form-field-label.centerd {
  text-align: center;
  margin-bottom: 28px;
}

.form-field-label.bottom-paddign {
  margin-bottom: 10px;
}

.form-field-label.centerd-2 {
  text-align: center;
  margin-bottom: 20px;
}

.form-field-label.permssn {
  margin-bottom: 16px;
}

.form-field-label._3 {
  margin-bottom: 15px;
}

.form-text-field {
  border: 1px solid var(--lines);
  background-color: var(--table-hover);
  border-radius: 4px;
  height: 45px;
  margin-bottom: 25px;
  font-size: 15px;
  transition: all .1s;
}

.form-text-field:hover {
  background-color: #fff;
}

.form-text-field:focus {
  border-color: var(--weba-orange);
  background-color: #fff;
}

.form-text-field::placeholder {
  color: var(--placeholder);
}

.form-text-field.amount-input-field {
  color: var(--hover-green);
  text-align: center;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 18px;
  font-weight: 500;
}

.form-text-field.amount-input-field:focus {
  border-color: var(--confirmation-green);
  color: var(--text);
}

.form-text-field.amount-input-field::placeholder {
  color: var(--text);
}

.form-text-field.search-field {
  margin-bottom: 16px;
  padding-left: 40px;
}

.form-text-field.search-field::placeholder {
  color: var(--menu-text);
}

.form-text-field.bottom {
  margin-bottom: 0;
}

.form-text-field.login-field {
  background-color: #0000;
  border-width: 2px;
  height: 50px;
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 9px;
  padding-left: 50px;
  font-size: 16px;
}

.form-text-field.login-field::placeholder {
  color: var(--navigation-text);
}

.form-text-field.login-field.senha-field {
  margin-top: 25px;
  margin-bottom: 15px;
}

.form-text-field.login-field.earlier {
  padding-left: 18px;
}

.form-text-field.sign-up {
  background-color: var(--white);
  border-width: 2px;
  height: 50px;
  margin-top: 0;
  padding-top: 8px;
  font-size: 15px;
}

.form-text-field.sign-up.snha {
  margin-bottom: 8px;
}

.form-select-field {
  border: 1px solid var(--lines);
  background-color: var(--table-hover);
  color: var(--text);
  border-radius: 4px;
  height: 45px;
  margin-bottom: 25px;
  transition: all .1s;
}

.form-select-field:hover {
  background-color: #fff;
}

.form-select-field:focus {
  border-color: var(--weba-orange);
  background-color: #fff;
}

.form-select-field.last-item {
  color: var(--text);
  margin-bottom: 0;
}

.form-select-field.last-item._1 {
  margin-top: 10px;
}

.form-select-field.no-border {
  background-color: var(--bg-2);
  border-style: none;
}

.form-select-field.er {
  margin-bottom: 10px;
}

.test-form-block {
  background-color: #fff;
  border-radius: 4px;
  height: 947px;
  margin-bottom: 0;
  padding: 50px;
}

.test-form-block.tighter {
  padding-bottom: 50px;
  padding-left: 70px;
  padding-right: 70px;
}

.test-form-block.zero-padding-all {
  background-color: #0000;
  height: auto;
  padding: 0;
}

.test-form-block.longggg {
  height: auto;
}

.photo-upload-input-wrapper {
  border-bottom: 1px solid var(--fine-line);
  min-height: 170px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 30px;
}

.photo-upload-input-wrapper.cliente {
  border-bottom-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.photo-upload-input-wrapper.parceiro-perfil-photo {
  border-bottom-style: none;
  margin-bottom: 35px;
  padding-top: 0;
  padding-bottom: 0;
}

.photo-upload-input-wrapper.no-bottom {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.photo-upload-input-wrapper.no-line, .photo-upload-input-wrapper._2 {
  border-bottom-style: none;
}

.uploaded-photo-wrapper {
  display: none;
  overflow: hidden;
}

.uploaded-photo-wrapper.show {
  display: block;
}

.uploaded-photo-content {
  border: 1px solid var(--lines);
  background-color: var(--table-hover);
  border-radius: 4px;
  height: 130px;
  margin-bottom: 10px;
  display: flex;
}

.form-button-icon {
  margin-right: 8px;
  font-family: Refresh delete, sans-serif;
  position: relative;
  top: 2px;
}

.photo-upload-input-field {
  border: 2px dashed var(--lines);
  background-color: var(--table-hover);
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 170px;
  transition: all .1s;
  display: flex;
  overflow: hidden;
}

.photo-upload-input-field:hover {
  background-color: #fff;
}

.photo-upload-input-field:focus {
  border-color: var(--weba-orange);
  background-color: #fff;
}

.photo-upload-input-field::placeholder {
  color: var(--placeholder);
}

.photo-upload-input-field.round {
  border-radius: 50%;
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.photo-upload-input-field.round.hidden {
  display: none;
}

.photo-upload-input-field.hidden {
  border-radius: 50%;
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.photo-upload-input-field.no-bg-fill {
  background-color: #0000;
}

.photo-upload-icon {
  margin-bottom: 14px;
  font-family: Photo, sans-serif;
  font-size: 30px;
  line-height: 100%;
}

.photo-upload-text {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 100%;
}

.photo-upload-text.small-gray {
  color: #9c9c9c;
  margin-bottom: 0;
  margin-left: 25px;
  margin-right: 25px;
  font-size: 12px;
}

.uploaded-photo-info {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 50%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: hidden;
}

.uploaded-photo-div {
  border-right: 1px solid var(--lines);
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  padding: 15px;
  display: flex;
}

.photo-contain {
  max-width: 90px;
}

.div-block {
  flex: 1;
}

.uploaded-image-resolution {
  color: var(--placeholder);
}

.uploaded-image-name {
  height: 20px;
  max-height: 20px;
  line-height: 120%;
  overflow: hidden;
}

.form-field-label-description {
  color: var(--placeholder);
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 120%;
}

.form-field-label-description.thin {
  margin-bottom: 0;
  font-weight: 400;
}

.form-header-wrap {
  border-bottom: 1px none var(--fine-line);
  text-align: center;
  margin-bottom: 25px;
  padding-bottom: 20px;
}

.form-header-wrap.left-to-right {
  text-align: left;
}

.form-header-wrap.left-to-right.less-bottom-margin {
  margin-bottom: 5px;
}

.payment-wrap {
  border-bottom: 1px solid var(--fine-line);
  margin-bottom: 30px;
  padding-bottom: 25px;
}

.payment-wrap.resume {
  border-bottom-style: none;
  margin-bottom: 51px;
  padding-bottom: 0;
}

.form-left-side {
  border-left: 1px none var(--fine-line);
  background-color: var(--white);
  flex: 1;
  max-width: 50%;
  padding: 50px;
}

.form-left-side.long {
  height: 610px;
}

.form-left-side.long.editar {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.form {
  display: flex;
}

.form.round-corners {
  border: 1px solid var(--fine-line);
  border-radius: 4px;
  margin-left: 16px;
  overflow: hidden;
}

.form.round-corners._4, .form.round-corners._2 {
  margin-left: 0;
}

.form.round-corners._2.non {
  border-style: none;
}

.form.criar-cliente-form {
  border: 1px solid var(--fine-line);
  border: 1px solid #e0e2e7;
  border-radius: 4px;
  margin-left: 0;
  overflow: hidden;
}

.form-right-side {
  border-right: 1px none var(--fine-line);
  border-left: 1px solid var(--fine-line);
  background-color: var(--white);
  flex: 1;
  max-width: 50%;
  padding: 50px;
}

.form-right-side.pos-relative {
  position: relative;
}

.quantity-input-wrapper {
  border-top: 1px none var(--fine-line);
  align-items: center;
  padding-top: 25px;
  display: flex;
}

.quantity-button {
  color: var(--blue);
  text-align: center;
  width: 45px;
  min-width: 45px;
  height: 45px;
  font-family: Quantity, sans-serif;
  font-size: 23px;
  line-height: 45px;
  text-decoration: none;
  display: inline-block;
}

.quantity-button.minus:hover, .quantity-button.plus:hover {
  color: var(--hover-blue);
}

.quantity-button.add-credit {
  color: var(--confirmation-green);
  position: absolute;
  inset: 10px -11px auto auto;
}

.quantity-button.add-credit:hover {
  color: var(--hover-green);
}

.views-input-wrapper {
  border-top: 1px none var(--fine-line);
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.visualizacoes {
  margin-right: 5px;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
}

.moeda {
  color: var(--placeholder);
  font-size: 15px;
  line-height: 100%;
  position: relative;
  top: -8px;
}

.body-2 {
  background-color: var(--white-smoke);
  min-width: auto;
}

.table-image-wrapper {
  background-image: url('../images/ads-3_1000X1000.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  height: 50px;
}

.table-image-wrapper.avatar {
  background-position: 50%;
  background-size: cover;
  border-radius: 200px;
  flex: 0 auto;
  width: 50px;
}

.table-image-wrapper._1 {
  background-image: url('../images/images.jpeg');
}

.table-image-wrapper._2 {
  background-image: url('../images/unnamed.jpg');
}

.table-image-wrapper._3 {
  background-image: url('../images/78762844_526728131268277_2113946709117272615_n.jpg');
}

.table-image-wrapper._4 {
  background-image: url('../images/safe-travel-square-ad-design-template-4be8eb5bff4061fe5efa8db538b5cbe2_screen.jpg');
}

.table-image-wrapper._5 {
  background-image: url('../images/fall-bar-event-square-ad-template-design-1a9ecb1f9a7c0e305a598d908d985310_screen.jpg');
}

.form-content-wrapper {
  flex: 1;
}

.form-content-wrapper.in-login {
  z-index: 1;
  position: relative;
}

.xclose {
  z-index: 3;
  color: var(--lines);
  text-align: center;
  cursor: pointer;
  width: 50px;
  height: 50px;
  font-family: Buttons, sans-serif;
  font-size: 18px;
  line-height: 50px;
  transition: all .1s;
  position: absolute;
  inset: 10px 10px auto auto;
}

.xclose:hover {
  color: var(--text);
}

.currency {
  margin-left: 2px;
}

.clientes {
  padding-left: 50px;
  padding-right: 50px;
}

.photo {
  background-image: url('../images/placeholder-face-big.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 200px;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  position: relative;
}

.photo._1 {
  background-image: url('../images/959.jpg');
}

.photo._2 {
  background-image: url('../images/1034.jpg');
}

.photo._3 {
  background-image: url('../images/911.jpg');
}

.photo._4 {
  background-image: url('../images/1624.jpg');
}

.photo._5 {
  background-image: url('../images/274122-P5L3X8-276.jpg');
}

.photo._6 {
  background-image: url('../images/2181.jpg');
}

.photo._7 {
  background-image: url('../images/440px-Tim_Studio2104.jpg');
}

.photo._8 {
  background-image: url('../images/Man_1.jpg');
}

.name {
  flex: 1;
  height: 18px;
  margin-top: 1px;
  margin-right: 15px;
  font-size: 16px;
  line-height: 18px;
  overflow: hidden;
}

.name.with-bottom-margin {
  margin-bottom: 3px;
  font-size: 16px;
}

.name.with-bottom-margin.smaller-text {
  margin-bottom: 0;
  font-size: 15px;
}

.name.with-bottom-margin.smaller-text.unread {
  font-weight: 700;
}

.right-chevron {
  color: var(--lines);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: static;
  transform: rotate(-90deg);
}

.right-chevron.minus-margin {
  margin-right: -3px;
}

.parceiros {
  padding-left: 50px;
  padding-right: 50px;
}

.dropdown-list.w--open {
  background-color: var(--white);
  border-radius: 4px;
  width: 140px;
  margin-top: -10px;
  right: 0;
  box-shadow: 0 1px 15px #00000026;
}

.logout-icon {
  float: left;
  margin-right: 10px;
  font-family: Icons, sans-serif;
  font-size: 21px;
}

.parceiro-info-wrapper {
  border: 1px none var(--fine-line);
  border-radius: 4px;
  display: flex;
}

.parceiro-info-wrapper.minus-margin {
  margin: -8px;
  position: relative;
}

.parceiro-info-wrapper.minus-margin.not {
  margin-top: 0;
}

.parceiro-info-wrapper.minus-margin.more {
  z-index: 1;
  margin-top: -16px;
}

.parceiro-info-wrapper.minus-margin.grid-flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.parceiro-info-wrapper.minus-margin.grid-flex._1 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  grid-template-columns: 1fr 1fr;
  margin: 0;
}

.parceiro-info-wrapper.validar-anuncio.no-bg {
  background-color: #0000;
}

.parceiro-info {
  border: 1px solid var(--fine-line);
  background-color: var(--white);
  border-radius: 4px;
  min-height: 720px;
  padding: 50px 25px 25px;
  position: relative;
}

.parceiro-info.shorter {
  min-height: 650px;
}

.flexed-block {
  width: 100%;
}

.flexed-block._33 {
  min-width: 33%;
  max-width: 33%;
  padding: 8px;
}

.flexed-block._33.buttons {
  padding-top: 0;
}

.flexed-block._33._4 {
  padding-bottom: 0;
}

.flexed-block._67 {
  min-width: 67%;
  max-width: 67%;
  height: 545px;
  min-height: 450px;
}

.flexed-block._67.criar-anuncio {
  min-width: 70%;
  height: auto;
  padding: 8px;
}

.flexed-block._67.criar-anuncio.zero-padding {
  padding: 0;
}

.flexed-block._67.criar-anuncio.zero-padding.no-line {
  border-radius: 4px;
}

.flexed-block._67.validar-anuncio {
  min-width: 70%;
  height: auto;
  padding: 0 8px 8px;
}

.flexed-block._67.in-home {
  height: 1000px;
  min-height: 750px;
}

.flexed-block._67.in-home.ds {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 67%;
  max-width: 67%;
}

.flexed-block._67.in-home.c {
  min-width: 100%;
  max-width: 100%;
}

.flexed-block._67._100-percent {
  height: 666px;
}

.flexed-block._67.admin-content {
  height: auto;
}

.flexed-block.code-do-parceiro {
  min-width: 67%;
  max-width: 67%;
  margin-bottom: 0;
  padding: 8px;
  display: block;
  position: absolute;
  inset: auto 0% 0 auto;
}

.flexed-block.margin-negative {
  margin: -8px;
}

.flexed-block._30 {
  min-width: 30%;
  max-width: 30%;
  padding: 8px;
  position: relative;
  overflow: hidden;
}

.flexed-block._30.zero-right {
  padding-top: 0;
  padding-right: 0;
}

.flexed-block._30.zero-padding {
  padding: 0;
}

.flexed-block._30.zero-padding.rounded {
  border: 1px solid var(--fine-line);
  border-radius: 4px;
}

.flexed-block.no-limit {
  min-width: 67%;
  max-width: 67%;
  min-height: 450px;
}

.flexed-block.no-limit._12345 {
  min-height: auto;
}

.flexed-block._75 {
  width: 75%;
  min-width: 75%;
  max-width: 75%;
  height: 85vh;
  min-height: 450px;
  padding: 8px;
  display: block;
}

.flexed-block._25 {
  min-width: 25%;
  max-width: 25%;
  padding: 8px;
}

.flexed-block._909090 {
  width: 100%;
}

.flexed-block._3 {
  margin-left: 10px;
}

.kpi-wrapper {
  position: relative;
}

.kpi-wrapper._50 {
  float: left;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  height: 50%;
  padding: 8px;
  display: inline-block;
}

.kpi-wrapper._50.admin-history {
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 100%;
  overflow: hidden;
}

.kpi-wrapper._33-percent {
  float: left;
  width: 33.33%;
  min-width: 33.33%;
  max-width: 33.33%;
  height: 270px;
  padding: 8px;
  display: inline-block;
}

.kpi-wrapper.bigg {
  float: left;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding: 8px;
  display: inline-block;
}

.kpi-wrapper.bigg._2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.kpi-wrapper.short-kpi {
  float: left;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  height: 240px;
  padding: 8px;
  display: inline-block;
}

.kpi-wrapper.short-kpi.simple {
  float: none;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 224px;
  margin-bottom: 16px;
  display: block;
}

.kpi-wrapper.short-kpi.simple._1._2 {
  padding-left: 0;
  padding-right: 0;
}

.kpi-wrapper.short-kpi.simple._1._4 {
  margin-bottom: 0;
}

.kpi-wrapper.validar-kpi {
  float: left;
  width: 50%;
  min-width: 100%;
  max-width: 50%;
  height: 500px;
  padding: 8px;
  display: inline-block;
}

.kpi-wrapper.long {
  height: 260px;
}

.kpi-wrapper.home-kpi {
  float: left;
  width: 50%;
  height: 250px;
  padding: 8px;
  display: inline-block;
}

.kpi-wrapper.home-kpi.long {
  min-width: 100%;
  height: 249px;
  margin-bottom: 8px;
  padding-top: 0;
}

.kpi-wrapper.home-kpi.long.c {
  min-width: auto;
}

.kpi-wrapper.home-kpi._1 {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.kpi-wrapper.home-kpi.ds {
  width: 100%;
  max-width: 100%;
  height: 230px;
}

.kpi-wrapper.home-kpi.c {
  width: 33.3%;
}

.kpi-link {
  border: 1px solid var(--fine-line);
  position: absolute;
  inset: 8px;
}

.kpi-link.white-bg {
  background-color: var(--white);
  border-radius: 4px;
  padding: 25px;
  overflow: hidden;
}

.kpi-link.white-bg.flexed-kpi {
  color: var(--text);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.kpi-link.white-bg.flexed-kpi.simple {
  inset: 0;
}

.kpi-link.white-bg.flexed-kpi.homer {
  display: block;
  left: 0;
  right: 0;
}

.kpi-link.white-bg.flexed-kpi.estado {
  inset: 0;
}

.parceiro-avatar {
  background-image: url('../images/2539.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 200px;
  width: 150px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
}

.inner-section {
  max-width: 310px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.inner-section.no-bottom-margin {
  margin-bottom: 0;
}

.inner-section.kpi-container {
  margin-bottom: 15px;
}

.inner-section.kpi-container.flexed {
  flex: 1;
  margin-bottom: 36px;
  display: flex;
}

.inner-section.kpi-container.flexed.no-margin, .inner-section.kpi-container.flexed._1 {
  margin-bottom: 0;
}

.inner-section.wide {
  max-width: none;
  margin-bottom: 0;
}

.parceiro-text-field {
  color: var(--placeholder);
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 120%;
}

.parceiro-text-field::placeholder {
  color: var(--placeholder);
}

.parceiro-text-field.website-link {
  z-index: 1;
  color: var(--blue);
  padding-right: 25px;
  text-decoration: none;
  display: block;
  position: relative;
}

.parceiro-text-field.website-link:hover {
  background-color: #0000;
}

.parceiro-text-field.date-ate {
  margin-top: 2px;
}

.parceiro-text-field.green {
  color: var(--confirmation-green);
  font-size: 18px;
}

.parceiro-text-field.orange {
  color: var(--weba-orange);
  font-size: 18px;
}

.parceiro-text-field.editar-perfil {
  border: 1px solid var(--blue);
  color: var(--blue);
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 0;
  padding: 7px 15px;
  font-size: 12px;
  transition: all .2s;
  display: inline-block;
}

.parceiro-text-field.editar-perfil:hover {
  background-color: var(--blue);
  color: var(--white);
}

.parceiro-text-field.saldo {
  border-top: 1px none var(--fine-line);
  border-bottom: 1px none var(--fine-line);
  color: var(--confirmation-green);
  font-size: 20px;
  font-weight: 700;
}

.parceiro-info-seperator {
  margin-bottom: 25px;
  position: relative;
}

.parceiro-info-seperator.centered-div {
  text-align: center;
  margin-bottom: 35px;
  display: none;
}

.parceiro-info-icon {
  color: var(--blue);
  font-family: Chevron thick, sans-serif;
  font-size: 18px;
  position: absolute;
  inset: 26px 0% auto auto;
  transform: none;
}

.kpi-container {
  flex: 1;
  margin-bottom: 40px;
}

.kpi-icon {
  color: var(--weba-orange);
  text-align: center;
  background-color: #f76c5e26;
  border-radius: 200px;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  height: 80px;
  font-family: KPI parceiro, sans-serif;
  font-size: 30px;
  line-height: 86px;
}

.kpi-icon.valor-arrecadado {
  color: var(--confirmation-green);
  background-color: #2ecc7126;
}

.kpi-icon.purple, .kpi-icon.visitas-no-site {
  color: var(--purple);
  background-color: #be81fe26;
}

.kpi-icon.cliques-em-anuncios {
  color: var(--amber);
  background-color: #f39c1226;
  font-family: KPI parceiro extended, sans-serif;
}

.kpi-icon.blue {
  color: var(--blue);
  background-color: #3668fc1f;
}

.kpi-info-wrapper {
  flex: 1;
  margin-left: 25px;
}

.kpi-info-wrapper.centered {
  text-align: center;
  margin-left: 0;
}

.kpi-info-wrapper.centered.activo {
  display: block;
}

.kpi-info-wrapper.centered.pendente, .kpi-info-wrapper.centered.rejeitado {
  display: none;
}

.kpi-big-number {
  font-size: 40px;
  font-weight: 500;
  line-height: 57px;
}

.kpi-big-number.orange {
  color: var(--weba-orange);
}

.kpi-big-number.money {
  float: left;
  font-size: 32px;
  display: inline-block;
}

.kpi-big-number.money._1 {
  color: var(--blue);
}

.kpi-big-number.money._2 {
  color: var(--hover-green);
}

.kpi-big-number.money._3 {
  color: var(--hover-amber);
}

.kpi-big-number.kpi-currency {
  color: var(--confirmation-green);
  margin-left: 3px;
  font-size: 16px;
  line-height: 47px;
  display: inline-block;
}

.kpi-big-number.kpi-currency._1 {
  color: var(--blue);
}

.kpi-big-number.kpi-currency._2 {
  color: var(--hover-green);
}

.kpi-big-number.kpi-currency.parceiro {
  color: var(--hover-amber);
}

.kpi-big-number.yellow {
  color: var(--amber);
}

.kpi-big-number.purple {
  color: var(--purple);
}

.kpi-big-number.green {
  color: var(--confirmation-green);
}

.kpi-big-number.red {
  color: var(--rejected);
}

.kpi-big-number.blue {
  color: var(--blue);
}

.kpi-description {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  display: inline-block;
}

.kpi-description.bottom-margin {
  margin-bottom: 16px;
}

.kpi-bottom-line {
  border-top: 1px solid var(--background);
  cursor: default;
  height: 56px;
  position: absolute;
  inset: auto 0% 0%;
}

.kpi-bottom-line.center {
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

.kpi-bottom-line._1 {
  justify-content: flex-end;
  margin-top: 0;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.kpi-bottom-line._1.d {
  height: 48px;
}

.kpi-dropdown {
  z-index: 2;
  display: inline-block;
  position: absolute;
  inset: auto 135px 16px 16px;
}

.kpi-dropdown.hidden {
  display: none;
}

.kpi-dropdown._2 {
  inset: 0%;
}

.kpi-dropdown.actividade-filter {
  position: static;
  inset: 15px 3px auto auto;
}

.kpi-dropdown-toggle {
  color: var(--menu-text);
  height: 40px;
  padding: 0 16px;
  line-height: 40px;
  display: inline-block;
}

.kpi-dropdown-toggle:hover, .kpi-dropdown-toggle.w--open {
  color: var(--menu-icon-color);
}

.kpi-dropdown-text {
  display: inline-block;
}

.kpi-dropdown-icon {
  margin-left: 5px;
  font-family: Dropdown, sans-serif;
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: 5px;
}

.kpi-dropdown-icon.shorter-stem {
  margin-left: 0;
}

.kpi-dropdown-list {
  z-index: 10;
  background-color: var(--white);
  border-radius: 4px;
  width: 180px;
  padding: 8px;
  display: none;
  position: absolute;
  inset: auto auto 97% 0%;
  box-shadow: 0 1px 10px #00000059;
}

.kpi-dropdown-list.w--open {
  background-color: var(--white);
  border-radius: 4px;
  min-width: 180px;
  padding: 8px;
  inset: auto 0% 97%;
  box-shadow: 0 1px 10px #00000059;
}

.kpi-dropdown-list.two {
  display: none;
  inset: 40px 10px auto auto;
}

.kpi-dropdown-list.two.todas-actividades {
  display: none;
  right: 190px;
}

.kpi-dropdown-list.two.mes {
  right: 80px;
}

.kpi-dropdown-link {
  color: var(--text);
  cursor: pointer;
  border-radius: 4px;
  padding: 10px 20px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.kpi-dropdown-link:hover {
  color: var(--text);
  background-color: #3668fc1a;
}

.kpi-money-info-wrapper.green {
  color: var(--confirmation-green);
}

.form-2-buttons-wrapper {
  margin-top: 50px;
}

.relatorio-wrapper {
  position: relative;
}

.relat-rio-actions-wrapper {
  height: 40px;
  position: absolute;
  inset: -90px 0% auto auto;
}

.close-kpi-dropdown {
  z-index: 1;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-4 {
  cursor: pointer;
}

.div-block-4._2 {
  color: var(--menu-icon-color);
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.div-block-4._2:hover {
  color: var(--text);
}

.div-block-4.filtro {
  color: var(--placeholder);
}

.div-block-4.filtro:hover {
  color: var(--text);
}

.relatorio-title-icon {
  margin-right: 8px;
  font-family: KPI parceiro, sans-serif;
  font-size: 16px;
  position: absolute;
  inset: 21px auto auto 25px;
}

.relatorio-title-icon.extended {
  font-family: KPI parceiro extended, sans-serif;
}

.relatorio-title-icon.financeiro {
  font-family: Entrada saida, sans-serif;
  top: 20px;
}

.kz {
  margin-left: 3px;
}

.kz.thin-kz {
  font-weight: 400;
}

.relatorio-fotm-block {
  float: left;
  width: 310px;
  margin-bottom: 0;
}

.relatorio-fotm-block._3, .relatorio-fotm-block._0 {
  width: auto;
}

.relatorio-fotm-block._0._1 {
  justify-content: flex-end;
  display: flex;
}

.relatorio-form {
  height: 40px;
  display: flex;
}

.relatorio-form._1 {
  width: 80%;
}

.relatorio-form-text-field {
  z-index: 1;
  border: 1px solid var(--fine-line);
  background-color: #0000;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  transition: all .1s;
  position: relative;
}

.relatorio-form-text-field:hover {
  background-color: #fff;
}

.relatorio-form-text-field:focus {
  border-color: var(--weba-orange);
  background-color: #fff;
}

.relatorio-form-text-field::placeholder {
  color: var(--placeholder);
}

.relatorio-form-text-field.right {
  border-radius: 4px;
  padding-left: 42px;
  padding-right: 12px;
}

.relatorio-form-text-field.right:hover {
  background-color: #0000;
}

.relatorio-form-text-field.right:focus {
  background-color: #0000;
  border-left-style: solid;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.relatorio-form-text-field.left {
  border-radius: 4px;
  padding-left: 40px;
}

.relatorio-form-text-field.left:hover {
  background-color: #0000;
}

.relatorio-form-text-field.left:focus {
  background-color: #0000;
  border-right-style: solid;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.relatorio-form-text-field.go {
  background-color: #fff;
}

.relatorio-form-text-field.go._2 {
  width: 200px;
  margin-right: 4px;
}

.relatorio-text-field-wrapper {
  background-color: var(--white);
  transition: all .2s;
  position: relative;
}

.relatorio-text-field-wrapper.left-wrapper {
  border-radius: 4px;
  width: 210px;
  transition-duration: .1s;
}

.relatorio-text-field-wrapper.left-wrapper:hover {
  background-color: var(--white);
}

.relatorio-text-field-wrapper.left-wrapper._1 {
  width: 100%;
}

.relatorio-text-field-wrapper.right-wrapper {
  border-radius: 4px;
  width: 203px;
  margin-left: 2px;
}

.relatorio-text-field-wrapper.right-wrapper:hover {
  background-color: var(--white);
}

.relatorio-text-field-wrapper.right-wrapper._1 {
  width: 100%;
}

.relatorio-dropdown-icon {
  color: var(--placeholder);
  font-family: Dropdown, sans-serif;
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  inset: 18px 14px auto auto;
}

.relatorio-dropdown-icon.on-the-right {
  right: 15px;
}

.fake-placeholder-text {
  color: var(--placeholder);
  height: 40px;
  padding-left: 12px;
  line-height: 40px;
  position: absolute;
  inset: 0% auto auto 1px;
}

.pagamento-tab-menu {
  z-index: 10;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  width: 450px;
  margin-top: -90px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.data-wrapper {
  flex: 0 auto;
}

.date-text {
  display: inline-block;
}

.date-text.seperator {
  opacity: .5;
  margin-left: 5px;
  margin-right: 5px;
}

.confirmacao-wrapper {
  background-image: url('../images/iconfinder_check_1930264.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
  height: 25px;
  padding-left: 33px;
  line-height: 26px;
}

.relatorio-date-picker-wrapper {
  width: 310px;
  height: 80px;
  margin-left: auto;
  margin-right: 0;
  padding-top: 20px;
  position: absolute;
  inset: -111px 0 0% auto;
}

.relatorio-date-picker-wrapper.ds-c {
  width: auto;
  position: static;
}

.relatorio-date-picker-wrapper.entradas {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: baseline;
  width: auto;
  display: grid;
  position: static;
}

.relatorio-date-picker-wrapper._2 {
  width: 100%;
  height: 60px;
  padding-top: 0;
  display: flex;
  position: static;
}

.relatorio-date-picker-wrapper._2._3 {
  justify-content: flex-end;
}

.code-wrapper {
  border: 1px solid var(--fine-line);
  background-color: var(--white);
  border-radius: 4px;
  height: 176px;
  padding: 24px;
  overflow: hidden;
}

.code-text-area {
  color: var(--placeholder);
  border: 0 #000;
  min-height: 105px;
  margin-top: 8px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 16px;
}

.code-text-area::placeholder {
  color: var(--placeholder);
}

.text-block-2 {
  cursor: default;
}

.section-seperator {
  background-color: var(--fine-line);
  height: 2px;
  display: none;
}

.validar-more-link {
  float: right;
  height: 40px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}

.criar-anuncion-cliente-chooser {
  background-color: var(--white);
  border-radius: 4px;
  height: 947px;
  min-height: auto;
  max-height: none;
  padding: 151px 0 40px;
  overflow: auto;
}

.cliente-choice-wrapper {
  color: var(--text);
  border: 1px #0000;
  align-items: center;
  height: 60px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 50px;
  padding-right: 50px;
  text-decoration: none;
  transition: all .1s;
  display: flex;
}

.cliente-choice-wrapper:hover {
  background-color: var(--table-hover);
}

.cliente-choice-wrapper.in-validar {
  height: 40px;
  padding-left: 0;
  padding-right: 0;
}

.cliente-choice-wrapper.in-validar:hover {
  background-color: #0000;
}

.cliente-choice-info {
  flex: 1;
}

.client-available-funds {
  color: var(--confirmation-green);
  font-size: 13px;
  line-height: 120%;
}

.floating-title-wrapper {
  z-index: 10;
  background-color: var(--white);
  border-radius: 4px;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  position: absolute;
  inset: 0 20px auto 0;
}

.client-search-block {
  z-index: 10;
  background-color: var(--white);
  height: 61px;
  padding-left: 50px;
  padding-right: 30px;
  position: absolute;
  inset: 91px 20px auto 0;
}

.cliente-seleccionado {
  z-index: 10;
  background-color: var(--white);
  border-radius: 4px;
  padding: 50px 50px 25px;
  display: block;
  position: absolute;
  inset: 0%;
}

.checkbox {
  border-width: 2px;
  border-color: var(--blue);
  cursor: pointer;
  border-radius: 200px;
  width: 30px;
  height: 30px;
  margin-top: 51px;
  margin-bottom: 51px;
  margin-left: 0;
  transition: all .1s;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.checkbox.w--redirected-checked {
  border-color: var(--confirmation-green);
  background-color: var(--confirmation-green);
  color: var(--confirmation-green);
  background-size: 18px;
  font-size: 10px;
}

.checkbox.validar-text {
  margin-top: 14px;
  margin-bottom: 14px;
}

.checkbox.mobile {
  margin-top: 71px;
  margin-bottom: 70px;
}

.checkbox-field {
  justify-content: flex-start;
  height: 131px;
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 50px;
  position: relative;
}

.checkbox-field.text-inside {
  height: 60px;
}

.checkbox-field.mobile {
  height: auto;
}

.validar-image-wrapper {
  float: left;
  border: 1px solid var(--fine-line);
  border-radius: 4px;
  align-items: center;
  max-width: 755px;
  min-height: 130px;
  max-height: 350px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.validar-image-wrapper.mobile-image {
  align-items: center;
  width: 300px;
  height: auto;
  min-height: 250px;
  max-height: 600px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.checkbox-label {
  display: none;
}

.validar-link-wrapper {
  float: left;
  border: 1px solid var(--fine-line);
  color: var(--blue);
  border-radius: 4px;
  align-items: center;
  width: 755px;
  height: 59px;
  padding-left: 65px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-block-3 {
  height: 20px;
  min-height: 20px;
  max-height: 20px;
}

.validar-link-icon {
  color: var(--blue);
  font-family: Chevron thick, sans-serif;
  font-size: 18px;
  position: absolute;
  top: 22px;
  left: 25px;
  right: auto;
  transform: none;
}

.validar-link-icon._0 {
  top: 20px;
}

.validar-form-block {
  border-left: 1px solid var(--fine-line);
  margin-bottom: 0;
  padding: 50px 50px 0;
}

.validar-form-block.round-corners {
  background-color: var(--white);
  border-left-style: none;
  border-radius: 4px;
  margin-left: 16px;
}

.validar-client-info-wrapper {
  border: 1px none var(--fine-line);
  background-color: var(--form-field);
  border-radius: 4px;
  padding: 50px 50px 15px;
  overflow: auto;
}

.image {
  object-fit: fill;
  border-radius: 4px;
  overflow: hidden;
}

.image.desktop {
  object-fit: cover;
  width: 1280px;
  height: 326px;
}

.spacer {
  margin-bottom: 35px;
}

.line {
  background-color: var(--fine-line);
  height: 1px;
  margin-bottom: 30px;
}

.line.lines {
  background-color: #0000;
  height: 0;
  margin-top: 0;
  margin-bottom: 25px;
}

.buttons-wrapper {
  border-top: 1px none var(--fine-line);
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
}

.buttons-wrapper._2 {
  padding-top: 10px;
  padding-bottom: 20px;
}

.buttons-wrapper._13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.criar-anuncio-client-contain {
  max-width: 282px;
  margin-left: auto;
  margin-right: auto;
}

.anuncio-id-title {
  color: var(--placeholder);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 16px;
  font-size: 22px;
  font-weight: 400;
  line-height: 40px;
  display: inline-block;
}

.cliente-a-validar {
  z-index: 10;
  border: 1px solid var(--fine-line);
  background-color: var(--white);
  border-radius: 4px;
  height: 100%;
  min-height: 600px;
  padding: 50px 50px 25px;
}

.cliente-a-validar.long-item {
  border-radius: 4px;
  min-height: 400px;
}

.cliente-a-validar.long-item._1 {
  height: auto;
  position: sticky;
  top: 80px;
}

.cliente-a-validar.long-item._1._2 {
  position: static;
}

.cliente-a-validar.long-item._1._2._3 {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  min-height: auto;
  display: flex;
}

.cliente-a-validar.long-item._1._2._3._12 {
  height: 600px;
}

.anuncio-block {
  border: 1px solid var(--fine-line);
  background-color: var(--white);
  border-radius: 4px;
  height: 100%;
  margin-bottom: 0;
  padding: 50px 50px 1px;
}

.anuncio-banner-wrapper {
  width: 100%;
}

.anuncio-banner-wrapper.mobile-ad {
  min-width: 300px;
}

.anuncio-content-block {
  margin-bottom: 50px;
}

.notified-item-message {
  color: var(--hover-amber);
  background-color: #f39c1226;
  border-radius: 4px;
  height: 28px;
  margin-bottom: 10px;
  padding: 5px 10px 4px 32px;
  font-size: 13px;
  display: inline-block;
  position: relative;
}

.notified-item-message.saldo-insuficiente {
  color: var(--hover-amber);
  text-align: center;
  background-color: #f39c1226;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.notified-item-message.saldo-insuficiente.info {
  color: var(--hover-amber);
  background-color: #f39c1226;
  padding-left: 10px;
  display: inline-block;
}

.notified-item-message.saldo-insuficiente.insuficiente {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.resumo-table {
  padding-top: 20px;
}

.resumo-item-block {
  border-bottom: 1px solid var(--fine-line);
  height: 40px;
  line-height: 40px;
}

.resumo-description {
  float: left;
  display: inline-block;
}

.resumo-cash {
  float: right;
  display: inline-block;
}

.ad-credito-block {
  border-top-width: 4px;
  border-top-color: var(--rejected);
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 0;
  padding: 0;
}

.ad-credito-block.pos-absolute {
  z-index: 1;
  height: 100%;
  padding-top: 75px;
  padding-left: 90px;
  padding-right: 65px;
  display: none;
  position: absolute;
  inset: 0%;
}

.referencia {
  color: var(--hover-blue);
  letter-spacing: 3px;
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
}

.referencia._89 {
  letter-spacing: 5px;
}

.ad-credit-item {
  margin-bottom: 25px;
}

.ad-credit-item.instructions {
  margin-bottom: 0;
  padding-top: 16px;
}

.instruccoes-wrapper._222 {
  border-top: 1px none var(--fine-line);
  padding-top: 16px;
}

.instru-es-item {
  color: var(--menu-icon-color);
  min-height: 25px;
  margin-left: -2px;
  padding-left: 25px;
  position: relative;
}

.instrucao-number {
  color: var(--text);
  text-align: right;
  width: 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.text-block-4 {
  border-bottom: 1px none var(--fine-line);
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 16px;
  font-size: 15px;
}

.home-chat-wrapper {
  border: 1px solid var(--fine-line);
  background-color: var(--white);
  border-radius: 4px;
  height: 734px;
  max-height: 734px;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
}

.home-chat-wrapper._1 {
  height: auto;
  max-height: none;
}

.navegador-bg {
  border-bottom: 1px none var(--lines);
  background-color: #fff;
  justify-content: flex-start;
  height: 70px;
  padding-left: 50px;
  padding-right: 37.5px;
  display: block;
  position: absolute;
  inset: 0 0% auto;
  box-shadow: 0 1px 15px #00000026;
}

.long-search {
  border-radius: 4px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  position: absolute;
  inset: 0% 0% auto;
}

.long-search.ds {
  width: 500px;
  inset: 0% auto auto 0%;
}

.long-search.carregamento {
  max-width: 300px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.long-search-input {
  border: 1px solid var(--fine-line);
  background-color: var(--white);
  color: var(--text);
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  padding-left: 38px;
  padding-right: 15px;
  font-size: 14px;
}

.long-search-input:hover {
  border-color: var(--lines);
}

.long-search-input:focus {
  border-color: var(--weba-orange);
  color: var(--text);
  background-color: #fff;
}

.long-search-input::placeholder {
  color: var(--menu-text);
  font-size: 14px;
}

._20px {
  height: 20px;
  overflow: hidden;
}

._20px.dim {
  font-weight: 400;
}

.kpi-validar-title {
  margin-bottom: 18px;
}

.kpi-validar-title._22 {
  margin-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
}

.kpi-validar-title._22.ver {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.kpi-validar-wrapper {
  border-top: 1px solid var(--background);
  margin-top: -3px;
}

.home-chat-container {
  padding-top: 25px;
  padding-bottom: 25px;
  position: absolute;
  inset: 0%;
}

.home-chat-container._1 {
  padding-bottom: 0;
  position: relative;
}

.chat-message-preview {
  color: var(--placeholder);
  height: 20px;
  margin-top: 2px;
  padding-right: 8px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.chat-message-preview.unread {
  color: var(--blue);
  font-weight: 500;
}

.chat-message-preview._1 {
  font-size: 13px;
}

.kpi-title-icon {
  float: left;
  margin-right: 15px;
  font-family: sidebar-icon, sans-serif;
  font-size: 23px;
}

.kpi-title-icon.chat-icon {
  font-family: KPI parceiro, sans-serif;
}

.chat-choice-wrapper {
  color: var(--text);
  background-color: #0000;
  border: 1px #0000;
  align-items: center;
  height: 73px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 25px;
  padding-right: 25px;
  text-decoration: none;
  transition: all .1s;
  display: flex;
  position: relative;
}

.chat-choice-wrapper:hover {
  background-color: #3668fc1a;
}

.chat-choice-wrapper.w--current {
  background-color: var(--table-hover);
}

.delete-account-button-wrapper {
  border-top: 1px none var(--fine-line);
  background-color: var(--table-hover);
  text-align: center;
  padding: 50px 70px;
}

.new-message-notify {
  border: 2px solid var(--white);
  background-color: var(--rejected);
  color: var(--white);
  text-align: center;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  font-size: 14px;
  line-height: 19px;
  position: absolute;
  inset: -4px -3px auto auto;
  overflow: hidden;
}

.chat-content {
  z-index: 2;
  background-color: var(--white);
  display: none;
  position: absolute;
  inset: 0%;
  box-shadow: -1px 0 20px 5px #00000040;
}

.chat-content.visible {
  border-left: 1px solid var(--background);
  background-color: #f8f8f885;
  display: block;
}

.chat-info-nav {
  background-color: var(--white);
  padding: 16px 25px;
}

.chat-receiver-info {
  color: var(--text);
  border: 1px #0000;
  align-items: center;
  height: 41px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  transition: all .1s;
  display: flex;
  position: relative;
}

.chat-receiver-info:hover {
  background-color: #0000;
}

._3-dots-dropdown-wrapper {
  min-width: 40px;
  height: 40px;
  margin-right: -10px;
  position: relative;
}

._3-dots {
  height: 40px;
  font-family: "3 dots", sans-serif;
  font-size: 23px;
  line-height: 45px;
}

.chat-user-status {
  color: var(--placeholder);
  height: 20px;
  margin-top: 2px;
  padding-right: 8px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.chat-user-status.online {
  color: var(--confirmation-green);
  height: 16px;
  margin-top: 0;
  line-height: 16px;
}

.chat-text-field {
  background-color: var(--bg-1);
  border: 1px solid #0000;
  border-radius: 4px;
  height: 45px;
  max-height: 45px;
  margin-bottom: 0;
  padding: 14px 61px 10px 16px;
  font-size: 15px;
  line-height: 18px;
}

.chat-text-field:focus {
  border-color: var(--facebook-blue);
  background-color: var(--white);
}

.chat-text-field::placeholder {
  color: var(--menu-icon-color);
}

.chat-text-field._2 {
  height: auto;
  min-height: 45px;
  margin-right: 4px;
  overflow: auto;
}

.chat-send-button {
  color: var(--menu-icon-color);
  text-align: center;
  background-color: #0000;
  border-radius: 4px;
  width: 45px;
  height: 45px;
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
  font-family: Chat, sans-serif;
  font-size: 22px;
  transition: all .1s;
  position: absolute;
  inset: 16px 16px auto auto;
  overflow: hidden;
}

.chat-send-button:hover, .chat-send-button:focus {
  color: var(--facebook-blue);
}

.chat-send-button._25-position-margin {
  right: 25px;
}

.chat-send-button._25-position-margin._2 {
  background-color: var(--blue);
  color: var(--bg-1);
  width: 60px;
  position: static;
}

.chat-send-button._25-position-margin._2:hover {
  color: var(--hover);
}

.chat-text-form {
  padding: 16px;
  position: relative;
}

.chat-text-form._25-margin {
  padding-left: 25px;
  padding-right: 25px;
}

.chat-text-form._25-margin.c {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.chat-text-filed-form-wrapper {
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.chat-text-filed-form-wrapper.comentar {
  position: relative;
}

.chat-add-image {
  color: var(--menu-icon-color);
  text-align: center;
  border: 1px #000;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  padding: 10px 0 11px;
  font-family: Attachment, sans-serif;
  font-size: 20px;
  line-height: 100%;
  text-decoration: none;
  transition: all .1s;
  display: inline-block;
}

.chat-add-image:hover {
  color: var(--text);
}

.chat-bubble-container {
  border-top: 1px solid var(--background);
  flex-direction: column-reverse;
  height: 585px;
  padding: 25px 16px 0;
  display: flex;
  overflow: auto;
}

.chat-bubble-container._25px-padding {
  height: 81%;
  padding-left: 25px;
  padding-right: 25px;
}

.sender {
  margin-bottom: 16px;
}

.chat-time-stamp {
  color: #171f3659;
  font-size: 11px;
  display: inline-block;
  position: absolute;
  inset: auto auto 8px 24px;
}

.chat-time-stamp.sndrs {
  color: #ffffff59;
  inset: auto 24px 8px auto;
}

.chat-message {
  width: 80%;
  min-width: 168px;
  max-width: 320px;
  margin-bottom: 4px;
  position: relative;
}

.chat-message.sendets {
  float: right;
}

.message {
  border-radius: 4px;
  min-width: 50px;
  margin-bottom: 0;
  padding: 16px 24px 24px;
  font-size: 15px;
  line-height: 24px;
  display: inline-block;
}

.message.receiver-message {
  color: var(--text);
  background-color: #3668fc26;
  border-radius: 4px 24px 24px;
  padding-bottom: 28px;
}

.message.sender-message {
  float: right;
  background-color: var(--blue);
  color: #ffffffe6;
  border-radius: 24px 24px 4px;
  padding-bottom: 28px;
}

.receiver {
  margin-bottom: 16px;
}

.chat-info-wrapper {
  border: 1px none var(--fine-line);
  border-radius: 4px;
  display: flex;
}

.chat-info-wrapper.minus-margin {
  flex-direction: row-reverse;
  margin: -8px;
  position: relative;
}

.chat-picker-wrapper {
  background-color: var(--white);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 40%;
  min-width: 40%;
  max-width: 40%;
  height: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.chat-picker-wrapper.scroll {
  overflow: auto;
}

.chat-wrapper {
  border-left: 1px none var(--background);
  background-color: var(--white);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 60%;
  min-width: 60%;
  max-width: 60%;
  height: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.chatter-info {
  background-color: var(--white);
  border-radius: 4px;
  height: 100%;
  padding: 50px 25px 25px;
}

.chat-picker-nav {
  z-index: 2;
  background-color: var(--white);
  width: 40%;
  min-width: 40%;
  max-width: 40%;
  margin-bottom: -18px;
  padding: 25px 25px 10px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.chat-search {
  border-radius: 4px;
  margin-bottom: 0;
  position: relative;
}

.chat-search-input {
  background-color: var(--bg-1);
  color: var(--text);
  border: 1px solid #0000;
  border-radius: 4px;
  height: 45px;
  margin-bottom: 0;
  padding-left: 40px;
}

.chat-search-input:focus {
  border-color: var(--weba-orange);
  background-color: var(--white);
}

.chat-search-input::placeholder {
  background-color: var(--bg-1);
  color: var(--menu-icon-color);
}

.cliente-info-wrapper {
  border: 1px none var(--fine-line);
  border-radius: 4px;
  display: flex;
}

.cliente-info-wrapper.minus-margin {
  flex-direction: row-reverse;
  margin: -8px;
  position: relative;
}

.page-mini-description {
  color: var(--facebook-blue);
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.page-h1-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  display: inline-block;
}

.page-h1-wrapper.with-description {
  margin-top: -7px;
  margin-left: 25px;
  line-height: 20px;
  position: relative;
}

.page-h1-wrapper.with-description._0 {
  margin-left: 0;
}

.page-h1-wrapper.with-description.tb {
  position: relative;
}

.clamp-down {
  text-align: center;
  position: absolute;
  inset: 20px 200px auto;
}

.form-middle-side {
  border-right: 1px none var(--fine-line);
  border-left: 1px solid var(--fine-line);
  background-color: var(--white);
  flex: 1;
  padding: 50px;
}

.form-success {
  z-index: 1000;
  background-color: #f0f0f0bf;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5vh;
  position: fixed;
  inset: 0%;
}

.form-success.no-bg {
  background-color: #00000040;
}

.form-success-content {
  background-color: var(--white);
  border-radius: 4px;
  min-width: 200px;
  max-width: 1000px;
  height: 80px;
  min-height: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 29px 185px 27px 108px;
  position: relative;
  box-shadow: 0 2px 50px #00000042;
}

.form-success-content.with-2-buttons {
  background-color: var(--white);
  padding-right: 303px;
  box-shadow: 0 2px 50px #00000042;
}

.form-success-content.wide {
  background-color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: auto;
  padding: 0 58px;
  display: flex;
}

.lf-form-success-icon {
  max-width: 50px;
  max-height: 50px;
  position: absolute;
  inset: 20% auto auto 20px;
}

.success-flex {
  display: flex;
}

.success-flex.wide {
  border-radius: 4px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.success-message {
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
}

.success-message.margins {
  color: var(--text);
  margin-top: 32px;
  margin-bottom: 34px;
}

.success-message.margins.none {
  margin-bottom: 0;
}

.error-message {
  border: 1px solid var(--rejected);
  background-color: var(--erro-message-bg);
  color: var(--rejected);
  text-align: center;
  border-radius: 4px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  font-size: 15px;
  position: fixed;
  inset: 0% 0% auto;
}

.error-message.lin-line-block {
  margin-top: 25px;
  padding-left: 28px;
  padding-right: 28px;
  position: static;
}

.error-message.float-2 {
  position: absolute;
}

.form-flex-buttons-wrapper {
  width: 330px;
  margin-top: -10px;
  position: relative;
}

.form-flex-buttons-wrapper.no-minus {
  margin-top: 0;
}

.form-info-message {
  color: var(--placeholder);
  text-align: center;
  margin-top: -10px;
  font-size: 16px;
  line-height: 29px;
}

.form-info-message.no-minus {
  margin-top: 15px;
  line-height: 135%;
}

.form-info-wrapper {
  margin-bottom: 32px;
}

.delete-form {
  margin-bottom: 0;
}

.form-info-header {
  color: var(--text);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
}

.delete-icon {
  color: var(--rejected);
  text-align: center;
  margin-bottom: 16px;
  font-family: Refresh delete, sans-serif;
  font-size: 40px;
  line-height: 100%;
}

.delete-icon.alterar-senha {
  color: var(--blue);
  margin-bottom: 24px;
  font-family: login-icons, sans-serif;
}

.div-block-5 {
  display: none;
}

.permissions-wrapper {
  margin-bottom: 25px;
}

.permissions-wrapper.redesocial {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 380px;
  display: flex;
}

.credencial-wrapper {
  border-bottom: 1px solid var(--fine-line);
  margin-bottom: 25px;
  padding-bottom: 9px;
}

.radio-button-field {
  margin-bottom: 0;
  padding: 0 10px 17px 30px;
  position: relative;
}

.radio-button-field.ts-and-cs {
  margin-bottom: 25px;
}

.radio-button-lable {
  margin-bottom: 1px;
  font-size: 15px;
  line-height: 20px;
  position: relative;
  top: 0;
}

.radio-button {
  border-width: 2px;
  border-color: var(--blue);
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

.radio-button.w--redirected-checked {
  border-width: 2px;
  border-color: var(--confirmation-green);
  background-color: var(--confirmation-green);
}

.check-button {
  border-width: 2px;
  border-color: var(--blue);
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

.check-button.w--redirected-checked {
  border-width: 2px;
  border-color: var(--confirmation-green);
  background-color: var(--confirmation-green);
  background-size: 14px;
}

.admin-historico {
  border: 1px solid var(--fine-line);
  background-color: var(--white);
  border-radius: 4px;
  height: 100%;
  min-height: 720px;
  max-height: 720px;
  overflow: hidden;
}

.kpi-title-wrapper {
  border-bottom: 1px solid var(--fine-line);
  padding: 25px 25px 20px;
  position: relative;
}

.line-seperator {
  background-color: var(--fine-line);
  height: 1px;
  margin-bottom: 25px;
}

.list-item {
  color: var(--blue);
  margin-top: 8px;
  font-size: 16px;
  line-height: 120%;
}

.list {
  padding-left: 20px;
}

.login-section {
  width: 100vw;
  height: 100vh;
}

.login-block {
  float: left;
  background-color: var(--white);
  width: 50%;
  min-width: 50%;
  max-width: 60%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: inline-block;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.login-block.video-side {
  width: 40%;
  min-width: 50%;
  max-width: 40%;
  padding-top: 0;
  padding-bottom: 0;
  inset: 0% auto 0% 0%;
}

.login-block.flexible {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
  inset: 0% 0% 0% auto;
}

.login-block.flexible._100-percent {
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
}

.login-block.create-account {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding-top: 17vh;
  padding-bottom: 70px;
  display: block;
  inset: 0% 0% 0% auto;
  overflow: scroll;
}

.background-video {
  width: 100%;
  height: 100%;
}

.background-video-overlay {
  background-color: #171f36cc;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.login-container {
  background-color: var(--white);
  border-radius: 4px;
  flex: 0 auto;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
}

.login-logo {
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 100px;
  display: flex;
}

.login-text-link {
  color: var(--menu-text);
  margin-bottom: 25px;
  padding-left: 1px;
  font-size: 15px;
  line-height: 120%;
  transition: all .1s;
}

.login-text-link.account {
  color: var(--navigation-text);
  text-align: center;
  background-color: #3668fc26;
  border-radius: 4px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 7px;
  padding-left: 0;
  text-decoration: none;
  display: block;
}

.login-text-link.account.criar-conta {
  z-index: 10;
  background-color: #e1e8ff;
  border-radius: 0;
  margin-left: 50%;
  padding-top: 26px;
  padding-bottom: 25px;
  position: fixed;
  inset: auto 0% 0%;
}

.login-text-link.text-link {
  text-decoration: none;
  display: inline-block;
}

.login-text-link.text-link:hover {
  color: var(--blue);
}

.sub-login-layer {
  position: absolute;
  inset: 0% auto auto 0%;
}

.login-icon {
  color: var(--menu-text);
  height: 50px;
  margin-bottom: 25px;
  padding-left: 16px;
  font-family: login-icons, sans-serif;
  font-size: 21px;
  line-height: 50px;
}

.login-form {
  position: static;
}

.login-form.login {
  position: relative;
}

.login-form-block {
  margin-bottom: 0;
}

.login-span-link {
  color: var(--blue);
  text-decoration: none;
}

.login-span-link.fat {
  text-decoration: underline;
}

.copyright.login-copyright {
  opacity: .7;
  color: var(--white);
  text-align: center;
  position: absolute;
  inset: auto 0% 25px;
}

.c-symbol {
  font-family: Montserrat, sans-serif;
}

.senha-wrapper {
  border: 1px none var(--fine-line);
  border-radius: 4px;
  margin-bottom: 35px;
}

.white-bg {
  background-color: var(--white);
}

.div-block-6 {
  position: absolute;
  inset: 69px 50px auto;
}

.confirmation-check-icon {
  border: 3px solid var(--confirmation-green);
  color: var(--confirmation-green);
  text-align: center;
  background-color: #0000;
  border-radius: 13px;
  width: 50px;
  height: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: check-sign, sans-serif;
  font-size: 32px;
  line-height: 50px;
  overflow: hidden;
}

.confirmation-check-icon.absolute-right {
  position: absolute;
  inset: 15px auto auto 20px;
}

.recover-pass-success {
  z-index: 1000;
  background-color: #f0f0f0bf;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5vh;
  position: fixed;
  inset: 0%;
}

.recover-pass-success.inside {
  background-color: #0000;
  border-radius: 4px;
  padding: 0 0 0;
  position: absolute;
  overflow: hidden;
}

.login-success {
  border: 1px solid var(--fine-line);
  background-color: var(--white);
  border-radius: 4px;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
}

.login-success.in-login {
  padding-top: 50px;
  padding-bottom: 50px;
}

.actividade-content-wrapper {
  height: 100%;
  max-height: 651px;
  margin-top: -1px;
  overflow: auto;
}

.actividade-item {
  cursor: pointer;
  align-items: center;
  height: 65.3px;
  padding: 12px 25px;
  transition: all .1s;
  display: flex;
  position: relative;
}

.actividade-item:hover {
  background-color: var(--table-hover);
}

.actividade-block {
  color: var(--text);
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 42px;
  display: inline-block;
}

.actividade-block.for-icon {
  color: var(--placeholder);
  width: 5%;
  min-width: 6%;
  max-width: 5%;
  padding-left: 0;
  padding-right: 0;
}

.actividade-block.for-description {
  color: var(--text);
  width: 50%;
  min-width: 54%;
  max-width: 50%;
  overflow: hidden;
}

.actividade-block.for-date {
  width: 20%;
  min-width: 20%;
  max-width: 20%;
}

.actividade-block.for-chevron-icon {
  text-align: right;
  width: 5%;
  min-width: 5%;
  max-width: 5%;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 0;
}

.actividade-block.for-time {
  text-align: center;
  width: 15%;
  min-width: 15%;
  max-width: 15%;
  padding-left: 0;
  padding-right: 0;
}

.actividade-icon {
  cursor: default;
  height: 40px;
  font-family: login-icons, sans-serif;
  font-size: 20px;
  line-height: 40px;
}

.actividade-block-text {
  width: 100px;
}

.filtro-wrapper {
  height: 40px;
  display: inline-block;
  position: absolute;
  inset: 15px 6px auto auto;
}

.admin-activity {
  overflow: hidden;
}

.activity-details-wrapper {
  z-index: 2;
  background-color: var(--white);
  display: none;
  position: absolute;
  inset: 8px;
}

.activity-details-wrapper.visible {
  border-left: 1px solid var(--background);
  background-color: #f8f8f885;
  display: block;
}

.actividade-item-line {
  background-color: var(--fine-line);
  height: 1px;
  position: absolute;
  inset: 0% 25px auto;
}

.div-block-7 {
  border: 1px solid var(--fine-line);
  border-radius: 4px;
  padding: 10px;
}

.grid {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
}

.text-block-5 {
  background-color: var(--menu-text);
  color: #606163;
  text-align: center;
  border-radius: 4px;
  padding: 3px;
}

.div-block-8 {
  background-color: var(--lines);
  border-radius: 5px;
  padding: 10px;
  display: flex;
}

.text-block-6 {
  color: #171f3685;
  width: 80%;
  line-height: 110%;
}

.text-block-7 {
  width: 20%;
}

.link {
  color: var(--rejected);
  text-align: center;
  width: 20%;
  font-family: Quantity, sans-serif;
  text-decoration: none;
}

.div-block-9 {
  margin-bottom: 30px;
}

.body-3 {
  min-width: auto;
}

.graficos-wrapper {
  border: 1px solid var(--fine-line);
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 50px;
  display: flex;
}

.div-block-10 {
  flex-direction: column;
  width: 70%;
  height: 400px;
  padding-right: 25px;
  display: flex;
}

.heading {
  margin-top: 0;
  font-weight: 500;
}

.div-block-11 {
  
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1;
}

.dados {
  width: 30%;
  padding-top: 50px;
  padding-left: 25px;
}

.text-block-126 {
  color: var(--text);
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
}

.text-block-127 {
  color: #9e9e9e;
  font-size: 21px;
}

.text-block-127.veerde {
  color: #05b32e;
}

.text-block-127.yelo {
  color: #ffb100;
}

.div-block-12 {
  display: none;
}

.bloc {
  float: left;
  border-right: 1px solid #b8bac1;
  width: 20%;
  margin-right: 25px;
  padding-right: 25px;
}

.bloc._2 {
  width: 25%;
}

.relatorio-main-div {
  background-color: #fff;
  width: 80%;
  padding: 50px 70px;
}

.text-block-129 {
  float: left;
  width: 15%;
}

.text-block-129._3 {
  width: 40%;
  padding-left: 10px;
}

.text-block-130 {
  font-size: 23px;
}

.text-block-130.yellow {
  color: #ffb100;
}

.text-block-130.green {
  color: #05b32e;
}

.reuni-content {
  border-bottom: 1px solid #b8bac1;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.text-block-131 {
  color: #919ba7;
  margin-bottom: 25px;
  font-weight: 500;
}

.main-lead-content {
  color: #fff;
  background-color: #919ba7;
  border-bottom: 1px solid #919ba7;
  margin-bottom: 15px;
  padding-bottom: 0;
  font-weight: 500;
  line-height: 40px;
}

.main-relatorio, .div-block-129 {
  margin-bottom: 50px;
}

.heading-8 {
  color: #919ba7;
  margin-top: 0;
  margin-bottom: 25px;
}

.text-block-132 {
  color: #919ba7;
  font-size: 19px;
}

.div-block-144 {
  justify-content: center;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.logo-relatorio {
  float: left;
  background-image: url('../images/Weba-temporary-logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
}

.anuncio-master-div {
  z-index: 1000;
  background-color: #171f36b3;
  justify-content: center;
  align-items: center;
  padding: 50px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.wrap-button-and-anuncio-div {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.link-block {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1000px;
  height: 500px;
  display: block;
}

.div-block-145 {
  justify-content: center;
  padding-bottom: 25px;
  display: flex;
}

.button-2 {
  background-color: var(--black);
  text-align: center;
  border-radius: 200px;
  width: 150px;
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 40px;
}

.body-4 {
  background-image: url('../images/Man_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-146 {
  display: none;
}

.link-2 {
  color: #c2c2c27d;
  margin-top: 10px;
  margin-right: 10px;
  display: inline-block;
}

.div-block-147 {
  justify-content: center;
  margin-top: -29px;
  display: flex;
}

.form-block {
  margin-bottom: 0;
}

.quantia-div {
  z-index: 100;
  background-color: #171f3673;
  justify-content: center;
  align-items: center;
  padding-top: 6vh;
  padding-bottom: 6vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.block-credito {
  z-index: 10;
  background-color: #fff;
  border-radius: 4px;
  min-width: auto;
  max-width: 50%;
  min-height: auto;
  margin: 10vh auto 100px;
  position: relative;
  box-shadow: 0 10px 50px #00000040;
}

.block-credito.adicionar-anucio, .block-credito.liquidar-factura {
  max-width: 500px;
  margin-top: 6vh;
  margin-bottom: 6vh;
  overflow: hidden;
}

.block-credito.editar-perfil {
  border-radius: 0;
  max-width: 500px;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  position: fixed;
  inset: 0% auto 0% 0%;
  overflow: auto;
}

.block-credito.validar-anuncio {
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 42px;
  overflow: auto;
}

.block-credito.adicionar-credito {
  min-width: 430px;
  max-width: 700px;
  min-height: auto;
  margin-top: 6vh;
  margin-bottom: 6vh;
  overflow: hidden;
}

.block-credito.delete-ad {
  border-top: 3px solid var(--rejected);
  min-width: 430px;
  max-width: 430px;
  min-height: 300px;
  margin-top: 1vh;
  margin-bottom: 1vh;
  overflow: hidden;
}

.block-credito.alterar-senha {
  border-top: 3px none var(--rejected);
  border-radius: 10px;
  min-width: 430px;
  max-width: 430px;
  min-height: 300px;
  margin-top: 1vh;
  margin-bottom: 1vh;
  overflow: hidden;
}

.form-text-field-2 {
  background-color: #f8f8f8;
  border: 1px solid #d0d3dd;
  border-radius: 4px;
  height: 45px;
  margin-bottom: 25px;
  font-size: 15px;
  transition: all .1s;
}

.form-text-field-2:hover {
  background-color: #fff;
}

.form-text-field-2:focus {
  background-color: #fff;
  border-color: #ff5c4b;
}

.form-text-field-2::placeholder {
  color: #9c9c9c;
}

.form-left-side-2 {
  background-color: #fff;
  border-left: 1px #e0e2e7;
  flex: 1;
  max-width: 50%;
  padding: 50px;
}

.confirmation-check-icon-2 {
  color: #05b32e;
  text-align: center;
  background-color: #0000;
  border: 3px solid #05b32e;
  border-radius: 13px;
  width: 50px;
  height: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: check-sign, sans-serif;
  font-size: 32px;
  line-height: 50px;
  overflow: hidden;
}

.confirmation-check-icon-2.absolute-right {
  position: absolute;
  inset: 15px auto auto 20px;
}

.error-message-2 {
  color: #e6253f;
  text-align: center;
  background-color: #fce1e6;
  border: 1px solid #e6253f;
  border-radius: 4px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  font-size: 15px;
  position: fixed;
  inset: 0% 0% auto;
}

.uploaded-image-resolution-2 {
  color: #9c9c9c;
}

.success-message-2 {
  color: #171f36;
  font-size: 16px;
  line-height: 24px;
}

.form-right-side-2 {
  background-color: #fff;
  border-left: 1px solid #e0e2e7;
  border-right: 1px #e0e2e7;
  flex: 1;
  max-width: 50%;
  padding: 50px;
}

.photo-upload-input-field-2 {
  text-align: center;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 2px dashed #d0d3dd;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 170px;
  transition: all .1s;
  display: flex;
  overflow: hidden;
}

.photo-upload-input-field-2:hover {
  background-color: #fff;
}

.photo-upload-input-field-2:focus {
  background-color: #fff;
  border-color: #ff5c4b;
}

.photo-upload-input-field-2::placeholder {
  color: #9c9c9c;
}

.photo-upload-input-field-2.round {
  border-radius: 50%;
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.form-select-field-2 {
  background-color: #f8f8f8;
  border: 1px solid #d0d3dd;
  border-radius: 4px;
  height: 45px;
  margin-bottom: 25px;
  transition: all .1s;
}

.form-select-field-2:hover {
  background-color: #fff;
}

.form-select-field-2:focus {
  background-color: #fff;
  border-color: #ff5c4b;
}

.uploaded-photo-div-2 {
  border-right: 1px solid #d0d3dd;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  padding: 15px;
  display: flex;
}

.uploaded-photo-content-2 {
  background-color: #f8f8f8;
  border: 1px solid #d0d3dd;
  border-radius: 4px;
  height: 130px;
  margin-bottom: 10px;
  display: flex;
}

.form-success-content-2 {
  background-color: #fff;
  border-radius: 4px;
  min-width: 200px;
  max-width: 1000px;
  height: 80px;
  min-height: 80px;
  margin-left: auto;
  margin-right: auto;
  padding: 29px 185px 27px 108px;
  position: relative;
  box-shadow: 0 2px 50px #00000042;
}

.photo-upload-input-wrapper-2 {
  border-bottom: 1px solid #e0e2e7;
  min-height: 170px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 30px;
}

.photo-upload-input-wrapper-2.cliente {
  border-bottom-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.link-3 {
  color: #f1f1f1;
  text-align: center;
  margin-top: -30px;
  text-decoration: none;
  display: block;
}

.e {
  color: var(--amber);
}

.login-part {
  background-color: #fff;
  width: 100%;
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.login-part._0 {
  height: 100vh;
}

.div-block-148 {
  background-image: url('../images/Weba-temporary-logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 60px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}

.nav-menu {
  display: flex;
}

.nav-novo {
  z-index: 100;
  border-bottom: 1px none var(--lines);
  background-color: #fff;
  justify-content: flex-start;
  height: 70px;
  padding-left: 50px;
  padding-right: 37.5px;
  position: sticky;
  inset: 0 0% auto;
  box-shadow: 0 1px 15px #00000026;
}

.grid-2 {
  grid-template-rows: auto;
  display: none;
}

.div-block-149 {
  float: right;
}

.div-block-150 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  margin-top: 50px;
  display: flex;
}

.div-block-151 {
  justify-content: space-between;
  margin-bottom: 35px;
  display: flex;
}

.div-block-152 {
  margin-top: 25px;
}

.heading-9 {
  font-weight: 500;
}

.link-4 {
  color: var(--menu-text);
}

.image-2 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.div-block-153 {
  text-align: center;
  padding-top: 25px;
}

.link-5 {
  color: var(--menu-icon-color);
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 17px;
  text-decoration: none;
  display: block;
}

.link-5:hover {
  border-color: var(--blue);
}

.div-block-154 {
  height: 1px;
  margin-top: 25px;
}

.text-block-133 {
  text-align: center;
  background-color: #e9f2ff8a;
  border: 1px dashed #b0bcff;
  border-radius: 5px;
  margin-top: 2px;
  margin-bottom: 25px;
  padding: 37px;
}

.dados-da-referencia {
  border-top-width: 4px;
  border-top-color: var(--rejected);
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 0;
  padding: 0;
}

.dados-da-referencia.pos-absolute {
  z-index: 1;
  height: 100%;
  padding-top: 75px;
  padding-left: 90px;
  padding-right: 65px;
  display: none;
  position: absolute;
  inset: 0%;
}

.tab-pane-tab-1 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.tab-link-tab-1 {
  margin-right: 10px;
}

.tab-link-tab-1.w--current, .tab-link-tab-2 {
  margin-right: 4px;
}

.tab-link {
  color: var(--black);
  background-color: #fff;
  border-radius: 4px;
  margin-right: 4px;
}

.tab-link.w--current {
  color: var(--white);
  background-color: #df3131;
}

.tab-pane-tab-2 {
  height: 80rem;
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-block-134, .text-block-135 {
  font-size: 16px;
}

.ad-dash {
  color: var(--hover-blue);
  text-decoration: none;
}

.header-carregamento {
  justify-content: space-between;
  align-items: stretch;
  height: 80px;
  display: flex;
}

.header-carregamento._1 {
  height: 30px;
}

.titulo {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.carregamentos {
  background-color: #fff;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.data {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-right: 0;
  display: flex;
}

.text-block-136 {
  font-size: 18px;
  font-weight: 500;
}

.kpis-numeros {
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.text-block-137, .text-block-138, .text-block-139 {
  font-size: 18px;
  font-weight: 500;
}

.text-block-140 {
  font-size: 12px;
}

.tabs-content {
  height: 100%;
}

.div-block-155 {
  justify-content: center;
  margin-top: 40px;
  padding-bottom: 60px;
  display: flex;
}

.button-3 {
  color: var(--black);
  background-color: #ffffff61;
  border: 1px solid #bdbaba;
  border-radius: 5px;
  padding-left: 40px;
  padding-right: 40px;
}

.button-3:hover {
  border-color: #6394ef;
}

.button-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--menu-icon-color);
  border-radius: 4px;
  flex-flow: row-reverse wrap;
  margin-left: 6px;
  padding: 10px 40px;
  font-size: 16px;
  display: flex;
}

.icon-n {
  width: 20px;
}

.icon-n.ver {
  color: var(--blue);
  width: 15px;
  margin-top: 2px;
}

.icon-n.ver._1 {
  color: var(--menu-text);
}

.link-6 {
  text-decoration: none;
}

.div-block-156 {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-svg {
  background-color: #3668fc2b;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.icon-svg.nuclick {
  background-color: #05831712;
}

.icon-svg.parceiro {
  background-color: #db8c1036;
}

.svg {
  color: var(--blue);
  width: 30px;
}

.svg.nuclick {
  color: var(--hover-green);
}

.svg.parceiro {
  color: var(--hover-amber);
}

.div-block-157 {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.comentarios {
  background-color: #fff;
  border-radius: 4px;
  margin-top: 20px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 50px;
  position: relative;
}

.sem-comentario {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.div-block-159 {
  flex-flow: column;
  width: 100%;
  min-width: 67%;
  max-width: 67%;
  display: flex;
  position: sticky;
  overflow: auto;
}

.div-block-159._12 {
  padding-top: 9px;
  position: relative;
}

.icon-comentario {
  color: var(--placeholder);
  width: 18px;
  margin-bottom: 5px;
}

.div-block-160 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  align-items: center;
  display: flex;
}

.div-block-161 {
  border-bottom: 1px solid var(--fine-line);
}

.div-block-162 {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
  flex-flow: column;
  justify-content: center;
  height: 550px;
  padding-right: 10px;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-163 {
  display: flex;
}

.div-block-164 {
  height: 20px;
  position: sticky;
  top: 80px;
}

.tab-pane-activo-2._2 {
  overflow: auto;
}

.div-block-165 {
  border-bottom: 1px solid var(--fine-line);
  background-color: #fff;
  border-radius: 5px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 50px 50px 1px;
}

.div-block-166 {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
  height: 740px;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-bottom: 0;
  overflow: auto;
}

.modal-relatorio {
  z-index: 1010;
  background-image: linear-gradient(#00000045, #00000045);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-169 {
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 20px 20px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-170 {
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
  max-height: 400px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 30px;
  overflow: auto;
}

.div-block-171 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: flex-end;
  display: flex;
}

.svg-2 {
  width: 25px;
}

.fecharmodal {
  color: var(--navigation-text);
  justify-content: flex-end;
  transition: all .5s;
}

.fecharmodal:hover {
  color: var(--hover-blue);
}

.div-block-173 {
  justify-content: flex-end;
  padding-top: 4px;
  display: flex;
}

.div-block-174 {
  padding-left: 8px;
  padding-right: 8px;
}

.div-block-174._3 {
  margin-top: 30px;
}

.text-block-141 {
  color: var(--hover-green);
}

.text-block-142 {
  color: var(--blue);
}

.text-block-143 {
  color: var(--purple);
}

.text-block-144 {
  color: var(--amber);
}

.svg-3 {
  opacity: .96;
  width: 26px;
}

.mobile {
  display: none;
}

.modal-validar {
  z-index: 1010;
  background-color: #00000045;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-176 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.tab-pane-tab-1-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.svg-4 {
  width: 25px;
}

.activar-campanha {
  display: none;
}

.svg-5 {
  width: 22px;
}

.div-block-177 {
  flex-flow: wrap;
  display: flex;
}

.data-validade {
  opacity: 0;
  padding-top: 20px;
  display: none;
}

@media screen and (min-width: 1280px) {
  .div-block-162 {
    height: 550px;
  }
}

@media screen and (max-width: 991px) {
  .button.blue.float-right {
    margin-left: 0;
  }

  .button.blue.float-right._2 {
    justify-content: center;
    margin-top: 0;
    margin-right: 10px;
  }

  .button.gray._2 {
    text-align: center;
  }

  .button.green.float-right.not-alone {
    margin-left: 0;
  }

  .dropdown {
    width: 100%;
    margin-top: 50px;
  }

  .validar-tab-menu {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: -19px;
    display: flex;
  }

  .dropdown-toggle-with-name {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
  }

  .navi-link {
    justify-content: flex-start;
    align-items: center;
  }

  .form-left-side {
    max-width: 100%;
  }

  .form.criar-cliente-form, .parceiro-info-wrapper.minus-margin {
    flex-flow: column;
  }

  .parceiro-info-wrapper.minus-margin.more._2 {
    margin-top: 20px;
  }

  .parceiro-info-wrapper.minus-margin.grid-flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    display: flex;
    overflow: auto;
  }

  .parceiro-info-wrapper.minus-margin.grid-flex._1 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .parceiro-info-wrapper.editar-anuncio {
    flex-flow: column;
  }

  .flexed-block._33 {
    min-width: 100%;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 25px;
  }

  .flexed-block._33._4._1 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    display: flex;
  }

  .flexed-block._67._100-percent {
    min-width: 100%;
    max-width: 100%;
  }

  .flexed-block._30.zero-padding.hidden {
    display: none;
  }

  .flexed-block.no-limit, .flexed-block.no-limit._12345 {
    min-width: 100%;
    max-width: 100%;
  }

  .kpi-wrapper.short-kpi.simple {
    margin-bottom: 0;
  }

  .kpi-wrapper.short-kpi.simple._1 {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    height: 200px;
  }

  .kpi-wrapper.short-kpi.simple._1._2 {
    display: none;
  }

  .kpi-wrapper.short-kpi.simple._1._2._3 {
    display: block;
  }

  .kpi-wrapper.short-kpi.simple._1._4 {
    width: 100%;
    min-width: 100%;
  }

  .relatorio-fotm-block._3 {
    width: 100%;
  }

  .relatorio-form._2 {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }

  .criar-anuncio-client-contain.hidden {
    display: none;
  }

  .cliente-a-validar.long-item._1._2 {
    min-height: auto;
    padding-top: 20px;
    display: none;
  }

  .long-search.carregamento._2 {
    width: 100%;
    max-width: none;
  }

  .cliente-info-wrapper.minus-margin {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .graficos-wrapper {
    flex-flow: column;
  }

  .div-block-10 {
    width: 100%;
    padding-right: 0;
  }

  .dados {
    width: 100%;
    padding-left: 0;
  }

  .wrap-button-and-anuncio-div {
    width: auto;
  }

  .link-block {
    width: 650px;
    height: 450px;
  }

  .nav-menu {
    background-color: #fff;
    width: 70%;
    height: 100vh;
    padding-top: 60px;
    box-shadow: 0 2px 5px 8px #0000001c;
  }

  .nav-novo {
    padding-left: 0;
    padding-right: 0;
  }

  .menu-button {
    height: 70px;
    padding-top: 20px;
  }

  .icon {
    font-size: 28px;
  }

  .grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 60%;
    margin-top: 25px;
    margin-left: 50px;
    display: grid;
  }

  .div-block-149 {
    display: none;
  }

  .div-block-150 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    flex-flow: column;
    align-items: flex-start;
    margin-top: 0;
    display: flex;
  }

  .header-carregamento._2 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    height: auto;
    margin-bottom: 20px;
  }

  .data {
    display: block;
  }

  .comentarios {
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-159._12 {
    min-width: 100%;
  }

  .div-block-162 {
    height: 52vh;
    padding-right: 10px;
  }

  .div-block-163 {
    justify-content: flex-end;
    width: 100%;
    display: flex;
  }

  .mobile {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
  }

  .div-block-175 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 1px solid var(--fine-line);
    background-color: #fff;
    border-radius: 5px;
    flex-flow: column;
    width: 50%;
    padding: 50px;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .button.blue.float-right._2 {
    justify-content: center;
    margin-top: 0;
  }

  .table-field-lable-wrapper {
    display: none;
  }

  .block.adicionar-credito {
    min-width: 90%;
    max-width: 90%;
  }

  .form-text-field.amount-input-field {
    margin-left: 10px;
    margin-right: 10px;
  }

  .form-left-side {
    padding-left: 25px;
    padding-right: 25px;
  }

  .form-left-side.long.editar {
    max-width: 100%;
  }

  .form.round-corners {
    flex-flow: column;
    margin-left: 0;
  }

  .form-right-side {
    border-left-style: none;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .form-right-side.pos-relative {
    border-left-style: none;
    max-width: 100%;
  }

  .parceiro-info-wrapper.minus-margin.grid-flex._1 {
    grid-template-columns: 1fr;
  }

  .parceiro-info-wrapper.editar-anuncio {
    flex-flow: column;
  }

  .flexed-block._67.criar-anuncio.zero-padding {
    min-width: 100%;
    max-width: 100%;
    margin-top: 25px;
  }

  .flexed-block._67._100-percent {
    flex-flow: column;
    height: 900px;
    min-height: auto;
    display: flex;
  }

  .flexed-block._30.zero-padding {
    min-width: 100%;
    max-width: 100%;
  }

  .flexed-block.no-limit._12345 {
    flex-flow: column;
    display: flex;
  }

  .kpi-wrapper._50 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
  }

  .kpi-wrapper.short-kpi {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .kpi-wrapper.short-kpi.simple._1 {
    width: 70%;
    min-width: 70%;
    max-width: 70%;
  }

  .kpi-wrapper.short-kpi.simple._1._2._3 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .relatorio-fotm-block {
    width: 100%;
  }

  .relatorio-fotm-block._0._2 {
    flex-flow: column;
    display: flex;
  }

  .relatorio-form, .relatorio-form._1 {
    width: 100%;
  }

  .relatorio-date-picker-wrapper {
    width: 30%;
    inset: -7% 0% 0% auto;
  }

  .criar-anuncio-client-contain {
    max-width: 100%;
  }

  .criar-anuncio-client-contain.hidden {
    display: none;
  }

  .cliente-a-validar.long-item._1._2 {
    min-height: auto;
    padding-top: 25px;
  }

  .form-middle-side {
    border-left-style: none;
    padding: 25px;
  }

  .permissions-wrapper.redesocial {
    background-color: #eeeeee3b;
    border-radius: 4px;
    width: auto;
    padding: 10px;
  }

  .radio-button-field._2 {
    padding-bottom: 0;
  }

  .login-container {
    width: 80%;
  }

  .div-block-12 {
    z-index: 100;
    background-color: #000;
    padding: 94px;
    display: block;
    position: fixed;
    inset: 0%;
  }

  .text-block-128 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 120%;
  }

  .wrap-button-and-anuncio-div {
    width: auto;
    bottom: 40px;
    left: 10px;
    right: 10px;
  }

  .link-block {
    width: 500px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-147 {
    padding-bottom: 50px;
  }

  .div-block-150 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .div-block-162 {
    height: 56vh;
  }

  .tab-pane-activo-2 {
    height: 82vh;
  }

  .mobile {
    flex-flow: column;
  }

  .div-block-175 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .button.blue {
    text-align: center;
    width: 80%;
    height: 50px;
    padding-top: 15px;
  }

  .button.blue.float-right {
    width: 100%;
    padding-top: 12px;
  }

  .button.blue.float-right._2 {
    margin-right: 0;
  }

  .button.blue.relat-rio-actions._5 {
    margin-top: 45px;
  }

  .button.red.float-right.cancelar {
    text-align: center;
    width: 100%;
  }

  .button.gray {
    margin-bottom: 15px;
  }

  .button.gray._2 {
    margin-right: 0;
  }

  .page-title-wrapper.minus-20-bottom-margin {
    margin-bottom: 20px;
  }

  .page-h1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
  }

  .page-h1.in-page-with-icon {
    margin-top: 5px;
  }

  .table-content-link {
    flex-flow: column;
    height: auto;
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .table-content-link.relatorio {
    height: auto;
  }

  .valida-table-field.estatuto.activo {
    width: 100%;
  }

  .valida-table-field.titulo {
    width: 100%;
    margin-bottom: 7px;
  }

  .valida-table-field.id {
    width: 100%;
    margin-bottom: 10px;
  }

  .valida-table-field.data, .valida-table-field.categoria._2 {
    width: 100%;
    margin-bottom: 7px;
  }

  .valida-table-field.image {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 25px;
  }

  .valida-table-field.relatorio-geral._10 {
    width: 100%;
    margin-bottom: 12px;
  }

  .uploaded-photo-div {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
  }

  .form-header-wrap.left-to-right {
    padding-bottom: 0;
  }

  .form-left-side {
    max-width: 100%;
    padding-bottom: 25px;
  }

  .form.round-corners._2 {
    flex-flow: column;
  }

  .form-right-side {
    max-width: 100%;
  }

  .table-image-wrapper {
    height: 60px;
  }

  .parceiro-info-wrapper.minus-margin {
    width: 100%;
    margin-top: -8px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .parceiro-info-wrapper.minus-margin.more._2 {
    margin-top: 0;
  }

  .parceiro-info-wrapper.minus-margin._5 {
    margin-top: -34px;
  }

  .flexed-block._33 {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-top: 25px;
  }

  .flexed-block._33._9 {
    margin-bottom: 10px;
  }

  .flexed-block._33._4 {
    margin-top: 0;
  }

  .flexed-block._3 {
    margin-left: 0;
  }

  .kpi-wrapper.short-kpi.simple {
    height: 200px;
  }

  .kpi-wrapper.short-kpi.simple._1 {
    min-width: 90%;
    max-width: 90%;
  }

  .kpi-link.white-bg.flexed-kpi {
    padding-left: 20px;
    padding-right: 20px;
  }

  .kpi-icon.valor-arrecadado, .kpi-icon.anuncios-entregue, .kpi-icon.visitas-no-site, .kpi-icon.cliques-em-anuncios {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    height: 70px;
  }

  .kpi-info-wrapper {
    margin-left: 15px;
  }

  .kpi-big-number.orange {
    font-size: 28px;
  }

  .kpi-big-number.money {
    font-size: 26px;
  }

  .kpi-big-number.yellow, .kpi-big-number.purple {
    font-size: 28px;
  }

  .relatorio-form._2 {
    flex-flow: column;
    height: auto;
  }

  .relatorio-form-text-field.go._2 {
    width: 100%;
    margin-bottom: 8px;
  }

  .relatorio-date-picker-wrapper {
    padding-top: 29px;
    top: -5%;
  }

  .validar-link-wrapper {
    overflow: hidden;
  }

  .image {
    object-fit: cover;
  }

  .criar-anuncio-client-contain.hidden {
    display: none;
  }

  .cliente-a-validar {
    padding-left: 25px;
    padding-right: 25px;
  }

  .cliente-a-validar.long-item._1._2 {
    min-height: auto;
    padding-top: 0;
  }

  .anuncio-block {
    padding-left: 25px;
    padding-right: 25px;
  }

  .anuncio-banner-wrapper.mobile-ad {
    min-width: auto;
  }

  .ad-credito-block {
    padding: 67px 25px 50px;
  }

  .referencia {
    font-size: 20px;
    line-height: 100%;
  }

  .ad-credit-item {
    margin-bottom: 20px;
  }

  .chat-text-field._2 {
    padding-top: 10px;
    padding-right: 20px;
    overflow: auto;
  }

  .page-h1-wrapper.with-description {
    margin-left: 10px;
  }

  .page-h1-wrapper.with-description._0 {
    margin-left: 0;
  }

  .page-h1-wrapper.with-description._9 {
    margin-left: -7px;
  }

  .permissions-wrapper.redesocial {
    flex-flow: column;
  }

  .login-container {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .graficos-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-10 {
    height: auto;
  }

  .heading {
    font-weight: 500;
  }

  .div-block-11 {
    flex: none;
    height: 300px;
  }

  .div-block-12 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-128 {
    font-size: 21px;
  }

  .anuncio-master-div {
    padding-left: 15px;
    padding-right: 15px;
  }

  .wrap-button-and-anuncio-div {
    width: 100%;
    bottom: 70px;
  }

  .link-block {
    width: 400px;
    height: 600px;
  }

  .div-block-145 {
    padding-bottom: 25px;
  }

  .button-2 {
    width: 150px;
    height: 40px;
    font-size: 13px;
    line-height: 40px;
  }

  .div-block-147 {
    margin-top: -46px;
    padding-bottom: 50px;
  }

  .block-credito {
    max-width: 90%;
  }

  .nav-menu {
    width: 90%;
  }

  .menu-button {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-2 {
    max-width: 70%;
  }

  .div-block-150 {
    flex-flow: column;
    margin-top: 25px;
  }

  .dados-da-referencia {
    padding: 67px 25px 50px;
  }

  .comentarios {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-175 {
    padding-left: 25px;
    padding-right: 25px;
  }
}


@font-face {
  font-family: 'sidebar-icon';
  src: url('../fonts/side-bar-icon.eot') format('embedded-opentype'), url('../fonts/side-bar-icon.woff') format('woff'), url('../fonts/side-bar-icon.ttf') format('truetype'), url('../fonts/side-bar-icon.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'topbar-icon';
  src: url('../fonts/top-bar-icon.eot') format('embedded-opentype'), url('../fonts/top-bar-icon.woff') format('woff'), url('../fonts/top-bar-icon.ttf') format('truetype'), url('../fonts/top-bar-icon.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Buttons';
  src: url('../fonts/Buttons.eot') format('embedded-opentype'), url('../fonts/Buttons.woff') format('woff'), url('../fonts/Buttons.ttf') format('truetype'), url('../fonts/Buttons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Photo';
  src: url('../fonts/Photo.eot') format('embedded-opentype'), url('../fonts/Photo.woff') format('woff'), url('../fonts/Photo.ttf') format('truetype'), url('../fonts/Photo.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Refresh delete';
  src: url('../fonts/Refresh-Delete.eot') format('embedded-opentype'), url('../fonts/Refresh-Delete.woff') format('woff'), url('../fonts/Refresh-Delete.ttf') format('truetype'), url('../fonts/Refresh-Delete.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Quantity';
  src: url('../fonts/Quantity.eot') format('embedded-opentype'), url('../fonts/Quantity.woff') format('woff'), url('../fonts/Quantity.ttf') format('truetype'), url('../fonts/Quantity.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Icons';
  src: url('../fonts/icons.eot') format('embedded-opentype'), url('../fonts/icons.woff') format('woff'), url('../fonts/icons.ttf') format('truetype'), url('../fonts/icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Chevrons';
  src: url('../fonts/chevrons.eot') format('embedded-opentype'), url('../fonts/chevrons.woff') format('woff'), url('../fonts/chevrons.ttf') format('truetype'), url('../fonts/chevrons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Dropdown';
  src: url('../fonts/dropdown.eot') format('embedded-opentype'), url('../fonts/dropdown.woff') format('woff'), url('../fonts/dropdown.ttf') format('truetype'), url('../fonts/dropdown.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Chevron thick';
  src: url('../fonts/Chevron-thick.eot') format('embedded-opentype'), url('../fonts/Chevron-thick.woff') format('woff'), url('../fonts/Chevron-thick.ttf') format('truetype'), url('../fonts/Chevron-thick.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'KPI parceiro';
  src: url('../fonts/KPI-Parceiro.eot') format('embedded-opentype'), url('../fonts/KPI-Parceiro.woff') format('woff'), url('../fonts/KPI-Parceiro.ttf') format('truetype'), url('../fonts/KPI-Parceiro.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'KPI parceiro extended';
  src: url('../fonts/KPI-Parceiro-EXTENDED.eot') format('embedded-opentype'), url('../fonts/KPI-Parceiro-EXTENDED.woff') format('woff'), url('../fonts/KPI-Parceiro-EXTENDED.ttf') format('truetype'), url('../fonts/KPI-Parceiro-EXTENDED.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Actions';
  src: url('../fonts/Actions.eot') format('embedded-opentype'), url('../fonts/Actions.woff') format('woff'), url('../fonts/Actions.ttf') format('truetype'), url('../fonts/Actions.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Edit icon';
  src: url('../fonts/Edit-icon.eot') format('embedded-opentype'), url('../fonts/Edit-icon.woff') format('woff'), url('../fonts/Edit-icon.ttf') format('truetype'), url('../fonts/Edit-icon.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Alerts';
  src: url('../fonts/Alerts.eot') format('embedded-opentype'), url('../fonts/Alerts.woff') format('woff'), url('../fonts/Alerts.ttf') format('truetype'), url('../fonts/Alerts.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Warning info';
  src: url('../fonts/Warning-info.eot') format('embedded-opentype'), url('../fonts/Warning-info.woff') format('woff'), url('../fonts/Warning-info.ttf') format('truetype'), url('../fonts/Warning-info.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: '3 dots';
  src: url('../fonts/3-dots.eot') format('embedded-opentype'), url('../fonts/3-dots.woff') format('woff'), url('../fonts/3-dots.ttf') format('truetype'), url('../fonts/3-dots.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Chat';
  src: url('../fonts/chat.eot') format('embedded-opentype'), url('../fonts/chat.woff') format('woff'), url('../fonts/chat.ttf') format('truetype'), url('../fonts/chat.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Attachment';
  src: url('../fonts/Attachment.eot') format('embedded-opentype'), url('../fonts/Attachment.woff') format('woff'), url('../fonts/Attachment.ttf') format('truetype'), url('../fonts/Attachment.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Entrada saida';
  src: url('../fonts/entrada-saida.eot') format('embedded-opentype'), url('../fonts/entrada-saida.woff') format('woff'), url('../fonts/entrada-saida.ttf') format('truetype'), url('../fonts/entrada-saida.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'chat-icon';
  src: url('../fonts/chat-icon.eot') format('embedded-opentype'), url('../fonts/chat-icon.woff') format('woff'), url('../fonts/chat-icon.ttf') format('truetype'), url('../fonts/chat-icon.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'login-icons';
  src: url('../fonts/login-icons.eot') format('embedded-opentype'), url('../fonts/login-icons.woff') format('woff'), url('../fonts/login-icons.ttf') format('truetype'), url('../fonts/login-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'check-sign';
  src: url('../fonts/check-sign.eot') format('embedded-opentype'), url('../fonts/check-sign.woff') format('woff'), url('../fonts/check-sign.ttf') format('truetype'), url('../fonts/check-sign.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Google Sans';
  src: url('../fonts/GoogleSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Google Sans';
  src: url('../fonts/GoogleSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Google Sans';
  src: url('../fonts/GoogleSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Google Sans';
  src: url('../fonts/GoogleSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Google Sans';
  src: url('../fonts/GoogleSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Google Sans';
  src: url('../fonts/GoogleSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}


.modals-wrapper {
  z-index: 1000;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  align-items: center;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-delete.error {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-left-color: #dd4040;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  transform: translate(0, -120%);
}

.modal-icon {
  background-color: var(--red);
  color: #fff;
  text-align: center;
  background-image: none;
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 36px;
  height: 36px;
  padding: 6px 0 0 6px;
  display: block;
  position: absolute;
  inset: 32px auto auto 32px;
}

.icon.rounded {
  margin-top: 0;
  margin-right: 6px;
}

.modal-text-wrapper {
  cursor: default;
  margin-left: 44px;
  margin-right: 44px;
  padding-left: 6px;
  padding-right: 6px;
}

.modal-header {
  margin-top: 3px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
  display: flex;
}

.modal-subtext.visible {
  display: block;
}

.modal-cta-wrapper {
  margin-top: 24px;
}

._3-buttons-wrapper {
  justify-content: flex-start;
}


.action-button {
  color: #667999;
  letter-spacing: -.3px;
  background-color: #fff;
  border: 1px solid #c9d7f0;
  border-radius: 4px;
  flex: none;
  font-size: 16px;
  font-weight: 500;
  transition: background-color .1s, color .1s, border-color .1s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.action-button:hover {
  color: #fff;
  background-color: #0d1a2c;
  border-color: #0d1a2c;
}

.action-button.modal-button {
  height: 44px;
  padding: 13px 16px 0;
}
.action-button.modal-button.cancelar-acao {
  padding-top: 10px;
}

.action-button.modal-button.sim {
  background-color: var(--red);
  color: #000;
  border-color: #0000;
  padding-top: 10px;
}

.action-button.modal-button.cancelar-acao:hover {
  background-color: #667999;
  border-color: #0000;
}
.action-button.modal-button.sim {
  color: #000;
  background-color: #f7b84b;
  border-color: #0000;
}
.button-text {
  z-index: 0;
  height: 19px;
  padding-right: 1px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.button-text.white {
  color: #fff;
}

.modal-warning {
  z-index: 1000;
  background-color: #fff;
  border-left: 4px solid #0000;
  border-radius: 4px;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  display: none;
  position: relative;
  box-shadow: 0 8px 20px #09142629;
}
.modal-warning.warning {
  border-left-color: #f7b84b;
  display: none;
}

.modal-icon.warning {
  color: #000;
  background-color: #f7b84b;
  background-image: url('../images/question_mark_FILL0_wght400_GRAD0_opsz48_1question_mark_FILL0_wght400_GRAD0_opsz48.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
}

.action-button.modal-button.sim.error {
    background-color: var(--red);
    color: #fff;
  }
  
.action-button.modal-button.sim {
  background-color: var(--red);
  color: #000;
  border-color: #0000;
  padding-top: 10px;
}

.modal-link.info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-left-color: var(--btn);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.modal-icon.info {
  background-color: var(--btn);
  background-image: url('../images/campaign_FILL0_wght400_GRAD0_opsz48_1campaign_FILL0_wght400_GRAD0_opsz48.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
}

.modal-success {
  z-index: 1000;
  background-color: #fff;
  border-left: 4px solid #0bb261;
  border-radius: 4px;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  display: none;
  position: relative;
  box-shadow: 0 8px 20px #09142629;
}

.modal-icon.success {
  cursor: default;
  background-color: #0bb261;
  background-image: url('../images/done_FILL0_wght400_GRAD0_opsz48_1done_FILL0_wght400_GRAD0_opsz48.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
}

  .loading1 {
  display: flex;
  justify-content: center;
  align-items: center; /* Added for vertical centering */
  height: 100px; /* Adjust as needed */
}

.loading1::after {
  content: "";
  width: 20px;
  height: 20px;
  border: 10px solid #dddddd;
  border-top-color: #344E98;
  border-radius: 50%;
  animation: loading1 1s linear infinite; /* Changed to match keyframes name */
}

@keyframes loading1 {
  to {
    transform: rotate(1turn);
  }
}