:root {
  --black: #223;
  --lines: #e5e5e5;
  --black-2: #333;
  --crimson: #dc2f37;
  --crimson-2: #d13232;
  --forest-green: #1a8521;
  --dodger-blue: #4094d4;
  --chocolate: #e96a26;
  --deep-sky-blue: #4aabf6;
  --light-steel-blue: #a0aec0;
  --royal-blue: #1a5785;
  --indigo: #4a1a85;
  --dark-turquoise: #58cddf;
  --white: white;
  --light-steel-blue-2: #a0aec0ad;
  --background: #f7f7f7;
}

.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-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

body {
  color: #333;
  background-color: #f0f0f0;
  font-family: PT Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: #000;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.15;
}

h2 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
}

h3 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}

h4 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
}

h5 {
  color: var(--black);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.1;
}

h6 {
  color: var(--black);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
}

p {
  color: #414954ad;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5;
}

a {
  text-decoration: none;
}

.main {
  width: 100vw;
}

.navigation {
  border-right: 1px solid var(--lines);
  background-color: #fff;
  justify-content: space-around;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: auto;
  display: flex;
  position: relative;
}

.content-wrapper {
  height: auto;
  margin-left: 0;
  padding-bottom: 100px;
  position: relative;
  inset: 0%;
  overflow: auto;
}

.container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}

.brand-wrapper {
  width: 85px;
  height: 69.9916px;
  padding: 0;
}

.brand {
  background-image: url('../images/Fiinika_contabilidade.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 170px;
  height: 70px;
  display: block;
}

.links-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-around;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.head-text {
  padding-top: 50px;
}

.text {
  color: var(--black-2);
  margin-bottom: 1rem;
}

.text.dim {
  color: #4a5568;
}

.text.dim2 {
  color: #9c9c9c;
}

.text.white {
  color: #fff;
}

.text._20 {
  text-align: justify;
  margin-bottom: 2.6rem;
}

.heading {
  color: var(--black);
}

.heading-2.box {
  margin-bottom: 0;
  font-size: 33px;
  font-weight: 400;
  line-height: 50px;
}

.heading-2.box._5 {
  margin-bottom: 0;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 1rem;
}

.buttons {
  padding-top: 50px;
}

.button {
  text-align: center;
  border-radius: 5px;
  padding: .8rem 1.3rem;
  font-size: 100%;
  line-height: 1.5;
  display: block;
}

.button:hover {
  background-color: #384dec;
}

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

.button.secundario:hover {
  background-color: #173549;
}

.button.icon {
  justify-content: center;
  display: flex;
}

.button.icon.red {
  background-color: #ec3838;
}

.button.icon.red:hover {
  background-color: #a52929;
}

.button.icon.red.dist {
  color: #f1343d;
  background-color: #0000;
  border: 1px solid #f73041;
}

.button.icon.red.dist:hover {
  background-color: var(--crimson);
  color: #fff;
}

.button.icon.red.lin {
  border: 1px solid var(--crimson-2);
  color: var(--crimson);
  background-color: #0000;
}

.button.icon.red.lin:hover {
  background-color: var(--crimson);
  color: #fff;
}

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

.button.icon.green:hover {
  background-color: #0d4911;
}

.button.icon.verde {
  background-color: var(--forest-green);
}

.button.icon.verde:hover {
  background-color: #105a15;
}

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

.button.verde:hover {
  background-color: #15711b;
}

.button._25 {
  margin-bottom: 25px;
}

.div-block-2 {
  text-align: center;
  min-width: auto;
  max-width: none;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.div-block-2.submit {
  max-width: 100%;
}

.div-block-2.submit._1 {
  margin-top: 25px;
}

.div-block-2._1 {
  margin-right: 20px;
}

.div-block-2._2 {
  margin-right: 10px;
}

.div-block-2._500 {
  padding-left: 15px;
}

.div-block-2._5 {
  margin-top: 25px;
}

.icons-no-botao {
  margin-right: 10px;
  padding-top: 1px;
  font-family: System main, sans-serif;
  display: block;
  position: relative;
  top: 1px;
}

.header-with-back-button {
  justify-content: space-between;
  margin-top: 50px;
  padding-top: 0;
}

.header-back-wrapper.buttonx {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.header-back-wrapper.buttonx.outher {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow: visible;
}

.link {
  float: left;
  color: #2222337d;
  padding-right: 1.5rem;
  font-family: System main, sans-serif;
  font-size: 2rem;
  line-height: 50px;
  text-decoration: none;
  display: block;
  position: relative;
  top: 2px;
}

.div-block-3 {
  flex: 1;
  justify-content: flex-start;
  width: 60%;
  display: flex;
}

.card-principal {
  margin-top: 50px;
}

.card-wrapper {
  background-color: #fff;
  border-radius: 5px;
  height: 80px;
  margin-bottom: 10px;
  display: flex;
}

.card-wrapper._0 {
  border-bottom: 1px solid var(--lines);
  border-radius: 0;
  margin-bottom: 0;
  text-decoration: none;
}

.card-wrapper._0._100 {
  background-color: #0000;
  border-bottom-style: none;
  height: 50px;
}

.card-wrapper._0._58 {
  height: 60px;
}

.card-wrapper._0._58:hover {
  background-color: #ffffffa8;
}

.card-item {
  height: 100%;
}

.card-item.img {
  justify-content: center;
  align-items: center;
  width: 20%;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.card-item.img.i {
  padding-left: 0;
}

.card-item.img._900 {
  width: 20%;
}

.card-item.name {
  color: var(--black);
  align-items: center;
  width: 80%;
  padding-right: 1rem;
  display: flex;
}

.card-item.name._7 {
  padding-left: 1rem;
}

.card-item.name._4 {
  padding-left: 1.7rem;
}

.card-item.data-1 {
  width: 25%;
  padding-right: 1rem;
  display: flex;
}

.card-item.data-1.x {
  width: 15%;
  max-width: 150px;
}

.card-item.data-1.x._10 {
  width: 20%;
}

.card-item.data-1.x._10.outher {
  max-width: none;
  padding-left: 35px;
  padding-right: 0;
}

.card-item.icon {
  color: #d13232;
  justify-content: center;
  align-items: center;
  width: 20%;
  font-family: Full icons, sans-serif;
  font-size: 1.5rem;
  display: flex;
}

.card-item.name {
  color: #223;
  align-items: center;
  width: 85%;
  padding-right: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.side-a {
  width: 90%;
  padding-left: 35px;
  display: flex;
}

.side-a.outher {
  padding-left: 2px;
}

.side-b {
  justify-content: center;
  align-items: center;
  width: 10%;
  display: flex;
  position: relative;
}

.side-b._123 {
  padding-left: 10px;
  padding-right: 15px;
}

.side-b.w20 {
  width: 20%;
}

.div-block-4 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border: 1px solid #e5e5e5;
  border-radius: 200px;
  width: 55px;
  height: 55px;
}

.text-block {
  color: #222233db;
  max-height: 50px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
}

.text-block.wh {
  color: #ffffffdb;
  font-size: 1.1rem;
}

.text-block-2 {
  font-family: Full icons, sans-serif;
  font-size: 1.25rem;
  line-height: 1;
}

.side-a-1 {
  width: 50%;
  display: flex;
}

.side-a-1.w65 {
  width: 65%;
}

.text-block-3 {
  color: #222233b8;
  align-items: center;
  font-size: 1rem;
  line-height: 1.1;
  display: flex;
}

.text-block-3.terminado {
  color: #288562;
  font-weight: 700;
}

.text-block-3.solicitado {
  color: #22223361;
  font-weight: 700;
}

.text-block-3.aprovado {
  color: var(--dodger-blue);
  font-weight: 700;
}

.text-block-3.enviado {
  color: #9d58f2;
  font-weight: 700;
}

.text-block-3.respondido {
  color: var(--chocolate);
  font-weight: 700;
}

.text-block-3.red {
  color: var(--crimson);
}

.text-block-3.bold {
  color: var(--forest-green);
  font-weight: 700;
}

.text-block-3.bold.red {
  color: var(--crimson);
}

.text-block-3.bold.red._12 {
  color: var(--crimson);
  font-size: 1.1rem;
}

.text-block-3.bold.wh {
  color: #0f3c5e;
}

.text-block-3.cancelado {
  color: #d13232;
  font-weight: 700;
}

.text-block-3.pendente {
  color: #edb54c;
  font-weight: 700;
}

.text-block-3.confirmado {
  color: #b2b2b2;
  font-weight: 700;
}

.text-block-3.preparacao {
  color: #4490ca;
  font-weight: 700;
}

.text-block-3.wh {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
}

.legenda-wrapper {
  border-top: 1px solid #2222333d;
  border-bottom: 1px #c9c9c9;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.legenda-wrapper._300 {
  border-top-style: none;
  border-bottom-style: none;
  margin-bottom: 0;
}

.txt {
  color: #22223359;
  font-size: 13px;
  font-weight: 700;
}

.txt._8 {
  color: #ffffffcf;
}

.nav-lin {
  color: #7f8183;
  border-bottom: 4px solid #0000;
  align-items: center;
  min-height: auto;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 10px;
  text-decoration: none;
  display: flex;
}

.nav-lin:hover {
  background-color: #a0aec012;
  border-left: 4px #e8a036;
}

.nav-lin.w--current {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 4px solid var(--dodger-blue);
  border-left: 4px none var(--deep-sky-blue);
  color: #2d7cb8;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 700;
}

.nav-lin.log-out {
  color: var(--light-steel-blue);
}

.nav-lin.log-out:hover {
  color: #d55a5a;
  background-color: #0000;
}

.text-block-5 {
  margin-right: 10px;
  font-family: Full icons, sans-serif;
  font-size: 14px;
  line-height: 1;
}

.text-block-6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

.formx {
  padding-top: 50px;
}

.form-field-label {
  color: #000;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
}

.form-field-label.lft {
  text-align: right;
}

.form-field-label.lft.black {
  text-align: left;
  font-size: .8rem;
  font-weight: 700;
}

.form-field-label.lft.green {
  color: #1a8521;
  font-weight: 700;
}

.form-field-label.lft.green.back {
  text-align: left;
  font-size: .8rem;
}

.form-field-label.lft.red {
  color: #dc2f37;
  font-weight: 700;
}

.form-field-label.lft.red.back {
  text-align: left;
  font-size: .8rem;
}

.form-field-label.bold {
  font-weight: 700;
}

.form-field-label.bold.space-b {
  margin-bottom: 20px;
}

.form-field-label.other {
  margin-top: 20px;
}

.form-field-label.mb10 {
  margin-bottom: 20px;
}

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

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

.div-block {
  flex: 1;
}

.photo-upload-input-field {
  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;
}

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

.photo-upload-input-field:focus {
  background-color: #fff;
  border-color: #ff5c4b;
}

.photo-upload-input-field::placeholder {
  color: #9c9c9c;
}

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

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

.test-form-block.zero-padding-all._70 {
  width: 70%;
}

.div-block-141 {
  margin-bottom: 25px;
}

.form-right-side {
  background-color: #fff;
  border-left: 1px solid #e0e2e7;
  border-right: 1px #e0e2e7;
  flex: 1;
  padding: 50px;
}

.uploaded-image-name {
  height: 16px;
  line-height: 100%;
  overflow: hidden;
}

.form-select-field {
  background-color: #f8f8f8;
  border: 1px solid #d0d3dd;
  border-radius: 5px;
  height: 45px;
  margin-bottom: 25px;
  transition: all .1s;
}

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

.form-select-field:focus {
  background-color: #fff;
  border-color: #ff5c4b;
}

.form-select-field.last-item {
  color: #000;
  background-color: #f8f8f82e;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 0;
}

.form-select-field.last-item {
  color: #000;
  background-color: #f8f8f82e;
  border-radius: 4px;
  margin-bottom: 0;
}

.form-select-field.last-item:focus {
  border-color: #1675bd;
}

.button-2 {
  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-2.gray {
  color: #9c9c9c;
  background-color: #f8f8f8;
  border: 1px solid #d0d3dd;
  margin-left: 0;
  margin-right: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

.button-2.gray:hover {
  color: #fff;
  background-color: #449e47;
  border-color: #0000;
}

.button-2.gray.apagar:hover {
  background-color: #fc3636;
}

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

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

.button-2.success-continue-copy.ok {
  color: #05b32e;
  background-color: #0000;
  border: 1px solid #05b32e;
  right: 177px;
}

.button-2.success-continue-copy.ok:hover {
  color: #fff;
  background-color: #05b32e;
}

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

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

.confirmation-check-icon {
  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-size: 32px;
  line-height: 50px;
  overflow: hidden;
}

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

.success-flex {
  display: flex;
}

.form-fiield {
  background-color: #f8f8f854;
  border: 1px solid #d0d3dd;
  border-radius: 4px;
  height: 45px;
  margin-bottom: 20px;
  font-size: 16px;
  transition: all .1s;
}

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

.form-fiield:focus {
  background-color: #fff;
  border-color: #1675bd;
}

.form-fiield::placeholder {
  color: #9c9c9c;
}

.form-fiield._2 {
  margin-bottom: 0;
}

.form-fiield._560 {
  background-color: #fff;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-radius: 0;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.form-fiield._560._50000 {
  width: 20%;
  margin-left: 25px;
}

.form-fiield.sds {
  padding-bottom: 116px;
}

.form-fiield.sds-copy {
  padding-bottom: 27px;
}

.uploaded-image-resolution {
  color: #9c9c9c;
}

.error-message {
  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;
}

.form-class {
  width: 50%;
}

.div-1 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.div-1.eie {
  margin-top: 0;
  margin-bottom: 25px;
  overflow: hidden;
}

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

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

.success-message {
  color: #171f36;
  font-size: 16px;
  line-height: 24px;
}

.form-field-label-description {
  color: #9c9c9c;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 120%;
}

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

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

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

.photo-upload-input-wrapper {
  border-bottom: 1px solid #e0e2e7;
  min-height: 170px;
  margin-top: 30px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 10px;
  overflow: hidden;
}

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

.form {
  width: 100%;
}

.form.round-corners {
  border: 1px solid #e0e2e7;
  border-radius: 4px;
  margin-left: 16px;
  overflow: hidden;
}

.form.round-corners._10 {
  margin-left: 0;
  display: flex;
}

.form-left-side {
  background-color: #fff;
  border-left: 1px #e0e2e7;
  flex: 1;
  padding: 50px;
}

.uploaded-photo-content {
  background-color: #f8f8f8;
  border: 1px solid #d0d3dd;
  border-radius: 4px;
  height: 130px;
  margin-bottom: 10px;
  display: flex;
}

.uploaded-photo-div {
  border-right: 1px solid #d0d3dd;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  padding: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-success-content {
  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;
}

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

.image {
  object-fit: contain;
  max-height: 80%;
}

.form-item-with-content {
  margin-bottom: 25px;
}

.grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 5px;
}

.div-block-142 {
  background-color: #e4e4e4eb;
  border-radius: 5px;
  padding: 10px;
  display: flex;
}

.fomr-alt-text {
  flex: 1;
  width: 80%;
  font-size: .8rem;
  line-height: 1;
}

.link-2 {
  color: red;
  font-family: System main, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  text-decoration: none;
  position: relative;
  top: 1px;
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-block-2 {
  background-color: #fff;
  border-radius: 8px;
  min-width: 500px;
  margin-bottom: 25px;
  padding: 50px;
}

.top-bar {
  z-index: 10;
  border-bottom: 1px solid var(--lines);
  background-color: #fff;
  margin-left: 300px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  inset: 0% 0% auto;
}

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

.log-out-div {
  padding-top: 25px;
  padding-bottom: 25px;
  position: absolute;
  inset: auto 0% 0%;
}

.dropdown-toggle {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-145 {
  border: 1px solid var(--lines);
  background-image: url('../images/blank-profile-picture.jpeg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 200px;
  flex: none;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.div-block-146 {
  max-width: 150px;
  font-weight: 400;
  line-height: 50px;
  overflow: hidden;
}

.dropdown {
  display: block;
}

.h3-head {
  margin-bottom: 0;
  font-size: 2.3rem;
  font-weight: 400;
}

.div-block-147 {
  padding-top: 50px;
}

.div-block-148 {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 200px;
  padding: 25px 35px;
}

.text-block-8 {
  color: var(--royal-blue);
  font-size: 32px;
  font-weight: 700;
  line-height: 70px;
}

.text-block-8.logs {
  color: var(--royal-blue);
}

.text-block-8.concl {
  color: var(--forest-green);
}

.text-block-8.il, .text-block-8.gree {
  color: var(--dodger-blue);
}

.text-block-8.ree {
  color: #165b8f;
}

.heading-4, .heading-5 {
  margin-top: 0;
  margin-bottom: 1rem;
}

.heading-6 {
  margin-top: 0;
  font-weight: 400;
}

.div-block-149 {
  margin-top: 25px;
  display: flex;
}

.text-block-9 {
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  border-radius: 200px;
  width: 70px;
  height: 70px;
  margin-right: 25px;
  font-family: Full icons, sans-serif;
  font-size: 29px;
  line-height: 70px;
}

.text-block-9.logs {
  background-color: var(--chocolate);
}

.text-block-9.concl {
  background-color: var(--forest-green);
}

.text-block-9.il {
  background-color: var(--indigo);
}

.text-block-9.verde {
  background-color: var(--dodger-blue);
}

.text-block-9.verme {
  background-color: var(--royal-blue);
}

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

.grid-3._700 {
  grid-template-columns: 1fr 1fr;
  margin-top: 25px;
}

.grid-3._800 {
  grid-template-columns: 1fr 1fr;
}

.div-block-151 {
  padding-top: 50px;
}

.div-block-151._123 {
  padding-top: 0;
}

.head-4 {
  color: #adadad;
}

.grid-4 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.div-block-152 {
  margin-bottom: 25px;
}

.name {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

.shadow {
  height: 90px;
}

.main-wrapper, .div-block-154 {
  padding-top: 50px;
}

.div-block-154._500 {
  padding-top: 30px;
}

.div-block-12 {
  flex: 1;
  width: 70%;
  margin-left: 0;
  padding-left: 0;
}

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

.filters-flex {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  margin-right: -15px;
  display: flex;
}

.search-input-2 {
  border: 1px solid var(--lines);
  color: #171f36;
  background-color: #fff;
  border-radius: 4px;
  height: 45px;
  margin-bottom: 0;
  padding-left: 38px;
  padding-right: 15px;
  font-size: 14px;
}

.search-input-2:focus {
  color: #171f36;
  background-color: #fff;
  border-color: #f76c5e;
}

.search-input-2::placeholder {
  color: #b8bac1;
  font-size: 14px;
}

.search-no-filtro {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 15px;
  position: relative;
}

.search-button-2 {
  color: #b8bac1;
  background-color: #0000;
  width: 25px;
  padding: 0;
  font-size: 16px;
  line-height: 40px;
  position: absolute;
  inset: 0 0 0 10px;
}

.search-button-2._89 {
  height: 40px;
  font-family: System main, sans-serif;
  top: 4px;
}

.select-field {
  border: 1px solid var(--lines);
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  flex: 1;
  width: 100%;
  min-width: 135px;
  height: 45px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.div-block-155 {
  padding-top: 50px;
}

.div-block-155._5 {
  padding-top: 0;
}

.div-block-155._8 {
  padding-top: 35px;
}

.hidding-menu {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 8px;
  min-width: 120px;
  padding: 25px 15px 15px 25px;
  display: none;
  position: absolute;
  inset: auto 25% 25% auto;
}

.div-block-156 {
  margin-bottom: 25px;
}

.div-block-156._8 {
  border-bottom: 1px dashed #e5e5e5;
  padding-bottom: 25px;
}

.text-block-10 {
  color: var(--light-steel-blue);
  margin-bottom: 25px;
  font-size: 3rem;
  line-height: 1;
}

.apagar-div {
  text-align: center;
  min-width: 170px;
  max-width: 200px;
  margin-top: 25px;
  margin-bottom: 20px;
}

.column {
  padding-left: 0;
  padding-right: 0;
}

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

.form-field-label-2.bold {
  margin-bottom: 5px;
  font-weight: 700;
}

.brand-id {
  background-image: url('../images/FG_Contabilidade_black.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 60px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-128 {
  color: var(--deep-sky-blue);
  font-family: Full icons, sans-serif;
  font-size: 1.5rem;
  line-height: 1;
}

.text-block-128._2 {
  color: var(--chocolate);
}

.text-block-128._3 {
  color: #9d4cff;
}

.text-block-129 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #a0aec0;
  border-radius: 5px;
  width: 100%;
  padding: 5px 10px;
  font-weight: 700;
}

.text-block-129:hover {
  background-color: #1a5785;
}

.card-wrapper-2 {
  background-color: #fff;
  border-radius: 5px;
  height: 80px;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.card-wrapper-2:hover {
  border: 1px solid #1a5785a8;
}

.div-block-155-copy {
  padding-top: 25px;
}

.div-block-159 {
  padding-top: 35px;
}

.parceiro-text-field-2 {
  color: #9c9c9c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: 120%;
}

.parceiro-text-field-2::placeholder {
  color: #9c9c9c;
}

.parceiro-text-field-2.green {
  color: #33b93c;
}

.parceiro-text-field-2.red {
  color: #d23939;
}

.parceiro-text-field-2._60 {
  font-size: 1.5rem;
  font-weight: 700;
}

.parceiro-text-field-2.aprovado {
  color: var(--forest-green);
  font-weight: 700;
}

.parceiro-text-field-2.fretes {
  color: #288562;
  font-weight: 700;
}

.parceiro-text-field-2.red {
  color: #edb54c;
  font-weight: 700;
}

.button-3 {
  text-align: center;
  border-radius: 5px;
  height: 50px;
  padding: 17px 1.3rem;
  font-size: 100%;
  line-height: 100%;
  display: block;
}

.button-3:hover {
  background-color: #1a5785;
}

.button-3.bx {
  background-color: #2563eb;
  height: 45px;
  line-height: 10px;
}

.button-3.bx:hover {
  background-color: #1a5785;
}

.button-3.bx.no-color {
  color: #1a1a1a;
  background-color: #fff;
  border: 1px solid #b0b0b0;
  text-decoration: none;
}

.button-3.bx.gray {
  background-color: var(--lines);
  color: #333;
}

.button-3.bx.gray:hover {
  background-color: #ddd;
}

.button-3.icon {
  justify-content: center;
  display: flex;
}

.button-3.icon.no-color {
  color: #d13232;
  background-color: #0000;
  border: 1px solid #ff0909;
  font-family: PT Sans, sans-serif;
}

.button-3.icon.no-color:hover {
  color: #fff;
  background-color: red;
}

.button-3.green, .button-3.verde {
  background-color: var(--forest-green);
}

.button-3.verde:hover {
  background-color: #106116;
}

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

.button-3.red:hover {
  background-color: #ae262c;
}

.button-3.editar {
  background-color: var(--crimson);
}

.div-block-164 {
  padding-right: 20px;
}

.div-block-164._200 {
  padding-left: 50px;
}

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

.div-block-165 {
  padding-left: 20px;
}

.text-block-131 {
  color: #fff;
  background-color: #288562;
  border-radius: 5px;
  padding: 5px 15px;
  display: inline-block;
}

.text-block-131.red {
  background-color: #da4141;
}

.text-block-131.inativo {
  background-color: #edb54c;
}

.pedido-overlay {
  background-color: #222233e0;
  justify-content: center;
  align-items: center;
  padding: 64px;
  display: none;
  position: fixed;
  inset: 0%;
}

.text-block-156 {
  color: #a0aec0;
  font-size: 3rem;
  line-height: 1;
}

.text-block-156.motorista-name {
  font-size: 2rem;
}

.text-block-156.area {
  font-size: 1.3rem;
}

.grid-6 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-6._080 {
  grid-template-rows: auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

.link-block-3 {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  height: 250px;
  padding: 62px 40px 25px;
  text-decoration: none;
  display: flex;
}

.link-block-3:hover {
  border-color: var(--black);
}

.text-block-132 {
  color: #1a5785;
  margin-bottom: 25px;
  font-family: Full icons, sans-serif;
  font-size: 2.5rem;
  line-height: 1;
}

.text-block-132._3 {
  color: var(--chocolate);
}

.text-block-132._30 {
  color: #3dca47;
}

.text-block-132._23 {
  color: #8f4be1;
}

.text-block-132._600 {
  color: #25b62f;
}

.text-block-132._700 {
  color: var(--crimson-2);
}

.text-block-132.red {
  color: var(--crimson);
}

.text-block-133 {
  color: #223;
  font-size: 1.1rem;
  font-weight: 700;
}

.div-block-235 {
  background-image: url('../images/2539.jpg');
  background-position: 50% 0;
  background-size: cover;
  border: 1px solid #e5e5e5;
  border-radius: 200px;
  flex: none;
  width: 100px;
  height: 100px;
  margin-bottom: 25px;
}

.div-block-235._2 {
  background-image: url('../images/blank-profile-picture.jpeg');
}

.link-block-4 {
  color: #223;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 270px;
  padding: 30px;
  text-decoration: none;
  display: flex;
}

.link-block-4:hover {
  border-color: #1a5785ba;
}

.form-left-side-3 {
  background-color: #fff;
  border-left: 1px #e0e2e7;
  flex: 1;
  padding: 50px;
}

._67 {
  margin-bottom: 25px;
}

.div-block-236 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 40px;
  display: flex;
  position: static;
}

.div-block-236._10 {
  margin-bottom: 40px;
}

.div-block-237 {
  padding-top: 25px;
}

.div-block-237._2 {
  padding-top: 0;
}

.text-block-157 {
  color: #27a539;
  line-height: 1;
}

.text-block-158 {
  color: #fff;
  text-align: center;
  background-color: #a0aec0;
  border-radius: 5px;
  width: 100%;
  padding: 5px 10px;
  font-weight: 700;
}

.text-block-158:hover {
  background-color: #1a5785;
}

.div-block-238 {
  margin-bottom: 25px;
}

.div-block-239 {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 5px;
  flex-direction: row;
  padding: 50px;
  display: flex;
}

.div-block-239.op {
  margin-top: 25px;
}

.div-block-239._7 {
  flex-direction: column;
}

.div-block-239._2 {
  margin-bottom: 25px;
}

.div-block-240 {
  border: 1px solid var(--lines);
  background-image: url('../images/product-placeholder-1.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 250px;
  height: 250px;
  padding-top: 10px;
  padding-left: 10px;
}

.div-block-241 {
  flex: 1;
  padding-left: 50px;
}

.h3-main {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 2.8rem;
  font-size: 1.8rem;
  font-weight: 700;
}

.add-button {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 8px;
  min-width: 400px;
  min-height: 300px;
  padding: 40px 50px 50px;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
  box-shadow: 1px 1px 12px 13px #0000001a;
}

.div-block-242 {
  text-align: left;
}

.div-block-243 {
  text-align: right;
  margin-bottom: 30px;
}

.text-block-159 {
  color: #33333373;
  font-family: System main, sans-serif;
  font-size: 31px;
  line-height: 1;
  display: inline-block;
}

.forneces {
  border: 1px solid var(--lines);
  background-image: url('../images/FG_Stock_black.png');
  background-position: 50px;
  background-repeat: no-repeat;
  background-size: 150px;
  border-radius: 200px;
  width: 250px;
  height: 250px;
  padding-top: 10px;
  padding-left: 10px;
}

.text-block-157-copy {
  color: #ef8400;
  line-height: 1;
}

.div-block-244 {
  display: flex;
}

.link-3 {
  background-color: var(--light-steel-blue);
  color: #fff;
  text-align: center;
  border-radius: 8px;
  width: 45px;
  height: 45px;
  margin-left: 20px;
  font-family: System main, sans-serif;
  font-size: 23px;
  line-height: 45px;
  text-decoration: none;
}

.link-3:hover {
  background-color: var(--forest-green);
}

.confirmed-line {
  z-index: 2;
  background-color: #04a777;
  border: 2px solid #04a777;
  border-radius: 10px;
  height: 2px;
  position: absolute;
  inset: 0% 0% auto;
}

.confirmed-line.hidden {
  z-index: 2;
  display: none;
}

.status-content-wrapper {
  z-index: 5;
  flex-direction: column;
  flex: none;
  align-items: center;
  display: flex;
  position: relative;
}

.center-text {
  color: #9c9c9c;
  margin-top: 32px;
}

.center-text.confirmed {
  color: #111210;
}

.project-state {
  color: #fff;
  text-align: center;
  background-color: #a6a6a6;
  border-radius: 12px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  overflow: hidden;
}

.project-state.in-progress {
  background-color: #ccc;
}

.project-state.done {
  background-color: #04a777;
}

.project-state.done.hidden {
  display: none;
}

.linesman {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  align-items: center;
  padding: 34px;
  display: flex;
}

.in-progress-line {
  border: 1px dashed #ccc;
  border-radius: 10px;
}

.material-icons {
  text-align: center;
  width: 100%;
  height: 100%;
  padding-top: 12px;
  padding-bottom: 0;
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
}

.material-icons.checker {
  padding-top: 5px;
  padding-bottom: 4px;
  font-family: System main, sans-serif;
  font-size: 20px;
}

.status-circles-wrapper {
  cursor: default;
  width: 30px;
  height: 30px;
  overflow: hidden;
}

.status-line {
  flex: 1;
  height: 3px;
  position: relative;
  top: -26px;
}

.div-block-245 {
  padding-top: 50px;
}

.grid-7 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-columns: .5fr 1fr;
}

.div-block-246 {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 5px;
  padding: 50px 35px;
}

.simple-text {
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: 1;
}

.simple-text.boldz {
  color: #a0aec0;
  margin-bottom: 10px;
  font-weight: 700;
}

.temposs-2 {
  color: #a0aec0;
  margin-bottom: 5px;
  font-size: 16px;
}

.div-block-247 {
  padding-top: 35px;
}

.div-block-248 {
  border-bottom: 1px dashed var(--lines);
  margin-bottom: 15px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-248._6 {
  border-bottom-style: dashed;
  border-bottom-color: var(--lines);
  background-color: #e5e5e585;
  border-radius: 5px;
  margin-bottom: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 700;
}

.text-block-160 {
  width: 75%;
  margin-right: 5%;
  padding-left: 5px;
  line-height: 1;
}

.text-block-160._5 {
  margin-right: 5%;
  padding-left: 5px;
  font-weight: 700;
  line-height: 20px;
}

.text-block-161 {
  text-align: center;
  width: 25%;
}

.text-block-161._5 {
  text-align: center;
  width: 25%;
  font-weight: 700;
}

.div-block-249 {
  margin-bottom: 25px;
}

.div-block-250 {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  margin-bottom: 35px;
  padding: 60px 40px 40px;
  font-weight: 700;
  display: flex;
}

.img-fornecedor {
  border: 1px solid var(--lines);
  background-image: url('../images/FG_256.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
  border-radius: 200px;
  width: 80px;
  height: 80px;
  margin-right: 25px;
}

.div-block-251 {
  text-align: center;
  margin-bottom: 25px;
  display: flex;
}

.text-block-162 {
  width: 45%;
  padding-left: 25px;
}

.text-block-162._15 {
  width: 10%;
  padding-left: 0;
}

.text-block-162._70 {
  width: 22.5%;
  padding-left: 0;
}

.radio-button-field {
  align-items: flex-start;
  width: 45%;
  display: flex;
}

.radio-button {
  flex: none;
  width: 10%;
  max-height: 20px;
}

.radio-button-label {
  line-height: 20px;
}

.form-3 {
  font-weight: 400;
}

.text-10 {
  text-align: left;
  width: 10%;
  font-weight: 400;
}

.text-10._22 {
  width: 22.5%;
}

.div-block-252 {
  color: #fff;
  background-color: #2236;
  border-radius: 5px;
  justify-content: space-between;
  margin-bottom: 25px;
  padding: 10px;
  font-weight: 700;
  display: flex;
}

.text-block-163 {
  text-transform: uppercase;
}

.div-block-253 {
  padding-top: 15px;
  display: flex;
}

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

.div-block-254 {
  text-align: left;
}

.grid-8 {
  grid-template-rows: auto;
}

.codes {
  background-image: url('../images/UPC-A-036000291452.svg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 150px;
}

.codes.qr {
  background-image: url('../images/QR_code_for_mobile_English_Wikipedia.svg.png');
}

.dif-div {
  border: 1px dashed var(--forest-green);
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 20px;
  position: relative;
}

.prod-do-forn-wrapper {
  border-bottom: 1px dashed var(--lines);
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.text-field {
  border-radius: 5px;
  width: 10%;
  margin-bottom: 0;
  margin-right: 3px;
  padding: 0 10px 16px;
}

.pedi {
  color: var(--dark-turquoise);
  line-height: 1;
}

.div-block-256 {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 5px;
  margin-top: 25px;
  padding: 50px;
}

.pre-uni {
  border-radius: 5px;
  width: 22.5%;
  margin-bottom: 0;
  margin-right: 5px;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 5px;
}

.link-4 {
  color: #9f9f9f61;
  text-align: center;
  text-decoration: none;
  display: block;
}

.text-block-164 {
  line-height: 1;
}

.text-block-164.verde {
  color: var(--forest-green);
}

.tabs {
  margin-top: 50px;
}

.div-block-158 {
  border-bottom: 1px dashed #3333336e;
  margin-bottom: .7rem;
  padding-bottom: .5rem;
}

.tab-link {
  border-radius: 5px;
  margin-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1rem;
}

.tab-link.w--current {
  background-color: var(--light-steel-blue);
  color: #fff;
  font-weight: 700;
}

.text-block-11 {
  color: #222233b0;
  font-size: 1rem;
  line-height: 1.25;
}

.text-block-165 {
  color: #222233db;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
}

.div-block-241-copy {
  flex: 1;
  padding-left: 0;
}

.cancel {
  width: 200px;
  padding-top: 25px;
}

.div-block-257 {
  margin-bottom: 25px;
}

.heading-7 {
  color: var(--light-steel-blue);
  font-size: 1.8rem;
  font-weight: 700;
}

.movimentox {
  border-bottom: 1px solid var(--lines);
  background-color: #fff;
  height: 80px;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
}

.movimentox:hover {
  border: 1px #000;
}

.div-block-258 {
  margin-right: 25px;
}

.text-block-166 {
  color: var(--forest-green);
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
}

.text-block-166._3 {
  color: var(--crimson);
}

.div-block-173 {
  margin-bottom: 25px;
  padding-bottom: 15px;
  padding-left: 50px;
}

.perfil-1 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #e5e5e5;
  border-radius: 200px;
  width: 250px;
  height: 250px;
}

.perfil-1._500 {
  background-image: url('../images/2539.jpg');
}

.perfil-1._500._5858 {
  background-image: url('../images/blank-profile-picture.jpeg');
}

.div-block-169 {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 60px 50px 50px;
}

.container-2 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-259 {
  text-align: center;
  min-width: 170px;
  max-width: 200px;
  margin-bottom: 20px;
}

.div-block-259.submit {
  max-width: 100%;
}

.main-relatorio {
  margin-bottom: 50px;
}

.bloc {
  float: left;
  border-right: 1px solid #b8bac1;
  width: 20%;
  margin-right: 25px;
  padding-right: 25px;
}

.bloc._2 {
  width: 25%;
}

.reuni-content {
  border-bottom: 1px solid #b8bac1;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.relatorio-main-div {
  background-color: #fff;
  width: 80%;
  padding: 50px 70px;
}

.div-block-129 {
  margin-bottom: 40px;
}

.heading-8 {
  color: #919ba7;
  margin-top: 0;
  margin-bottom: 25px;
}

.div-block-144 {
  justify-content: center;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.logo-relatorio {
  float: left;
  background-image: url('../images/Fiinika_contabilidade.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-167 {
  color: #919ba7;
  margin-bottom: 25px;
  font-weight: 700;
}

.text-block-168 {
  color: #919ba7;
  font-size: 19px;
}

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

.text-block-169 {
  float: left;
  width: 15%;
}

.text-block-169._3 {
  width: 30%;
  padding-left: 10px;
}

.text-block-169._30 {
  width: 22%;
}

.text-block-130 {
  font-size: 23px;
}

.text-block-130.green {
  color: #05b32e;
}

.text-block-130.yellow {
  color: #ffb100;
}

.heading-9 {
  margin-bottom: 10px;
}

.div-block-260 {
  padding-top: 50px;
}

.link-5 {
  color: #d1d1d1;
}

.totais {
  border-top: 1px solid var(--lines);
  background-color: var(--light-steel-blue);
  margin-left: 300px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  inset: auto 0% 0%;
}

.div-block-261 {
  padding-top: 25px;
}

.rota {
  color: #a0aec0;
  border-bottom: 1px solid #a0aec094;
  margin-top: 50px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
}

.rota._900 {
  border-bottom-style: dashed;
  margin-top: 0;
  margin-bottom: 50px;
}

.view-foto {
  color: #288562;
  text-align: center;
  cursor: pointer;
  border: 1px dashed #288562;
  border-radius: 5px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.view-foto:hover {
  color: #f7f7f7;
  background-color: #288562;
}

.div-block-162 {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin-top: 0;
  margin-bottom: 25px;
  padding: 51px 51px 25px;
}

.div-block-185 {
  padding-top: 0;
}

.grid-14 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.link-block-14 {
  background-color: #fff;
  border-radius: 5px;
  height: 300px;
  text-decoration: none;
}

.div-block-189 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 250px;
  padding: 21px;
  display: flex;
}

.div-block-190 {
  background-image: url('../images/15519179861536080156-512.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 120px;
  margin-bottom: 15px;
}

.text-block-155 {
  color: #171f36;
  max-height: 100px;
  margin-bottom: 5px;
  font-weight: 500;
  overflow: hidden;
}

.text-block-155._1 {
  font-weight: 700;
}

.text-block-154 {
  color: #fff;
  text-align: center;
  background-color: #d0d3dd;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 50px;
  font-weight: 500;
  line-height: 50px;
}

.text-block-154:hover {
  background-color: #0081f6;
}

.div-block-262 {
  padding-top: 50px;
}

.quadro-wrapper {
  display: flex;
}

.quadro-wrapper._1 {
  margin-bottom: 25px;
}

.div-block-263 {
  border-right: 1px solid var(--lines);
  background-color: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  flex: none;
  width: 320px;
  height: auto;
  padding: 60px 35px 30px;
}

.div-block-264 {
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  flex: 1;
  padding: 0 30px 0 0;
  overflow: auto;
}

.div-block-265 {
  height: 60px;
  line-height: 60px;
}

.div-block-266 {
  border-bottom: 1px none var(--lines);
  height: 60px;
  line-height: 60px;
  display: flex;
}

.div-block-267 {
  height: 50px;
  line-height: 50px;
}

.div-block-267._0 {
  margin-top: 20px;
}

.heading-10 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 50px;
}

.div-block-268 {
  padding-left: 20px;
  line-height: 30px;
}

.text-block-170 {
  color: #333333b5;
  font-weight: 700;
}

.text-block-171 {
  border-right: 1px solid #3333332e;
  border-bottom: 1px solid var(--lines);
  background-color: var(--lines);
  text-align: center;
  flex: none;
  width: 200px;
  font-weight: 700;
}

.div-block-269 {
  border-bottom: 1px solid var(--lines);
  flex: none;
  width: 200px;
  height: 50px;
  line-height: 50px;
  display: flex;
}

.div-block-269._12 {
  height: 30px;
  line-height: 30px;
}

.div-block-269.verde {
  color: var(--forest-green);
}

.div-block-269.red {
  color: var(--crimson-2);
}

.text-block-172 {
  text-align: center;
  width: 75%;
  padding-left: 10px;
  font-weight: 700;
}

.text-block-172.no-b {
  font-weight: 400;
}

.perc {
  border-right: 1px solid var(--lines);
  border-left: 1px solid var(--lines);
  text-align: center;
  width: 25%;
}

.div-block-270 {
  border-bottom: 1px none var(--lines);
  display: flex;
}

.div-block-270._20 {
  margin-top: 20px;
}

.div-block-271 {
  padding-top: 50px;
}

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

.div-block-272 {
  background-color: #fff;
  border-radius: 5px;
  min-height: 260px;
  padding: 41px;
}

.grid-15 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}

.div-block-273 {
  padding-top: 25px;
}

.div-block-274 {
  border-bottom: 1px solid var(--lines);
  padding-bottom: 10px;
  display: flex;
}

.text-block-170-copy {
  color: var(--black);
  flex: none;
  width: 60%;
  font-weight: 700;
}

.valor-1 {
  width: 40%;
}

.grid-5 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-block-173 {
  color: #fff;
  text-align: center;
  background-color: #a0aec0;
  border-radius: 5px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 700;
  position: absolute;
  inset: auto 0% 25px;
}

.text-block-173:hover {
  background-color: #1a5785;
}

.div-block-166 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  height: 200px;
}

.div-block-166._100 {
  background-image: url('../images/IMGF.png');
}

.link-block-2 {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  height: 400px;
  padding: 30px;
  text-decoration: none;
  position: relative;
}

.div-block-275 {
  flex: 1;
  width: 60%;
  display: flex;
}

.div-block-170 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  height: 250px;
}

.div-block-170._25 {
  background-image: url('../images/IMGF.png');
  height: 350px;
  padding-top: 10px;
  padding-left: 10px;
}

.div-block-276 {
  justify-content: space-between;
  margin-bottom: 35px;
  display: flex;
}

.div-block-277 {
  width: 170px;
}

.div-block-278 {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 5px;
  padding: 40px;
}

.div-block-279 {
  border-bottom: 1px solid #00000014;
  border-radius: 2px;
  padding-bottom: 15px;
  display: flex;
}

.div-block-280 {
  width: 50%;
}

.div-block-280.other {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dc4 {
  width: 20%;
}

.dc4._2 {
  width: 10%;
}

.text-block-174 {
  text-align: left;
  font-size: 15px;
  font-weight: 400;
}

.text-block-174._2 {
  font-size: 15px;
  font-weight: 400;
}

.text-block-174._2._4 {
  color: #000;
}

.text-block-174._2.bold {
  font-weight: 400;
}

.div-block-281 {
  padding-top: 20px;
}

.div-block-281.flex {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-top: 0;
  display: flex;
}

.text-block-175 {
  text-transform: uppercase;
  margin-bottom: 25px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}

.text-block-175.no-margin {
  margin-bottom: 0;
}

.div-block-282 {
  color: var(--black);
  background-color: #a0aec036;
  justify-content: space-between;
  width: 630px;
  padding: 12px 0;
  display: flex;
}

.text-block-176 {
  margin-left: 20px;
  font-size: 16px;
  font-weight: 400;
}

.text-block-176._2 {
  text-align: right;
  margin-left: 0;
  margin-right: 20px;
}

.thing {
  color: #797979;
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 630px;
  padding: 5px 0;
  display: flex;
}

.thing._300 {
  color: #000;
}

.text-s {
  width: 50%;
}

._345 {
  margin-left: 20px;
  font-size: 15px;
  font-weight: 400;
}

._345.total {
  color: #6a6a6a;
  margin-left: 0;
  padding-right: 10px;
  font-weight: 700;
}

._345.total.green {
  color: var(--forest-green);
}

._345.total.ed {
  color: var(--crimson);
}

._345.bold {
  color: #000;
  font-weight: 700;
}

._345.bold.outher {
  margin-left: 0;
}

.divider {
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-block-283 {
  border-top: 1px solid #00000029;
  border-bottom: 1px solid #0000002e;
  margin-top: 15px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 25px;
}

.div-block-283._3000 {
  border-bottom-style: none;
  margin-bottom: 0;
}

.grid-16 {
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-284 {
  background-color: #fff;
  border-radius: 5px;
  height: 250px;
  padding: 35px;
  position: relative;
}

.link-6 {
  color: var(--dodger-blue);
  font-size: 17px;
  font-weight: 400;
  position: absolute;
  inset: auto 35px 20px;
}

.text-block-177 {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
}

.text-block-178 {
  margin-bottom: 10px;
  font-size: 18px;
}

.link-block-15 {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  height: 250px;
  padding: 62px 40px 25px;
  text-decoration: none;
  display: flex;
}

.link-block-15:hover {
  border-color: #223;
}

.section-2 {
  background-image: url('../images/fiinika-background.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  padding: 50px 50px 50px 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-211 {
  max-width: 450px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.form-block-6 {
  background-color: #fff;
  border-radius: 8px;
  min-width: 400px;
  margin-bottom: 25px;
  padding: 30px 40px;
}

.div-block-285 {
  margin-bottom: 40px;
  display: flex;
}

.fiinika-ana {
  background-image: url('../images/Fiinika_contabilidade.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 200px;
  height: 70px;
}

.div-block-286 {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 35px;
  display: block;
}

.text-block-179 {
  font-size: 23px;
  font-weight: 700;
  line-height: 120%;
}

.link-block-16 {
  justify-content: flex-end;
  margin-top: 15px;
  display: flex;
}

.text-block-180 {
  text-align: right;
  font-family: System main, sans-serif;
  font-size: 27px;
  display: inline-block;
  transform: rotate(-90deg);
}

.div-block-287 {
  justify-content: space-between;
  margin-bottom: 20px;
  display: flex;
}

.div-block-288 {
  padding-left: 20px;
}

.div-block-289 {
  border-left: 1px solid #acacac;
  justify-content: flex-start;
  padding-bottom: 5px;
  padding-left: 15px;
}

.text-block-181 {
  float: left;
  width: 150px;
  margin-right: 25px;
  font-size: 16px;
  overflow: hidden;
}

.text-block-181.bold {
  width: 250px;
  font-weight: 700;
  overflow: hidden;
}

.text-block-181.act {
  width: 340px;
  overflow: hidden;
}

.link-7 {
  color: #919191;
  margin-left: 15px;
  font-family: System main, sans-serif;
  font-size: 17px;
  text-decoration: none;
}

.link-8 {
  font-size: 16px;
}

.div-block-290 {
  float: right;
}

.text-block-182 {
  color: #757575;
  margin-bottom: 25px;
  font-size: 18px;
}

.text-block-182._8 {
  margin-bottom: 5px;
}

.text-block-182._8.lop {
  font-size: 25px;
}

.link-9 {
  padding: 13px;
  display: block;
}

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

.text-block-183 {
  font-size: 33px;
  line-height: 50px;
}

.div-block-292 {
  margin-bottom: 50px;
  padding-top: 50px;
}

.grid-17 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-293 {
  border: 1px solid var(--lines);
  color: var(--black);
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  min-height: 130px;
  max-height: 130px;
  padding: 25px;
  text-decoration: none;
  display: flex;
}

.div-block-293:hover {
  border-color: var(--royal-blue);
}

.text-block-184 {
  color: var(--dodger-blue);
  margin-bottom: 20px;
  font-family: Full icons, sans-serif;
  font-size: 26px;
  line-height: 120%;
}

.text-block-185 {
  font-size: 17px;
}

.text-block-186 {
  color: #22223387;
  margin-bottom: 25px;
  font-size: 20px;
}

.grid-18 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.div-block-294 {
  margin-right: 15px;
}

.wrapper-1 {
  text-align: center;
  border: 1px #e5e5e5;
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  display: flex;
  position: static;
}

.wrapper-1._10 {
  margin-bottom: 40px;
}

.div-block-295 {
  margin-bottom: 25px;
}

.lancamento-wrapper {
  color: var(--black);
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 35px;
  text-decoration: none;
  display: flex;
}

.lancamento-wrapper:hover {
  border: 1px solid var(--royal-blue);
}

.lancamento-wrapper.outher {
  padding-left: 0;
}

.lancamento-wrapper.active {
  background-color: #eef2ff;
}

._90-lanc {
  width: 90%;
  display: flex;
}

._10-lanc {
  justify-content: center;
  align-items: center;
  width: 10%;
  display: flex;
}

._10-lanc.w5 {
  width: 5%;
}

.n_65 {
  width: 65%;
  padding-left: 0;
}

.n_65.outher {
  width: 85%;
  padding-left: 0;
}

.n-lancamento {
  color: #4094d4bf;
  margin-bottom: 0;
}

.n-lancamento.anulado {
  color: #dc2f37c7;
}

.nome-do-lan-amento {
  margin-bottom: 5px;
  font-size: 17px;
  line-height: 120%;
}

.autor-do-lan-amento {
  color: #2222337d;
  font-size: 12px;
}

.d_15 {
  align-items: center;
  width: 15%;
  display: flex;
}

.d_15.w20 {
  width: 20%;
  padding-left: 35px;
}

.valor_20 {
  align-items: center;
  width: 20%;
  display: flex;
}

.text-block-187 {
  color: var(--dodger-blue);
  font-family: System main, sans-serif;
  font-size: 20px;
  text-decoration: none;
}

.text-block-188, .text-block-189 {
  font-size: 16px;
}

.text-block-189.red {
  color: var(--crimson);
}

.text-block-189.blue {
  color: var(--dodger-blue);
}

.main-lan-amento-wrapper {
  z-index: 1;
  background-color: #fff;
  width: 50%;
  padding: 30px 40px 30px 30px;
  display: block;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: auto;
  transform: translate(100%);
  box-shadow: 0 2px 13px 18px #00000026;
}

.div-block-296 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.div-block-296.outher {
  margin-bottom: 35px;
}

.text-block-190 {
  font-size: 21px;
  font-weight: 400;
  line-height: 50px;
}

.text-block-190.no-margin {
  margin-bottom: 0;
}

.link-10 {
  color: #22223382;
  background-color: #0000;
  border: 1px solid #22223369;
  border-radius: 5px;
  padding: 0 15px;
  font-size: 15px;
  line-height: 50px;
  text-decoration: none;
  display: block;
}

.link-10:hover {
  border-color: var(--crimson);
}

.div-block-297 {
  padding-top: 10px;
}

.grid-19 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start;
}

.grid-19._200 {
  margin-bottom: 35px;
}

.grid-19.margin {
  margin-top: 10px;
}

.grid-19.margin.two {
  grid-template-columns: 1fr 1fr;
}

.div-block-298 {
  margin-bottom: 50px;
  padding-top: 25px;
  overflow: visible;
}

.legs {
  border-top: 1px solid #2222333d;
  border-bottom: 1px #c9c9c9;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.legs._300 {
  border-top-style: none;
  border-bottom-style: none;
  margin-bottom: 0;
}

.legz {
  margin-bottom: 15px;
}

.grid-20 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-20._9 {
  flex: 1;
  margin-bottom: 25px;
}

.grid-20._9._500, .grid-20._21 {
  grid-template-columns: 2fr 1fr 1fr;
}

.grid-21 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
  display: flex;
}

.grid-21._2 {
  grid-template-columns: 2fr 1fr 1fr;
}

.forrm_fi {
  background-color: #f8f8f854;
  border: 1px solid #d0d3dd;
  border-radius: 4px;
  height: 45px;
  margin-bottom: 0;
  font-size: 16px;
  transition: all .1s;
}

.forrm_fi:hover {
  background-color: #fff;
}

.forrm_fi:focus {
  background-color: #fff;
  border-color: #1675bd;
}

.forrm_fi::placeholder {
  color: #9c9c9c;
}

.forrm_fi._2 {
  margin-bottom: 0;
}

.forrm_fi._560 {
  background-color: #fff;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-radius: 0;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.forrm_fi._560._50000 {
  width: 20%;
  margin-left: 25px;
}

.forrm_fi.sds {
  padding-bottom: 116px;
}

.entry-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.balanco-wrapper {
  display: flex;
}

.balanco-wrapper._200 {
  border-top: 1px solid var(--lines);
  padding-top: 15px;
}

.text-block-191 {
  color: #6f6f6f;
  cursor: pointer;
  font-family: System main, sans-serif;
  font-size: 21px;
  display: block;
}

.text-block-191:hover {
  color: var(--crimson);
}

.text-block-191.green {
  color: #0000;
}

.div-block-299 {
  align-items: center;
  margin-left: 10px;
  padding-top: 25px;
  padding-left: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: -3%;
}

.novo-registo {
  display: none;
}

.div-block-300 {
  border: 1px dashed var(--light-steel-blue);
  cursor: pointer;
  border-radius: 5px;
  padding: 15px;
  overflow: visible;
}

.div-block-300:hover {
  background-color: #a0aec01f;
}

.div-block-301 {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.text-block-192 {
  margin-right: 10px;
  font-family: System main, sans-serif;
  font-size: 18px;
}

.div-block-302 {
  margin-bottom: 25px;
}

.wrapp-lancamento-div {
  background-color: #2222336b;
  display: none;
  position: fixed;
  inset: 0%;
}

._2-options {
  text-align: center;
  margin-bottom: 0;
  position: relative;
}

._2-options.submit {
  max-width: 100%;
}

._2-options.submit._1 {
  margin-top: 25px;
}

._2-options._1 {
  margin-right: 20px;
}

._2-options._2 {
  margin-right: 10px;
}

.grid-22 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
}

.div-block-303 {
  padding-top: 25px;
}

.div-block-304 {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 5px;
  padding: 70px;
}

.div-block-304.outher {
  padding: 40px;
}

.content {
  padding-top: 0;
}

.paragraph {
  color: #33333382;
  margin-bottom: 25px;
  font-size: 17px;
}

.tex {
  color: #333333b5;
  padding-bottom: 5px;
  font-size: 15px;
}

.tabs-2 {
  display: flex;
}

.tabs-menu {
  flex-direction: column;
  display: flex;
}

.tabs-content {
  flex: 1;
  margin-left: 30px;
}

.tab-link-tab-2 {
  margin-bottom: 5px;
}

.tabxss {
  border-radius: 5px;
  margin-bottom: 5px;
}

.tabxss.w--current {
  background-color: var(--royal-blue);
  color: #fff;
}

.tab-pane-tab-1 {
  padding: 0 0 20px 20px;
}

.lancamento-de-anulacao {
  border: 1px dashed var(--crimson-2);
  border-radius: 5px;
  padding: 29px;
}

.text-block-193 {
  color: var(--crimson);
  margin-bottom: 25px;
}

.grid-23 {
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-305 {
  justify-content: center;
  align-items: center;
  padding-top: 25px;
  display: flex;
}

.link-11 {
  color: #323232;
  text-align: center;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  width: 250px;
  padding: 15px;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

.extracto-wrapper {
  z-index: 1000;
  background-color: #000000ad;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.link-12 {
  color: var(--white);
  text-align: center;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 15px 40px;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

.div-block-306 {
  background-color: #fff;
  border-radius: 5px;
  width: 90%;
  min-width: 600px;
  max-width: 600px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 35px;
}

.div-block-307 {
  margin-bottom: 25px;
}

.form-4 {
  font-size: 16px;
}

.grid-24 {
  grid-template-rows: auto;
}

.div-block-304-copy {
  border: 1px solid var(--lines);
  background-color: #fff;
  border-radius: 5px;
  padding: 70px;
}

.grid-25 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 50%;
}

.div-block-308 {
  border: 1px #e1e1e1;
  border-radius: 5px;
}

.div-block-309 {
  padding-bottom: 10px;
  display: flex;
}

.primeiro-grau {
  color: #555;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 700;
}

.link-13 {
  color: #717171;
  margin-left: 7px;
  margin-right: 7px;
  font-family: System main, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.segundo-grau {
  color: #555;
  text-transform: none;
  font-size: 17px;
  font-weight: 700;
}

.terceiro-grau {
  color: #555;
  text-transform: none;
  font-size: 17px;
  font-weight: 400;
}

.terceiro-grau:hover {
  color: #555;
}

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

.wrapp-nova-conta {
  background-color: #2222336b;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.main-nova-conta {
  z-index: 1;
  background-color: #fff;
  width: 55%;
  padding: 40px;
  display: block;
  position: fixed;
  inset: 0% 0% 0% -88px;
  overflow: auto;
  transform: translate(100%);
  box-shadow: 0 2px 13px 18px #00000026;
}

.grid-19-copy {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

.grid-19-copy._200 {
  margin-bottom: 35px;
}

.div-block-310 {
  margin-bottom: 25px;
}

.div-block-310.no-margin {
  margin-bottom: 0;
}

.div-block-311 {
  margin-top: 50px;
}

.div-block-312 {
  margin-top: 25px;
}

.image-2 {
  width: 100%;
  height: 100%;
}

.div-block-313 {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  width: 60%;
  max-width: 850.296px;
  padding: 50px;
}

.text-block-194 {
  color: red;
  margin-bottom: 25px;
}

._25 {
  margin-bottom: 25px;
}

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

.mobile-menu {
  display: none;
}

.div-block-316 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-block-17 {
  color: #333;
}

.link-block-17.w--current {
  color: #3a3a3a;
  text-decoration: none;
}

.menu-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #505050;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.menu-link.w--current {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.menu-link.w--current:hover {
  color: var(--royal-blue);
}

.menu-link.logout-mobile {
  display: none;
}

.menu-link.notifications {
  position: relative;
}

.menu-link.notifications.w--current {
  display: block;
  position: relative;
}

.menu-icon {
  font-family: Full icons, sans-serif;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar {
  z-index: auto;
  background-color: #fff;
}

.div-block-318 {
  margin-top: 40px;
}

.div-block-318.mt10 {
  margin-top: 30px;
}

.div-block-319 {
  margin-bottom: 20px;
}

.div-block-320 {
  margin-top: 40px;
}

.div-block-321 {
  margin-top: 30px;
}

.div-block-322 {
  max-width: 200px;
  margin-left: 0;
  margin-right: 0;
}

.div-block-323 {
  width: auto;
  max-width: 892.121px;
  overflow: auto;
}

.elements {
  box-sizing: border-box;
  object-fit: cover;
  background-image: url('../images/modelo-1-images-0.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 1510px;
  position: relative;
  inset: 0;
  overflow: auto;
}

.div-block-325 {
  overflow: scroll;
}

.identificacao-do-declarante {
  background-color: #0000;
  max-width: 76%;
  height: 21%;
  margin-top: 29%;
  margin-left: 18%;
  padding-left: 0;
  position: static;
  inset: 20% 0% 0%;
}

.texto-modelo {
  height: 25px;
  line-height: 27px;
}

.nome-firma.texto-modelo {
  height: 10%;
  line-height: 34px;
}

.nif.texto-modelo {
  height: 10%;
  line-height: 29px;
}

.morada.texto-modelo {
  background-color: #0000;
  height: 58px;
  margin-top: 10px;
  line-height: 46px;
}

.modelo-coluna {
  grid-column-gap: 82px;
  grid-row-gap: 82px;
  margin-top: 4px;
  display: flex;
}

.modelo-coluna.maior {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.municipio.texto-modelo {
  width: 443px;
  height: 25px;
  line-height: 25px;
}

.comuna {
  width: 283px;
  height: auto;
}

.comuna.texto-modelo {
  height: 25px;
  line-height: 25px;
}

.provincia.texto-modelo {
  width: 443px;
  height: 25px;
  line-height: 25px;
}

.cidade {
  width: 283px;
  height: auto;
}

.cidade.texto-modelo {
  height: 25px;
  line-height: 25px;
}

.reparticao-fiscal.texto-modelo {
  line-height: 29px;
}

.telefone-fixo.texto-modelo {
  background-color: #0000;
  width: 204px;
}

.telemovel.texto-modelo {
  background-color: #0000;
  width: 180px;
  margin-left: 90px;
}

.fax.texto-modelo {
  background-color: #0000;
  width: 204px;
  margin-left: 44px;
}

.e-mail.texto-modelo {
  line-height: 29px;
}

.sector-de-actividade-principal {
  background-color: #00f;
  margin-top: 31px;
  position: static;
}

.body {
  margin-top: 0%;
}

.scroll-table-content {
  flex-direction: column;
  display: flex;
  overflow: visible;
}

.table-row {
  color: #9898a3;
  cursor: auto;
  border-bottom: 1px #dce0ec;
  justify-content: space-between;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.table-row:hover {
  color: #0000;
}

.table-row.outher {
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.table-row.outher.top {
  padding-top: 10px;
  padding-left: 0;
}

.table-row.outher.top.space {
  padding-top: 15px;
  padding-bottom: 15px;
}

.table-row.outher.top.space-left {
  padding-left: 10px;
}

.table-row.outher.total {
  border-top: 1px solid #dce0ec;
  border-bottom-style: solid;
  margin-top: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.table-row.outher.divisor {
  margin-top: 20px;
}

.table-row.head {
  cursor: default;
  background-color: #a0aec036;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.table-row.head:hover {
  box-shadow: none;
  background-color: #a0aec036;
}

.table-row.head.hide {
  display: none;
}

.table-row.head-account {
  border-top: 1px solid #ccc;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

.table-row.head-account:hover {
  box-shadow: none;
  color: #0000;
}

.table-row.account {
  padding-top: 10px;
  padding-bottom: 10px;
}

.table-wrapper {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-top: 25px;
  display: flex;
}

.table-wrapper.second {
  margin-top: 10px;
}

.table-heading {
  color: #000;
  text-align: center;
  text-transform: none;
  font-family: PT Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}

.table-heading.min {
  text-transform: none;
  font-size: 15px;
}

.table-data {
  color: #000;
  padding-right: 10px;
  font-size: 15px;
}

.table-data.name {
  padding-right: 10px;
  font-size: 15px;
  font-weight: 400;
}

.table-data.link {
  font-size: 15px;
  text-decoration: none;
}

.table-data.bold {
  color: #000;
}

.div-block-406 {
  justify-content: center;
  align-items: center;
  width: 3%;
  display: flex;
}

.div-block-406._2 {
  border: 1px #ececec;
}

.table-box {
  border: 1px #f9f9f9;
  flex-wrap: wrap;
  align-items: center;
  width: 30%;
  display: flex;
}

.table-box._1 {
  width: 50%;
}

.table-box._1.outher {
  width: 30%;
}

.table-box.end, .table-box.end.outher {
  width: 10%;
}

.table-box._2 {
  flex-wrap: nowrap;
  width: 20%;
}

.table-box._2.ouher {
  width: 30%;
}

.table-box._2.center {
  justify-content: center;
  text-decoration: none;
}

.table-box.start {
  width: 40%;
}

.table-box._3.max {
  width: 33%;
}

.table-box._4 {
  width: 80%;
}

.table-sectioon.second {
  margin-top: 20px;
}

.div-block-407 {
  margin-top: 30px;
}

.div-block-407.outhr {
  margin-top: 0;
}

.div-block-407.outher {
  position: fixed;
  bottom: 20px;
}

.tab-top {
  display: none;
}

.div-block-409 {
  margin-top: 40px;
}

.div-block-410 {
  width: 100%;
  height: 10px;
}

.div-block-412 {
  display: flex;
}

.div-block-413 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: 95%;
  display: flex;
}

.div-block-414 {
  width: 33%;
}

.div-block-415 {
  margin-bottom: 40px;
}

.subscription-card {
  background-color: #fff;
  border-radius: 10px;
  width: 30%;
  padding: 40px 30px;
}

.subscription-card.outher {
  width: 100%;
  margin-bottom: 20px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.subscription-card.coins {
  width: 40%;
}

.div-block-416 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-416.outher {
  padding-bottom: 10px;
}

.text-block-196 {
  font-size: 42px;
  font-weight: 700;
}

.text-block-196.other {
  font-size: 35px;
}

.text-block-197 {
  font-size: 18px;
  font-weight: 700;
}

.list-item {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  list-style-type: none;
  display: flex;
}

.list-item.outher {
  margin-bottom: 10px;
  list-style-type: lower-alpha;
}

.text-block-198 {
  color: #7f7f7f;
  font-size: 16px;
  font-weight: 700;
}

.list {
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: decimal;
}

.text-block-199 {
  color: #636060;
}

.text-block-199._2 {
  font-size: 18px;
  font-weight: 400;
}

.text-block-199.md {
  font-size: 15px;
}

.div-block-417 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-start;
  display: flex;
}

.div-block-418 {
  width: 70%;
}

.grid-26 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center stretch;
}

.text-block-200 {
  color: var(--dodger-blue);
  font-size: 15px;
  font-weight: 700;
}

.div-block-419 {
  display: flex;
}

.text-block-201 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 7px;
  font-size: 16px;
  font-weight: 700;
  line-height: 0;
}

.text-block-202 {
  font-weight: 700;
}

.grid-27 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 40%;
}

.payment-details {
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 25px;
}

.flex-block {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
}

.bold-text-2 {
  font-size: 18px;
}

.text-block-203 {
  color: #8b8b8b;
  font-size: 15px;
}

.div-block-422 {
  margin-top: 45px;
}

.heading-13 {
  font-size: 1.3rem;
}

.heading-14 {
  margin-bottom: 2.1rem;
  font-size: 1rem;
  font-weight: 400;
}

.div-block-423 {
  border: 1px dashed var(--light-steel-blue-2);
  border-radius: 10px;
  margin-left: 20px;
  padding: 30px 25px;
}

.list-2 {
  padding-left: 20px;
}

.heading-15 {
  font-size: 1.4rem;
}

.heading-16 {
  font-size: 1.1rem;
  font-weight: 400;
}

.div-block-424 {
  margin-bottom: 30px;
}

.list-item-2, .div-block-425 {
  margin-bottom: 20px;
}

.link-14 {
  color: #034d85;
  font-size: 15px;
  text-decoration: none;
}

.div-block-426 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-top: 20px;
  display: flex;
}

.text-block-204 {
  font-size: 15px;
}

.flex-block-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.grid-28 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-29 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
}

.div-block-427 {
  border-bottom: 1px solid #cfd7e0ad;
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.div-block-428 {
  width: 100%;
}

.div-block-429 {
  text-align: center;
}

.diario-wrpper {
  z-index: 1000;
  background-color: #000000ad;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.grid-30 {
  grid-template-rows: auto;
}

.div-block-431 {
  max-width: 200px;
  margin-left: 0;
  margin-right: 0;
}

.link-15 {
  color: #22223382;
  background-color: #0000;
  border: 1px solid #22223369;
  border-radius: 5px;
  padding: 0 15px;
  font-size: 15px;
  line-height: 50px;
  text-decoration: none;
  display: block;
}

.link-15:hover {
  border-color: #dc2f37;
}

.div-block-432 {
  margin-bottom: 25px;
}

.text-block-205 {
  font-size: 21px;
  font-weight: 400;
  line-height: 50px;
}

.text-block-205.no-margin {
  margin-bottom: 0;
}

.button-4 {
  text-align: center;
  border-radius: 5px;
  padding: .8rem 1.3rem;
  font-size: 100%;
  line-height: 1.5;
  display: block;
}

.button-4:hover {
  background-color: #384dec;
}

.div-block-433 {
  background-color: #fff;
  border-radius: 8px;
  width: 90%;
  min-width: 600px;
  max-width: 600px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 35px;
}

.div-block-433.small {
  min-width: 500px;
  max-width: 500px;
  padding: 30px;
}

.exercicio-wrpper, .exercicio-wrpper1 , .cambio-wrappwe, .anular-lancamento-wrapper {
  z-index: 1000;
  background-color: #000000ad;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.link-block-18 {
  text-decoration: none;
}

.link-block-18.outher {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 17px;
  display: flex;
}

.main-nova-nota {
  z-index: 1;
  background-color: #fff;
  width: 55%;
  padding: 40px;
  display: block;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: auto;
  transform: translate(100%);
  box-shadow: 0 2px 13px 18px #00000026;
}

.wrapp-nova-nota, .wrapp-nota-preview {
  background-color: #2222336b;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: visible;
}

.input {
  vertical-align: baseline;
  border: 1px solid #d0d3dd;
  border-radius: 8px;
  width: 100%;
  height: 45px;
  padding-left: 15px;
  padding-right: 15px;
  outline: none !important;
}

.input.form-fiield {
  border-style: solid;
  border-color: #d0d3dd;
  width: 100%;
  margin-bottom: 10px;
}

.grid-31 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-434 {
  display: flex;
}

.main-preview-nota {
  z-index: 1;
  background-color: #fff;
  width: 55%;
  padding: 40px;
  display: block;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: auto;
  transform: translate(100%);
  box-shadow: 0 2px 13px 18px #00000026;
}

.div-block-435 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.exercicio-fechar-wrapper {
  z-index: 1000;
  background-color: #000000ad;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.grid-32 {
  grid-template-rows: auto;
}

.div-block-436 {
  margin-bottom: 20px;
}

.grid-33 {
  grid-template-rows: auto;
}

.div-block-437 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wrapp-conta {
  background-color: #2222336b;
  display: none;
  position: fixed;
  inset: 0%;
}

.main-conta-wrapper {
  z-index: 1;
  background-color: #fff;
  width: 55%;
  padding: 40px 40px 50px;
  display: block;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: auto;
  transform: translate(100%);
  box-shadow: 0 2px 13px 18px #00000026;
}

.grid-34 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-438 {
  max-width: 510px;
}

.grid-35 {
  grid-template-rows: auto auto;
}

.div-block-439 {
  padding-top: 1001px;
}

.div-block-440 {
  background-image: linear-gradient(87deg, #3884e0bf, #09264a), url('../images/images.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 40vh;
  padding-top: 80px;
  padding-bottom: 80px;
}

.text-block-206 {
  color: #fff;
  font-size: 20px;
  line-height: 120%;
}

.text-block-207 {
  color: #ffffff96;
  font-size: 16px;
}

.div-block-441 {
  padding-top: 25px;
}

.grid-36 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.column-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-block-208 {
  color: #6b7280;
}

.text-11 {
  color: #6b7280;
  margin-top: 10px;
}

.btn-box {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.text-block-209 {
  padding-bottom: 6px;
}

.flex-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.card {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 15px;
}

.card.white {
  background-color: #fff;
}

.number-big {
  font-size: 33px;
  font-weight: 700;
}

.dropdown-list {
  background-color: #f3f4f6;
}

.dropdown-list.w--open {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-top: 10px;
}

.status {
  border-radius: 10px;
  padding: 5px 10px;
}

.status.green {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #dcfce7;
  border: 1px solid #bbf7d0;
  justify-content: flex-start;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
}

.status.red {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ffe4e6;
  border: 1px solid #fb7185;
  justify-content: flex-start;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
}

.card-grid {
  margin-top: 30px;
  margin-bottom: 30px;
}

.title-second {
  color: #6b7280;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}

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

.flex-beetween.my10 {
  border: 1px solid var(--light-steel-blue-2);
  background-color: #fafafa;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px 5px;
}

.outher-icon {
  line-height: 17px;
}

.green-text {
  color: #16a34a;
}

.icon {
  color: #6b7280;
}

.page-title {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-icon.green-text.me5, .nav-icon.me5 {
  margin-right: 5px;
}

.nav-icon.me5.red-text {
  color: #f43f5e;
}

.title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 25px;
}

.red-text {
  color: #f43f5e;
}

.btn {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #fff;
  background-color: #2563eb;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.btn.no-color {
  color: #6b7280;
  background-color: #0000;
}

.btn.no-color:hover {
  color: #2563eb;
}

.btn.no-color.center {
  padding-bottom: 4px;
}

.btn.no-color.center.bold {
  font-weight: 500;
}

.dropdown-toggle-3 {
  background-color: #fff;
  border: 1px solid #cbcbcb;
  border-radius: 8px;
  padding: 9px 40px 9px 20px;
}

.div-block-442 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-443 {
  margin-top: 40px;
}

.div-block-444 {
  text-align: center;
  min-width: 170px;
  max-width: 200px;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.div-block-445 {
  flex: 1;
  justify-content: flex-start;
  width: 60%;
  display: flex;
}

.heading-17.box {
  margin-bottom: 0;
  font-size: 33px;
  font-weight: 400;
  line-height: 50px;
}

.button-5 {
  text-align: center;
  border-radius: 5px;
  height: 50px;
  padding: 17px 1.3rem;
  font-size: 100%;
  line-height: 100%;
  display: block;
}

.button-5:hover {
  background-color: #1a5785;
}

.button-5.bx {
  height: 45px;
  line-height: 10px;
}

.button-5.bx:hover {
  background-color: #1a5785;
}

.div-block-446 {
  flex: 1;
  width: 70%;
  margin-left: 0;
  padding-left: 0;
}

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

.search-input-3 {
  color: #171f36;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  height: 45px;
  margin-bottom: 0;
  padding-left: 38px;
  padding-right: 15px;
  font-size: 14px;
}

.search-input-3:focus {
  color: #171f36;
  background-color: #fff;
  border-color: #f76c5e;
}

.search-input-3::placeholder {
  color: #b8bac1;
  font-size: 14px;
}

.select-field-2 {
  color: #333;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  flex: 1;
  width: 100%;
  min-width: 135px;
  height: 45px;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.container-5 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}

.div-block-447 {
  text-align: center;
  min-width: auto;
  max-width: none;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.div-block-448 {
  flex: 1;
  justify-content: flex-start;
  width: 60%;
  display: flex;
}

.grid-37 {
  grid-template-rows: auto;
  width: 50%;
}

.div-block-449 {
  flex: 1;
}

.grid-38 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr;
}

.button-6 {
  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-6.gray {
  color: #9c9c9c;
  background-color: #f8f8f8;
  border: 1px solid #d0d3dd;
  margin-left: 0;
  margin-right: 8px;
  padding-left: 15px;
  padding-right: 15px;
}

.button-6.gray:hover {
  color: #fff;
  background-color: #449e47;
  border-color: #0000;
}

.heading-18.box {
  margin-bottom: 0;
  font-size: 33px;
  font-weight: 400;
  line-height: 50px;
}

.lancamento-de-anulacao-2 {
  border: 1px dashed #d13232;
  border-radius: 5px;
  padding: 29px;
}

.text-block-210 {
  color: #dc2f37;
  margin-bottom: 25px;
}

.div-block-450 {
  margin-bottom: 20px;
}

.button-7 {
  text-align: center;
  border-radius: 5px;
  height: 50px;
  padding: 17px 1.3rem;
  font-size: 100%;
  line-height: 100%;
  display: block;
}

.button-7:hover {
  background-color: #1a5785;
}

.button-7.bx {
  height: 45px;
  line-height: 10px;
}

.button-7.bx:hover {
  background-color: #1a5785;
}

.button-7.bx.no-color {
  color: #1a1a1a;
  background-color: #fff;
  border: 1px solid #b0b0b0;
  text-decoration: none;
}

.button-7.bx.gray {
  color: #333;
  background-color: #e5e5e5;
}

.button-7.bx.gray:hover {
  background-color: #ddd;
}

.div-block-451 {
  margin-top: 30px;
}

.div-block-452 {
  margin-top: 40px;
}

.div-block-453 {
  margin-top: 30px;
}

.div-block-453.outhr {
  margin-top: 0;
}

.div-block-454 {
  padding-top: 25px;
}

.div-block-455 {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 70px;
}

.div-block-456 {
  text-align: center;
  min-width: 170px;
  max-width: 200px;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.grid-39 {
  grid-template-rows: auto;
  width: 50%;
}

.text-block-211 {
  font-size: 21px;
  font-weight: 400;
  line-height: 50px;
}

.text-block-211.no-margin {
  margin-bottom: 0;
}

.div-block-457 {
  background-color: #fff;
  border-radius: 8px;
  width: 90%;
  min-width: 600px;
  max-width: 600px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 35px;
}

.div-block-458 {
  margin-top: 30px;
}

.div-block-459 {
  max-width: 200px;
  margin-left: 0;
  margin-right: 0;
}

.div-block-460 {
  width: 100%;
}

.lancamento-wrapper-2 {
  color: #223;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 35px;
  text-decoration: none;
  display: flex;
}

.lancamento-wrapper-2:hover {
  border: 1px solid #1a5785;
}

.lancamento-wrapper-2.me10 {
  padding-right: 20px;
}

.div-block-461 {
  text-align: center;
  min-width: 170px;
  max-width: 200px;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.div-block-462 {
  flex: 1;
  justify-content: flex-start;
  width: 60%;
  display: flex;
}

.menu-link-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #505050;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.menu-link-2.w--current {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.menu-link-2.w--current:hover {
  color: #1a5785;
}

.text-block-212 {
  font-size: 16px;
}

.text-block-212.blue {
  color: #4094d4;
}

.text-block-212.red {
  color: #dc2f37;
}

.nav-menu-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.grid-40 {
  grid-template-rows: auto;
}

.text-block-213 {
  color: #4094d4;
  font-family: System main, sans-serif;
  font-size: 20px;
  text-decoration: none;
}

.heading-19.box {
  margin-bottom: 0;
  font-size: 33px;
  font-weight: 400;
  line-height: 50px;
}

.div-block-463 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-214 {
  font-size: 21px;
  font-weight: 400;
  line-height: 50px;
}

.text-block-214.no-margin {
  margin-bottom: 0;
}

.input-2 {
  vertical-align: baseline;
  border: 1px #a0aec0ad;
  border-radius: 8px;
  height: 45px;
  padding-left: 15px;
  padding-right: 15px;
  outline: none !important;
}

.input-2.form-fiield {
  border-style: solid;
  border-color: #d0d3dd;
  width: 100%;
  margin-bottom: 10px;
}

.div-block-464 {
  background-color: #fff;
  border-radius: 8px;
  width: 90%;
  min-width: 600px;
  max-width: 600px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 35px;
}

.div-block-464.min {
  min-width: 500px;
  max-width: 500px;
}

.text-block-215 {
  font-size: 16px;
}

.div-block-465 {
  max-width: 200px;
  margin-left: 0;
  margin-right: 0;
}

.div-block-466 {
  text-align: center;
  min-width: 170px;
  max-width: 200px;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.grid-41 {
  grid-template-rows: auto;
  width: 50%;
}

.text-block-216 {
  font-size: 21px;
  font-weight: 400;
  line-height: 50px;
}

.text-block-216.no-margin {
  margin-bottom: 0;
}

.div-block-467 {
  background-color: #fff;
  border-radius: 8px;
  width: 90%;
  min-width: 600px;
  max-width: 600px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 35px;
}

.div-block-468 {
  margin-top: 30px;
}

.div-block-469 {
  max-width: 200px;
  margin-left: 0;
  margin-right: 0;
}

.logo-text {
  color: #2260c7;
  justify-content: flex-start;
  align-items: center;
  margin-top: 25px;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 700;
  display: flex;
}

.logo-text.large {
  margin-top: 0;
  font-size: 37px;
}

.delete-user-wrap, .create-user-wrap, .create-user-wrap1 {
  z-index: 1000;
  background-color: #000000ad;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-470 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.notification-icon {
  background-color: var(--crimson);
  color: #fff;
  text-align: center;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  position: absolute;
  top: -8px;
  right: -11px;
}

.section-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vw;
  display: flex;
}

.section-4 {
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.div-block-471 {
  flex: 1;
}

.button-8 {
  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-8.success-continue-copy {
  background-color: #0000002e;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 20px 20px auto auto;
}

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

.button-8.success-continue-copy.ok {
  color: #05b32e;
  background-color: #0000;
  border: 1px solid #05b32e;
  right: 177px;
}

.button-8.success-continue-copy.ok:hover {
  color: #fff;
  background-color: #05b32e;
}

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

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

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

.button-8.gray:hover {
  color: #fff;
  background-color: #449e47;
  border-color: #0000;
}

.button-8.gray.apagar:hover {
  background-color: #fc3636;
}

.button-9 {
  text-align: center;
  border-radius: 5px;
  padding: .8rem 1.3rem;
  font-size: 100%;
  line-height: 1.5;
  display: block;
}

.button-9:hover {
  background-color: #384dec;
}

.div-block-472 {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  min-width: 170px;
  max-width: none;
  margin-bottom: 0;
  margin-left: auto;
  display: flex;
  position: relative;
}

.div-block-472.submit {
  max-width: 100%;
}

.form-6 {
  width: 100%;
}

.form-6.round-corners {
  border: 1px solid #e0e2e7;
  border-radius: 4px;
  margin-left: 16px;
  overflow: hidden;
}

.form-6.round-corners._10 {
  margin-left: 0;
  display: flex;
}

.div-block-473 {
  margin-bottom: 25px;
}

.form-left-side-4 {
  background-color: #fff;
  border-left: 1px #e0e2e7;
  flex: 1;
  padding: 50px;
}

.div-block-474 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-top: 20px;
  display: flex;
}

.link-16 {
  color: var(--dodger-blue);
  font-size: 15px;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .navigation {
    display: flex;
  }

  .content-wrapper {
    margin-left: 0;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-wrapper, .brand-wrapper.mobile {
    display: block;
  }

  .links-wrapper {
    display: flex;
  }

  .links-wrapper.mobile {
    display: block;
  }

  .heading {
    font-size: 2.5rem;
  }

  .heading-2 {
    font-size: 2rem;
  }

  .heading-2.box {
    font-size: 30px;
  }

  .heading-3 {
    font-size: 1.75rem;
  }

  .header-back-wrapper.buttonx.outher {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .link {
    line-height: 1.2;
  }

  .card-item.img {
    flex: none;
  }

  .div-block-4 {
    width: 50px;
    height: 50px;
  }

  .legenda-wrapper {
    display: flex;
  }

  .div-block-236 {
    padding: 25px;
  }

  .h3-main {
    font-size: 1.75rem;
  }

  .status-line {
    top: -25px;
  }

  .container-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-278 {
    padding: 30px;
  }

  .wrapper-1 {
    padding: 25px;
  }

  .wrapper-1.flex {
    padding: 0;
  }

  .main-lan-amento-wrapper {
    width: 80%;
    left: auto;
  }

  .legs, .wrapp-lancamento-div {
    display: none;
  }

  .tabs-content {
    margin-left: 20px;
  }

  .grid-23 {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-306 {
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
  }

  .mobile-menu {
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    display: block;
    position: static;
  }

  .container-3 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .div-block-315 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .div-block-316 {
    flex-flow: row;
    display: flex;
  }

  .menu-link {
    border-bottom: 1px none var(--light-steel-blue-2);
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
  }

  .menu-link:hover, .menu-link.w--current, .menu-link.w--current:hover {
    color: #9bd4ff;
  }

  .menu-link.logout {
    display: none;
  }

  .menu-link.logout-mobile {
    display: flex;
  }

  .nav-menu {
    background-color: var(--royal-blue);
    width: 55%;
    height: 100vh;
    margin-top: 0;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
  }

  .menu-button {
    color: #616161;
    height: auto;
    padding: 10px;
    display: block;
  }

  .menu-button.w--open {
    color: #616161;
    background-color: #0000;
  }

  .div-block-317 {
    margin-bottom: 10px;
  }

  .scroll-table-content {
    overflow: auto;
  }

  .table-heading {
    padding-right: 10px;
  }

  .div-block-406._2 {
    justify-content: flex-start;
  }

  .table-box {
    justify-content: center;
  }

  .table-box._1, .table-box.end, .table-box._2 {
    justify-content: flex-start;
  }

  .tab-top {
    display: none;
  }

  .div-block-411 {
    align-items: center;
    display: flex;
  }

  .div-block-423 {
    margin-left: 10px;
  }

  .div-block-433 {
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
  }

  .div-block-435 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    align-items: flex-start;
  }

  .grid-32 {
    grid-template-columns: 1fr;
  }

  .wrapp-conta {
    display: none;
  }

  .main-conta-wrapper {
    width: 80%;
    left: auto;
  }

  .grid-36 {
    grid-template-columns: 1fr 1fr;
  }

  .heading-17 {
    font-size: 2rem;
  }

  .heading-17.box {
    font-size: 30px;
  }

  .container-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-18 {
    font-size: 2rem;
  }

  .heading-18.box {
    font-size: 30px;
  }

  .div-block-457 {
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
  }

  .menu-link-2 {
    color: #fff;
    border-bottom: 1px #a0aec0ad;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
  }

  .menu-link-2:hover, .menu-link-2.w--current, .menu-link-2.w--current:hover {
    color: #9bd4ff;
  }

  .nav-menu-2 {
    background-color: #1a5785;
    width: 55%;
    height: 100vh;
    margin-top: 0;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
  }

  .heading-19 {
    font-size: 2rem;
  }

  .heading-19.box {
    font-size: 30px;
  }

  .div-block-463 {
    flex-flow: row;
    display: flex;
  }

  .div-block-464, .div-block-467 {
    min-width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
  }
}

@media screen and (max-width: 767px) {
  h4 {
    font-size: 1.25rem;
  }

  h5, p {
    font-size: 1.125rem;
  }

  .heading {
    font-size: 1.75rem;
  }

  .heading-2 {
    font-size: 1.5rem;
  }

  .heading-2.box {
    font-size: 29px;
    line-height: 37px;
  }

  .heading-3 {
    font-size: 1.375rem;
  }

  .div-block-2, .div-block-2._500 {
    width: 50%;
    max-width: none;
  }

  .header-back-wrapper.buttonx {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .header-back-wrapper.buttonx.row {
    flex-flow: row;
  }

  .header-back-wrapper.buttonx.row.margin {
    margin-bottom: 50px;
  }

  .link {
    padding-right: 1rem;
    line-height: 1;
  }

  .div-block-3 {
    flex-flow: row;
    width: 100%;
  }

  .legenda-wrapper {
    display: none;
  }

  .legenda-wrapper.contas {
    display: flex;
  }

  .form-right-side, .form-left-side {
    padding: 30px;
  }

  .search-input-2 {
    height: 40px;
  }

  .search-button-2._89 {
    top: 2px;
  }

  .select-field {
    height: 40px;
  }

  .button-3.bx {
    height: 40px;
    padding: 10px 1rem;
    line-height: 19px;
  }

  .button-3.bx.no-color {
    line-height: 19px;
  }

  .h3-main {
    font-size: 1.375rem;
  }

  .material-icons {
    padding-top: 11px;
  }

  .status-line {
    top: -26px;
  }

  .div-block-278 {
    border-style: none;
    width: 100%;
    height: 100vh;
    padding: 20px;
  }

  .div-block-278.outher {
    background-color: #0000;
    padding: 0;
  }

  .div-block-279 {
    flex-flow: row;
  }

  .div-block-280.hidden {
    display: none;
  }

  .dc4 {
    min-width: 120px;
  }

  .div-block-281 {
    padding-top: 20px;
  }

  .div-block-211 {
    width: 100%;
  }

  .form-block-6 {
    min-width: 100%;
  }

  .grid-17 {
    grid-template-columns: 1fr 1fr;
  }

  .wrapper-1 {
    padding-top: 0;
  }

  .wrapper-1.flex {
    justify-content: space-around;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .n_65 {
    padding-left: 20px;
  }

  .nome-do-lan-amento {
    font-size: 16px;
  }

  .d_15 {
    display: none;
    overflow: visible;
  }

  .text-block-189 {
    font-size: 14px;
  }

  .main-lan-amento-wrapper {
    width: 100%;
    padding: 30px;
    display: block;
    left: 0;
    overflow: auto;
  }

  .grid-19 {
    grid-template-columns: 2fr;
  }

  .grid-19._200 {
    grid-template-columns: 2fr 1fr 1fr;
  }

  .wrapp-lancamento-div {
    display: none;
  }

  .div-block-304 {
    padding: 40px 30px 30px;
  }

  .tabs-2 {
    overflow: hidden;
  }

  .tabs-menu {
    width: 100%;
  }

  .tabs-content {
    z-index: auto;
    background-color: #fff;
    height: 100vh;
    margin-left: 0;
    position: fixed;
    inset: 0;
    overflow: auto;
    transform: translate(780px);
  }

  .grid-23 {
    grid-template-columns: 1fr 1fr;
  }

  .extracto-wrapper {
    width: 100%;
    padding: 20px;
  }

  .div-block-306 {
    width: 100%;
    min-width: auto;
  }

  .wrapp-nova-conta {
    display: none;
  }

  .main-nova-conta {
    width: 80%;
    padding: 30px;
    display: flex;
  }

  .div-block-313 {
    width: 100%;
  }

  .div-block-313.outher {
    margin-top: 20px;
  }

  .nav-menu {
    width: 70%;
  }

  .div-block-318 {
    overflow: auto;
  }

  .scroll-table-content {
    margin-right: 33px;
    overflow: auto;
  }

  .table-data-wrapper {
    width: 100%;
    position: relative;
    overflow: visible;
  }

  .table-row {
    width: 740px;
    display: flex;
  }

  .table-row.outher, .table-row.outher.top {
    width: 680px;
  }

  .table-row.head {
    width: 680px;
    max-width: none;
    display: none;
  }

  .table-row.head.hide {
    width: 680px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .table-row.head.hide.outher {
    background-color: #6c6e7036;
  }

  .table-row.head-account {
    width: 680px;
    display: flex;
  }

  .table-row.account {
    width: 680px;
  }

  .scroll-container {
    width: 100vw;
    overflow: hidden;
  }

  .table-container {
    position: relative;
    overflow: hidden;
  }

  .table-wrapper {
    overflow: hidden;
  }

  .table-heading {
    text-align: center;
  }

  .table-heading._2 {
    text-align: left;
  }

  .table-heading.no-margin {
    padding-right: 0;
  }

  .table-box, .table-box._2 {
    justify-content: flex-start;
  }

  .table-box._2.ouher {
    width: 35%;
  }

  .div-block-407 {
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .div-block-407.no-margin {
    padding-bottom: 10px;
  }

  .div-block-408 {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 20px;
    display: flex;
  }

  .heading-11 {
    color: #444;
    font-weight: 400;
  }

  .bold-text {
    line-height: 0;
    display: block;
  }

  .tab-top {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    display: flex;
  }

  .heading-12 {
    align-items: center;
    height: auto;
    margin-bottom: 0;
    font-weight: 400;
    display: block;
  }

  .div-block-411 {
    width: 100%;
  }

  .div-block-413 {
    width: 90%;
  }

  .subscription-card, .subscription-card.coins {
    width: 100%;
  }

  .div-block-417 {
    flex-flow: column;
  }

  .div-block-418 {
    width: 100%;
  }

  .grid-27 {
    grid-template-columns: 1fr;
  }

  .div-block-423 {
    margin-left: 0;
  }

  .flex-block-2 {
    flex-flow: column-reverse wrap;
  }

  .div-block-430 {
    margin-left: 20px;
  }

  .diario-wrpper {
    width: 100%;
    padding: 20px;
  }

  .div-block-433 {
    width: 100%;
    min-width: auto;
  }

  .exercicio-wrpper, .cambio-wrappwe {
    width: 100%;
    padding: 20px;
  }

  .anular-lancamento-wrapper {
    width: 100%;
    padding: 20px;
    display: none;
  }

  .main-nova-nota {
    width: 80%;
    padding: 30px;
    display: flex;
  }

  .wrapp-nova-nota, .wrapp-nota-preview {
    display: none;
  }

  .input {
    height: 40px;
  }

  .main-preview-nota {
    width: 80%;
    padding: 30px;
    display: flex;
  }

  .exercicio-fechar-wrapper {
    width: 100%;
    padding: 20px;
    display: none;
  }

  .grid-32 {
    grid-template-columns: 1fr;
  }

  .wrapp-conta {
    display: none;
  }

  .main-conta-wrapper {
    width: 100%;
    padding: 30px;
    display: block;
    left: 0;
    overflow: auto;
  }

  .grid-35 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .div-block-444 {
    width: 50%;
    max-width: none;
  }

  .div-block-445 {
    flex-flow: row;
    width: 100%;
  }

  .heading-17 {
    font-size: 1.5rem;
  }

  .heading-17.box {
    font-size: 29px;
    line-height: 37px;
  }

  .button-5.bx {
    height: 40px;
    padding: 10px 1rem;
    line-height: 19px;
  }

  .search-input-3, .select-field-2 {
    height: 40px;
  }

  .div-block-447 {
    width: 50%;
    max-width: none;
  }

  .div-block-448 {
    flex-flow: row;
    width: 100%;
  }

  .grid-38 {
    grid-template-columns: 2fr;
  }

  .heading-18 {
    font-size: 1.5rem;
  }

  .heading-18.box {
    font-size: 29px;
    line-height: 37px;
  }

  .button-7.bx {
    height: 40px;
    padding: 10px 1rem;
    line-height: 19px;
  }

  .button-7.bx.no-color {
    line-height: 19px;
  }

  .div-block-453 {
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .div-block-455 {
    padding: 40px 30px 30px;
  }

  .div-block-456 {
    width: 50%;
    max-width: none;
  }

  .div-block-457 {
    width: 100%;
    min-width: auto;
  }

  .div-block-458 {
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .div-block-458.no-margin {
    padding-bottom: 10px;
  }

  .div-block-461 {
    width: 50%;
    max-width: none;
  }

  .div-block-462 {
    flex-flow: row;
    width: 100%;
  }

  .text-block-212 {
    font-size: 14px;
  }

  .nav-menu-2 {
    width: 70%;
  }

  .heading-19 {
    font-size: 1.5rem;
  }

  .heading-19.box {
    font-size: 29px;
    line-height: 37px;
  }

  .input-2 {
    height: 40px;
  }

  .div-block-464 {
    width: 100%;
    min-width: auto;
  }

  .div-block-466 {
    width: 50%;
    max-width: none;
  }

  .div-block-467 {
    width: 100%;
    min-width: auto;
  }

  .div-block-468 {
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .div-block-468.no-margin {
    padding-bottom: 10px;
  }

  .div-block-472 {
    width: 50%;
    max-width: none;
  }

  .form-left-side-4 {
    padding: 30px;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-2.box {
    margin-bottom: 0;
    font-size: 27px;
    line-height: 34px;
  }

  .button {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 100%;
  }

  .button.bx {
    margin-top: 12px;
  }

  .div-block-2 {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .div-block-2._500 {
    width: 100%;
    padding-left: 0;
  }

  .header-back-wrapper.buttonx {
    flex-flow: column;
    align-items: flex-start;
  }

  .header-back-wrapper.buttonx.row.margin {
    flex-flow: column;
  }

  .link {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .div-block-3 {
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
  }

  .card-wrapper {
    height: auto;
    padding: 15px;
  }

  .card-item.img {
    padding-left: 0;
  }

  .card-item.data-1 {
    width: 100%;
  }

  .card-item.data-1.x {
    width: 182px;
  }

  .card-item.name {
    width: 233px;
  }

  .side-a {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    margin-right: 25px;
  }

  .side-a-1 {
    width: 100%;
    margin-bottom: 10px;
  }

  .text-block-3 {
    margin-bottom: .3rem;
  }

  .legenda-wrapper.contas {
    flex-flow: row;
  }

  .form-field-label.lft.green.back, .form-field-label.lft.red.back, .form-field-label.lft.green.back, .form-field-label.lft.red.back, .form-field-label.bold {
    margin-bottom: 0;
  }

  .form-right-side {
    padding-top: 0;
  }

  .uploaded-photo-info {
    padding-left: 15px;
    padding-right: 15px;
  }

  .photo-upload-input-wrapper {
    border-bottom-style: none;
  }

  .form.round-corners._10 {
    flex-direction: column;
  }

  .form-left-side {
    padding-bottom: 10px;
  }

  .uploaded-photo-div {
    padding: 10px;
  }

  .main-wrapper {
    padding-top: 40px;
  }

  .div-block-12, .form-block-3 {
    width: 100%;
  }

  .filters-flex {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .search-input-2 {
    height: 40px;
  }

  .form-2, .search-no-filtro {
    width: 100%;
  }

  .select-field {
    width: 100%;
    min-width: auto;
    height: 40px;
    margin-right: 0;
  }

  .apagar-div {
    min-width: 150px;
    max-width: 160px;
  }

  .card-wrapper-2 {
    height: auto;
    padding: 15px;
  }

  .button-3 {
    height: 40px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 100%;
  }

  .button-3.bx {
    height: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 10px .5rem;
    font-size: 100%;
    line-height: 19px;
  }

  .button-3.bx.no-color {
    margin-bottom: 15px;
  }

  .button-3.bx.no-margin {
    margin-bottom: 0;
  }

  .button-3.editar {
    height: 40px;
    padding: 0 1.5rem;
    line-height: 40px;
  }

  .div-block-165 {
    padding-left: 0;
  }

  .text-block-156 {
    font-size: 2.1rem;
  }

  .form-left-side-3 {
    padding: 30px;
  }

  .div-block-236 {
    padding: 15px;
  }

  .confirmed-line {
    height: 100%;
  }

  .status-content-wrapper {
    flex-direction: row;
    height: 30px;
  }

  .center-text {
    margin-top: 2px;
  }

  .linesman {
    flex-direction: column;
    align-items: flex-start;
  }

  .in-progress-line {
    border-style: none dashed none none;
    border-right-width: 2px;
    border-right-color: #d9d9d9;
    height: 100%;
  }

  .status-circles-wrapper {
    margin-right: 16px;
  }

  .status-line {
    flex: 0 auto;
    width: 3px;
    height: 50px;
    margin-bottom: -3px;
    margin-left: 13px;
    margin-right: 0;
    top: -2px;
  }

  .movimentox {
    height: auto;
    padding: 15px;
  }

  .container-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-259 {
    min-width: 150px;
    max-width: 160px;
  }

  .rota._900 {
    margin-bottom: 45px;
    font-size: 19px;
  }

  .div-block-162 {
    padding: 40px 30px 30px;
  }

  .div-block-278 {
    margin-left: 0;
    padding: 20px 20px 30px;
  }

  .div-block-279 {
    justify-content: flex-end;
  }

  .div-block-280 {
    width: 181px;
  }

  .div-block-280.hidden {
    display: none;
  }

  .dc4 {
    width: 158%;
    min-width: auto;
  }

  .div-block-281 {
    padding-top: 20px;
  }

  .div-block-281.flex {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .text-block-175 {
    font-size: 16px;
  }

  .div-block-282 {
    width: auto;
  }

  .m1 {
    overflow: auto;
  }

  .section-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .form-block-6 {
    padding: 30px 25px;
  }

  .div-block-292 {
    margin-bottom: 35px;
    padding-top: 20px;
  }

  .grid-17 {
    grid-template-columns: 1fr;
  }

  .div-block-293 {
    padding: 15px;
  }

  .wrapper-1 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    padding: 0 0 15px;
  }

  .wrapper-1.flex {
    flex-flow: column;
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .lancamento-wrapper {
    padding-right: 10px;
  }

  .n_65 {
    width: 95%;
  }

  .valor_20 {
    display: none;
  }

  .main-lan-amento-wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    left: 0;
    right: 0;
    overflow: auto;
  }

  .div-block-296 {
    justify-content: space-between;
    align-items: center;
  }

  .text-block-190 {
    font-size: 20px;
    line-height: 35px;
  }

  .link-10 {
    line-height: 40px;
  }

  .grid-19, .grid-19._200 {
    grid-template-columns: 2fr;
  }

  .div-block-298 {
    padding-top: 0;
  }

  .grid-20._21 {
    grid-template-columns: 2fr 1fr 1fr;
  }

  .grid-21 {
    grid-template-columns: 2fr 1fr;
  }

  .grid-21._2 {
    grid-template-columns: 2fr;
  }

  .forrm_fi {
    width: 100%;
  }

  .balanco-wrapper {
    margin-top: 30px;
  }

  .balanco-wrapper._200 {
    align-items: center;
    padding-top: 20px;
  }

  .wrapp-lancamento-div {
    display: none;
  }

  ._2-options {
    min-width: 150px;
    max-width: 160px;
  }

  .div-block-303 {
    padding-top: 10px;
  }

  .div-block-304 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs-2 {
    position: static;
  }

  .tabs-menu {
    width: 100%;
  }

  .tabs-content {
    background-color: #fff;
    height: 100vh;
    padding: 0;
    position: fixed;
    inset: 0;
    overflow: auto;
  }

  .tab-pane-tab-1 {
    float: none;
    clear: none;
    background-color: #fff;
    width: auto;
    padding-bottom: 20px;
    padding-left: 0;
    overflow: visible;
  }

  .grid-23 {
    grid-template-columns: 1fr;
  }

  .extracto-wrapper {
    padding: 20px;
    display: none;
  }

  .div-block-306 {
    width: 100%;
    min-width: auto;
    padding: 20px;
  }

  .div-block-304-copy {
    padding: 30px 20px;
  }

  .grid-25 {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .grid-25.outher {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    grid-template-columns: 1fr;
  }

  .div-block-309 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    display: flex;
  }

  .primeiro-grau {
    width: auto;
    font-size: 16px;
  }

  .segundo-grau, .terceiro-grau {
    font-size: 16px;
  }

  .wrapp-nova-conta {
    display: none;
  }

  .main-nova-conta {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-313 {
    padding: 30px 25px;
  }

  .nav-menu {
    width: 83%;
  }

  .menu-button.w--open {
    padding: 0;
  }

  .icon-2 {
    font-size: 26px;
  }

  .div-block-321 {
    margin-top: 30px;
  }

  .div-block-323 {
    max-width: 969px;
    overflow: visible;
  }

  .div-block-326 {
    justify-content: flex-start;
    align-items: center;
    display: block;
  }

  .text-block-195 {
    font-weight: 700;
  }

  .dropdown-toggle-2 {
    background-color: #0000;
  }

  .div-block-327 {
    max-width: 400px;
  }

  .scroll-table-content {
    margin-right: 30px;
    overflow: auto;
  }

  .table-data-wrapper {
    overflow: visible;
  }

  .table-row.head {
    display: none;
  }

  .table-box._1 {
    width: 40%;
  }

  .table-box.end {
    padding-right: 10px;
  }

  .table-box._2 {
    width: 20%;
  }

  .table-box._2.ouher {
    width: 35%;
  }

  .table-sectioon.second {
    overflow: visible;
  }

  .div-block-407.outhr {
    width: 100%;
    padding-bottom: 20px;
  }

  .heading-12 {
    margin-bottom: 15px;
  }

  .div-block-411 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 100%;
  }

  .div-block-413 {
    flex-flow: column;
    width: 90%;
  }

  .div-block-414 {
    width: auto;
  }

  .grid-26 {
    grid-template-columns: 1fr;
  }

  .div-block-419 {
    text-align: center;
    justify-content: center;
    margin-top: 10px;
  }

  .text-block-201 {
    line-height: 15px;
  }

  .div-block-420 {
    text-align: center;
  }

  .div-block-421 {
    margin-top: 10px;
  }

  .div-block-430 {
    margin-left: 20px;
  }

  .diario-wrpper {
    padding: 20px;
    display: none;
  }

  .div-block-431.no-mobile {
    display: none;
  }

  .link-15 {
    line-height: 40px;
  }

  .text-block-205 {
    font-size: 20px;
    line-height: 35px;
  }

  .button-4 {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 100%;
  }

  .div-block-433 {
    width: 100%;
    min-width: auto;
    padding: 20px;
  }

  .exercicio-wrpper, .cambio-wrappwe, .anular-lancamento-wrapper {
    padding: 20px;
    display: none;
  }

  .main-nova-nota {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .wrapp-nova-nota, .wrapp-nota-preview {
    display: none;
  }

  .grid-31 {
    grid-template-columns: 1fr;
  }

  .main-preview-nota {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .exercicio-fechar-wrapper {
    padding: 20px;
    display: none;
  }

  .wrapp-conta {
    display: none;
  }

  .main-conta-wrapper {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    left: 0;
    right: 0;
    overflow: auto;
  }

  .div-block-444 {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .div-block-445 {
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
  }

  .heading-17.box {
    margin-bottom: 0;
    font-size: 27px;
    line-height: 34px;
  }

  .button-5 {
    height: 40px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 100%;
  }

  .button-5.bx {
    height: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 10px .5rem;
    font-size: 100%;
    line-height: 19px;
  }

  .div-block-446, .form-5, .form-block-7 {
    width: 100%;
  }

  .search-input-3 {
    height: 40px;
  }

  .select-field-2 {
    width: 100%;
    min-width: auto;
    height: 40px;
    margin-right: 0;
  }

  .container-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-447 {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .div-block-448 {
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
  }

  .grid-37 {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .grid-38 {
    grid-template-columns: 2fr;
  }

  .heading-18.box {
    margin-bottom: 0;
    font-size: 27px;
    line-height: 34px;
  }

  .button-7 {
    height: 40px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 100%;
  }

  .button-7.bx {
    height: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 10px .5rem;
    font-size: 100%;
    line-height: 19px;
  }

  .button-7.bx.no-color {
    margin-bottom: 15px;
  }

  .div-block-451 {
    margin-top: 30px;
  }

  .div-block-453.outhr {
    width: 100%;
    padding-bottom: 20px;
  }

  .div-block-454 {
    padding-top: 10px;
  }

  .div-block-455 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-456 {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .grid-39 {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .text-block-211 {
    font-size: 20px;
    line-height: 35px;
  }

  .div-block-457 {
    width: 100%;
    min-width: auto;
    padding: 20px;
  }

  .div-block-459.no-mobile {
    display: none;
  }

  .lancamento-wrapper-2 {
    padding-right: 10px;
  }

  .div-block-461 {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .div-block-462 {
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
  }

  .nav-menu-2 {
    width: 83%;
  }

  .heading-19.box {
    margin-bottom: 0;
    font-size: 27px;
    line-height: 34px;
  }

  .text-block-214 {
    font-size: 20px;
    line-height: 35px;
  }

  .div-block-464 {
    width: 100%;
    min-width: auto;
    padding: 20px;
  }

  .icon-3 {
    font-size: 26px;
  }

  .div-block-466 {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .grid-41 {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .text-block-216 {
    font-size: 20px;
    line-height: 35px;
  }

  .div-block-467 {
    width: 100%;
    min-width: auto;
    padding: 20px;
  }

  .div-block-469.no-mobile {
    display: none;
  }

  .button-9 {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 100%;
  }

  .button-9.bx {
    margin-top: 12px;
  }

  .div-block-472 {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .form-left-side-4 {
    padding-bottom: 10px;
  }
}


@font-face {
  font-family: 'Full icons';
  src: url('../fonts/full-icons.eot') format('embedded-opentype'), url('../fonts/full-icons.woff') format('woff'), url('../fonts/full-icons.ttf') format('truetype'), url('../fonts/full-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'System main';
  src: url('../fonts/system-main.eot') format('embedded-opentype'), url('../fonts/system-main.woff') format('woff'), url('../fonts/system-main.ttf') format('truetype'), url('../fonts/system-main.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}