@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Audiowide&display=swap");
:root {
  --white: rgb(255 255 255);
  /* grey */
  --gray-50: #f5f8fa;
  /* $cinza10 */
  --gray-100: #eaeef3;
  /* $cinza9 */
  --gray-200: #d9e0e9;
  /* $cinza8 */
  /* $border */
  --gray-300: #c4ceda;
  /* $cinza7 */
  --gray-400: #98a2b1;
  /* $cinza6 */
  --gray-500: #687383;
  /* $cinza5 */
  --gray-600: #465060;
  /* $cinza4 */
  --gray-700: #2e3847;
  /* $cinza3 */
  --gray-800: #202836;
  /* $cinza2 */
  --gray-900: #141923;
  /* $cinza1 */
  --gray-950: #070810;
  /* transparent */
  --transp-black-100: rgba(7, 8, 16, 0.07);
  --transp-black-300: rgba(7, 8, 16, 0.2);
  --transp-black-500: rgba(7, 8, 16, 0.4);
  --transp-black-700: rgba(7, 8, 16, 0.6);
  --transp-black-900: rgba(7, 8, 16, 0.8);
  --transp-white-100: rgba(255, 255, 255, 0.07);
  --transp-white-300: rgba(255, 255, 255, 0.2);
  --transp-white-500: rgba(255, 255, 255, 0.4);
  --transp-white-700: rgba(255, 255, 255, 0.6);
  --transp-white-900: rgba(255, 255, 255, 0.8);
  /* red */
  --red-50: #fce7e9;
  --red-100: #ffe4e8;
  --red-300: #fda4b6;
  --red-500: #f3406d;
  --red-700: #bd134a;
  --red-900: #871440;
  /* orange */
  --orange-100: #fce5d9;
  --orange-300: #f5b08e;
  --orange-500: #ef7c43;
  --orange-700: #c54c11;
  --orange-900: #712c0a;
  /* yellow */
  --yellow-100: #fdf5bf;
  --yellow-300: #fade70;
  --yellow-500: #f7ba22;
  --yellow-700: #ac7006;
  --yellow-900: #4a2a03;
  /* green */
  --green-50: #cbf7f6;
  --green-100: #bef5f4;
  --green-300: #60e2e0;
  --green-500: #22b9b7;
  --green-700: #157473;
  --green-900: #092f2f;
  /* blue */
  --blue-100: #cdedfb;
  --blue-300: #6ecbf4;
  --blue-500: #11a8eb;
  --blue-700: #0b729f;
  --blue-900: #063b53;
  /* Purple */
  --purple-100: #f3e2f9;
  --purple-300: #d296ea;
  --purple-500: #b046d9;
  --purple-700: #771f9a;
  --purple-900: #46125a;
  /* spacing */
  --space-px: 1px;
  /* 1px */
  --space-0\/5: 0.125rem;
  /* 2px */
  --space-1: 0.25rem;
  /* 4px */
  --space-1\/5: 0.375rem;
  /* 6px */
  --space-2: 0.5rem;
  /* 8px */
  --space-2\/5: 0.625rem;
  /* 10px */
  --space-3: 0.75rem;
  /* 12px */
  --space-3\/5: 0.875rem;
  /* 14px */
  --space-4: 1rem;
  /* 16px */
  --space-5: 1.25rem;
  /* 20px */
  --space-6: 1.5rem;
  /* 24px */
  --space-7: 1.75rem;
  /* 28px */
  --space-8: 2rem;
  /* 32px */
  --space-9: 2.25rem;
  /* 36px */
  --space-10: 2.5rem;
  /* 40px */
  --space-11: 2.75rem;
  /* 44px */
  --space-12: 3rem;
  /* 48px */
  --space-14: 3.5rem;
  /* 56px */
  --space-16: 4rem;
  /* 64px */
  --space-18: 4.5rem;
  /* 72px */
  --space-20: 5rem;
  /* 80px */
  --space-24: 6rem;
  /* 96px */
  --space-28: 7rem;
  /* 112px */
  --space-32: 8rem;
  /* 128px */
  --space-36: 9rem;
  /* 144px */
  --space-40: 10rem;
  /* 160px */
  --space-44: 11rem;
  /* 176px */
  --space-48: 12rem;
  /* 192px */
  --space-52: 13rem;
  /* 208px */
  --space-56: 14rem;
  /* 224px */
  --space-60: 15rem;
  /* 240px */
  --space-64: 16rem;
  /* 256px */
  --space-72: 18rem;
  /* 288px */
  --space-80: 20rem;
  /* 320px */
  --space-96: 24rem;
  /* 384px */
  /*  */
  --perc-1\/2: 50%;
  --perc-1\/3: 33.333333%;
  --perc-2\/3: 66.666667%;
  --perc-1\/4: 25%;
  --perc-2\/4: 50%;
  --perc-3\/4: 75%;
  --perc-1\/5: 20%;
  --perc-2\/5: 40%;
  --perc-3\/5: 60%;
  --perc-4\/5: 80%;
  --perc-1\/6: 16.666667%;
  --perc-2\/6: 33.333333%;
  --perc-3\/6: 50%;
  --perc-4\/6: 66.666667%;
  --perc-5\/6: 83.333333%;
  --perc-1\/12: 8.333333%;
  --perc-2\/12: 16.666667%;
  --perc-3\/12: 25%;
  --perc-4\/12: 33.333333%;
  --perc-5\/12: 41.666667%;
  --perc-6\/12: 50%;
  --perc-7\/12: 58.333333%;
  --perc-8\/12: 66.666667%;
  --perc-9\/12: 75%;
  --perc-10\/12: 83.333333%;
  --perc-11\/12: 91.666667%;
  /* shadows */
  --shadow-light: 0 1px 15px rgb(0 0 0 / 0.12);
  --shadow-dark: 0 2px 15px rgb(0 0 0 / 0.23);
  /* fonts */
  --font-8: 0.5rem;
  --font-9: 0.5625rem;
  --font-10: 0.625rem;
  --font-11: 0.6875rem;
  --font-12: 0.75rem;
  --font-14: 0.875rem;
  --font-16: 1rem;
  --font-18: 1.125rem;
  --font-20: 1.25rem;
  --font-24: 1.5rem;
  --font-30: 1.875rem;
  --font-36: 2.25rem;
  --font-48: 3rem;
  --font-60: 3.75rem;
  --font-72: 4.5rem;
  --font-96: 6rem;
}

.text-c-green {
  color: #22b9b7;
}

.text-c-blue {
  color: #11a8eb;
}

.text-c-red {
  color: #f3406d;
}

.text-c-yellow {
  color: #f7ba22;
}

.gradient-c-green {
  background-image: linear-gradient(-160deg, #60e2e0 10%, #157473 90%);
}

.gradient-c-blue {
  background-image: linear-gradient(-160deg, #6ecbf4 10%, #0b729f 90%);
}

.gradient-c-red {
  background-image: linear-gradient(-160deg, #fda4b6 10%, #bd134a 90%);
}

.gradient-c-yellow {
  background-image: linear-gradient(-160deg, #fade70 10%, #ac7006 90%);
}

.w-tab-menu {
  margin-bottom: 20px;
}

body {
  height: 100%;
  padding-top: 48px;
  padding-left: 56px;
  background-color: #e6ebf1;
  font-family: Roboto, sans-serif;
  color: #5f707e;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  overflow-x: clip;
}

.menu-topo-dev {
  display: none;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 48px;
  line-height: 54px;
  font-weight: 200;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 1.4rem;
  line-height: 1.2em;
  font-weight: 300;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}

h5 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
}

p {
  margin-bottom: 0px;
}

a {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #4a5964;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.hide {
  display: none;
}

.slide-setas-i {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cadastro-img .vertical-align {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.logo-icone {
  position: absolute;
  left: 46%;
  top: 0px;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-style: solid;
  border-width: 13px;
  border-color: #9ca5aa #e6ebf1 transparent transparent;
  -webkit-box-shadow: inset -4px 4px 5px -2px rgba(0, 0, 0, 0.66);
          box-shadow: inset -4px 4px 5px -2px rgba(0, 0, 0, 0.66);
  -webkit-transform: rotate(-45deg) translate(-50%, 0px);
  -ms-transform: rotate(-45deg) translate(-50%, 0px);
  transform: rotate(-45deg) translate(-50%, 0px);
}

.logo-icone.pequeno {
  position: absolute;
  left: 17px;
  top: 26px;
  width: 20px;
  height: 20px;
  border-width: 5px;
  border-top-color: #cccfd1;
  -webkit-box-shadow: inset -4px 4px 5px -2px rgba(0, 0, 0, 0.15);
          box-shadow: inset -4px 4px 5px -2px rgba(0, 0, 0, 0.15);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.tx-meio {
  text-align: center;
}

.login-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 0px 20px;
  background-color: #f7f8fa;
  color: #35414b;
}

.bt {
  display: inline-block;
  height: 46px;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 15px;
  padding: 13px 20px;
  border-bottom: 1px solid #000;
  border-radius: 8px;
  background-color: #2ab48e;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.bt:hover {
  background-color: #35414b;
}

.bt.bt-100 {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.bt.bt-simples {
  float: right;
  border-bottom-color: #5c6164;
  background-color: #8d9397;
}

.bt.bt-simples:hover {
  border-bottom-color: #0e1013;
  background-color: #161a1d;
}

.bt.bt-simples.simples-p {
  display: block;
  height: auto;
  padding: 10px 12px;
  float: left;
  font-size: 12px;
}

.bt.bt-simples.simples-p.sombra-escura {
  border-bottom-color: #161a1d;
}

.bt.dir {
  display: block;
  margin-right: 0px;
  margin-left: 15px;
}

.bt.bt-vermelho {
  border-bottom-color: #802929;
  background-color: #d34a4a;
}

.bt.bt-vermelho:hover {
  background-color: #161a1d;
}

.bt.bt-verde-p {
  display: block;
  height: auto;
  margin-right: 0px;
  margin-left: 20px;
  padding: 10px 12px;
  float: right;
  font-size: 12px;
}

.bt.bt-verde-p.sombra-escura {
  border-bottom-color: #161a1d;
}

.tx-cor1 {
  color: #22b9b7;
}

.espaco-p {
  height: 15px;
  clear: both;
}

.form {
  margin-bottom: 0px;
}

.login-form-recuperar {
  position: absolute;
  z-index: 3;
  display: none;
  width: 100%;
  padding-bottom: 90px;
  opacity: 0;
}

.dir {
  float: right;
}
.dir.margin-esq {
  margin-left: 4px;
}

.icone {
  position: relative;
  z-index: 3;
  display: block;
  margin-right: 5px;
  float: left;
  font-family: "Material design master";
  font-weight: 400;
  letter-spacing: 0px;
}

.icone.i-meio {
  width: auto;
  margin-right: 0px;
  float: none;
  text-align: center;
}

.icone.i-g {
  font-size: 24px;
}

.icone.i-p {
  font-size: 15px;
}

.icone.i-gg {
  font-size: 48px;
  line-height: 48px;
}

.icone.i-pp {
  margin-right: 10px;
  font-size: 9px;
}

.icone.i-m {
  font-size: 15px;
}

.icone.dir {
  margin-right: 0px;
  margin-left: 5px;
}

.conteudo.cont-visualizar {
  display: block;
  width: 100%;
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: transparent;
}

.conteudo.cont-visualizar.cont-rodape {
  color: #c6d3e0;
}

.conteudo.cont-visualizar.menor {
  max-width: 1020px;
}

.linha {
  margin-right: -10px;
  margin-left: -10px;
}
.linha .linha {
  margin-right: -10px;
  margin-left: -10px;
}

.linha.linha2 {
  margin-right: -10px;
  margin-left: -10px;
}

.linha.flex-meio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.linha.flex-api {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.linha.flex-integracoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.box-destaque {
  margin-bottom: 20px;
  display: block;
  position: relative;
  border: 1px solid #c6d3e0;
  background-color: #f7f8fa;
  padding: 20px;
  border-radius: 16px;
}

.box-destaque.max-h {
  max-height: 400px;
  overflow: auto;
}

.box-destaque.pontilhado {
  border: 2px dashed #c6d3e0;
  background-color: transparent;
}

.box-destaque.vermelho {
  background-color: #fda4b6;
  border-color: #f3406d;
  color: #212d36;
}

.box-destaque.verde {
  background-color: #60e2e0;
  border-color: #22b9b7;
}

.box-destaque.amarelo {
  background-color: #fade70;
  border-color: #f7ba22;
}

.box-destaque.azul {
  background-color: #6ecbf4;
  border-color: #11a8eb;
}

.box-destaque.escuro {
  color: #e6ebf1;
  background-color: #35414b;
  border-color: #212d36;
}

.box-destaque-delete {
  position: absolute;
  width: 32px;
  height: 32px;
  color: #82929e;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  z-index: 90;
}
.box-destaque-delete:hover {
  color: #212d36;
}

.mennu-topo-drop-seta {
  position: absolute;
  top: -3px;
  right: 21px;
  z-index: 1;
  display: none;
  width: 10px;
  height: 10px;
  background-color: #fff;
  -webkit-box-shadow: -1px -1px 5px -1px rgba(0, 0, 0, 0.2);
          box-shadow: -1px -1px 5px -1px rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(15deg) rotate(15deg) rotate(15deg);
      -ms-transform: rotate(15deg) rotate(15deg) rotate(15deg);
          transform: rotate(15deg) rotate(15deg) rotate(15deg);
}

.espaco-g {
  height: 30px;
  clear: both;
}

.filtrar.titulo {
  padding-bottom: 20px;
}

.esq {
  float: left;
}

.agenda {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 500px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
}

.agenda.menor {
  height: 340px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
}

.agenda.listagem {
  height: auto;
  float: left;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.agenda-dia {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 14.28571429%;
  min-height: 50px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  line-height: 0.8em;
  text-align: center;
  text-decoration: none;
}

.agenda-dia.proximo-mes {
  opacity: 0.38;
}

.agenda-dia.listagem {
  min-height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.agenda-dia.bloqueado {
  color: #f3406d;
}

.agenda-dia-tx {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  margin-top: -2px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 400px;
  font-size: 1.4rem;
  font-weight: 300;
  text-align: center;
}

.agenda-dia-tx:hover {
  background-color: #c6d3e0;
}

.agenda-dia-tx.selecionado {
  background-color: #42474b;
  color: #e6ebf1;
}

.agenda-dia-tx.selecionado:hover {
  background-color: #161a1d;
}

.agenda-dia-tx.listagem {
  width: 30px;
  height: auto;
  min-height: 24px;
  margin-top: 0px;
  color: #111e25;
  font-size: 14px;
  font-weight: 400;
}

.agenda-dia-tx.listagem:hover {
  background-color: transparent;
}

.agenda-dia-tx.listagem.selecionado {
  background-color: transparent;
}

.agenda-titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14.28571429%;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #acb7c2;
  font-size: 1.4rem;
  line-height: 1.2em;
  text-align: center;
}

.agenda-titulo.menor {
  min-height: 38px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 0.75rem;
}

.cadastro-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 2px dashed #5f707e;
  border-radius: 12px !important;
  color: #4a5964;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100px;
}

.cadastro-img:hover {
  border-color: #212d36;
}

.cadastro-img.com-img {
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-style: none;
  border-bottom-width: 35px;
  background-color: #f7f8fa;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/sem-img.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  min-height: 100%;
}
.cadastro-img.com-img.logo {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.cadastro-img.com-img.inventario {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  max-height: 200px;
  min-height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: none;
}

.cadastro-img.com-img.com-logo {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/logo_2.png");
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  background-color: #fff;
}

.cadastro-img.com-img.tamanho-livre {
  height: auto;
  padding-bottom: 0px;
  background-image: none;
}

.cadastro-img.com-img.destaque {
  border: 4px solid #fae6ba;
  -webkit-box-shadow: 0 0 0 1px #f7ba22;
          box-shadow: 0 0 0 1px #f7ba22;
}

.cadastro-img.com-img.destaque.verde {
  border-color: #22b9b7;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cadastro-img.com-img.destaque.vermelho {
  border-color: #f3406d;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cadastro-img.com-img.menor {
  height: 140px;
}

.cadastro-img.com-img.com-favicon {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/fav.png");
  background-size: auto;
}

.cadastro-img.com-img.com-webclip {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/webclip.jpg");
  background-size: contain;
}

.cadastro-img.com-img.exp-banner {
  height: 250px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/casa-bg.jpg");
}

.cadastro-img.com-img.exp-item {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/pexels-photo-101808.jpeg");
}

.cadastro-img.com-img.com-parceiro {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/canais-aribnb.jpg");
  background-size: 60%;
}

.cadastro-img.inventario {
  height: 164px;
}

.cadastro-img.inventario.maior {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 250px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cadastro-img.add {
  font-size: 0.75rem;
}

.cadastro-img.add.verde {
  border-color: #60e2e0;
  color: #22b9b7;
}
.cadastro-img.add.verde:hover {
  border-color: #22b9b7;
}

.cadastro-img.add.vermelho {
  border-color: #ffbbc6;
  color: #f3406d;
}
.cadastro-img.add.vermelho:hover {
  border-color: #f3406d;
}

.cadastro-img.add.roxo {
  border-color: #dbabe7;
  color: #a154b4;
}
.cadastro-img.add.roxo:hover {
  border-color: #a154b4;
}

.cadastro-img.com-doc {
  overflow: hidden;
  padding: 0px 0px 35px;
  border-style: none;
  background-color: #35414b;
}

.col {
  padding-right: 10px;
  padding-left: 10px;
}
.col .col {
  padding-right: 10px;
  padding-left: 10px;
}

.col.col2 {
  padding-right: 10px;
  padding-left: 10px;
}

.col.c-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabela-property .w-col:last-child {
  padding: 0;
}
.tabela-property .check2-tx {
  font-size: 85%;
}
.tabela-property .tabela2-col-links {
  padding: 0;
}
.tabela-property .inp {
  margin-bottom: 5px;
}
.tabela-property .inp-i {
  bottom: 6px;
}
.tabela-property .tabela2-link {
  margin-top: 25px;
  color: var(--red-500);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabela-property .tabela2-link:hover {
  color: var(--red-700);
}

.galeria {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -10px;
  clear: both;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.galeria.flex,
.fotos-casa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0px;
}

.galeria.flex.destaque {
  margin: 21px 0px 0px 0px;
  border: 1px solid #acb7c2;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: #e6ebf1;
}

.galeria.flex.destaque.vermelho {
  border-color: #f3406d;
  background-color: #ffe2e6;
}

.galeria.flex.destaque.verde {
  border-color: #22b9b7;
  background-color: #d9f0df;
}

.galeria.flex.destaque.roxo {
  border-color: #a154b4;
  background-color: #e9d4f0;
}

.form-destaque {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.form-destaque.branco {
  background-color: transparent;
}

.form-destaque-titulo {
  position: absolute;
  top: -15px;
  right: 10px;
  display: inline-block;
  border: 1px solid red;
}

.form-destaque-titulo.antes-excluir {
  right: 60px;
}

.f-erro {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  display: none;
  margin-top: 0px;
  padding: 20px 40px;
  background-color: #f3406d;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
  color: #e6ebf1;
  text-align: center;
}

.f-sucesso {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  display: none;
  width: 100%;
  padding: 20px 40px;
  background-color: #22b9b7;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
  -webkit-transform: translate(0px, 100%);
  -ms-transform: translate(0px, 100%);
  transform: translate(0px, 100%);
  color: #f8fafc;
  text-align: center;
}

.cadastro-img-hover {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(17, 30, 37, 0.6);
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  color: #c6d3e0;
  text-decoration: none;
}

.cadastro-img-hover:hover {
  opacity: 1;
  color: #c6d3e0;
}

.tx-vermelho {
  color: var(--red-500) !important;
}

.tx-verde {
  color: var(--green-500) !important;
}

.tx-roxo {
  color: var(--purple-500) !important;
}

.galeria-img-fora {
  width: 33.33%;
  padding: 10px;
}
@media (max-width: 1440px) {
  .galeria-img-fora {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .galeria-img-fora {
    width: 100%;
  }
}

.galeria-img-fora:has(.add) {
  width: 100%;
}

.galeria-img-fora._w-50 {
  width: 50%;
}
@media (max-width: 479px) {
  .galeria-img-fora._w-50 {
    width: 100%;
  }
}

.galeria-img-fora._w-300px {
  width: 300px;
}

.galeria-img-fora._w-100 {
  width: 100%;
  max-width: 100%;
}

.galeria-img-fora.menor {
  width: 25%;
}
@media (max-width: 1440px) {
  .galeria-img-fora.menor {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .galeria-img-fora.menor {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .galeria-img-fora.menor {
    width: 100%;
  }
}

.galeria-img-fora._w-25 {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1440px) {
  .galeria-img-fora._w-25 {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .galeria-img-fora._w-25 {
    width: 50%;
  }
}

.galeria-img-fora._w-20 {
  width: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1440px) {
  .galeria-img-fora._w-20 {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .galeria-img-fora._w-20 {
    width: 33.33%;
  }
}
@media (max-width: 479px) {
  .galeria-img-fora._w-20 {
    width: 50%;
  }
}

.mais-cont {
  display: none;
  overflow: hidden;
  width: 100%;
  height: 0px;
}

.mais-cont.w--open {
  position: relative;
  display: block;
  height: auto;
  margin-bottom: 10px;
  padding: 5px 15px;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: transparent;
}

.listagem-casa {
  position: relative;
  z-index: 10;
  margin-right: 0px;
  margin-bottom: 60px;
  margin-left: 0px;
  padding: 20px;
  border: 1px solid #c6d3e0;
  border-radius: 16px;
  background-color: #f7f8fa;
}

.listagem-img {
  overflow: hidden;
  height: 170px;
  min-height: 10px;
  min-width: 20%;
  margin: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  border-radius: 16px;
}

.listagem-img.menor {
  height: 150px;
  min-width: 220px;
  -webkit-box-flex: 1.2;
      -ms-flex-positive: 1.2;
          flex-grow: 1.2;
}

.listagem-cont {
  margin: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.variar-data {
  width: 20%;
  margin-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  text-decoration: none;
}

.variar-data-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -5px;
  margin-left: -5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.variar-data-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #f7f8fa;
  color: #4a5964;
  line-height: 1.4em;
  text-align: center;
  text-decoration: none;
}

.variar-data-cont:hover {
  border-color: #acb7c2;
}

.listagem-bts {
  margin: 10px;
  padding: 20px 20px 5px;
  border: 1px solid #c6d3e0;
  border-radius: 16px;
  background-color: #f7f8fa;
  text-align: center;
}

.passo2-dica-fora .listagem-bts {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.listagem-bts.total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 190px;
  padding-top: 15px;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
}

.listagem-bts.door-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-style: dashed;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.listagem-tx-itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 4px 8px;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  color: #82929e;
  font-size: 0.75rem;
  line-height: 1.2em;
}

.listagem-tx-itens.destaque {
  padding: 5px 10px;
  background-color: #e6ebf1;
  color: #4a5964;
  font-size: 14px;
}

.listagem-slide {
  width: 100%;
  height: 100%;
  min-height: 10px;
  padding: 0px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/casa-bg.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.listagem-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.listagem-slide.img2 {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/full-23265.jpg");
}

.listagem-slide.img3 {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/c5db5b1c6990fbb911135813608c9ad4.jpg");
}

.slide-bolinhas {
  height: 33px;
  font-size: 10px;
}

.slide-setas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10%;
  height: 100%;
  max-width: 80px;
  min-width: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.5;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 20px;
}

.slide-setas:hover {
  background-color: rgba(10, 17, 22, 0.29);
  opacity: 1;
}

.agenda-dia-selecionado {
  position: absolute;
  left: 0%;
  z-index: 0;
  width: 100%;
  height: 60px;
  background-color: #42474b;
}

.agenda-dia-selecionado.primeiro {
  left: 50%;
}

.agenda-dia-selecionado.primeiro.proprietario {
  left: 55%;
  border-radius: 8px;
  -webkit-transform: skew(-30deg, 0deg);
      -ms-transform: skew(-30deg, 0deg);
          transform: skew(-30deg, 0deg);
}

.agenda-dia-selecionado.ultimo {
  left: auto;
  right: 50%;
}

.agenda-dia-selecionado.ultimo.proprietario {
  right: 55%;
  border-radius: 8px;
  -webkit-transform: skew(-30deg, 0deg);
  -ms-transform: skew(-30deg, 0deg);
  transform: skew(-30deg, 0deg);
}

.agenda-dia-selecionado.proprietario {
  height: 30px;
  background-color: #2ab48e;
}

.agenda-dia-selecionado.proprietario.listagem {
  right: 0px;
  width: auto;
  height: 80%;
  border: 1px none #c6d3e0;
  background-color: #e6ebf1;
}

.agenda-dia-selecionado.proprietario.listagem.ultimo {
  left: -25%;
  right: 55%;
  height: 81%;
  border-right-style: none;
  background-image: -webkit-gradient(linear, right top, left top, from(hsla(0, 0%, 99.2%, 0.3)), color-stop(51%, #e6ebf1));
  background-image: linear-gradient(270deg, hsla(0, 0%, 99.2%, 0.3), #e6ebf1 51%);
}

.agenda-dia-selecionado.proprietario.listagem.primeiro {
  right: -30%;
  height: 81%;
  border-left-style: none;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(208, 217, 226, 0.7)), color-stop(44%, #e6ebf1));
  background-image: linear-gradient(90deg, rgba(208, 217, 226, 0.7), #e6ebf1 44%);
}

.agenda-dia-selecionado.proprietario.manutencao {
  left: auto;
  top: 0px;
  right: 0px;
  bottom: auto;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 19px;
  height: 19px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #11a8eb;
  border-radius: 80px;
  background-color: #f7f8fa;
  color: #11a8eb;
  font-size: 10px;
}

.escondido {
  display: none;
}

.alterar-linha {
  height: 44px;
}

.alterar-linha.datas {
  position: relative;
  border-right-style: none;
  background-color: #fff;
  -webkit-box-shadow: -1px 0 0 0 #8d9397;
          box-shadow: -1px 0 0 0 #8d9397;
}

.tab-alterar {
  position: relative;
  width: 36px;
  height: 44px;
  margin: 0px;
  padding-right: 2px;
  padding-left: 2px;
  float: left;
  border-style: solid solid none none;
  border-width: 1px;
  border-color: #d6dbdf #d6dbdf #e6ebf1 #c6d3e0;
  color: #8d9397;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}

.tab-alterar.tab-alterar-nome {
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 8px;
  padding-left: 8px;
  border-right-style: none;
  background-color: #fff;
  text-align: left;
}

.tab-alterar.reservado {
  position: absolute;
  left: 144px;
  top: 6px;
  z-index: 5;
  width: 180px;
  height: 32px;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #2ab48e;
  color: #e6ebf1;
  cursor: ns-resize;
}

.tab-alterar.reservado.exp2 {
  left: 624px;
  width: 324px;
}

.tab-alterar.reservado.exp3 {
  left: 36px;
  width: 252px;
}

.tab-alterar.reservado.exp4 {
  left: 252px;
  width: 144px;
}

.tab-alterar.bloqueado {
  position: absolute;
  left: 972px;
  top: 6px;
  z-index: 4;
  width: 252px;
  height: 32px;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #d34a4a;
  color: #e6ebf1;
}

.tab-alterar.bloqueado.exp2 {
  left: 19.35%;
}

.tab-alterar.bloqueado.exp5 {
  left: 432px;
  width: 720px;
}

.tab-alterar.fds {
  background-color: #e6ebf1;
}

.tab-alterar.limpeza {
  position: absolute;
  left: 74px;
  top: 10px;
  width: 31px;
  height: 22px;
  border-style: solid;
  border-color: #fff;
  border-radius: 8px;
  background-color: rgba(66, 71, 75, 0.5);
  color: #fff;
}

.tab-alterar.limpeza.dentro {
  left: 144px;
  top: 4px;
  z-index: 3;
  border-style: none;
}

.tab-alterar.limpeza.dentro.exp2 {
  left: 180px;
}

.tab-alterar.manutencao {
  position: absolute;
  left: 325px;
  top: 6px;
  width: 65px;
  height: 32px;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #2da0ce;
  color: #fff;
}

.popup {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 1;
}

.popup.pop-assinatura {
  display: none;
}

.popup-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(22, 26, 29, 0.9);
}

.popup-cont {
  position: relative;
  z-index: 10;
  width: auto;
  max-width: 90%;
  padding: 50px 30px 20px;
  border-radius: 16px;
  background-color: #f7f8fa;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(17, 30, 37, 0.25);
          box-shadow: inset 0 -1px 0 0 rgba(17, 30, 37, 0.25);
  text-align: center;
  min-width: 300px;
  max-height: 92vh;
  overflow: auto;
}

.popup-cont.full {
  width: 95vw;
  height: 95vh;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

.popup-fechar {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #acb7c2;
  font-size: 1rem;
  text-decoration: none;
}

.popup-fechar:hover {
  color: #111e25;
}

.link-s-risco {
  position: relative;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
}
.link-s-risco.dir {
  float: right;
  margin-left: auto;
}
.link-s-risco:hover {
  color: var(--gray-900);
}

.tx-p {
  font-size: 0.75rem;
  line-height: 1.3em;
}

.espaco-mini {
  height: 5px;
  clear: both;
}

.em-linha {
  display: inline-block;
  float: none;
}

.link-nav-topo {
  position: relative;
  z-index: 2;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  color: #82929e;
  font-size: 11px;
}

.link-nav-topo:hover {
  color: #2ab48e;
}

.link-nav-topo.s-link {
  position: relative;
  z-index: 0;
}

.link-nav-topo.s-link:hover {
  color: #34393d;
}

.link-nav-topo.s-link.icone {
  margin-right: -5px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.cadastro-img-faixa {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  padding: 5px 10px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #42474b;
  color: #e6ebf1;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}

.card-valores {
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 15px 5px;
  float: left;
  border: 1px solid #c6d3e0;
  border-radius: 16px;
  background-color: #f7f8fa;
}

.tx-cinza {
  color: #acb7c2;
}

.tx-esq {
  text-align: left;
}

.alterar-reserva-bts {
  position: absolute;
  right: 0px;
  bottom: 100%;
  display: none;
  padding-top: 2px;
  padding-bottom: 2px;
  opacity: 0;
  -webkit-transform: translate(0px, 10px);
  -ms-transform: translate(0px, 10px);
  transform: translate(0px, 10px);
}

.bt-p {
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 4px 5px;
  float: right;
  border-radius: 8px;
  background-color: #42474b;
  color: #c6d3e0;
  text-decoration: none;
}

.pop-alterar {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ult-preview {
  overflow: hidden;
  height: 44px;
  padding: 12px 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-style: solid none solid solid;
  border-width: 1px;
  border-color: #acb7c2;
  border-radius: 22px 0px 0px 22px;
  background-color: #c6d3e0;
}

.rodape {
  background-color: #161a1d;
  font-size: 12px;
}

.tx-dir {
  text-align: right;
}

.cadastro-img-link {
  width: 100%;
  height: 100%;
  color: #c6d3e0;
  text-decoration: none;
}

.cadastro-img-link.excluir {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 4;
  width: 34px;
  height: 34px;
  padding: 7px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 6px;
  /* background-color: #34393d */
  color: #8d9397;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cadastro-img-link.excluir:hover {
  color: #e6ebf1;
}

.cadastro-img-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  color: #c6d3e0;
  text-decoration: none;
  /* padding-top: 65% */
}

.galeria .galeria-img-fora .cadastro-img-img {
  border-radius: 0px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.galeria .galeria-img-fora .cadastro-img-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  aspect-ratio: 16/9;
}

.cadastro-img-img.com-img {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cadastro-img-img.com-img.perfil {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/57d02fba5545725f561c6f08_team-3.jpg");
}

.cadastro-img-img.com-img.logo {
  background-color: #f7f8fa;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/logo-bg-branco.png");
  background-size: auto 100px;
}

.cadastro-img-img.com-img.img2 {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/original_Brian-Dittmar-grey-yellow-bedroom-traditional.jpg.rend.hgtvcom.336.252.jpeg");
}

.cadastro-img-img.com-img.img3 {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/kitchen-realrenovations-1-1.jpg");
}

.cadastro-img-img.com-img.img4 {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/1c768c37f110cd02cc801011e2d1f3d3.jpg");
}

.cadastro-img-img.com-img.pdf {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/pdf.jpg");
}

.tabela-links {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #42474b;
  font-size: 24px;
  text-align: center;
  text-decoration: none;
}

.tabela-links:hover {
  color: #2ab48e;
}

.tabela-links.no-topo {
  position: relative;
  overflow: visible;
  width: 60px;
  height: 60px;
  float: left;
}

.img-loading {
  color: #b6bec4;
  text-align: center;
  width: 80%;
  height: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 250px;
  max-height: 250px;
  background-color: #fff;
  border-radius: 16px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px;
}
.img-loading .loading-mini-spinner {
  width: 48px;
  height: 48px;
}
.img-loading .loading-mini div {
  top: 24px;
  left: 24px;
  width: 24px;
  height: 24px;
  border: 6px solid #c6d3e0;
  border-top-color: transparent;
}
.img-loading .img-loading-tx {
  margin-top: 10px;
  padding-left: 3px;
}
.img-loading .img-loading-img {
  background-image: url("https://app.mapro.us/templates/2020/js/calendar/assets/loader.gif");
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  max-width: 128px;
  max-height: 128px;
  background-size: contain;
  margin: -20px;
}

.coment-nav {
  position: absolute;
  left: -50px;
  top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px none #c6d3e0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #35414b;
  color: #acb7c2;
  font-size: 14px;
  text-decoration: none;
}

.coment-nav:hover {
  color: #f7f8fa;
}

.coment-nav.coment-nav-abrir {
  display: none;
}

.coment-tampao {
  display: none;
}

.coment-lista-i {
  position: absolute;
  top: 12px;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  color: #5f707e;
  font-size: 14px;
}

.coment-lista-i.sistema {
  color: #acb7c2;
}

.tx-azul {
  color: #11a8eb;
}

.drop-visualizar {
  display: block;
  float: left;
}

.drop-visualizar-cont {
  background-color: #d6dbdf;
}

.drop-visualizar-cont.w--open {
  left: 0px;
  top: 100%;
  border-top: 1px solid #161a1d;
  background-color: #2ab48e;
  -webkit-box-shadow: 0 5px 10px 0 rgba(14, 16, 19, 0.2);
          box-shadow: 0 5px 10px 0 rgba(14, 16, 19, 0.2);
}

.modulo {
  width: 100%;
  clear: both;
}

.modulo.bg-casa {
  background-color: #c6d3e0;
}

.inventario-img {
  width: 34%;
  float: left;
}

.inventario-tx {
  overflow: hidden;
  width: 66%;
  padding-left: 20px;
  float: left;
}

.galeria-inventario {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50%;
  margin-bottom: 20px;
  padding: 10px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.tabela-drop-link-i {
  position: absolute;
  top: 0px;
  right: -20px;
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  opacity: 0.35;
}

.tabela-link-num {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 17px;
  height: 17px;
  padding-right: 1px;
  border-radius: 50px;
  background-color: #b6bec4;
  color: #fff;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  letter-spacing: -1px;
}

.links-topo {
  height: 60px;
  margin-top: -20px;
  margin-right: -40px;
  margin-bottom: -20px;
  float: right;
}

.col-agenda {
  width: 33.333%;
  padding: 10px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.col-agenda.listagem {
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}

.valor-total {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 30px;
}

.valor-total.menor {
  display: block;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 20px 40px;
  font-size: 14px;
  line-height: 24px;
}

.pop2 .valor-total.menor {
  padding: 20px 0px 0px;
}

.col-p {
  padding-right: 5px;
  padding-left: 5px;
}

.linha-p {
  margin-right: -5px;
  margin-left: -5px;
}

.drop-download-links {
  z-index: 5;
  padding: 8px 12px;
  color: #82929e;
  text-align: right;
}

.drop-download-links:hover {
  color: #c6d3e0;
}

.listagem-tab-link {
  height: 40px;
  padding: 9px 20px 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-style: solid;
  border-width: 1px;
  border-color: #e6ebf1 #e6ebf1 #c6d3e0;
  border-radius: 8px 8px 0px 0px;
  background-color: transparent;
  color: #82929e;
}

.listagem-tab-link:hover {
  color: #111e25;
}

.listagem-tab-link.w--current {
  border-color: #c6d3e0;
  border-bottom-style: none;
  background-color: #f7f8fa;
  color: #35414b;
}

.listagem-tab-link.menor {
  display: inline-block;
  width: auto;
  height: 37px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 8px 14px;
  float: none;
  border-color: transparent;
  border-radius: 8px;
}

.listagem-tab-links {
  position: absolute;
  top: -40px;
  right: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.listagem-tab-links.menor {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
}

.listagem-preco-mais {
  padding-top: 3px;
  padding-bottom: 17px;
  border-style: solid none;
  border-width: 1px;
  border-color: #c6d3e0;
}

.listagem-preco-mais-item {
  margin-top: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.listagem-preco-mais-item.tax {
  margin-top: 0px;
  color: #8d9397;
  font-size: 12px;
  line-height: 14px;
}

.listagem-agenda {
  margin: 10px;
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}

.invoice-pop {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3000;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}

.invoice-body {
  display: block;
  padding: 0px;
}

.total-dir {
  margin-left: 20px;
  float: right;
  text-align: right;
}

.invoice-tx {
  min-width: 180px;
  padding: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 8px;
}

.invoice-tx.titulo {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
}

.invoice-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-bottom: 15px;
  margin-left: -15px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.invoice-logo {
  margin-left: 10px;
  float: right;
}

.invoice-col {
  padding: 8px 10px;
  border-bottom: 1px solid #c6d3e0;
}

.invoice-linha.titulo {
  font-weight: 700;
}

.invoice-logo-img {
  max-height: 120px;
  max-width: 180px;
}

.detalhes-pop {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2000;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}

._w-100 {
  width: 100%;
  float: left;
}

.loading {
  position: fixed;
  left: -5px;
  top: -5px;
  right: -5px;
  bottom: -5px;
  z-index: 50000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(17, 30, 37, 0.6);
}

.loading.desligado {
  display: none;
}

.tab-idioma-link {
  padding: 4px 5px;
  float: right;
  background-color: transparent;
  opacity: 0.3;
  color: #5f707e;
  font-size: 0.75rem;
  line-height: 1.15em;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0px;
}

.tab-idioma-link.w--current {
  background-color: transparent;
  opacity: 1;
}

.tab-idioma-links {
  position: absolute;
  right: 0px;
  margin-top: -22px;
  margin-right: -3px;
  float: right;
}

.pop-pagar {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2000;
  display: none;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
}

.card-preco-col {
  position: relative;
  z-index: 1;
  padding-right: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.card-preco-col.dir {
  padding-right: 0px;
  padding-left: 5px;
  text-align: right;
  margin-left: auto;
}

.nav {
  display: inline-block;
}

.nav-fora {
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
  text-align: center;
}

.nav-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  margin: 4px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  color: #82929e;
  font-size: 0.75rem;
  text-align: center;
  text-decoration: none;
}

.nav-bt:hover {
  background-color: #c6d3e0;
  color: #35414b;
}

.nav-bt.atual {
  background-color: #22b9b7;
  color: #f7f8fa;
}

.nav-bt.desativado {
  background-color: transparent;
}

.nav-bt.desativado:hover {
  color: #82929e;
}

.nav-bt.setas {
  width: auto;
  padding-right: 8px;
  padding-left: 8px;
  background-color: transparent;
}

.tab-filtro-links {
  z-index: 5;
  overflow: visible;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0px;
}

.tab-filtro-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background-color: transparent;
  color: #4a5964;
}

.tab-filtro-link.w--current {
  background-color: transparent;
}

.tab-filtro-cont {
  padding-top: 20px;
}

.tab-cont-fora {
  top: -12px;
  z-index: 2;
  padding: 20px;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #e6eaec;
}

.bt-tab {
  z-index: 1;
  margin: 5px;
  padding: 10px 20px 12px;
  border-radius: 8px;
  background-color: #34393d;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  color: #e6ebf1;
  font-size: 12px;
}

.bt-tab:hover {
  -webkit-transform: translate(0px, -3px);
  -ms-transform: translate(0px, -3px);
  transform: translate(0px, -3px);
}

.bt-tab.w--current {
  z-index: 5;
  border-style: solid solid none;
  border-width: 1px;
  border-color: #c6d3e0;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #e6eaec;
  -webkit-transform: translate(0px, -6px);
  -ms-transform: translate(0px, -6px);
  transform: translate(0px, -6px);
  color: #34393d;
}

.tab-bts {
  padding-right: 10px;
  padding-left: 10px;
}

.pdf-fora {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.editar-pdf {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pdf-editar-painel {
  margin-right: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.pdf-item {
  position: absolute;
  left: 21px;
  top: 161px;
  width: 250px;
  padding: 10px;
  border: 1px dashed #acb7c2;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration: none;
  cursor: pointer;
}

.pdf-item:hover {
  border-style: solid;
}

.pdf-item.selecionado {
  left: 400px;
  border-style: solid;
  border-color: #11a8eb;
  cursor: move;
}

.pdf-item.exp2 {
  top: 617px;
  width: 300px;
}

.pdf-item.exp2.selecionado {
  left: 21px;
  top: 747px;
  width: 400px;
}

.pdf-item.exp2.selecionado.visualizar {
  top: 757px;
}

.pdf-item.exp3 {
  top: 217px;
  width: 400px;
}

.pdf-item.visualizar {
  padding-right: 0px;
  padding-left: 0px;
  border-style: none;
  cursor: default;
}

.pdf {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 829px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pdf-selecionado {
  position: absolute;
  left: -2px;
  top: -2px;
  width: 5px;
  height: 5px;
  margin: -1px;
  background-color: #11a8eb;
}

.pdf-selecionado.s-2 {
  left: auto;
  top: -2px;
  right: -2px;
}

.pdf-selecionado.s-3 {
  left: auto;
  top: auto;
  right: -2px;
  bottom: -2px;
}

.pdf-selecionado.s-4 {
  left: -2px;
  top: auto;
  bottom: -2px;
}

.pdf-item-bt {
  position: absolute;
  top: -12px;
  right: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  background-color: #d6dbdf;
  color: #42474b;
  font-size: 11px;
  text-decoration: none;
}

.pdf-item-bt:hover {
  background-color: #34393d;
  color: #d6dbdf;
}

.pdf-assinatura {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
  padding: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px dashed #acb7c2;
  border-radius: 8px;
  background-color: #c6d3e0;
}

.assinatura-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.assinatura-escrita {
  margin-top: 40px;
  margin-right: 20px;
  margin-bottom: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  border-bottom: 1px solid #8d9397;
  text-align: left;
}

.assinatura-escrita.menor {
  margin-right: 0px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.pdf-img-exp {
  width: 829px;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
}

.pdf-etapas {
  position: absolute;
  left: 1%;
  top: 226px;
  z-index: 500;
  padding: 15px 15px 0px;
  border-bottom: 1px solid #161a1d;
  border-radius: 8px;
  background-color: #34393d;
  color: #d6dbdf;
}

.pdf-etapas-seta {
  position: absolute;
  top: 18px;
  right: -3px;
  width: 12px;
  height: 12px;
  background-color: #34393d;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contrato-tab-link {
  margin-right: 10px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 8px;
  background-color: transparent;
  color: #82929e;
}

.contrato-tab-link.w--current {
  background-color: #5f707e;
  color: #f7f8fa;
}

.contrato-tab-cont-fora {
  padding-top: 40px;
  padding-bottom: 40px;
}

a.bt-back-top {
  position: fixed;
  right: 90px;
  bottom: 20px;
  z-index: 1500;
  padding: 0px 4px 2px;
  color: #fff;
  width: 40px;
  height: 40px;
  background-color: #35414b;
  font-size: 1rem;
  border-radius: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  cursor: pointer;
}
a.bt-back-top:hover {
  background-color: #5f707e;
}
a.bt-back-top .icon2 {
  text-decoration: none;
}

.popin-fora {
  display: inline;
  padding: 10px 0px;
  position: relative;
  z-index: 500;
  margin: -11px 0px -10px;
}

.popin-fora.tour {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1500;
}

.popin-fora.tour.comentarios-aberto {
  right: 330px;
}

.popin-fora.popin-por-cima {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.popin-bt {
  padding: 2px 4px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #4a5964;
  font-size: 0.9em;
  line-height: 1.2em;
  margin-top: -5px;
}

.popin-bt.w--open {
  color: #5f707e;
}

.popin-bt.popin-bt-por-cima {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 0px;
}

.popin-cont {
  position: absolute;
  left: 50%;
  top: auto;
  right: auto;
  bottom: 100%;
  z-index: 600;
  width: 200px;
  margin-bottom: 5px;
  padding: 10px 15px;
  border-radius: 8px;
  background-color: #35414b;
  -webkit-box-shadow: 0 0 6px 0 rgba(17, 30, 37, 0.15);
          box-shadow: 0 0 6px 0 rgba(17, 30, 37, 0.15);
  -webkit-transform: translate(-50%, 0px);
      -ms-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  color: #acb7c2;
  font-size: 0.65rem;
  line-height: 1.2em;
  display: none;
}
.popin-cont.active {
  display: block;
}

.bt2 .popin-cont {
  margin-bottom: 10px;
}

.popin-cont.tour.w--open {
  left: auto;
  right: 0px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.popin-cont.popin-cont-por-cima {
  margin-bottom: 8px;
}

.popin-cont.baixo.w--open {
  top: 100%;
  bottom: auto;
  margin-top: -2px;
  margin-bottom: 0px;
}

.popin-cont.dir {
  left: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  right: -2px;
  display: block;
}
.popin-cont.dir .popin-seta {
  left: auto;
  right: 6px;
}

.popin-cont.popin-img {
  display: none;
  width: 400px;
}

.popin-seta {
  position: absolute;
  left: 50%;
  bottom: -3px;
  width: 7px;
  height: 7px;
  background-color: #35414b;
  -webkit-transform: translate(-50%, 0px) rotate(45deg);
  -ms-transform: translate(-50%, 0px) rotate(45deg);
  transform: translate(-50%, 0px) rotate(45deg);
}

.popin-seta.tour {
  position: absolute;
  left: auto;
  right: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.popin-seta.baixo {
  position: absolute;
  top: -3px;
  bottom: auto;
}

.popin-destaque-fora {
  position: absolute;
  left: -21px;
  top: 8px;
  display: none;
  width: 14px;
  height: 12px;
  opacity: 0;
}

.popin-destaque-cont {
  width: 100%;
  height: 100%;
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: #22b9b7;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  background-color: #aaecbc;
  background-image: none;
}

.popin-destaque-cont.vermelho {
  border-color: #f3406d;
  background-color: #ffbbc6;
}

.icone2,
.icon {
  font-family: Mapro, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  text-decoration: none;
}

.body-menu-aberto {
  padding-left: 260px;
}

.passo2-cont {
  position: relative;
  display: block;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
  padding: 15px 20px 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #c6d3e0;
  border-radius: 16px;
  background-color: #f7f8fa;
}
.passo2-cont.s-bg {
  background-color: transparent;
  border: none;
  padding: 0px;
}

.passo2-cont.c-dica {
  width: 68%;
  float: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.passo2-cont._w-70-esq {
  width: 69%;
  float: left;
}

.passo2-cont._w-30-dir {
  width: 29%;
  float: right;
}

.bt-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  z-index: 3;
  position: relative;
}
.bt-cont.meio {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bt-i {
  position: relative;
  margin-right: 8px;
  float: left;
}

.bt-i.dir {
  margin-right: 0px;
  margin-left: 8px;
  float: right;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.bt-i.sozinho {
  margin-right: 0px;
}

.bt-i.bt2-login {
  display: none;
}

.bt-tx {
  float: left;
}

.nav2-geral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #acb7c2;
  background-image: none;
  background-repeat: repeat;
  top: 48px;
  z-index: 500;
  background-color: #c6d3e0;
  width: 100%;
  position: sticky;
}
@media (max-width: 991px) {
  .nav2-geral {
    padding: 10px 16px;
  }
}
@media (max-width: 767px) {
  .nav2-geral {
    top: auto;
    position: realtive;
  }
}

.bt2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  background: #22b9b7;
  margin-bottom: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  text-align: center;
  text-decoration: none;
  min-height: 44px;
  padding: 10px 30px;
  font-size: 14px;
}

.bt2:hover {
  -webkit-box-shadow: inset 0 0 500px 500px hsla(0, 0%, 100%, 0.15);
          box-shadow: inset 0 0 500px 500px hsla(0, 0%, 100%, 0.15);
}

.bt2.esq {
  margin-right: 10px;
}

.bt2.bt2-cinza-escuro {
  background-color: #4a5964;
  color: #f7f8fa;
}

.bt2.bt2-verde {
  background-color: #22b9b7;
  color: #fff;
}

.bt2.bt2-purple {
  background-color: var(--purple-500);
}
.bt2.bt2-purple:hover {
  background-color: var(--purple-700);
}

.bt2.bt2-amarelo {
  background-color: var(--yellow-500);
}
.bt2.bt2-amarelo:hover {
  background-color: var(--yellow-700);
}

.bt2.bt2-dashed {
  background-color: transparent;
  color: #acb7c2;
  border: 1px dashed #acb7c2;
}
.bt2.bt2-dashed:hover {
  color: #35414b;
  border: 1px dashed #35414b;
}

.bt2.esq {
  margin-right: 10px;
}

.bt2.bt2-p {
  min-height: 32px;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 18px;
}

.pos-bt2-p {
  height: 36px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
}

.bt2.bt2-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.bt2.bt2-inp-lado {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.bt2.bt2-desativado {
  background-color: #c6d3e0;
  cursor: default;
}

.bt2.bt2-login {
  width: 100%;
  border: 1px none #000;
  border-radius: 500px;
  color: #f7f8fa;
}

.bt2.bt2-flex-maior {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.bt2.bt2-quad {
  width: 44px;
  margin-bottom: 15px;
  padding: 0px;
  min-height: 44px;
}

.bt2.bt2-cinza-claro {
  background-color: #82929e;
}

.bt2.bt2-sub {
  min-height: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.bt2.bt2-sub.w--current {
  background-color: #82929e;
}

.bt2.bt2-vermelho {
  background-color: #f3406d;
}

.bt2.bt2-azul {
  background-color: #11a8eb;
}

.bt2.meio {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}

.bt2.s-margem {
  margin-bottom: 0px;
}

.bt2.dir {
  margin-left: 10px;
}

.bt2.bt2-avancar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
  /* padding-right: 25px */
  /* padding-left: 15px */
  border: 1px solid #c6d3e0;
  /* border-bottom-right-radius: 30px */
  background-color: #f7f8fa;
  color: #4a5964;
}

.bt2.bt2-avancar:hover {
  background-color: #f7f8fa;
}

.bt2.bt2-avancar.voltar {
  margin-right: 20px;
  margin-left: 0px;
  /* padding-right: 15px */
  /* padding-left: 25px */
  /* border-bottom-left-radius: 30px */
  /* border-bottom-right-radius: 6px */
}

.bt2.bt2-avancar.bt2-maior {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bt2.bt2-avancar.full {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-style: none;
  background-color: #22b9b7;
  color: #f7f8fa;
}

.bt2.bt2-salvar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bt2-ajuda-fora {
  position: relative;
  display: inline-block;
}

.bt2.bt2-ajuda {
  position: absolute;
  z-index: 50;
  padding: 4px 10px;
  height: 28px;
  font-size: 12px;
  min-height: auto;
  background-color: #f7ba22;
  top: -15px;
  right: -40px;
  display: inline-block;
  width: auto;
}
.bt2.bt2-ajuda .bt-i {
  font-size: 12px;
  margin-left: 2px;
  margin-right: 5px;
}
.bt2.bt2-ajuda:hover {
  background-color: #fade70;
}

.bts2-rodape {
  width: 100%;
  margin-bottom: -15px;
  padding-top: 30px;
  float: left;
  clear: both;
  border-top: 1px none #c6d3e0;
}

.bts2-rodape.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.bts2-rodape.flex.c-bts-meio {
  margin-right: -5px;
  margin-left: -5px;
}

.bts2-rodape.c-dica {
  width: 72%;
}

.passo2-bloco {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.passo2-bloco.maior {
  max-width: 850px;
}

.passo2-bloco-titulo {
  margin-bottom: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.ajustes {
  position: fixed;
  top: auto;
  right: 0px;
  bottom: 0%;
  z-index: 999999;
  width: 260px;
  padding: 5px;
  border: 3px solid #ff0000;
  border-radius: 8px;
  background-color: #f7f8fa;
  font-size: 0.75rem;
  line-height: 1.2em;
  display: block !important;
}

.ajustes:hover {
  opacity: 1;
}

.espaco {
  height: 30px;
  clear: both;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 100%;
}

.espaco.espaco-m {
  height: 20px;
}

.espaco.espaco-p {
  height: 15px;
}

.espaco.espaco-mini {
  height: 5px;
}

.espaco.c-linha {
  height: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #c6d3e0;
}

.espaco.c-linha.espaco-p {
  height: 10px;
  margin-bottom: 10px;
}

.espaco.espaco-g {
  height: 60px;
}

.espaco.espaco-label {
  height: 24px;
}

.ajustes-css {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48%;
  height: 40px;
  margin-top: 5px;
  margin-right: 2%;
  margin-bottom: 3px;
  padding: 5px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #acb7c2;
  border-radius: 8px;
  color: #82929e;
  font-size: 0.6rem;
  line-height: 1.2em;
  text-align: center;
  text-transform: uppercase;
}

.titulo-pagina {
  min-height: 46px;
  margin-bottom: 15px;
  float: left;
  color: #82929e;
  font-size: 2.5rem;
  line-height: 1.1em;
  font-weight: 200;
  margin-right: 15px;
}

.tx-pp {
  font-size: 0.65rem;
  line-height: 1.2em;
}

.titulo-bloco {
  color: #35414b;
  font-size: 1.4rem;
  line-height: 1.2em;
  font-weight: 700;
}

.titulo-bloco.esq {
  margin-right: 20px;
  margin-bottom: 10px;
}

.titulo-bloco.tx-verde {
  color: #22b9b7;
}

.titulo-sub-bloco {
  font-size: 1.4rem;
  line-height: 1.2em;
  font-weight: 300;
}

.titulo-4 {
  font-size: 1.2rem;
  line-height: 1.2em;
}

.tx-normal {
  font-size: 14px;
}

.tab-fora {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tabs2-fora {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tabs2-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -5px;
  margin-left: -5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-bottom: 0px;
}

.tabs2-link {
  margin-right: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
  padding: 8px 16px 7px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  background-color: #e6ebf1;
  color: #5f707e;
  font-size: 0.75rem;
  font-weight: 700;
}

.tabs2-link:hover {
  color: #111e25;
}

.tabs2-link.w--current {
  z-index: 10;
  background-color: #5f707e;
  color: #f7f8fa;
}

.tabs2-link-tx {
  float: left;
}

.tabs2-cont-fora {
  padding-top: 5px;
}

.tabs2-cont {
  border-top: 1px none #c6d3e0;
}

.passo2-dica-fora {
  width: 32%;
  padding-bottom: 20px;
  padding-left: 20px;
  float: right;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.passo2-dica-fora.left {
  float: left;
  padding-right: 20px;
  padding-left: 0px;
}
@media (max-width: 991px) {
  .passo2-dica-fora.left {
    padding-right: 0px;
  }
}

.passo2-dica-fora.float {
  position: fixed;
  left: auto;
  top: 110px;
  right: 40px;
  bottom: auto;
  width: 350px;
  float: none;
}

.passo2-dica-i {
  font-size: 1.7rem;
  line-height: 1.7rem;
}

.passo2-titulo-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.bloco2 {
  position: relative;
  display: block;
  margin-bottom: 15px;
  clear: both;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 16px;
  background-color: #f7f8fa;
}

.bloco2.bloco2-bg-branco {
  border-color: #c6d3e0;
  background-color: #fff;
}

.bloco2.bloco2-colunas {
  display: inline-block;
  width: 100%;
}

.bloco2.bloco2-bg-claro {
  border-color: #c6d3e0;
  background-color: #e6ebf1;
}

.bloco2.selecionado {
  border-color: #e6ebf1;
  -webkit-box-shadow: 0 0 0 3px #22b9b7;
          box-shadow: 0 0 0 3px #22b9b7;
}

.mapa2 {
  overflow: hidden;
  border: 1px solid #acb7c2;
  border-radius: 8px;
}

.bloco2-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  float: right;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #c6d3e0;
  font-size: 0.9rem;
  text-decoration: none;
}

.bloco2-bt:hover {
  color: #f7f8fa;
}

.bloco2-titulo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -1px;
  padding: 15px 21px 14px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  background-color: #4a5964;
  color: #fff;
}

.bloco2-titulo.c-link {
  cursor: pointer;
}

.bloco2-titulo.branco {
  margin: 0px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: transparent;
  color: #acb7c2;
}

.bloco2-titulo.sub-bloco2 {
  padding-top: 10px;
  padding-bottom: 9px;
  background-color: #82929e;
}

.bt2-fora-controle {
  width: 100%;
  float: left;
  clear: both;
}

.bt2-fora-controle.c-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.bt2-fora-controle.c-flex .bt2 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.bloco2-bt-fora {
  margin: -10px;
}

.popin-bt-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  height: 14px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  background-color: #4a5964;
  color: #e6ebf1;
  font-size: 7px;
  line-height: 14px;
  letter-spacing: 0px;
}

.popin-bt-i.branco {
  background-color: #e6ebf1;
  color: #4a5964;
}

.popin-bt-i.tour {
  width: 40px;
  height: 40px;
  background-color: #acb7c2;
  font-size: 1rem;
}

.bloco2-titulo-i {
  margin-right: 8px;
  float: left;
  font-size: 0.6rem;
}

.bloco2-titulo-i.a-mais.aberto {
  display: none;
}

.bloco2-titulo-i.a-menos {
  display: none;
}

.bloco2-titulo-i.a-menos.aberto {
  display: block;
}

.bloco2-cont {
  margin-right: -1px;
  margin-left: -1px;
  padding: 20px 20px 5px;
}

.bloco2-cont.recolhido {
  display: none;
}

.bloco2-cont.branco {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-right: 20px;
  padding-left: 20px;
  border-top-style: none;
}

.mais-o-link {
  display: block;
  font-size: 0.8em;
  line-height: 1.15em;
}

.mais-o-cont {
  display: none;
  overflow: hidden;
}

.mais-o-link-i {
  margin-right: 5px;
  float: left;
  font-size: 0.7em;
}

.mais-o-link-i.a-menos {
  display: none;
}

.quartos-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #acb7c2;
  border-radius: 16px;
}

.quartos-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding: 4px 7px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

.quartos-item-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 28px;
  margin-right: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 8px;
  font-size: 20px;
}

.quartos-item-tx {
  color: #82929e;
  font-size: 12px;
  line-height: 16px;
}

.quartos-titulo {
  display: block;
  width: 100%;
  padding: 10px 7px 5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #35414b;
}

.cadastro-img-hover-i {
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 24px;
}

.cadastro-img-links {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 35px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #111e25;
  background-image: none;
  color: #acb7c2;
  padding-right: 4px;
  padding-left: 4px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.cadastro-img-links.finalizado {
  background-color: #22b9b7;
  color: #aaecbc;
}

.cadastro-img-link2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  min-height: 35px;
  padding: 0px 0px 1px;
  float: right;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #acb7c2;
  font-size: 14px;
  text-decoration: none;
}

.cadastro-img-link2:hover {
  color: #f7f8fa;
}

.cadastro-img-link2-drop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 35px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  float: right;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cadastro-img-link2-drop-cont.w--open {
  right: -4px;
  bottom: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 8px 4px 0px 0px;
  background-color: #111e25;
  font-size: 0.8em;
  line-height: 1.15em;
}

.cadastro-img-link2-drop-seta {
  position: absolute;
  right: 15px;
  bottom: -4px;
  width: 8px;
  height: 8px;
  background-color: #111e25;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.barra-por-fora {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 4px;
  margin-top: 10px;
  float: left;
  border: 1px none #acb7c2;
  border-radius: 40px;
  background-color: #c6d3e0;
}

.w--current .barra-por-fora {
  background-color: rgba(255, 255, 255, 0.44);
}

.barra-por {
  overflow: hidden;
  width: 50%;
  height: 100%;
  border-radius: 50px;
}

.barra-por.b100 {
  width: 100%;
}

.barra-por.b80 {
  width: 80%;
}

.barra-por-dentro {
  width: 100%;
  height: 100%;
}

.w--current .barra-por-dentro {
  background-color: rgb(255, 255, 255) !important;
}

.barra-por-dentro.cinza {
  background-color: #acb7c2;
}

.bg-cor1 {
  background-color: #22b9b7;
  color: #f7f8fa;
}

.bg-cor1.ajustes-css {
  border-style: none;
}

.login2-logo-fora {
  padding: 30px 20px 20px;
  text-align: center;
}

.login2 {
  display: block;
  max-width: 360px;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
}

.login2-geral.login2-empresa-geral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}

.login2.login2-empresa {
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login2-logo-img {
  display: inline-block;
  width: 100%;
  max-width: 205px;
}

.login2-logo-tx {
  display: block;
  margin-right: -14px;
  padding-left: 1px;
  color: #22b9b7;
  font-size: 0.8em;
  line-height: 1.15em;
  letter-spacing: 17px;
  text-transform: uppercase;
}

.login2-bg {
  display: none;
}

.nav2-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.nav2-fora .tag {
  margin: 3px 0px 3px 6px;
}

.nav2-link {
  padding: 4px;
  float: left;
  color: #82929e;
  font-size: 0.875rem;
  text-decoration: none;
  line-height: 1.2em;
}

.nav2-link:hover {
  color: #111e25;
}

.nav2-link.nav2-link-atual {
  color: #111e25;
}

.nav2-link-tx.nav2-link-atual {
  height: 1.2em;
  overflow: hidden;
}

.nav2-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: auto;
}
@media (max-width: 479px) {
  .nav2-cont {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
  }
}

.nav2-bg {
  display: none;
}

.nav2-link-fora {
  position: relative;
  z-index: 2;
  float: left;
  line-height: 1em;
}

.nav2-link-i {
  width: 3px;
  height: 3px;
  margin-top: 8px;
  margin-right: 4px;
  margin-left: 4px;
  border-style: solid none solid solid;
  border-width: 3px;
  border-color: transparent #82929e transparent #82929e;
  color: transparent;
  font-size: 0.5rem;
}

.titulo-5 {
  font-weight: 700;
}

.login2-geral {
  position: relative;
  height: 300px;
}

.login2-geral.login2-empresa {
  height: auto;
}

.login2-cont {
  padding: 20px;
}

.logn2-links-fora {
  margin-top: 15px;
  text-align: center;
}

.logn2-links-fora.login2-empresa {
  margin-top: 50px;
  text-align: center;
}

.login2-link {
  color: #82929e;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.login2-esqueci {
  position: absolute;
  z-index: 10;
  display: none;
  width: 100%;
  opacity: 0;
}

.login2-logo-tx-fora {
  display: inline-block;
  max-width: 205px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 8px;
  border-top: 1px solid hsla(0, 0%, 99.2%, 0.11);
}

.home2-info-cont {
  position: relative;
  display: grid;
  height: 100%;
  padding: 25px;
  border-radius: 16px;
  background-color: #fff;
  text-decoration: none;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  -ms-flex-line-pack: start;
      align-content: start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
@media (max-width: 479px) {
  .home2-info-cont {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.home2-info-table {
  grid-column: 1/3;
  margin-top: 15px;
}

.report-email .home2-info-cont {
  min-height: 110px;
}

.home2-info-cont.color1 {
  background-color: #f3406d;
  border-color: #f3406d;
  color: #fff;
}

.home2-info-cont.color2 {
  background-color: #5f707e;
  color: #f7f8fa;
  border-color: #5f707e;
}

.home2-info-cont.color3 {
  background-color: #22b9b7;
  color: #fff !important;
  border-color: #22b9b7;
}

.home2-info-cont.color4 {
  background-color: #fda4b6;
}

.home2-info-cont.color5 {
  background-color: #fade70;
}

.home2-info-cont.color6 {
  background-color: #6ecbf4;
  border-color: #6ecbf4;
  color: #fff;
}

.home2-info-cont.blue {
  background-color: #11a8eb;
  border-color: #11a8eb;
  color: #fff;
}

.home2-info-cont.red {
  background-color: #f3406d;
  border-color: #f3406d;
  color: #fff;
}

.home2-info-cont.green {
  background-color: #22b9b7;
  border-color: #22b9b7;
  color: #fff;
}

.home2-info-bg {
  display: none;
}

.home2-info {
  position: relative;
  padding: 10px;
  width: 25%;
  text-decoration: none;
}
@media (max-width: 1440px) {
  .home2-info {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .home2-info {
    width: 50%;
  }
}

.home2-info.three-four {
  width: 75%;
}
@media (max-width: 1440px) {
  .home2-info.three-four {
    width: 100%;
  }
}

.home2-info.three {
  width: 33.33%;
}
@media (max-width: 1440px) {
  .home2-info.three {
    width: 50%;
  }
}

@media (max-width: 1440px) {
  .home2-info.four2 {
    width: 50%;
  }
}

.home2-info.one {
  width: 100%;
}

.home2-info-itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
}

.home2-info-titulo-tx {
  width: 100%;
  margin-bottom: 3px;
  font-size: 0.85em;
  line-height: 1.3em;
  z-index: 2;
  grid-area: 1/2/2/3;
}

.home2-info-sub-titulo {
  font-size: 1.5rem;
  line-height: 1em;
  font-weight: 700;
  z-index: 2;
  grid-area: 2/2/3/3;
}
@media (max-width: 767px) {
  .home2-info-sub-titulo {
    font-size: 1.25rem;
  }
}

.home2-info-cont-bg {
  display: none;
}

.color-light .home2-info-cont-bg {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 0;
}

.home2-info-titulo-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  line-height: 1.5em;
  grid-area: 1/1/3/2;
  margin-right: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tabela2-fora {
  overflow: auto;
  max-width: 100%;
  border-style: none solid;
  border-width: 1px;
  border-color: #c6d3e0;
  background-color: #f7f8fa;
}

.tabela2-fora.s-topo-rodape {
  border-style: solid;
  border-radius: 8px;
}

.tabela2-fora.s-bg-livre {
  overflow: auto;
  border-style: none;
  background-color: transparent;
}

.tabela2-fora.clean {
  overflow: auto;
  border-radius: 16px;
  border: 1px solid #c6d3e0;
}
.tabela2-fora.clean thead th {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tabela2-fora.clean th {
  background-color: #c6d3e0;
}

.end-box-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.end-box {
  text-align: right;
  float: right;
  border-radius: 16px;
  /* border: 1px solid $cinza8; */
  padding: 20px;
  line-height: 20px;
  background-color: #fff;
}

.end-balance {
  color: #5f707e;
}

.end-balance.total {
  font-weight: bold;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #c6d3e0;
  color: #212d36;
}

.tabela2-fora.tabela2-preview {
  border-style: none;
}

.cont2-fora {
  min-height: 400px;
}

.cont2-fora.p404 {
  height: 100%;
}

.cont2 {
  display: block;
  width: 100%;
  max-width: 1360px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
  clear: both;
}

.cont2.contract-cont2 {
  position: relative;
  z-index: 20;
  max-width: 910px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.cont2.contract-banner-cont2 {
  position: relative;
  z-index: 10;
  max-width: 910px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.cont2.p404 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.colorpicker {
  position: absolute;
  left: -80px;
  top: 62px;
  right: auto;
  z-index: 2500;
  width: 139px;
  margin-top: -39px;
  margin-left: -51px;
  padding: 8px;
  border-radius: 8px;
  background-color: #111e25;
  -webkit-box-shadow: 0 2px 10px 0 rgba(17, 30, 37, 0.25);
          box-shadow: 0 2px 10px 0 rgba(17, 30, 37, 0.25);
}

.colorpicker.colorpicker-right.teste {
  right: 9px;
}

.colorpicker-saturation {
  width: 100px;
  height: 100px;
  float: left;
  border-radius: 2px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/saturation.png");
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: crosshair;
}

.colorpicker-guide {
  float: left;
}

.colorpicker-bar {
  display: none;
}

.colorpicker-hue {
  overflow: hidden;
  width: 15px;
  height: 100px;
  margin-left: 8px;
  float: left;
  border-radius: 2px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/hue.png");
  background-position: 0px 0px;
  background-size: contain;
  cursor: row-resize;
}

.colorpicker-alpha {
  display: none;
  width: 15px;
  height: 100px;
  margin-left: 4px;
  float: left;
  cursor: row-resize;
}

.bloco2-3colunas {
  -webkit-column-count: 3;
  -moz-column-count: 3;
       column-count: 3;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
       column-gap: 15px;
}

.pop {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3000;
  display: none;
  overflow: auto;
  padding: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pop.pop-add {
  display: none;
  opacity: 0;
}

.pop.pop-invoice {
  display: none;
  opacity: 0;
}

.pop.pop-aviso {
  display: none;
  opacity: 0;
}

.pop.pop-reportar {
  display: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  opacity: 0;
}

.pop.pop-resumo {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.pop-cont {
  position: relative;
  z-index: 10;
  padding: 30px 30px 15px;
  border-bottom: 1px none #111e25;
  border-radius: 16px 16px 15px 15px;
  background-color: #e6ebf1;
  -webkit-box-shadow: 0 5px 80px 0 rgba(17, 30, 37, 0.6);
          box-shadow: 0 5px 80px 0 rgba(17, 30, 37, 0.6);
}

.pop-cont.pop-cont-invoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  height: 80%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pop-cont.pop-cont-reportar {
  width: 100%;
  max-width: 1100px;
}

.pop-bg {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 3;
  height: 100%;
  background-color: rgba(17, 30, 37, 0.6);
}

.pop-titulo {
  position: relative;
  margin: -30px -30px 20px;
  padding: 15px 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #35414b;
  color: #f7f8fa;
}

.pop-titulo-tx {
  float: left;
}

.pop-fechar {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #82929e;
  text-decoration: none;
}

.pop-fechar:hover {
  color: #f7f8fa;
}

.form-cont {
  font-family: Roboto, sans-serif;
}

.bt2-voltar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px none #c6d3e0;
  color: #acb7c2;
  text-decoration: none;
}

.bt2-voltar:hover {
  color: #0a1116;
}

.bt2-voltar-i {
  width: 28px;
  margin-top: -5px;
  margin-right: 8px;
  padding-bottom: 2px;
  border-right: 1px solid #c6d3e0;
  font-size: 1.1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: left;
}

.tabela2 {
  width: 100%;
  min-width: 1000px;
}

.tabela2.s-bg-livre {
  min-width: 400px;
  background-color: transparent;
}

.tabela2-fora:has(.tabela2-linha-atual) {
  margin-left: -12px;
  padding-left: 12px;
  margin-right: -12px;
  padding-right: 12px;
}

.tabela2-linha-atual .tabela2-col {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #fff;
}
.tabela2-linha-atual .tabela2-col .tabela2-col-cont {
  z-index: 10;
  position: relative;
}
.tabela2-linha-atual .tabela2-col:before {
  content: "";
  top: 2px;
  bottom: 2px;
  left: 0;
  right: 0;
  position: absolute;
  background-color: var(--gray-600);
  z-index: 0;
}
.tabela2-linha-atual .tabela2-col:first-child:before {
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  left: -12px;
}
.tabela2-linha-atual .tabela2-col:last-child:before {
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  right: -12px;
}

.tabela2.livre {
  min-width: auto;
}

.tabela2.tabela2-preview {
  min-width: 500px;
  background-color: transparent;
}

.tabela2-linha:hover {
  background-color: transparent;
}

.tabela2-linha.busca:hover {
  background-color: transparent;
}

.tabela2-col.titulo {
  background-color: #e6ebf1;
  color: #35414b;
  font-weight: 700;
}

.tabela2-linha.titulo.s-bg-livre {
  background-color: transparent;
}

.tabela2-linha.selected {
  background-color: #e6ebf1;
}

.tabela2-linha.vermelho {
  border-style: none;
  background-color: var(--red-100);
}

.tabela2-linha.verde {
  background-color: var(--green-100);
}

.tabela2-linha.amarelo {
  background-color: var(--yellow-100);
}

.tabela2-linha.cinza {
  background-color: #e6ebf1;
}

.tabela2-linha.cinza-escuro {
  background-color: #4a5964;
  color: #f7f8fa;
}

.tabela2-linha.linha-cancelada .tabela2-col-cont {
  opacity: 0.4;
}

.tabela2-col {
  position: relative;
  padding: 11px 8px 10px;
  -webkit-box-shadow: inset 0 1px 0 0 #c6d3e0;
          box-shadow: inset 0 1px 0 0 #c6d3e0;
}

.tabela2-col.busca {
  font-weight: 400;
}

.tabela2-col.titulo.sorting {
  padding-right: 30px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/sorting.png");
  background-position: 95% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tabela2-col.titulo.sorting_asc {
  padding-right: 30px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/sorting_asc.png");
  background-position: 95% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tabela2-col.titulo.sorting_desc {
  padding-right: 30px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/sorting_des.png");
  background-position: 95% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.tabela2-col.titulo.s-bg-livre {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}

.tabela2-col.tabela2-col-check {
  width: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tabela2-col.tabela2-col-img {
  width: 68px;
  padding: 8px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tabela2-col.tabela2-col-links {
  padding-top: 0px;
  padding-bottom: 0px;
}

.tabela2-col.tabela2-col-links.s-bg-livre {
  padding-top: 0px;
  padding-bottom: 0px;
}

.tabela2-col.s-bg-livre.junto {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tabela2-col.tabela2-preview {
  padding: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tabela2-col-cont {
  min-height: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tabela2-col-cont.tabela2-cont-check {
  /* display: flex */
  /* justify-content: center */
}

.tabela2-col-cont.tabela2-col-cont-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tabela2-col-cont.tabela2-col-cont-links {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.tabela2-img {
  width: 38px;
  height: 38px;
  border: 1px none #5f707e;
  border-radius: 100px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/sem-img.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.tabela2-img.exp2 {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/full-23265.jpg");
}

.tabela2-img.exp3 {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/casa-bg.jpg");
}

.tabela2-topo {
  min-height: 10px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #4a5964;
  color: #f7f8fa;
}

.tabela2-topo-item {
  padding: 10px;
  float: left;
}

.tabela2-geral {
  /* overflow: hidden */
}

.tabela2-geral.s-bg-livre {
  border-style: none;
}

.tabela2-geral.tabela2-preview {
  margin-right: -5px;
  margin-left: -5px;
}

.tabela2-rodape {
  min-height: 10px;
  margin-top: -1px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: #4a5964;
  color: #82929e;
}

.dt-button {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 34px;
  margin-right: 2px;
  margin-left: 2px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background-color: transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Mapro, sans-serif;
  color: #c6d3e0;
  font-size: 18px;
  line-height: 1em;
  text-decoration: none;
}

.dt-button:hover {
  color: #f7f8fa;
}

.dt-button.buttons-columnvisibility {
  display: block;
  width: 100%;
  height: 35px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 10px 20px 10px 30px;
  float: none;
  border-bottom: 1px solid #c6d3e0;
  border-radius: 0px;
  background-color: transparent;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/bt-desativado.png");
  background-position: 9px 50%;
  background-repeat: no-repeat;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none 0ms ease;
  transition: none 0ms ease;
  font-family: "Open Sans", sans-serif;
  color: #5f707e;
  font-size: 0.9em;
  line-height: 1.1em;
  text-align: left;
}

.dt-button.buttons-columnvisibility:hover {
  color: #111e25;
}

.dt-button.buttons-columnvisibility.active {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/bt-ativado.png");
}

.dt-button.buttons-colvis {
  -webkit-transition: none 0ms ease;
  transition: none 0ms ease;
}

.dt-buttons {
  margin-left: 0px;
  padding: 10px;
  float: right;
}

.tabela2-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tabela2-links.tx-meio {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabela2-links.tx-esq {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.tabela2-links.esq {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.tabela2-links .dropdown {
  margin: 0px;
}

.tabela2-link-fora {
  /* float: right */
  color: #82929e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tabela2-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  font-size: 18px;
  text-decoration: none;
  background-color: transparent;
  z-index: 11;
  color: #4a5964;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.tabela2-link .tabela2-link-check {
  position: absolute;
  top: 4px;
  right: 0px;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 18px;
  height: 18px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #f7f8fa;
  border-radius: 400px;
  background-color: #22b9b7;
  color: #fff;
  font-size: 6px;
  line-height: 10px;
  text-align: center;
  letter-spacing: 0px;
}
.tabela2-link .tabela2-link-check .icone2 {
  font-weight: 900;
}

.tabela2-link:hover {
  color: #111e25;
}

.tabela2-link-bt {
  background-color: #4a5964;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
  padding: 6px 10px;
}
.tabela2-link-bt:hover {
  -webkit-box-shadow: inset 0 0 500px 500px hsla(0, 0%, 100%, 0.15);
          box-shadow: inset 0 0 500px 500px hsla(0, 0%, 100%, 0.15);
  color: #fff;
}
.tabela2-link-bt.green {
  background-color: #22b9b7;
}
.tabela2-link-bt.blue {
  background-color: #11a8eb;
}
.tabela2-link-bt.red {
  background-color: #f3406d;
}
.tabela2-link-bt.dashed {
  background-color: transparent;
  color: #82929e;
  border: 2px dashed #c6d3e0;
  padding: 4px 8px;
}

.tabela2-link-tx {
  font-size: 12px;
  line-height: 12px;
}

.datatables_info {
  display: block;
  padding: 10px 20px;
  float: right;
  color: #c6d3e0;
  font-size: 0.8em;
}

.datatables_paginate {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  float: right;
}

.paginate_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: 28px;
  margin: 2px;
  padding-top: 1px;
  padding-left: 1px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 80px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #f7f8fa;
  font-size: 0.75rem;
  text-decoration: none;
  cursor: pointer;
}

.paginate_button:hover {
  background-color: #82929e;
}

.paginate_button.next {
  margin-right: 0px;
  font-family: Mapro, sans-serif;
  font-size: 0.6em;
}

.paginate_button.previous {
  font-family: Mapro, sans-serif;
  font-size: 0.6em;
}

.paginate_button.current {
  background-color: #82929e;
  cursor: default;
}

.paginate_button.disabled {
  color: #82929e;
  cursor: default;
}

.paginate_button.disabled:hover {
  background-color: transparent;
}

.dt-button-collection {
  position: absolute;
  left: 100px;
  top: 100px;
  z-index: 110;
  display: block;
  overflow: hidden;
  min-width: 120px;
  margin-top: 5px;
  margin-left: -10px;
  border-radius: 8px;
  background-color: #f7f8fa;
  -webkit-box-shadow: 0 0 8px 0 rgba(17, 30, 37, 0.25);
          box-shadow: 0 0 8px 0 rgba(17, 30, 37, 0.25);
}

.tabela2-busca-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 34px;
  height: 34px;
  margin-bottom: -34px;
  padding-bottom: 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Mapro, sans-serif;
  color: #82929e;
  position: relative;
  z-index: 10;
}

.datatables_length {
  position: relative;
  padding: 10px;
  float: right;
}

.tabela2-mostrar-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  margin-bottom: 0px;
  padding-right: 8px;
  padding-bottom: 0px;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dropdown {
  position: relative;
  float: right;
  /* z-index: unset */
}

.dropdown:has(.w--open) {
  z-index: 9000;
}

.dropdown.show {
  color: #111e25;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0px;
  z-index: 1000;
  display: none;
  overflow: hidden;
  margin-right: 5px;
  border-radius: 16px;
  background-color: #f7f8fa;
  -webkit-box-shadow: 0 0 8px 0 rgba(17, 30, 37, 0.25);
          box-shadow: 0 0 8px 0 rgba(17, 30, 37, 0.25);
  margin-left: 5px;
  left: auto;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 11px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #c6d3e0;
  color: #4a5964;
  font-size: 0.75rem;
  line-height: 1.3em;
  text-decoration: none;
}

.dropdown-link:hover {
  background-color: #f7f8fa;
}

.dropdown-link-i {
  display: block;
  margin-right: 8px;
  float: left;
  font-size: 16px;
}

.dropdown-tx {
  display: block;
  float: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.dt-button-background {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100;
  display: none;
  overflow: visible;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.datatables_empty {
  padding: 40px;
  background-color: #f7f8fa;
  text-align: center;
}

.tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 6px;
  margin-bottom: 4px;
  padding: 6px 12px;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  background-color: #acb7c2;
  color: #f7f8fa;
  font-size: 0.75rem;
  line-height: 1.2em;
}

.titulo-pagina-fora .tag {
  display: inline;
  -ms-flex-item-align: center;
      align-self: center;
  margin-bottom: 16px;
}

.tag.vermelho {
  background-color: #f3406d;
}

.tag.verde {
  background-color: #22b9b7;
}

.tag.amarelo {
  background-color: #f7ba22;
}

.tag.azul {
  background-color: #11a8eb;
}

.tabela2-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 2px;
  margin-right: 4px;
  margin-bottom: 2px;
  padding: 4px 6px 3px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  background-color: #82929e;
  color: #fff;
  font-size: 0.65rem;
  line-height: 1.2em;
}

.tabela2-tag.vermelho {
  background-color: #f3406d;
}

.tabela2-tag.verde {
  background-color: #22b9b7;
}

.tabela2-tag.amarelo {
  background-color: #f7ba22;
  color: #35414b;
}

.tabela2-tag.azul {
  background-color: #11a8eb;
}

.tabela2-tag-i {
  position: relative;
  margin-right: 5px;
  float: left;
  font-size: 9px;
}

.tabela2-tag-tx {
  float: left;
}

.tabela2-tag-linha {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bloco3-link-i {
  position: absolute;
  right: -12px;
  bottom: -12px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 3px none #e6ebf1;
  border-radius: 50px;
  background-color: #22b9b7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #f7f8fa;
  font-size: 14px;
}

.bloco3-link-i.erro {
  background-color: #f3406d;
}

.bloco3-itens-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -20px;
}

.bloco3-itens-fora.bloco3-col {
  width: 97px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.bloco3-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px dashed #acb7c2;
  border-radius: 16px;
  background-color: #fff;
  color: #4a5964;
  text-align: center;
  text-decoration: none;
  width: 100px;
  height: 100px;
  margin-right: 20px;
  margin-bottom: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

a.bloco3-link:hover {
  border-color: #5f707e;
}

.bloco3-link-fora {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 117px;
}

.bloco3-link.grande {
  width: 100%;
  height: auto;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 20px;
  max-width: 400px;
}
.bloco3-link.grande .bloco3-link-img {
  max-width: 40%;
}

.bloco3-link-preco {
  margin-left: 15px;
  border-left: 1px solid #e6ebf1;
  width: 100%;
  height: 100%;
  padding-left: 15px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bloco3-link.w--current {
  border-style: solid;
  border-color: #22b9b7;
  background-color: #fff;
}

.bloco3-link.selecionado {
  border-style: solid;
  border-color: #22b9b7;
}

.bloco3-link.desativado {
  opacity: 0.6;
  cursor: default;
}

.bloco3-link.erro {
  border-style: solid;
  border-color: #f3406d;
}

.bloco3-link.bloco3-col {
  margin: 0px 0px 5px;
}

.bloco3-link.c-tx {
  margin-bottom: 30px;
}

.bloco3-link.bloco3-check {
  margin: 0px 0px 5px;
}

.bloco3-link.bloco3-check.selecionado {
  border-color: #22b9b7;
}

.bloco3-link-img {
  font-size: 0.75rem;
}

.bloco3-link-img.selecionado {
  opacity: 1;
}

.bloco3-link-tx {
  color: #acb7c2;
  font-size: 0.8em;
}

.bloco3 {
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px none #acb7c2;
}

.bloco3.bloco3-col {
  padding: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.bloco3-fora.bloco3-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clear: both;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin-left: -10px;
  margin-right: -10px;
}

.calculadora-dir-cont {
  margin-bottom: 15px;
  padding: 15px;
  clear: both;
  border: 1px dashed #c6d3e0;
  border-radius: 8px;
}

.calculadora-i {
  margin-right: 8px;
  float: left;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.calculadora-tab-fora {
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px none #c6d3e0;
}

.calculadora-tab-fora.total {
  margin-top: 5px;
  padding-top: 10px;
  border-top-style: dashed;
  font-weight: 700;
}

.calculadora-tab-fora.final {
  margin-top: 10px;
  padding: 5px 12px;
  border-radius: 8px;
  background-color: #35414b;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/bg-canto.png");
  background-position: 100% -60px;
  background-size: 307px;
  background-repeat: no-repeat;
  color: #e6ebf1;
  font-weight: 700;
}

.calculadora-tab-linha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
  padding-bottom: 3px;
}

.calculadora-tab-linha.titulo {
  color: #111e25;
  font-weight: 700;
}

.calculadora-tab-linha.desativado {
  opacity: 0.4;
  text-decoration: line-through;
}

.calculadora-tab-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.calculadora-tab-col.dir {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
}

.enjoyhint {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 2010;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.enjoyhint_svg_wrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.kineticjs-content {
  position: absolute;
}

.enjoyhint_canvas {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.enjoyhint_disable_events {
  position: absolute;
  z-index: 1011;
  width: 2000px;
  height: 1500px;
}

.enjoyhint_skip_btn {
  position: absolute;
  left: 1120px;
  top: 200px;
  z-index: 1012;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  min-height: 46px;
  padding-top: 5px;
  padding-bottom: 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #f7f8fa;
  border-radius: 8px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #f7f8fa;
  text-align: center;
  cursor: pointer;
}

.enjoyhint_skip_btn:hover {
  background-color: #f7f8fa;
  color: #5f707e;
}

.enjoyhint_next_btn {
  position: absolute;
  left: 1000px;
  top: 200px;
  z-index: 1012;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  min-height: 46px;
  padding-top: 5px;
  padding-bottom: 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: #22b9b7;
  border-radius: 8px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #22b9b7;
  text-align: center;
  cursor: pointer;
}

.enjoyhint_next_btn:hover {
  background-color: #22b9b7;
  color: #f7f8fa;
}

.enjoyhint_close_btn {
  position: absolute;
  z-index: 1012;
  display: none;
  width: 3em;
  height: 3em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #c6d3e0;
  border-radius: 8px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: Mapro, sans-serif;
  color: #c6d3e0;
  cursor: pointer;
}

.enjoyhint_close_btn:hover {
  background-color: #c6d3e0;
  color: #35414b;
}

.enjoyhint_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 46px;
  padding: 5px 20px 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #c6d3e0;
  border-radius: 8px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #c6d3e0;
  text-align: center;
  cursor: pointer;
}

.enjoyhint_btn:hover {
  background-color: #c6d3e0;
  color: #35414b;
}

.enjoy_hint_label {
  position: absolute;
  left: 1000px;
  top: 150px;
  z-index: 1012;
  max-width: 400px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #f7f8fa;
  font-size: 1.3em;
  line-height: 1.3em;
  font-weight: 300;
}

.enjoyhint_hide {
  display: none;
}

.passo2-cont-num {
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: 100;
  display: none;
  width: 24px;
  height: 24px;
  padding-left: 1px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 200px;
  color: #f7f8fa;
  font-size: 0.75rem;
}

.titulo-pagina-i {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  margin-right: 12px;
  margin-bottom: 6px;
  float: left;
  color: #35414b;
  font-size: 2.4rem;
  line-height: 0.9em;
}

.calculadora-titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
}

.titulo-pagina-fora {
  position: relative;
  z-index: 20;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.titulo-pagina-fora.c-passo2 {
  position: relative;
  z-index: 10;
}

.bloco3-cont {
  padding-left: 10px;
  float: left;
}

.bloco3-cont.bloco3-col {
  padding-left: 0px;
  font-size: 0.75rem;
  line-height: 1.2em;
}

.bloco3-cont.bloco3-col.dentro {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -20px;
}

.bloco3-cont.bloco3-check {
  margin-bottom: 5px;
}

.sub-titulo-1 {
  color: #acb7c2;
  font-style: italic;
}

.calculadora-esq {
  min-width: 400px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.calculadora-dir {
  min-width: 230px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.calculadora-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
  margin-left: -10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.site-layout-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.site-layout-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding: 10px;
  float: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #35414b;
  color: #c6d3e0;
  font-size: 0.75rem;
  line-height: 1.3em;
  text-decoration: none;
}

.site-layout-bt:hover {
  background-color: #4a5964;
}

.site-layout-bt.dir {
  border-left: 1px solid #111e25;
}

.site-layout-item {
  position: relative;
  overflow: hidden;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #e6ebf1;
}

.site-layout-item.selecionado {
  border-style: solid;
  border-color: #22b9b7;
}

.site-layout-img.menor {
  margin-bottom: -80px;
}

.site-layout-item-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.site-layout-item-fora.menor {
  width: 20%;
}

.site-layout-bt-i {
  font-size: 14px;
}

.site-layout-bt-tx {
  display: none;
}

.site-layout-bt-fora {
  position: relative;
  z-index: 5;
  overflow: hidden;
  border-top: 1px solid #111e25;
  background-color: #e6ebf1;
  background-image: none;
}

.site-layout-bt-fora.selecionado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-color: #22b9b7;
  background-color: #22b9b7;
  color: #f7f8fa;
  font-size: 0.75rem;
  line-height: 1.3em;
  text-align: center;
}

.site-layout-selecionado-i {
  margin-right: 5px;
}

.sub-menu {
  width: 100%;
  margin-bottom: 15px;
  float: left;
  clear: both;
}

.sub-menu-bg {
  display: none;
}

.fixedheader-floating {
  position: fixed;
}

.resumo-pagamento-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-top: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 8px;
  background-color: #35414b;
  color: #e6ebf1;
}

.resumo-pagamento-item-fora {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.resumo-pagamento-item-fora.total {
  margin-right: -50px;
  padding-right: 50px;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  background-color: #4a5964;
  -webkit-transform: skew(-50deg, 0deg);
  -ms-transform: skew(-50deg, 0deg);
  transform: skew(-50deg, 0deg);
}

.resumo-pagamento-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 5px;
  text-transform: uppercase;
}

.resumo-pagamento-item.total {
  padding-right: 15px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transform: skew(50deg, 0deg);
  -ms-transform: skew(50deg, 0deg);
  transform: skew(50deg, 0deg);
  text-align: right;
}

.resumo-pagamento-item.primeiro {
  padding-right: 5px;
  padding-left: 15px;
}

.resumo-pagamento-tx1 {
  display: inline-block;
  margin-right: 5px;
  color: #acb7c2;
}

.resumo-pagamento-tx2 {
  display: inline-block;
  font-weight: 700;
}

.bt-cont2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -7px -400px -5px 15px;
  padding: 7px 400px 5px 15px;
  float: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  background-color: rgba(10, 17, 22, 0.16);
}

.galeria-img-destaque-i {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
  width: 32px;
  height: 32px;
  padding-top: 3px;
  padding-left: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom-right-radius: 50px;
  background-color: #fae6ba;
  color: #f7ba22;
  font-size: 12px;
  text-align: left;
}

.galeria-img-destaque-i.vermelho {
  background-color: #ffe2e6;
  color: #f3406d;
}

.galeria-img-destaque-i.verde {
  background-color: #d9f0df;
  color: #22b9b7;
}

.galeria-img-destaque-i.cinza {
  background-color: #e6ebf1;
  color: #82929e;
}

.galeria-img-destaque-i.roxo {
  color: #a154b4;
  background-color: #e9d4f0;
}

.titulo-pagina-i-add {
  position: absolute;
  left: -9px;
  top: -9px;
  width: 18px;
  height: 18px;
  font-size: 16px;
  line-height: 18px;
  text-shadow: 1px 1px 0 #e6ebf1;
}

.invoice-cont {
  display: block;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 20px;
}

.invoice-topo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.invoice-bts-fora {
  width: 100%;
  margin-bottom: 20px;
  float: left;
  clear: both;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.invoice-titulo-fora {
  float: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.invoice-codigo {
  font-size: 1.5rem;
  line-height: 1.1em;
  font-weight: bold;
}

.invoice-tabela {
  border-style: solid solid none;
  border-width: 1px;
  border-color: #c6d3e0;
}

.pop-invoice-iframe {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.coment-fora {
  z-index: 1800;
  overflow: hidden;
  margin-bottom: 15px;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
}

.body-comentarios-aberto {
  padding-right: 340px;
}

.coment-titulo-fora {
  background-color: #e6ebf1;
  color: #111e25;
}

.coment-titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding-top: 1px;
  padding-left: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  line-height: 1.2em;
  font-weight: 300;
}

.coment-data-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-right: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
}

.coment-status-tx {
  font-weight: 700;
}

.cadastro-img-hover-i-add {
  position: relative;
  z-index: 2;
  margin-bottom: -8px;
  margin-left: -20px;
  font-size: 15px;
  line-height: 16px;
  text-shadow: 1px 1px 0 #f7f8fa;
}

.coment-cont {
  overflow: auto;
}

.galeria-destaque-titulo {
  position: absolute;
  top: -21px;
  left: -1px;
  height: 21px;
  padding: 4px 12px 2px;
  border-style: solid solid none;
  border-width: 1px;
  border-color: #acb7c2;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #e6ebf1;
  color: #82929e;
  font-size: 0.75rem;
  line-height: 1.2em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .galeria-destaque-titulo {
    position: relative;
    height: auto;
    top: 0px;
    margin-top: -12px;
    margin-bottom: 2px;
    width: calc(100% + 2px);
  }
}

.galeria-destaque-titulo.verde {
  border-color: #22b9b7;
  background-color: #d9f0df;
  color: #22b9b7;
}

.galeria-destaque-titulo.vermelho {
  border-color: #f3406d;
  background-color: #ffe2e6;
  color: #f3406d;
}

.galeria-destaque-titulo.roxo {
  border-color: #a154b4;
  background-color: #e9d4f0;
  color: #a154b4;
}

.passo2-timeline-tab-menu {
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding-right: 2px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.passo2-timeline-tab-link {
  position: relative;
  z-index: auto;
  padding: 32px 24px 4px 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: transparent;
  color: #acb7c2;
}

.passo2-timeline-tab-link:hover {
  color: #5f707e;
}

.passo2-timeline-tab-link.w--current {
  background-color: transparent;
  color: #22b9b7;
}

.passo2-timeline-tab-link.ja-foi {
  color: #35414b;
}

.passo2-timeline-tab-link.ja-foi.w--current {
  color: #22b9b7;
}

.passo2-timeline-tab-link-tx {
  position: relative;
  z-index: 4;
  float: right;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-align: right;
}

.passo2-timeline-tab-link-i {
  position: absolute;
  top: 0px;
  right: -2px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  background-color: #acb7c2;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #f7f8fa;
  font-size: 14px;
}

.passo2-timeline-tab-link-i.ja-foi {
  background-color: #35414b;
}

.passo2-timeline-tab-link-linha {
  position: absolute;
  top: 24px;
  right: 12px;
  display: block;
  width: 2px;
  height: 18px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.passo2-timeline-tab-link-bg {
  position: absolute;
  left: 0px;
  top: 10px;
  right: 0px;
  z-index: -1;
  height: 10px;
  background-color: #acb7c2;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.passo2-timeline-tab-link-bg.ja-foi {
  background-color: #35414b;
}

.passo2-timeline-tab-link-bg.ultimo {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}

.passo2-timeline-tab-link-bg.primeiro {
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}

.passo2-timeline-tab-link-linha-bolinha {
  position: absolute;
  right: -2px;
  bottom: -3px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-width: 3px;
  border-radius: 20px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.ajustes-css-c-cor {
  background-color: #f7f8fa;
}

.listagem-bts-titulo {
  color: #35414b;
  font-size: 2rem;
  line-height: 1.2em;
  font-weight: 700;
}

.listagem-casa-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.listagem-casa-cont.box {
  margin: 0px;
  padding: 10px;
  border: 1px solid #c6d3e0;
  border-radius: 16px;
  background-color: #f7f8fa;
}

.nav-bt-i {
  margin-top: 1px;
  margin-right: 5px;
  font-size: 8px;
}

.nav-bt-i.dir {
  margin-right: 0px;
  margin-left: 5px;
}

.col-agenda-canto-i {
  position: relative;
  display: block;
  margin-bottom: 2px;
  padding-right: 2px;
  padding-left: 2px;
  float: left;
  font-size: 12px;
  line-height: 12px;
}

.col-agenda-canto-tx {
  display: block;
  padding-right: 6px;
  padding-left: 6px;
  float: left;
  font-weight: 300;
}

.col-agenda-canto-fora {
  margin-right: -6px;
  margin-left: -6px;
  float: right;
  color: #82929e;
  line-height: 1.7em;
}

.col-agenda-canto-fora.sugestoes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: none;
  clear: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #82929e;
  line-height: 20px;
}

.listagem-casa-filtros-fora {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
  margin-left: -10px;
  clear: both;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.listagem-casa-filtros-fora.principal {
  top: 54px;
  z-index: 10;
  margin-right: 0px;
  margin-left: 0px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* border: 1px solid $cinza7 */
  border-radius: 16px;
  background-color: #c6d3e0;
  position: sticky;
  padding-left: 5px;
  padding-right: 5px;
}

.listagem-casa-filtros-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.listagem-casa-filtros-item.maior {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.listagem-casa-filtros-item.dir {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.agenda-dia-i {
  font-size: 10px;
}

.agenda-dia-tx-p {
  color: #acb7c2;
  font-size: 0.65rem;
}

.agenda-dia-tx-p.menor-preco {
  color: #22b9b7;
}

.agenda-listagem-linha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.agenda-listagem-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  min-width: 320px;
  padding: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.agenda-listagem-titulo {
  width: 100%;
  padding-bottom: 5px;
  text-align: center;
}

.galeria-img-arrastar-i {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  width: 28px;
  height: 28px;
  padding-top: 3px;
  padding-right: 5px;
  border: 1px none #c6d3e0;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 50px;
  background-color: #f7f8fa;
  color: #82929e;
  font-size: 11px;
  text-align: right;
}

.listagem-tx-itens-i {
  margin-right: 6px;
  font-size: 14px;
}

.listagem-tx-itens-fora {
  margin-right: -5px;
  margin-bottom: -5px;
}

.passo2-dica-fora .check-linha {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 991px) {
  .passo2-dica-fora .check-linha {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 479px) {
  .passo2-dica-fora .check-linha {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.card-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
  margin-bottom: 5px;
  margin-left: -5px;
  clear: both;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.card-col {
  width: 33.33%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .card-col {
    width: 100%;
  }
}

.card-preco-item {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 28px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.card-preco-item.tx-normal {
  font-size: 14px;
  line-height: 20px;
}

.card-preco-fora {
  margin-bottom: 12px;
  padding-top: 12px;
  border-top: 1px dashed #c6d3e0;
}

.card-destaque-tx {
  padding-right: 4px;
  padding-left: 4px;
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: #22b9b7;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  background-color: #aaecbc;
  color: transparent;
}

.card-destaque-tx.vermelho {
  border-color: #f3406d;
  background-color: #ffbbc6;
}

.bloco2-linha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -8px;
  margin-left: -8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.bloco2-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 340px;
  padding-right: 8px;
  padding-left: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bloco2-col.c-bt {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.cadastro-img-doc-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 34px;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
}

.cadastro-img-doc-desc {
  margin-top: 2px;
  color: #82929e;
  font-size: 0.75rem;
  line-height: 1.3em;
  font-style: italic;
}

.cadastro-img-doc-desc-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

.cadastro-img-titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 35px;
  margin-right: 10px;
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 7px;
  float: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.75rem;
  line-height: 0.9em;
  text-align: left;
}

.nav2-bts {
  margin-top: -15px;
  margin-right: -12px;
  margin-bottom: -15px;
}

.nav2-bt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  height: 44px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5f707e;
  font-size: 18px;
  text-decoration: none;
}

.nav2-bt:hover {
  color: #111e25;
}

.nav2-bt-num {
  position: absolute;
  top: 4px;
  right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 17px;
  height: 17px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #e6ebf1;
  border-radius: 80px;
  background-color: #5f707e;
  color: #f7f8fa;
  font-size: 0.65rem;
  line-height: 17px;
}

.box-alerta {
  margin-bottom: 15px;
  padding: 15px;
  border: 1px solid #f3406d;
  border-radius: 16px;
  background-color: #ffe2e6;
  color: #f3406d;
  text-decoration: none;
}

.box-alerta.box-verde {
  border-color: #22b9b7;
  background-color: #aaecbc;
  color: #22b9b7;
}

.box-alerta.site-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  float: right;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.link-listagem {
  display: inline-block;
  margin-top: 5px;
  margin-right: 10px;
  font-size: 0.75rem;
  line-height: 1.3em;
}

.pos-titulo-pagina {
  position: relative;
  z-index: 9;
}

.bloco2-selecionado {
  position: absolute;
  left: -12px;
  top: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 80px;
  background-color: #22b9b7;
  color: #f7f8fa;
  font-size: 10px;
}

.tabs-conts-c-espaco {
  margin: -20px;
  padding: 20px;
}

.site-layout-itens {
  width: 100%;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.site-layout-titulo-fora {
  position: relative;
  z-index: 5;
  padding: 10px;
  background-color: #35414b;
  color: #c6d3e0;
  font-size: 0.75rem;
  line-height: 1.3em;
  text-align: center;
}

.site-layout-titulo-fora.selecionado {
  background-color: #22b9b7;
  color: #f7f8fa;
}

.bt-contrato {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  margin: 5px;
  padding: 15px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px dashed #acb7c2;
  color: #82929e;
  text-align: center;
  text-decoration: none;
}

.bt-contrato:hover {
  border-color: #82929e;
  color: #5f707e;
}

.bt-contrato-i {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 24px;
}

.tab-filtro-link-i {
  margin-right: 5px;
  float: left;
  font-size: 14px;
  letter-spacing: 0px;
}

.bt-contrato-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.body-s-menu {
  padding-left: 0px;
  padding-top: 0px;
}

.tx-gigante {
  font-size: 4rem;
  line-height: 1.1em;
  font-weight: 200;
}

.cadastro-img-revisar-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px 7px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #f7f8fa;
  font-size: 0.75rem;
  text-decoration: none;
}

.cadastro-img-revisar-bt.vermelho {
  color: #f3406d;
}

.cadastro-img-revisar-bt.verde {
  background-color: #22b9b7;
  color: #f7f8fa;
}

.cadastro-img-revisar-bt._w-100 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cadastro-img-revisar-bt.vermelho {
  background-color: #f3406d;
  color: #f7f8fa;
}

.cadastro-img-revisar-bt.cinza {
  background-color: #82929e;
}

.cadastro-img-revisar-bt-i {
  margin-left: 5px;
  font-size: 12px;
}

.cadastro-img-revisar-bt-i.esq {
  margin-right: 5px;
  margin-left: 0px;
}

.cadastro-img-tag {
  display: block;
  margin-bottom: 5px;
  padding: 3px 6px 4px 8px;
  float: left;
  clear: both;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #82929e;
  color: #f7f8fa;
  font-size: 0.65rem;
  line-height: 1.2em;
  text-align: left;
}

.cadastro-img-tag.vermelho {
  top: 8px;
  background-color: #f3406d;
}

.cadastro-img-tag-i {
  display: block;
  margin-right: 5px;
  float: left;
  font-size: 10px;
}

.cadastro-img-tag-fora {
  position: absolute;
  left: 0px;
  top: 8px;
  z-index: 10;
}

.revisar-resumo-topo {
  margin-top: 15px;
  margin-bottom: 15px;
}

.revisar-resumo-topo-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.revisar-resumo-topo-img {
  width: 120px;
  height: 60px;
  margin-right: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 8px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/original_Brian-Dittmar-grey-yellow-bedroom-traditional.jpg.rend.hgtvcom.336.252.jpeg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.invoice-tabela-fora {
  overflow: auto;
}

.tx-amarelo {
  color: #f7ba22;
}

.tabela2-ligacao {
  position: absolute;
  left: 0px;
  top: 22px;
  bottom: -22px;
  width: 1px;
  background-color: #c6d3e0;
}

.tabela2-ligacao.ultimo {
  bottom: auto;
  height: 1px;
}

.tabela2-ligacao-bolinha {
  position: absolute;
  left: -2px;
  top: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  background-color: #c6d3e0;
}

.bt2-empresa-img-grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 105px;
  padding: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
}

.bt2-empresa {
  height: 100%;
  border: 2px solid #e6ebf1;
  border-radius: 14px;
  color: #82929e;
  font-weight: 300;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.bt2-empresa:hover {
  border-color: #22b9b7;
}

.bt2-empresa-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.bt2-empresa-tx {
  font-size: 12px;
  line-height: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.login2-empresa-grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.login2-empresa-item {
  padding: 10px;
  text-align: center;
  width: 160px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.tab-dash-links {
  margin: -10px -5px 10px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 100%;
}

.tab-dash-link {
  margin: 10px 5px;
  padding: 8px 20px;
  border-radius: 80px;
  background-color: #c6d3e0;
  color: #82929e;
}

.tab-dash-link:hover {
  color: #4a5964;
}

.tab-dash-link.w--current {
  background-color: #22b9b7;
  color: #f7f8fa;
}

.tab-dash-link-tx {
  float: left;
}

.tab-dash-link-i {
  float: left;
  margin-left: 10px;
  margin-top: -1px;
  font-size: 0.75rem;
  border-radius: 30px;
  /* border: 1px solid $cinza7 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: -5px;
}

.tabela2-topo-titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 52px;
  padding: 10px;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.next {
  width: 24px;
  height: 34px;
  padding-bottom: 5px;
  border-radius: 8px;
  font-size: 30px;
  font-weight: 400;
  cursor: pointer;
}

.next:hover {
  background-color: #e6ebf1;
}

.next.disabled {
  opacity: 0;
  cursor: default;
}

.calendario-legenda-grupo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.calendario-legenda-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  margin-bottom: 10px;
  padding-right: 10px;
  float: left;
}

.calendario-legenda-cor {
  width: 14px;
  height: 14px;
  margin-top: 2px;
  margin-right: 7px;
  margin-bottom: 1px;
  float: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 50px;
  background-color: #9cb703;
  opacity: 0.85;
}

.calendario-legenda-tx {
  float: left;
}

.exemplo-calendario {
  margin-right: -20px;
  margin-left: -20px;
  text-align: center;
}

.exemplo-calendario.c-dica {
  overflow: hidden;
  width: 100%;
  margin-right: 0px;
  margin-left: 0px;
}

.bt2-final {
  padding-left: 180px;
  clear: both;
}

.p404-cont {
  color: #82929e;
  text-align: center;
}

.p404-titulo {
  margin-bottom: 5px;
  color: #111e25;
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
}

.contract-pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contract-body {
  padding-top: 0px;
  padding-left: 0px;
}

.banner1-geral {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
  padding-top: 50px;
  padding-bottom: 120px;
  color: #fff;
}

.banner1-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 30px;
  z-index: 1;
  width: 100%;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/banner1-bg1.svg");
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner1-bg2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/banner1-bg2.svg");
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.contract-title {
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 36px;
}

.contract-sub-title {
  font-size: 18px;
  line-height: 24px;
}

.p404-img {
  width: 100%;
  max-width: 700px;
  margin-bottom: 20px;
  margin-left: -30px;
}

.p404-link {
  display: inline-block;
  margin-top: 20px;
}

.prices-card-itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  clear: both;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.prices-card-itens.esq {
  width: 50%;
  padding-right: 10px;
  clear: none;
}

.prices-card-itens.dir {
  width: 50%;
  padding-left: 10px;
  clear: none;
}

.prices-card-sub-title {
  color: #acb7c2;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.prices-card {
  clear: both;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.prices-balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 32px;
  margin-right: 15px;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bts2-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 20px;
  float: left;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.bts2-navigation.c-dica {
  width: 68%;
}

.listagem-total-titulo {
  margin-top: 4px;
  font-size: 1.2rem;
  line-height: 1.2rem;
}

.listagem-door-code {
  margin-top: 14px;
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-style: italic;
}

.listagem-door-i {
  margin-right: 7px;
}

.listagem-door-titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tabela3-geral {
  overflow: hidden;
}

.tabela3-scroll {
  overflow: auto;
  border: 1px solid #c6d3e0;
  border-radius: 16px;
}

.tabela3.min-700 {
  min-width: 700px;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
}

.tabela3-linha {
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  background-color: #f7f8fa;
}

.tabela3-linha.tabela3-rodape {
  background-color: #e6ebf1;
  color: #35414b;
  font-weight: 700;
}

.tabela3-linha.tabela3-sub-titulo {
  color: #82929e;
  font-size: 12px;
  line-height: 16px;
  font-style: italic;
}

.tabela3-col {
  position: relative;
  padding: 11px 8px 10px;
  border-top: 1px solid #c6d3e0;
}

.tabela3-col.sub-titulo-responsive {
  display: none;
  color: #82929e;
  font-size: 12px;
  line-height: 16px;
  font-style: italic;
}

.tabela3-col._w-g {
  min-width: 200px;
}

.tabela3-col._w-p {
  max-width: 110px;
}

.tabela3-col._w-m {
  min-width: 120px;
}

.tabela3-col.bg-cor1 {
  padding-top: 12px;
  border-top-style: none;
}

.tabela3-titulo {
  position: relative;
  z-index: 10;
  padding: 11px 16px 10px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #4a5964;
  color: #f7f8fa;
}

.tabela3-titulo-bg {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: -12px;
  height: 12px;
  border-right: 1px solid #c6d3e0;
  border-left: 1px solid #c6d3e0;
  background-color: #f7f8fa;
}

.seguranca {
  height: 100vh;
}

.box-alerta-i {
  margin-right: 8px;
}

.editar-site-geral {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.editar-site-cont {
  width: 100%;
}

.editar-site-bloco {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.cont-slide {
  height: auto;
  padding-top: 40px;
  background-color: transparent;
}

.cont-slide-setas {
  bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 30px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #35414b;
  font-size: 13px;
}

.cont-slide-setas.dir {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cont-slide-nav {
  top: 0px;
  bottom: auto;
  height: 30px;
  opacity: 0.4;
  font-size: 10px;
}

.cont-slide-setas-i {
  position: relative;
  display: block;
}

.preview-menu-link-geral {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #c6d3e0;
  text-decoration: none;
  margin-bottom: 15px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 46px;
}

.preview-menu-link-geral.select {
  border: 2px dashed #c6d3e0;
  background-color: transparent;
  color: #82929e;
}

.preview-menu-link-geral.add {
  border: 2px dashed #c6d3e0;
  background-color: transparent;
  color: #82929e;
}

.preview-menu-link-geral.add:hover {
  border-color: #5f707e;
}

.preview-menu-link-geral.block {
  border-color: #e6ebf1;
  background-color: #e6ebf1;
}

.preview-menu-link-geral.block.esq {
  width: auto;
  margin-right: 5px;
  margin-bottom: 5px;
}

.preview-menu-link-geral.sub-link {
  margin-left: 30px;
}

.preview-menu-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 38px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5f707e;
  text-decoration: none;
}

.preview-menu-link:hover {
  color: #111e25;
}

.preview-menu-link.move {
  width: 22px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  cursor: move;
}

.preview-menu-link-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 38px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #acb7c2;
}

.preview-menu-link-tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
}

.inp.preview-inp {
  margin-bottom: -10px;
  height: auto;
  padding: 10px 0px;
  border-style: none;
  background-color: transparent;
  margin-top: -10px;
}

.site-preview-icon-geral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.site-preview-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  margin-right: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #fff;
  font-size: 32px;
  line-height: 32px;
}

.pop-icons-i-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 32px;
  margin-bottom: 10px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
}

.pop-icons {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10000;
  display: none;
  overflow: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 40px 80px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  background-color: rgba(10, 17, 22, 0.85);
}

.pop-icons-tx {
  width: 100%;
  clear: both;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.pop-icons-module {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.pop-icons-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 12.5%;
  padding: 8px 10px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
}

.pop-icons-group:hover {
  background-color: #c6d3e0;
}

.pop-icons-i {
  display: inline-block;
  float: none;
  font-family: "Mapro solid", sans-serif;
}

.pop-icons-title {
  margin: -20px -20px 10px;
  padding: 10px;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  background-color: #e6ebf1;
  text-align: center;
  letter-spacing: 10px;
  text-transform: uppercase;
}

.pop-icons-cont {
  position: relative;
  overflow: hidden;
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 8px;
  background-color: #f7f8fa;
}

.pop-icons-close {
  position: fixed;
  left: auto;
  top: 40px;
  right: 30px;
  bottom: auto;
  z-index: 20;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pop-icons-close-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #acb7c2;
  font-size: 32px;
  line-height: 32px;
  text-decoration: none;
}

.pop-icons-close-link:hover {
  color: #f7f8fa;
}

.pop-icons-close-tx {
  display: none;
}

.bg1 {
  position: absolute;
  left: 0%;
  top: 150px;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/curva-branca.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

.bg-geral {
  position: absolute;
  top: 0%;
  bottom: auto;
  z-index: -1;
  height: 100%;
  padding-top: 120px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.bg2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  background-color: #22b9b7;
}

html.w-mod-js *[data-ix=comeca-aparece] {
  display: block;
}

html.w-mod-js *[data-ix=comeca-some] {
  display: none;
}

@media screen and (max-width: 991px) {
  .bts2-navigation.c-dica {
    width: 100%;
  }
  body {
    padding-left: 0px;
  }
  .conteudo {
    margin-left: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .linha.linha2.flex-taxas {
    display: block;
  }
  .galeria-img-fora._w-300px {
    width: 180px;
  }
  .variar-data {
    width: 33.33%;
  }
  .tab-alterar.tab-alterar-nome {
    width: 100%;
  }
  .cadastro-img-img.com-img.logo {
    background-size: auto 90px;
  }
  .coment-nav {
    float: right;
  }
  .coment-nav.coment-nav-abrir {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .coment-nav.coment-nav-fechar {
    display: none;
  }
  .coment-tampao {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 800;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(22, 26, 29, 0.5);
    opacity: 0;
  }
  .drop-visualizar {
    width: 100%;
    clear: both;
  }
  .drop-visualizar-cont.w--open {
    position: relative;
    margin-top: 0px;
    border-top: 1px none #000;
  }
  .galeria-inventario {
    width: 100%;
  }
  .col-agenda {
    width: 50%;
  }
  .tab-idioma-link {
    font-size: 14px;
  }
  .tab-idioma-links {
    margin-top: -23px;
  }
  .pdf-fora {
    margin-left: 0px;
  }
  .editar-pdf {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .pdf-editar-painel {
    margin-right: 0px;
  }
  .popin-fora.tour.comentarios-aberto {
    right: 30px;
  }
  .body-menu-aberto {
    padding-left: 0px;
  }
  .passo2-cont.c-dica {
    width: 100%;
  }
  .bts2-rodape.c-dica {
    width: 100%;
  }
  .passo2-dica-fora {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 0px;
    position: relative;
    top: 0px;
  }
  .cont2-fora {
    background-position: 200% -230px;
  }
  .cont2 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .bloco2-3colunas {
    -webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
  }
  .coment-fora {
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
  .body-comentarios-aberto {
    padding-right: 0px;
  }
  .bloco2-col {
    min-width: 100%;
  }
  .exemplo-calendario.c-dica {
    width: 100%;
  }
  .banner1-geral {
    padding-top: 30px;
    padding-bottom: 100px;
  }
  .banner1-bg {
    background-size: 120%;
  }
  .banner1-bg2 {
    background-size: 120%;
  }
  .p404-img {
    margin-left: 0px;
  }
  .prices-card-itens.esq {
    width: 100%;
    padding-right: 0px;
  }
  .prices-card-itens.dir {
    width: 100%;
    padding-left: 0px;
  }
  .tabela3-col._w-g {
    min-width: 160px;
  }
  .tabela3-col._w-m {
    min-width: 100px;
  }
  .pop-icons-i-group {
    height: 24px;
    font-size: 24px;
    line-height: 24px;
  }
  .pop-icons {
    padding: 20px 70px 20px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pop-icons-module {
    margin-bottom: 20px;
    clear: both;
  }
  .pop-icons-group {
    width: 16.6666666667%;
  }
  .pop-icons-close {
    top: 20px;
    right: 20px;
  }
  .bg1 {
    left: -20%;
    right: -20%;
  }
  .bg2 {
    left: -20%;
    right: -20%;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 46px;
    line-height: 52px;
  }
  h2 {
    font-size: 36px;
    line-height: 42px;
  }
  h3 {
    font-size: 30px;
    line-height: 34px;
  }
  h4 {
    font-size: 22px;
    line-height: 28px;
  }
  h5 {
    font-size: 16px;
    line-height: 22px;
  }
  h6 {
    font-size: 14px;
  }
  .logo-icone.pequeno {
    left: 26px;
    top: 18px;
    -webkit-transform: rotate(-45deg) scale(0.8);
    -ms-transform: rotate(-45deg) scale(0.8);
    transform: rotate(-45deg) scale(0.8);
  }
  .bt {
    height: 44px;
    margin-bottom: 10px;
    padding: 13px 15px;
  }
  .espaco-p {
    height: 10px;
  }
  .icone.i-gg {
    font-size: 32px;
    line-height: 32px;
  }
  .linha.linha2.flex-taxas {
    display: block;
  }
  .linha.flex-integracoes {
    display: block;
  }
  .filtrar {
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
  }
  .agenda {
    height: 450px;
  }
  .agenda-dia-tx {
    font-size: 18px;
  }
  .cadastro-img {
    height: 100px;
  }
  .galeria {
    margin: -5px;
  }
  .form-destaque-titulo {
    top: -10px;
  }
  .galeria-img-fora {
    padding: 5px;
  }
  .galeria-img-fora._w-300px {
    width: 200px;
  }
  .listagem-img.menor {
    min-width: 100%;
  }
  .listagem-cont {
    min-width: 80%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .variar-data-fora {
    margin-right: -3px;
    margin-left: -3px;
  }
  .listagem-bts {
    min-width: 50%;
  }
  .listagem-bts.total {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .listagem-bts.door-code {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .cadastro-img-faixa {
    left: 6px;
  }
  .ult-preview {
    height: 44px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .tabela-links.no-topo {
    width: 40px;
  }
  .coment {
    top: 50px;
  }
  .galeria-inventario {
    margin-bottom: 10px;
    padding: 5px;
  }
  .links-topo {
    margin-right: -20px;
  }
  .valor-total {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .listagem-agenda {
    min-width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
  .tab-cont-fora {
    top: 0px;
  }
  .bt-tab {
    padding-bottom: 10px;
  }
  .bt-tab.w--current {
    border-style: solid;
    border-radius: 8px;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  .tab-bts {
    margin-right: -5px;
    margin-left: -5px;
    padding: 5px 0px;
  }
  .pdf-etapas {
    padding-bottom: 5px;
  }
  .passo2-cont {
    width: auto;
  }
  .passo2-cont.c-dica {
    padding: 15px 20px 5px;
  }
  .passo2-cont._w-70-esq {
    width: 100%;
    margin-bottom: 20px;
  }
  .passo2-cont._w-30-dir {
    width: 100%;
  }
  .bt2.bt2-avancar {
    margin-left: 10px;
  }
  .bt2.bt2-avancar.voltar {
    margin-right: 10px;
  }
  .passo2-bloco {
    min-width: 100%;
  }
  .quartos-item {
    width: 25%;
  }
  .cont2-fora {
    background-image: none;
    background-position: 0px 0px;
    background-repeat: repeat;
  }
  .cont2 {
    padding: 20px;
  }
  .pop {
    padding: 20px;
  }
  .pop-cont {
    padding-right: 15px;
    padding-left: 15px;
  }
  .pop-titulo {
    margin-right: -15px;
    margin-left: -15px;
  }
  .titulo-pagina-i {
    font-size: 1.5rem;
    line-height: 1.3em;
  }
  .resumo-pagamento-item-fora.total {
    width: 100%;
    margin-right: 0px;
    padding-right: 0px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .resumo-pagamento-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .resumo-pagamento-item.total {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .titulo-pagina-i-add {
    left: -6px;
    top: -3px;
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
  }
  .listagem-casa-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .listagem-casa-cont.box {
    width: auto;
  }
  .col-agenda-canto-tx {
    font-size: 14px;
  }
  .agenda-listagem-col {
    min-width: 100%;
  }
  .nav2-bts {
    display: none;
  }
  .calendario-legenda-item {
    width: 50%;
  }
  .banner1-geral {
    margin-bottom: 30px;
  }
  .banner1-bg2 {
    bottom: 5%;
  }
  .pop-icons {
    padding-right: 60px;
  }
  .pop-icons-group {
    width: 20%;
  }
  .bg1 {
    left: -40%;
    right: -40%;
  }
  .bg2 {
    left: -40%;
    right: -40%;
  }
}
.home-bloco {
  padding-bottom: 40px;
}

.bloco2-cont.sem-dados {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 20px;
  color: #acb7c2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.bloco2-sem-dados-i {
  margin-bottom: 5px;
  font-size: 1.5rem;
  height: 28px;
  line-height: 1em;
}

.reorder-bt-refresh {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  border-top: 1px solid #c6d3e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.report-news-iframe {
  width: 100%;
  height: 435px;
  margin-bottom: 10px;
}

.bt2-ajuda-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: -6px;
  margin-bottom: -6px;
}
@media (max-width: 479px) {
  .bt2-ajuda-data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.bt2-ajuda-data .bt2 {
  height: 34px;
  margin-top: 0px;
  margin-bottom: 6px;
  min-height: 34px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
  margin-left: 0px;
  width: auto;
}
.bt2-ajuda-data .datatables_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 6px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  padding-bottom: 6px;
}
.bt2-ajuda-data .datatables_filter .tabela2-busca-label {
  position: absolute !important;
  margin: 0;
}
.bt2-ajuda-data .datatables_filter .inp-tabela2-buscar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tabela2-data-entre {
  padding-left: 8px;
  padding-right: 10px;
  -ms-flex-item-align: center;
      align-self: center;
}

.tabela4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #c6d3e0;
  border-radius: 16px;
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: #f7f8fa;
  padding: 8px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  .tabela4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.tabela4.one-line {
  padding: 5px;
  background-color: #c6d3e0;
  border-color: #acb7c2;
}
.tabela4.one-line.verde {
  background-color: #60e2e0;
  border-color: #22b9b7;
}

.tabela4-col-cont.titulo {
  color: #acb7c2;
  margin-right: 5px;
  padding: 0px;
}
.tabela4-col-cont.titulo .icone2,
.tabela4-col-cont.titulo .icon {
  color: #4a5964;
}

.tabela4-linha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 3px 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  width: 20%;
}
.tabela4-linha.w-100 {
  width: 100%;
}
.tabela4-linha.auto {
  width: auto;
}
.tabela4-linha.house {
  width: 20%;
}
.tabela4-linha.note {
  width: 25%;
}
@media (max-width: 767px) {
  .tabela4-linha {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 6px 12px;
    width: 100% !important;
  }
}

.tabela4 .tabela2-tag {
  margin: 0px;
}

.tabela4-linha.tabela4-linha-links {
  position: relative;
  width: 90px;
  padding: 0px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  border-right-style: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: -8px;
}
@media (max-width: 767px) {
  .tabela4-linha.tabela4-linha-links {
    border-top: 1px solid #e6ebf1;
    margin: 0 -8px -8px -8px;
    width: auto !important;
  }
}
.tabela4-linha.tabela4-linha-links .tabela2-links-drop-cont {
  padding: 15px;
  min-width: 260px;
}
.tabela4-linha.tabela4-linha-links .tabela2-links-drop-cont *:last-child {
  margin-bottom: 0;
}

.tabela4-col-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 2px;
  padding-top: 2px;
}
@media (max-width: 767px) {
  .tabela4-col-cont {
    margin-right: 15px;
  }
}

.tabela4-col-cont-i {
  display: inline-block;
  margin-right: 5px;
}

.tabela4-link {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
  z-index: 10;
}

.tabela4-geral .tabela2-topo,
.tabela4-geral .tabela2-rodape {
  border-radius: 16px;
}
@media (max-width: 479px) {
  .tabela4-geral .tabela2-topo-item {
    width: 100%;
  }
}

.tx-s-espaco {
  white-space: nowrap;
}

.tabela4-menu-drop {
  width: calc(100% + 10px);
  margin-bottom: -10px;
  margin-left: -5px;
  margin-right: -5px;
}

.tabela4-menu-drop-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f7f8fa;
  color: #82929e;
  border-top: 1px solid #c6d3e0;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  margin-top: 10px;
}

.tabela4-menu-drop-cont-geral {
  background-color: #f7f8fa;
  position: relative;
}

.tabela4-menu-drop-cont {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
}

.tabela2-tag-alerta {
  background-color: #f3406d;
  color: #fff;
  padding: 4px 7px 3px;
  font-size: 0.6rem;
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 50px;
  text-transform: uppercase;
  width: auto;
}

.tabela4 .tabela2-tag-alerta {
  margin-bottom: auto;
}
@media (max-width: 767px) {
  .tabela4 .tabela2-tag-alerta {
    margin-left: 12px;
    -ms-flex-item-align: center;
        align-self: center;
    margin-bottom: 0;
    margin-right: auto;
  }
}

.tabela4-col-cont-links {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.bt2.bt2-go-to-top {
  position: fixed;
  z-index: 20;
  float: left;
  width: auto;
  bottom: 15px;
}
@media (max-width: 991px) {
  .bt2.bt2-go-to-top {
    display: none;
  }
}

.tabela2-bt-more {
  text-decoration: none;
  font-size: 12px;
  text-align: center;
  position: absolute;
  bottom: 2px;
  right: 2px;
  left: 2px;
  top: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #acb7c2;
}
.tabela2-bt-more:hover {
  color: #35414b;
}

.w-select {
  background-image: inherit;
  -webkit-appearance: none;
}

.w-row:before,
.w-row:after,
.w-tabs:before,
.w-tabs:after {
  content: " ";
  display: block;
}

.dropdown-link,
.vc-fotos-tab-links,
.cadastro-img-titulo {
  white-space: nowrap;
}

.w-tab-content {
  padding-top: 10px;
}

.inp-fora .w-tab-content {
  padding-top: 0px;
}

.w-lightbox-backdrop {
  z-index: 4000;
}

@media screen and (max-width: 991px) {
  .w-nav-menu,
  .pg-node-id-300,
  .pg-main-cs-2,
  .w-nav-overlay,
  .pg-node-id-286,
  .pg-main-cs-2 {
    height: calc(100vh - 48px) !important;
  }
}
.bloco2-titulo + .bloco2-cont {
  margin-top: -16px;
  border-top: 16px solid #4a5964;
}

.bloco2-titulo.branco + .bloco2-cont {
  margin-top: 0px;
  border-top-style: none;
}

.bloco2-titulo.sub-bloco2 + .bloco2-cont {
  border-top-color: #82929e;
}

.menu-link-grupo .menu-link:first-child {
  border: none;
}

.inp-i-tabela2-buscar {
  color: #5f707e;
  height: 34px;
  bottom: 0px;
  width: 34px;
  padding-top: 8px;
  padding-bottom: 7px;
}

.ult-preview {
  white-space: nowrap;
}

.form-destaque-titulo h5 {
  font-size: 14px;
}

.inp-menu-busca {
  color: inherit;
}

.inp-menu-busca::-webkit-input-placeholder {
  color: inherit;
}

.inp-menu-busca::-moz-placeholder {
  color: inherit;
}

.inp-menu-busca:-ms-input-placeholder {
  color: inherit;
}

.inp-menu-busca::-ms-input-placeholder {
  color: inherit;
}

.inp-menu-busca::placeholder {
  color: inherit;
}

.alterar-datas-fora {
  overflow-y: hidden !important;
}

/* .passo2-tabs-link:hover .passo2-tabs-link-bg {background-color: $cinza4;} */
.passo2-tabs-link.w--current .passo2-tabs-link-bg {
  background-color: #22b9b7;
  color: #f7f8fa;
}

.passo2-tabs-link.passo2-tabs-sub-link.w--current .passo2-tabs-link-bg {
  background-color: transparent;
}

.passo2-tabs-link.w--current .passo2-tabs-link-bg.c-icone {
  background-color: #e6ebf1;
  color: #22b9b7;
}

/* .passo2-tabs-menu:before {content:"Sub-menu"; color:$cinza6; margin-left:-10px; margin-bottom:10px; display:block; font-size:10px; letter-spacing:2px; text-transform:uppercase;} */
.passo2-tabs-link:first-child .passo2-tabs-link-bg2 {
  top: 50%;
}

.passo2-tabs-link:last-child .passo2-tabs-link-bg2 {
  bottom: 50%;
}

.passo2-tabs-link.primeiro .passo2-tabs-link-bg2 {
  top: 50%;
}

.passo2-tabs-link.ultimo .passo2-tabs-link-bg2 {
  bottom: 50%;
}

/* .passo2-dica-fora, .passo2-tabs-menu, .listagem-casa-filtros-fora.principal, .bts2-rodape.fixo {position: -webkit-sticky;  position: sticky;} */
.passo2-tabs-link,
.tx-2-col {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.tabela2,
.tabela3,
.invoice-tabela {
  display: table;
  width: 100%;
}

table {
  width: 100%;
}

tr {
  width: 100%;
}

.tabela2-linha,
.tabela3-linha,
.invoice-linha {
  display: table-row;
}
.tabela2-linha.align-top .tabela2-col,
.tabela3-linha.align-top .tabela2-col,
.invoice-linha.align-top .tabela2-col {
  vertical-align: top;
}

.tabela2-linha.tabela2-total,
.tabela3-linha.tabela3-total {
  font-weight: bold;
}
.tabela2-linha.tabela2-total .tabela2-col,
.tabela2-linha.tabela2-total .tabela3-col,
.tabela3-linha.tabela3-total .tabela2-col,
.tabela3-linha.tabela3-total .tabela3-col {
  background-color: #e6ebf1;
}

.tabela-property .w-col:last-child {
  padding: 0;
}
.tabela-property .check2-tx {
  font-size: 85%;
}
.tabela-property .tabela2-col-links {
  padding: 0;
}
.tabela-property .inp {
  margin-bottom: 5px;
}
.tabela-property .inp-i {
  bottom: 6px;
}
.tabela-property .tabela2-link {
  margin-top: 25px;
  color: var(--red-500);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tabela-property .tabela2-link:hover {
  color: var(--red-700);
}

.s-bg-livre .tabela2-linha.tabela2-total,
.s-bg-livre .tabela3-linha.tabela3-total {
  font-weight: bold;
  color: #111e25;
}
.s-bg-livre .tabela2-linha.tabela2-total .tabela2-col,
.s-bg-livre .tabela2-linha.tabela2-total .tabela3-col,
.s-bg-livre .tabela3-linha.tabela3-total .tabela2-col,
.s-bg-livre .tabela3-linha.tabela3-total .tabela3-col {
  background-color: transparent;
}

.tabela2-col,
.tabela3-col,
.invoice-col {
  display: table-cell;
  vertical-align: middle;
}

.tabela2-col:first-child,
.tabela3-col:first-child {
  padding-left: 16px;
}

.tabela2-col:last-child,
.tabela3-col:last-child {
  padding-right: 16px;
}

.tabela2-col.s-bg-livre:first-child {
  padding-left: 0px;
}

.tabela2-col.s-bg-livre:last-child {
  padding-right: 0px;
}

.tabela2 > th:last-child .tabela2-col {
  border: none;
}

.tabela2 > div:last-child .tabela2-col {
  border: none;
}

.tabela2-col.tabela2-preview:first-child {
  padding-left: 5px;
}

.tabela2-col.tabela2-preview:last-child {
  padding-right: 5px;
}

.tabela3-titulo .tabela3-col,
.tabela3-sub-titulo .tabela3-col {
  border: none;
}

.tabela3-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.dropdown-menu > a:last-child {
  border: none;
}

.dt-button-collection > a:last-child {
  border: none;
}

.inp-card-preco {
  color: inherit;
}

.chat-log-item:first-child .chat-log-bg2 {
  top: 50%;
}

.chat-log-item:last-child .chat-log-bg2 {
  bottom: 50%;
}

.passo2-tabs-cont form {
  width: 100%;
  float: left;
}

.intl-tel-input {
  width: 100%;
}

/* icones */
/* .icon-calendarPrice:before {content: "";}
    .icon-fullCalendar:before {content: "";}
    .icon-propertyPreviewUrl:before {content: "";}
    .icon-inventory:before {content: "";}
    .icon-statement:before {content: "";}
    .icon-manageChannels:before {content: "";}
    .icon-iCalImport:before {content: "";}
    .icon-urlICalExport:before {content: "";}
    .icon-reservationCalendarUrl:before {content: "";}
    .icon-smartlock:before {content: "";}
    .icon-files:before {content: "";}
    .icon-remove:before {content: "";} */
@media (max-width: 1600px) {
  .body-comentarios-aberto {
    padding-right: 0px;
  }
  .coment-fora {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 500ms;
    transition: -webkit-transform 500ms;
    transition: transform 500ms;
    transition: transform 500ms, -webkit-transform 500ms;
    -webkit-transform: translateX(100%) translateY(0px) translateZ(0px);
            transform: translateX(100%) translateY(0px) translateZ(0px);
  }
  .coment-nav-fechar {
    display: none;
  }
  .coment-nav-abrir {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .passo2-tabs-menu,
  .listagem-casa-filtros-fora.principal {
    position: relative !important;
    top: 0px;
  }
}
@media (max-width: 479px) {
  .tabela3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tabela3 .tabela3-linha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tabela3 .tabela3-col {
    display: block;
  }
  .tabela3 .tabela3-linha.tabela3-sub-titulo {
    display: none;
  }
  .tabela3-col:first-child {
    padding-left: 8px;
  }
  .tabela3-col:last-child {
    padding-right: 8px;
  }
}
/* ----------------- */
.colorpicker-saturation i {
  display: block;
  height: 6px;
  width: 6px;
  border: 1px solid #000;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}

.colorpicker-saturation i > i {
  display: block;
  height: 6px;
  width: 6px;
  border: 1px solid #fff;
  border-radius: 8px;
  margin: 0px 0 0 0px;
}

.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 2px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}

.colorpicker:before,
.colorpicker:after {
  display: table;
  content: "";
  line-height: 0;
}

.colorpicker:after {
  clear: both;
}

.colorpicker:after {
  content: "";
  display: inline-block;
  border-left: 6px solid #111e25;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  position: absolute;
  top: 10px;
  right: -6px;
}

.colorpicker div {
  position: relative;
}

.colorpicker-selectors {
  display: none;
  height: 10px;
  margin-top: 5px;
  clear: both;
}

.colorpicker-selectors i {
  cursor: pointer;
  float: left;
  height: 10px;
  width: 10px;
}

.colorpicker-selectors i + i {
  margin-left: 3px;
}

.colorpicker.colorpicker-visible,
.colorpicker-alpha.colorpicker-visible,
.colorpicker-saturation.colorpicker-visible,
.colorpicker-hue.colorpicker-visible,
.colorpicker-selectors.colorpicker-visible {
  display: block;
}

.colorpicker.colorpicker-hidden,
.colorpicker-alpha.colorpicker-hidden,
.colorpicker-saturation.colorpicker-hidden,
.colorpicker-hue.colorpicker-hidden,
.colorpicker-selectors.colorpicker-hidden {
  display: none;
}

/* tabela */
.dataTables_filter input {
  height: 34px;
  margin-bottom: 0px;
  padding-top: 7px;
  padding-bottom: 8px;
  padding-left: 40px;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(17, 30, 37, 0.6);
          box-shadow: inset 0 -1px 0 0 rgba(17, 30, 37, 0.6);
  padding: 12px 20px 13px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px none #d9e0e7;
  border-radius: 4px;
  background-color: #f7f8fa;
  background-image: none;
  color: #666c70;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.42857143;
  vertical-align: middle;
}

.datatables_filter label {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

tfoot {
  display: table-header-group;
}

/* ---------------------- */
.enjoyhint,
.enjoyhint_canvas {
  pointer-events: none;
}

.enjoyhint_disable_events,
.enjoyhint_next_btn,
.enjoyhint_skip_btn,
.enjoyhint_close_btn {
  pointer-events: all;
}

.enjoyhint_close_btn {
  content: "\e928";
}

/* .enjoyhint_next_btn, .enjoyhint_skip_btn, .enjoyhint_close_btn, .enjoyhint_close_btn  {
		-webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
} */
.enjoyhint div.canvas-container {
  position: absolute;
}

#kinetic_container {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.enjoyhint_svg_wrapper svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.enjoyhint_svg_transparent .enjoy_hint_label,
enjoyhint_svg_transparent .enjoyhint_svg_wrapper {
  opacity: 0;
}

div.kineticjs-content {
  position: absolute !important;
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  background-color: #e6ebf1;
}

.tabs-clean-menu {
  margin-bottom: 10px;
}

.tabs-clean-menu-link {
  padding: 0px;
  float: left;
  background-color: #acb7c2;
  margin-right: 10px;
  margin-bottom: 10px;
}
.tabs-clean-menu-link.w--current {
  background-color: #212d36;
}

.tabs-clean-cont {
  padding: 0px;
}

.box-cont {
  background-color: #fff;
  padding: 20px;
  border-radius: 16px;
  margin-bottom: 20px;
  position: relative;
  container-type: inline-size;
}
.box-cont p {
  margin-bottom: 5px;
}
.box-cont .bt2:last-child,
.box-cont .inp-fora:last-child .inp,
.box-cont p:last-child,
.box-cont .inp-exp-tx:last-child {
  margin-bottom: 0px;
}
.box-cont .inp-fora:last-child .inp-i {
  bottom: 1px;
}
.box-cont .col .inp-fora:last-child .inp,
.box-cont .grid .inp-fora:last-child .inp {
  margin-bottom: 15px;
}
.box-cont .col .inp-fora:last-child .inp-i,
.box-cont .grid .inp-fora:last-child .inp-i {
  bottom: 16px;
}

.box-cont:last-child {
  margin-bottom: 0px;
}

::-webkit-scrollbar {
  width: 13px;
  height: 13px;
  position: fixed;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  width: 13px;
  height: 13px;
  border-radius: 16px;
  background-color: #c6d3e0;
}

.menu ::-webkit-scrollbar-track {
  background-color: #0a1116;
}

.menu ::-webkit-scrollbar-thumb {
  background-color: #35414b;
}

.coment-fora ::-webkit-scrollbar-track {
  background-color: #e6ebf1;
}

.coment-fora ::-webkit-scrollbar-thumb {
  background-color: #d0d9e2;
}

.vc-fotos-tabs::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  position: fixed;
  border-radius: 10px;
}

.vc-fotos-tabs::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}

.vc-fotos-tabs::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #d0d9e2;
}

.cont2-full-fora {
  height: calc(100vh - 48px);
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cont2-full {
  width: 100%;
  padding: 20px;
}

/* Nav */
.nav3-geral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-image: none;
  background-repeat: repeat;
  margin-bottom: var(--space-4);
  padding: 0 var(--space-4);
  margin-left: calc(var(--space-4) * -1);
  margin-right: calc(var(--space-4) * -1);
}
.nav3-geral.sticky {
  position: sticky;
  top: 48px;
  background-color: #e6ebf1;
  z-index: 100;
}

.nav3-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-bottom: var(--space-2);
  padding-top: var(--space-2);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--space-1);
}

.nav3-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: auto;
  min-width: 60%;
}

.nav3-link-fora {
  position: relative;
  z-index: 2;
  float: left;
}

.nav3-link-i {
  width: 3px;
  height: 3px;
  margin-top: 6px;
  margin-right: 4px;
  margin-left: 4px;
  border-style: solid none solid solid;
  border-width: 3px;
  border-color: transparent #82929e transparent #82929e;
  color: transparent;
  font-size: 0.5rem;
}

.nav3-link {
  padding: 2px 3px;
  float: left;
  color: #82929e;
  font-size: 0.75rem;
  text-decoration: none;
  line-height: 1.2em;
  font-style: italic;
}

.nav3-link.nav3-link-atual {
  color: #111e25;
  font-style: normal;
}

.nav3-link-tx {
  word-break: break-word;
}

/* title */
.title-page {
  position: relative;
  z-index: 20;
  clear: both;
  color: #35414b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.title-page-i {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  margin-right: 12px;
  margin-bottom: 6px;
  float: left;
  font-size: 1.5rem;
  line-height: 0.9em;
}

.title-page-tx {
  float: left;
  font-size: 1.5rem;
  line-height: 1em;
  font-weight: bold;
  margin-right: 10px;
}

.title-page .hc2-dropdown {
  margin: 0px;
}
.title-page .hc2-dropdown-menu {
  margin-top: -20px;
  height: 30px;
  padding: 4px 12px;
  border-bottom: 1px solid #c6d3e0;
  color: #35414b;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f7f8fa;
}
.title-page .hc2-dropdown-menu-tx {
  font-size: 0.75rem;
  margin-left: 8px;
}

.title-page-tx .inp {
  margin-bottom: 0px;
  margin-left: 10px;
  font-size: 1.5rem;
  line-height: 1em;
  font-weight: bold;
  height: 48px;
  background-color: transparent;
  border: none;
  color: #35414b;
  border-bottom: 1px solid #c6d3e0;
  border-radius: 0px;
  padding: 0px;
  padding-right: 24px;
}
.title-page-tx .inp-i {
  width: auto;
  right: -7px;
  bottom: 1px;
  font-size: 12px;
  background-color: transparent;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

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

.inp {
  position: relative;
  z-index: 1;
  height: 44px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  padding: 12px 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  background-color: var(--white);
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--gray-700);
}
.inp.busca {
  padding-right: 44px;
}

.inp.c-icone {
  padding-right: 44px;
}

.inp-fora.deactivated {
  opacity: 0.5;
}

.inp:focus {
  border-color: var(--gray-400);
}

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

.inp::-webkit-input-placeholder {
  color: var(--gray-400);
}

.inp:-ms-input-placeholder {
  color: var(--gray-400);
}

.inp::-ms-input-placeholder {
  color: var(--gray-400);
}

.inp::-moz-placeholder {
  color: var(--gray-400);
}

.inp::placeholder {
  color: var(--gray-400);
}

.inp.s-margem {
  margin-bottom: 0px;
}

.inp.inp-card-preco {
  height: 28px;
  margin-bottom: 0px;
  padding: 0px 8px;
  border-radius: 8px;
  text-align: right;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.inp.inp-card-preco.inp-card-desativado {
  border-style: none;
  background-color: transparent;
}

.inp.inp-pdf {
  height: auto;
  margin-bottom: 0px;
  padding: 10px 15px;
}

.inp.inp-assinatura {
  height: auto;
  margin-bottom: 0px;
  padding: 30px 0px;
  border-style: none;
  background-color: transparent;
  font-family: Signature, sans-serif;
  font-size: 72px;
  line-height: 90px;
  text-align: center;
}

.inp.inp-menu-busca {
  margin-bottom: 0px;
  padding-left: 0px;
  border-style: none;
  border-radius: 0px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 0.75rem;
}

.inp.inp-menu-busca::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.inp.inp-menu-busca:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.inp.inp-menu-busca::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.inp.inp-menu-busca::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.inp.inp-menu-busca::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.inp.inp-g {
  height: 159px;
}

.inp.c-erro {
  border-color: #bd134a;
}

.inp.inp-quad {
  width: 64px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  border-radius: 0;
}

.inp.desativado {
  background-color: var(--gray-200);
  cursor: not-allowed;
}

.inp.login2-inp {
  border-radius: 500px;
}

.inp.inp-cor {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.inp.inp-tabela2 {
  height: 33px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 9px;
  padding-left: 36px;
  border-style: solid;
  border-color: var(--gray-300);
  background-image: url("https://webengine.s3.amazonaws.com/app/images/busca.png");
  background-position: 10px 50%;
  background-repeat: no-repeat;
  font-weight: 400;
}

.inp.inp-tabela2:focus {
  border-color: var(--gray-400);
}

.inp.inp-tabela2-buscar {
  height: 34px;
  margin-bottom: 0px;
  padding-top: 7px;
  padding-bottom: 8px;
  padding-left: 32px;
  border-color: var(--gray-100);
  border-radius: 8px;
}
.inp.inp-tabela2-buscar.s-i {
  padding-left: 10px;
}
@media (max-width: 479px) {
  .inp.inp-tabela2-buscar {
    width: 100%;
  }
}

.inp.inp-tabela2-mostrar {
  width: 66px;
  height: 34px;
  margin-bottom: 0px;
  padding: 7px 22px 8px 8px;
  float: right;
  border-color: var(--gray-100);
  border-radius: 8px;
}

.inp._w-201 {
  width: 201px;
  max-width: 201px;
  min-width: 201px;
}

.inp.inp-servico-preco {
  width: 130px;
  height: 32px;
  margin-bottom: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.inp.inp-p {
  height: 32px;
  padding: 6px 8px 5px;
  font-size: 0.75rem;
  line-height: 1.3em;
}

.inp.inp-m {
  height: 100px;
}

.inp.fantasma {
  height: auto;
  padding: 0px;
  clear: both;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  border-style: none;
  background-color: transparent;
}

.inp.inp-tx-maior {
  height: auto;
  min-height: 46px;
  padding-bottom: 12px;
  font-size: 2.5rem;
  line-height: 1.2em;
  font-weight: 300;
}

.inp.inp-horas {
  width: 60px;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
}

.inp.prices-card-inp {
  height: 32px;
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 5px 7px;
}

.inp.prices-card-inp::-webkit-input-placeholder {
  color: var(--gray-700);
}

.inp.prices-card-inp:-ms-input-placeholder {
  color: var(--gray-700);
}

.inp.prices-card-inp::-ms-input-placeholder {
  color: var(--gray-700);
}

.inp.prices-card-inp::-moz-placeholder {
  color: var(--gray-700);
}

.inp.prices-card-inp::placeholder {
  color: var(--gray-700);
}

.inp.prices-card-inp.prices-card-block {
  padding-right: 0px;
  padding-left: 0px;
  border-style: none;
  background-color: transparent;
}

.inp.prices-card-inp.prices-card-block.tx-azul::-webkit-input-placeholder {
  color: #0b729f;
}

.inp.prices-card-inp.prices-card-block.tx-azul:-ms-input-placeholder {
  color: #0b729f;
}

.inp.prices-card-inp.prices-card-block.tx-azul::-ms-input-placeholder {
  color: #0b729f;
}

.inp.prices-card-inp.prices-card-block.tx-azul::-moz-placeholder {
  color: #0b729f;
}

.inp.prices-card-inp.prices-card-block.tx-azul::placeholder {
  color: #0b729f;
}

.inp.prices-card-inp.tx-azul::-webkit-input-placeholder {
  color: #0b729f;
}

.inp.prices-card-inp.tx-azul:-ms-input-placeholder {
  color: #0b729f;
}

.inp.prices-card-inp.tx-azul::-ms-input-placeholder {
  color: #0b729f;
}

.inp.prices-card-inp.tx-azul::-moz-placeholder {
  color: #0b729f;
}

.inp.prices-card-inp.tx-azul::placeholder {
  color: #0b729f;
}

.inp.prices-card-inp.tx-vermelho::-webkit-input-placeholder {
  color: #bd134a;
}

.inp.prices-card-inp.tx-vermelho:-ms-input-placeholder {
  color: #bd134a;
}

.inp.prices-card-inp.tx-vermelho::-ms-input-placeholder {
  color: #bd134a;
}

.inp.prices-card-inp.tx-vermelho::-moz-placeholder {
  color: #bd134a;
}

.inp.prices-card-inp.tx-vermelho::placeholder {
  color: #bd134a;
}

.inp.chat-inp.s-modelos {
  padding-left: 20px;
}

.inp.inp-chat-procurar {
  height: 38px;
  margin-bottom: 0px;
  padding-top: 7px;
  padding-bottom: 8px;
  padding-left: 40px;
  border-style: none;
  background-color: var(--gray-200);
}

.inp.inp-4-inps {
  height: 317px;
}

.inp.inp-gg {
  height: 500px;
}

.inp-fora {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clear: both;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inp-fora.flex {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.inp-fora.flex .label {
  width: auto;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0px;
}

.inp-bt-mais {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.inp-bt-mais .bt2.bt2-quad {
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  background-color: var(--white);
  color: var(--gray-700);
}

.inp-bt-mais.primeiro {
  margin-left: 10px;
}

.flex .inp-bt-mais.primeiro {
  margin-left: 0px;
}

.inp-bt-mais.primeiro .bt2.bt2-quad {
  border-radius: 8px 0px 0px 8px;
  border-right: none;
}

.inp-bt-mais.ultimo .bt2.bt2-quad {
  border-radius: 0px 8px 8px 0px;
  border-left: none;
}

.inp-bt-mais-tx {
  border: 1px solid var(--gray-300);
  border-left: none;
  margin-left: -1px;
  background-color: var(--white);
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  padding-right: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--gray-400);
  z-index: 5;
}

.inp-bt-mais.titulo {
  position: relative;
  padding-left: 0px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.inp-i {
  position: absolute;
  right: 1px;
  bottom: 16px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  height: 42px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--white);
  font-size: 0.6rem;
  border-radius: 24px;
}
.inp-i.busca {
  font-size: 1rem;
  color: var(--gray-400);
}

.inp-i.left {
  right: auto;
  left: 1px;
}

.inp-i.inp-i-maior {
  font-size: 0.9rem;
}

.inp-i.inp-tabela2-mostrar-i {
  right: 15px;
  bottom: 10px;
  width: 20px;
  height: 34px;
  padding-top: 1px;
  padding-right: 4px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--gray-500);
  font-size: 0.5rem;
}

.inp-i.s-margem {
  bottom: 1px;
}

.inp-i.inp-p {
  width: 34px;
  height: 30px;
}

.inp-i.fantasma {
  display: none;
}

.inp-i.prices-card-inp {
  right: 1px;
  bottom: 0px;
  width: 32px;
  height: 30px;
}

.inp-i.prices-card-inp.prices-card-block {
  display: none;
  color: var(--gray-100);
}

.inp-lado {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 479px) {
  .inp-lado {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

.inp-lado-tx {
  margin-bottom: 15px;
}

.inp-lado.dir {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (min-width: 480px) {
  .inp-lado.dir {
    padding-left: 10px;
  }
}
@media (max-width: 479px) {
  .inp-lado.dir .bt2 {
    margin-bottom: 15px;
  }
}

.input-group-addon {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 46px;
  height: 44px;
  margin-left: -46px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px;
  border-radius: 8px;
}

.inp-cor-selecao {
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background-color: var(--gray-200);
  cursor: pointer;
}

.inp-exp-tx {
  width: 100%;
  margin-top: -10px;
  margin-bottom: 10px;
  color: var(--gray-500);
  font-size: 0.75rem;
  line-height: 1.2em;
  font-style: italic;
}

.inp-fora:last-child .inp-exp-tx {
  margin-top: 5px;
}

.inp-tx-meio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 46px;
  margin-right: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.inp-tx-meio.seguido {
  margin-right: 0px;
}

.inp-opcoes {
  position: absolute;
  top: 100%;
  z-index: 2;
  display: block;
  width: 100%;
  margin-top: -22px;
  padding-top: 7px;
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--gray-300);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: var(--gray-100);
  overflow: hidden;
}

.inp-opcao {
  display: block;
  padding: 9px 20px;
  border-top: 1px solid var(--gray-300);
  background-color: var(--gray-200);
  text-decoration: none;
}

.inp-opcao:hover {
  background-color: var(--gray-300);
}

@media screen and (max-width: 479px) {
  .inp-bt-mais {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .inp-bt-mais.titulo {
    width: 100%;
    margin-bottom: -5px;
    padding-right: 0px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .inp-bt-mais.ultimo {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .inp-bt-mais.primeiro {
    padding-left: 0px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
/* Label */
label {
  display: block;
  padding-bottom: 5px;
  line-height: 1.15em;
  font-weight: 400;
}

.label-i {
  margin-right: 8px;
  float: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1.1rem;
}

.label {
  width: 100%;
  padding-bottom: 4px;
}

.label.label-lado {
  width: auto;
  padding-right: 15px;
  padding-bottom: 0px;
}

.label-tx {
  display: inline;
  color: #82929e;
}

.label-tx.login2-inp {
  font-size: 12px;
}

.label-tx.min-2-linhas {
  min-height: 30px;
}

@media screen and (max-width: 991px) {
  .label-tx.min-2-linhas {
    min-height: 0px;
  }
}
/* Checkbox */
.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

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

.w-checkbox::before {
  content: " ";
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: " ";
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

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

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

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

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

.check-i {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 20px;
  height: 20px;
  padding: 1px;
  font-family: "Material design master";
  color: #f7f8fa;
  font-size: 18px;
  line-height: 18px;
}

.check {
  position: relative;
  min-height: 20px;
  margin-bottom: 15px;
  padding-top: 2px;
  padding-left: 28px;
}

.check-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: #82929e;
}

.check2 {
  position: relative;
  min-height: 20px;
  margin-bottom: 15px;
  padding: 0px 0px 0px 28px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.check2.check2-w-inp {
  height: 44px;
  background-color: var(--gray-50);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border: 1px solid var(--gray-300);
  width: 44px;
}
.check2.check2-w-inp .check2-bg {
  top: 11px;
  left: 11px;
}

.inp-fora:has(.check2-w-inp) .inp {
  border-left: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: var(--gray-50);
}

.inp-fora:has(.check2-w-inp) .inp-i {
  background-color: var(--gray-50);
}

.inp-fora:has(.check2-w-inp input[type=radio]:checked) .inp {
  border-color: var(--green-500);
  background-color: var(--white);
}

.inp-fora:has(.check2-w-inp input[type=radio]:checked) .inp-i {
  background-color: var(--white);
}

.inp-fora:has(.check2-w-inp input[type=radio]:checked) .check2-w-inp {
  border-color: var(--green-500);
}

.check2.esq {
  margin-right: 15px;
  width: auto;
}

.check2.esq.s-margem {
  margin-right: 0px;
}

.check2.s-text {
  padding-left: 18px;
  display: inline-block;
}

.check2.tipo-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  min-height: 46px;
  margin-bottom: 0px;
  padding: 8px 20px 7px 15px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.check2.tipo-bt.col-5 {
  width: 20%;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
}

.check2.tipo-bt.col-3 {
  width: 33.33%;
}

.check2.tipo-bt.col-6 {
  width: 16.666%;
}

.check2.tipo-bt.col-7 {
  width: 14.28571429%;
}

.check2.check2-tabela2 {
  width: 18px;
  margin-bottom: 0px;
  padding-left: 18px;
}

.check2.desativado {
  cursor: not-allowed;
}

.check2.check2-tab {
  margin-bottom: 0px;
  padding-right: 15px;
}

.check2.s-margem {
  margin-bottom: 0px;
}

.check2-i {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 18px;
  height: 18px;
  padding-left: 1px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Mapro, sans-serif;
  font-size: 8px;
}

.check2-i.radio {
  width: 20px;
  height: 20px;
  padding-top: 1px;
  padding-bottom: 0px;
  padding-left: 1px;
  border-radius: 50px;
}

.check2-i.tipo-bt {
  width: 100%;
  height: 100%;
  padding: 2px 6px 0px 0px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.check2-i.tipo-bt.radio {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 18px;
}

.check2-bg {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 0;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background-color: #acb7c2;
  color: transparent;
}

.check2-bg.radio {
  width: 20px;
  height: 20px;
  border-radius: 50px;
}

.check2-bg.tipo-bt {
  left: 3px;
  top: 3px;
  right: 3px;
  bottom: 3px;
  width: auto;
  height: auto;
  border: 1px dashed #acb7c2;
  background-color: transparent;
}

.check2-bg.check2-bloco3 {
  top: 40px;
}

.check2-tx {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.check2-tx.escondido {
  display: none;
}

.check2-tx.tipo-bt {
  color: #82929e;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  overflow: hidden;
}

.check2-tx.check2-tabela2 {
  display: none;
}

.check-tipo-bt-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  max-height: 400px;
  min-height: 46px;
  margin: -3px -3px 12px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.check2-label {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 20;
  display: none;
  width: 100%;
  height: 100%;
  padding-bottom: 0px;
  color: transparent;
}

.check2-fora {
  float: left;
  width: 100%;
}
.check2-fora.flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.check2-fora.check2-tabela2 {
  width: auto;
  min-height: 0px;
  margin-bottom: 0px;
}

.check2-fora.check2-size-imp {
  min-height: 44px;
}

.check2-fora.check2-fora-imp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 61px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.check2-toggle {
  position: relative;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.check2-toggle.esq {
  margin-right: 10px;
}

.check2-toggle-tx {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: #fff;
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: transparent;
}

.check2-toggle-tx.check-galeria {
  left: 2px;
  top: 2px;
  width: 14px;
  height: 14px;
}

.check2-toggle-bg {
  width: 59px;
  height: 26px;
  border-radius: 50px;
  background-color: #82929e;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.check2-toggle-bg.check-galeria {
  width: 36px;
  height: 18px;
}

.check2-toggle-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 29px;
  height: 26px;
  padding-left: 3px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  font-family: Mapro, sans-serif;
  color: #fff;
  font-size: 10px;
  padding-top: 1px;
  line-height: 10px;
}

.check2-toggle-i.check2-toggle-i-x {
  padding-right: 3px;
  padding-left: 0px;
  float: right;
}

.check2-toggle-i.check2-toggle-i-x.check-galeria {
  padding-right: 3px;
  padding-left: 0px;
  font-size: 7px;
}

.check2-toggle-i.check-galeria {
  width: 18px;
  height: 18px;
  padding-top: 1px;
  padding-left: 4px;
  font-size: 8px;
}

.check2-toggle-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}

.check2-toggle-fora.check-galeria {
  height: 35px;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.check2-toggle-tx-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.check2-toggle-tx-fora.text-dir {
  margin-right: 0px;
  margin-left: 10px;
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.check2-toggle-tx-fora.check-galeria {
  position: relative;
  min-height: 35px;
  margin-right: 0px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  color: #c6d3e0;
  font-size: 16px;
}

.check2-descricao {
  position: relative;
  margin-top: -15px;
  margin-bottom: 15px;
  margin-left: 25px;
  clear: both;
  color: #acb7c2;
  font-style: italic;
}

.check2-aparece-cont {
  clear: both;
}

.check-linha-fora {
  position: relative;
  margin-bottom: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.check-linha-fora.s-margem {
  margin-bottom: 0px;
}

.check-linha {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-bottom: 15px;
  clear: both;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #c6d3e0;
  border-radius: 16px;
  background-color: #f7f8fa;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 479px) {
  .check-linha {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.check-linha.bloquear {
  border-color: #bd134a;
  background-color: #ffe2e6;
}

.check-linha.menor {
  border-style: solid;
  border-width: 1px;
  border-color: #c6d3e0;
}

.check-linha.s-margem {
  margin-bottom: 0px;
}

.check-linha-item {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border-color: #c6d3e0;
  background-color: #e6ebf1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}

.check-linha-item.meio {
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
  color: #82929e;
  text-align: center;
}

.check-linha-item.meio.bloquear {
  background-color: transparent;
}

.check-linha-item.meio.remover {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.check-linha-item.bloquear {
  border-color: #bd134a;
  background-color: #ffbbc6;
  color: #bd134a;
}

.check-linha-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 30%;
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 8px 10px;
  float: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #c6d3e0;
  border-radius: 20px 6px 6px;
  background-color: #e6ebf1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #5f707e;
  font-size: 0.75rem;
  line-height: 1.2em;
  text-align: center;
  text-decoration: none;
}

.check-linha-bt:hover,
.check-linha-bt.remover:hover {
  border-color: #4a5964;
  background-color: #4a5964;
  color: #e6ebf1;
}

.check-linha-bt.dir {
  left: auto;
  top: auto;
  right: 0px;
  bottom: -15px;
  margin-top: -5px;
  margin-bottom: 0px;
  float: right;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 20px;
}

.check-linha-bt.remover {
  min-width: 0px;
  margin: 5px;
  border-radius: 8px;
  background-color: #f7f8fa;
}

.check-linha-item-bt {
  position: absolute;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #82929e;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
}

.check-linha-item-i {
  margin-right: 5px;
  padding-top: 1px;
  float: left;
  font-size: 12px;
  line-height: 1.2em;
}

.check-linha-item-integracao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-left: 10px;
  float: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #0b729f;
  border-radius: 8px;
  color: #0b729f;
  font-size: 0.75rem;
  line-height: 1.2em;
}

.check-linha-item-integracao.sistema {
  border-color: #f7ba22;
  color: #f7ba22;
}

.check-linha-bt-i {
  margin-top: 1px;
  margin-right: 5px;
  font-size: 12px;
}

.check-linha-bt-i.remover {
  margin-top: 0px;
  margin-right: 0px;
}

.check-linha-bt-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.check-linha-item-editar {
  display: none;
  width: 110px;
  height: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.check-linha-item-editar.aberto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.check-linha-item-editado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 110px;
  padding-top: 2px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.check-linha-item-editado.fechado {
  display: none;
}

.check-linha-item-editado.menor {
  width: auto;
}

.check-linha-item-bt-fechar {
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #82929e;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
}

.check-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.check-col .inp {
  width: 120px;
}

.check-col.meio {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}

.check-col.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.check-col.ultimo {
  width: 55px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.check-linha-tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 700;
}

.check-linha-tx.menor {
  font-size: 14px;
}

.check2-bloco3-fora {
  margin-right: 10px;
  padding-left: 5px;
}

.check2-bloco3-fora.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.check2-whit-popin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 991px) {
  .check2.tipo-bt {
    width: 33.33%;
  }
  .check2.tipo-bt.col-5 {
    width: 25%;
  }
  .check2.tipo-bt.col-3 {
    width: 50%;
  }
  .check-linha-bt {
    min-width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .check {
    margin-bottom: 10px;
  }
  .check-linha.menor {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (max-width: 479px) {
  .check2.tipo-bt {
    width: 50%;
  }
  .check2.tipo-bt.col-5 {
    width: 50%;
  }
  .check2.tipo-bt.col-3 {
    width: 100%;
  }
  .check2.tipo-bt.col-6 {
    min-width: 33.33333333%;
  }
  .check2-bg.check2-bloco3 {
    top: 30px;
  }
  .check-linha.menor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .check-linha-item.meio.remover {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .check-linha-bt {
    min-width: 100%;
    border-top-right-radius: 20px;
  }
  .check-linha-bt.dir {
    border-top-right-radius: 6px;
    border-bottom-left-radius: 20px;
  }
  .check-col.ultimo {
    width: auto;
  }
  .check2-bloco3-fora.flex {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
/* ajustes */
.check input[type=checkbox] + label {
  opacity: 0;
}

.check input[type=radio] + label {
  opacity: 0;
}

.check input[type=checkbox]:checked + label {
  opacity: 1;
}

.check input[type=radio]:checked + label {
  opacity: 1;
}

.check-bt-tx,
.check-bt-i,
.inp-i {
  pointer-events: none;
  white-space: nowrap;
}

.check-bt input[type=checkbox] + label {
  opacity: 0;
}

.check-bt input[type=radio] + label {
  opacity: 0;
}

.check-bt input[type=checkbox]:checked + label {
  opacity: 1;
}

.check-bt input[type=radio]:checked + label {
  opacity: 1;
}

.check2 input[type=checkbox]:checked ~ .check2-bg {
  color: #f7f8fa;
  background-color: #22b9b7;
  border: none;
}

.check2 input[type=radio]:checked ~ .check2-bg {
  color: #f7f8fa;
  background-color: #22b9b7;
  border: none;
}

.check2.tipo-bt input[type=checkbox]:checked ~ .check2-tx {
  color: #f7f8fa;
}

.check2.tipo-bt input[type=radio]:checked ~ .check2-tx {
  color: #f7f8fa;
}

.check2-toggle input[type=checkbox]:checked ~ .check2-toggle-tx {
  -webkit-transform: translate(32px, 0px);
      -ms-transform: translate(32px, 0px);
          transform: translate(32px, 0px);
}

.check2-toggle input[type=checkbox]:checked ~ .check2-toggle-bg {
  background-color: #22b9b7;
}

.check2-toggle.vermelho input[type=checkbox]:checked ~ .check2-toggle-bg {
  background-color: #f3406d;
}

.check2-toggle.check-galeria input[type=checkbox]:checked ~ .check2-toggle-tx.check-galeria {
  -webkit-transform: translate(18px, 0px);
      -ms-transform: translate(18px, 0px);
          transform: translate(18px, 0px);
}

.menu-drop {
  float: right;
  margin-right: 0px;
}

.menu-drop-cont {
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
  box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
}

.menu-drop-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
}

.menu-drop-link:hover {
  color: #22b9b7;
}

.menu-drop-link-titulo {
  border-top: 1px solid #acb7c2;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  text-transform: uppercase;
  padding: 10px 15px 5px;
}

.menu-drop-link-i {
  margin-right: 10px;
  font-size: 1rem;
}

.menu-drop-cont-geral.w--open {
  left: auto;
  right: 0px;
  padding-top: 8px;
  background-color: transparent;
}

.conteudo.cont-visualizar.menu-cont {
  padding-top: 0px;
  padding-bottom: 0px;
}

.menu-drop-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 30px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu-drop-menu:hover {
  background-color: #fff;
}

.menu-drop-menu-p {
  margin-bottom: 10px;
}

.menu-drop-menu-p .menu-drop-menu {
  margin-bottom: 0px;
  min-height: 36px;
  padding: 8px 20px;
  background-color: #4a5964;
  color: #f7f8fa;
  border: none;
}

.menu-drop-menu-p .menu-drop-menu:hover {
  background-color: #5f707e;
}

.menu-drop-menu-p .menu-drop-menu-i {
  margin-left: 0px;
}

.menu-drop-menu-p .menu-drop-cont {
  background-color: #4a5964;
  color: #f7f8fa;
  border: none;
}

.menu-drop-menu-p .menu-drop-link {
  color: #f7f8fa;
}

.menu-drop-menu.w--open {
  background-color: #5f707e;
  color: #fff;
}

.menu-drop-menu.menor {
  padding: 6px 14px;
}

.menu-drop-menu.menor .menu-drop-menu-i {
  /* font-size: 0.875rem */
}

.menu-drop-menu-i {
  margin-left: 15px;
  font-size: 1.125rem;
  line-height: 1em;
}

.menu-drop-cont-geral.reorder .menu-drop-cont {
  overflow: hidden;
}

.menu-drop-cont-geral.reorder .menu-drop-cont .menu-drop-link:first-child {
  border-top: 0px dashed #c6d3e0;
}

.menu-drop-link.reorder {
  border-top: 1px dashed #c6d3e0;
  color: #5f707e;
}

.menu-reorder-link {
  margin-top: -10px;
  margin-bottom: -10px;
  margin-left: -15px;
  padding: 10px 15px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-reorder-link .menu-drop-link-i {
  margin: 0px;
  font-size: 0.875rem;
}

.menu-reorder-link.last {
  margin-left: auto;
  margin-right: -15px;
  cursor: move;
}

.menu-drop-link.reorder.disable {
  opacity: 0.5;
}

.menu-drop-link.reorder .check2 {
  margin-bottom: 0px;
}

.menu-drop-link.reorder .check2-label {
  right: auto;
  width: 25px;
}

.menu-notes-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  left: 0px;
  z-index: 5;
  overflow: hidden;
  background-color: #fade70;
  color: #35414b;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 1px;
  padding: var(--space-1\/5) var(--space-4);
}

.menu-notes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-notes-i {
  margin-right: 18px;
  float: left;
  font-size: 16px;
  display: none;
}

.menu-notes-number {
  margin-left: auto;
}

/* menu velho */
.menu-topo {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  background-color: #35414b;
  color: #82929e;
  font-size: 0.75rem;
  line-height: 1.15em;
}

.menu-topo-logo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
}

.menu-topo-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 43px;
  height: 100%;
  padding: 0px;
  float: right;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #82929e;
  font-size: 0.9rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}

.menu-topo-link:hover {
  color: #f7f8fa;
}

.menu-topo-link.inbox:not(:has(.icone2)) {
  width: auto;
  padding: 0 15px;
  font-size: 0.75rem;
  text-transform: capitalize;
}

.menu-topo-link.inbox:not(:has(.icone2)) .menu-avisos-ativo {
  right: 4px;
}

.menu-topo-link.notes:has(.menu-avisos-ativo-tx) {
  color: #f7ba22;
}

.menu-topo-link.notes:has(.menu-avisos-ativo-tx) .menu-avisos-ativo {
  background-color: #f7ba22;
}

.menu-topo-nome {
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-height: 48px;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-color: #35414b;
}

.menu-topo-nome .menu-topo-link {
  margin-right: -15px;
}

.menu-topo-nome.s-bts {
  left: 140px;
  right: auto;
  line-height: 1.15em;
}

.menu {
  position: fixed;
  left: 0px;
  top: 48px;
  bottom: 0px;
  z-index: 1200;
  overflow: hidden;
  width: 50px;
  background-color: #111e25;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu:hover {
  width: 240px;
}

.menu.menu-aberto {
  width: 260px;
}

.menu-links {
  width: 260px;
  height: 100%;
}

.menu-link {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  padding-right: 38px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px none #0a1116;
  background-color: #111e25;
  color: #acb7c2;
  font-size: 12px;
  line-height: 18px;
  text-decoration: none;
}

.menu-link:hover {
  color: #f7f8fa;
}

.menu-link.w--current {
  border-left-width: 4px;
}

.menu-link.sub-link {
  z-index: 9;
  height: 38px;
  padding-left: 25px;
  border-top-style: none;
}

.menu-link.sub-link.w--current {
  opacity: 1;
}

.menu-link.sub-link.add {
  width: 60px;
  height: 40px;
  margin-top: -40px;
  float: right;
}

.menu-link.alerta.w--current {
  color: #f7ba22;
}

.menu-link.add {
  z-index: 12;
  width: 38px;
  margin-top: -46px;
  padding-right: 0px;
  float: right;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top-style: none;
  border-left-style: none;
  opacity: 0.5;
}

.menu-link.add:hover {
  border-left-width: 0px;
  opacity: 1;
}

.menu-link.add.w--current {
  border-left-style: none;
}

.menu-link.add.w--current:hover {
  border-left-style: none;
}

.menu-link.add.sub-link {
  width: 38px;
  height: 32px;
  margin-top: -32px;
  padding-left: 0px;
}

.menu-topo-logo-tx {
  margin-left: 10px;
  border-left-style: none;
  color: #edf0f2;
  line-height: 70px;
  font-weight: 200;
}

.menu-link-dd-titulo {
  position: relative;
  left: 0px;
  z-index: 5;
  display: block;
  overflow: hidden;
  padding: 11px 10px 11px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #212d36;
  color: #acb7c2;
  font-size: 0.75rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.menu-link-dd-titulo:hover {
  color: #f7f8fa;
}

.menu-topo-drop {
  display: block;
  height: 100%;
  float: right;
}

.menu-topo-drop-cont {
  top: 60px;
}

.notification-read {
  opacity: 0.5;
}

.menu-topo-drop-cont.w--open {
  top: 48px;
  right: 0px;
  overflow: hidden;
  min-width: 200px;
  background-color: #35414b;
  -webkit-box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.13);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.menu-topo-drop-link {
  position: relative;
  z-index: 3;
  display: block;
  padding: 10px 30px 10px 15px;
  color: #acb7c2;
  text-decoration: none;
}

.menu-topo-drop-link.lido {
  color: #5f707e;
}

.menu-topo-drop-link:hover {
  color: #d0d9e2;
}

.menu-topo-drop-link-data {
  margin-bottom: 7px;
  font-size: 10px;
  font-style: italic;
}

.menu-nav {
  display: none;
}

.menu-avisos-ativo {
  position: absolute;
  top: 8px;
  right: 7px;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  height: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #35414b;
  border-radius: 400px;
  background-color: #82929e;
  color: #111e25;
  font-size: 0.5rem;
  line-height: 1.05em;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0px;
}

.menu-link-tx {
  float: left;
}

.menu-link-tx.add {
  display: none;
  font-size: 0.65rem;
}

.menu-link-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  padding-right: 4px;
  float: left;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 16px;
}

.menu-link-i.sub-link {
  width: 10px;
  height: 38px;
  margin-top: -34px;
  margin-right: 15px;
  border-bottom: 1px solid #4a5964;
  border-left: 1px solid #4a5964;
  color: transparent;
  font-size: 14px;
}

.menu-link-i.add {
  width: auto;
  padding-right: 0px;
  font-size: 11px;
}

.menu-link-i.add.sub-link {
  display: block;
  height: auto;
  margin: 0px;
  padding: 0px;
  border: 1px none #000;
  color: #acb7c2;
}

.menu-links-bloco {
  position: relative;
  margin-top: 1px;
  border-bottom-width: 1px;
  border-bottom-color: #0a1116;
}

.menu-sub-link-seta {
  display: none;
}

.menu-sub-link-seta.add {
  position: absolute;
  top: 50%;
  right: 100%;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(#111e25), to(#4a5964));
  background-image: linear-gradient(90deg, #111e25, #4a5964);
}

.menu-cont {
  width: 260px;
  height: 100%;
}

.menu-topo-drop-links {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #111e25;
}

.menu-busca-fora {
  margin-bottom: 1px;
}

.menu-busca {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-topo-logo-fora {
  z-index: 50;
  width: 140px;
  height: 48px;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
}

.s-menu .menu-topo-logo-fora {
  margin-right: 0px;
}

.menu-links-cont {
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
}

.menu-topo-links {
  z-index: 50;
  height: 100%;
  padding-right: 10px;
  padding-left: 10px;
  float: right;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  background-color: #35414b;
  min-width: 149px;
}

.menu-topo-rapido {
  z-index: 40;
  overflow: hidden;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
  background-color: #35414b;
  display: none;
}

.menu-topo-voltar {
  z-index: 40;
  overflow: hidden;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
  background-color: #35414b;
  margin-right: auto;
}

.menu-topo-rapido-titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 10px;
  padding-left: 5px;
  float: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-topo-rapido-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 5px 10px;
  float: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #82929e;
  text-decoration: none;
}

.menu-topo-rapido-link:hover {
  color: #d0d9e2;
}

.menu-topo-rapido-link-i {
  margin-right: 8px;
  font-size: 0.75rem;
}

.menu-topo-logo-img {
  max-height: 100%;
}

.menu-topo-config {
  position: absolute;
  left: 128px;
  top: 0px;
  z-index: 80;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 48px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-topo-config-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 22px;
  height: 22px;
  padding-left: 1px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #35414b;
  border-radius: 80px;
  background-color: #5f707e;
  color: #111e25;
  font-size: 0.5rem;
  text-decoration: none;
}

.menu-topo-config-bt:hover {
  background-color: #82929e;
}

.menu-topo-config-bt.menu-aberto {
  display: none;
}

.menu-topo-config-bt.config-bt2 {
  display: none;
  padding-right: 1px;
  padding-left: 0px;
}

.menu-topo-config-bt.config-bt2.menu-aberto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu-topo-drop-link-i {
  display: block;
  margin-right: 5px;
  float: left;
  font-size: 11px;
}

.menu-dd-grupo {
  display: block;
  font-size: 14px;
  line-height: 20px;
}

.menu-link-dd-titulo-i2 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 15px;
  bottom: 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
  font-size: 9px;
}

.menu-link-dd-cont {
  position: relative;
  margin-bottom: 1px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: transparent;
}

.menu-link-dd-cont.aberto {
  display: block;
}

.menu-link-grupo {
  font-size: 14px;
  line-height: 20px;
}

.menu-link-dd-titulo-i {
  margin-right: 18px;
  float: left;
  font-size: 16px;
}

.menu-topo-busca-fora {
  overflow: hidden;
  height: 100%;
  margin-bottom: 0px;
  padding-right: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 200px;
}

.menu-topo-busca {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  max-width: 700px;
  padding-left: 0px;
  background-color: #4a5964;
}

.menu-topo-busca-drop {
  display: none;
}

.menu-topo-busca-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.menu-drop-cont {
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
  box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
}

.menu-drop-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
}

.menu-drop-link:hover {
  color: #22b9b7;
}

.menu-drop-link-titulo {
  border-top: 1px solid #acb7c2;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  text-transform: uppercase;
  padding: 10px 15px 5px;
}

.menu-drop-link-i {
  margin-right: 10px;
  font-size: 1rem;
}

.menu-drop-cont-geral.w--open {
  left: auto;
  right: 0px;
  padding-top: 8px;
  background-color: transparent;
}

.conteudo.cont-visualizar.menu-cont {
  padding-top: 0px;
  padding-bottom: 0px;
}

.inp.menu-topo-busca-inp {
  height: 100%;
  margin-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border-style: none;
  border-radius: 0px;
  background-color: transparent;
  color: #f7f8fa;
}

.inp.menu-topo-busca-inp::-webkit-input-placeholder {
  color: #82929e;
}

.inp.menu-topo-busca-inp:-ms-input-placeholder {
  color: #82929e;
}

.inp.menu-topo-busca-inp::-ms-input-placeholder {
  color: #82929e;
}

.inp.menu-topo-busca-inp::-moz-placeholder {
  color: #82929e;
}

.inp.menu-topo-busca-inp::placeholder {
  color: #82929e;
}

@media screen and (max-width: 991px) {
  .menu-topo-nome.s-bts {
    left: 120px;
  }
  .menu {
    bottom: auto;
    overflow: visible;
    width: auto;
    background-color: transparent;
  }
  .menu-links {
    height: auto;
    background-color: #111e25;
  }
  .menu-nav {
    position: absolute;
    left: 120px;
    top: -48px;
    display: inline-block;
    width: 56px;
    height: 48px;
    padding: 15px 5px 16px;
    float: left;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #111e25;
    color: #e6ebf1;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
  }
  .menu-nav:hover {
    color: #22b9b7;
  }
  .menu-nav.w--open {
    border-right-color: #111e25;
    border-bottom-color: #111e25;
    background-color: #111e25;
    color: #22b9b7;
  }
  .menu-topo-logo-fora {
    width: 120px;
    margin-right: 56px;
  }
  .menu-topo-rapido {
    left: 176px;
    display: none;
    padding-left: 10px;
  }
  .menu-topo-config {
    display: none;
  }
  .menu-topo-busca {
    padding-left: 5px;
  }
}
@media screen and (max-width: 767px) {
  .menu-topo-link {
    line-height: 50px;
  }
  .menu-topo-nome {
    margin-right: 0px;
    padding-left: 20px;
    line-height: 50px;
  }
  .menu-topo-logo-tx {
    margin-left: 0px;
    line-height: 50px;
  }
  .menu-avisos-ativo {
    top: 9px;
  }
  .menu-topo-busca-fora {
    padding-right: 0px;
    min-width: 0px;
  }
}
@media screen and (max-width: 479px) {
  .menu-topo-nome.s-bts {
    left: 80px;
  }
  .menu-nav {
    left: 70px;
  }
  .inp.menu-topo-busca-inp {
    padding: 15px 20px;
    background-color: #4a5964;
  }
  .menu-topo-logo-fora {
    width: 70px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .menu-topo-links {
    padding-right: 0px;
    padding-left: 0px;
  }
  .menu-topo-busca {
    max-width: 56px;
    padding-left: 0px;
  }
  .menu-topo-busca-drop {
    display: block;
    width: 56px;
    margin: 0px;
    padding: 0px;
  }
  .menu-topo-busca-drop-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #82929e;
    font-size: 16px;
    text-align: center;
  }
  .menu-topo-busca-drop-cont-fora {
    position: fixed;
    left: 0px;
    border-top: 1px solid #35414b;
  }
  .menu-topo-busca-drop-cont-fora.w--open {
    border-top-color: #111e25;
  }
  .menu-topo-busca-cont {
    display: none;
  }
}
.menu-drop-cont-geral.reorder .menu-drop-cont {
  overflow: hidden;
}

.menu-drop-cont-geral.reorder .menu-drop-cont .menu-drop-link:first-child {
  border-top: 0px dashed #c6d3e0;
}

.menu-drop-link.reorder {
  border-top: 1px dashed #c6d3e0;
  color: #5f707e;
}

.menu-reorder-link {
  margin-top: -10px;
  margin-bottom: -10px;
  margin-left: -15px;
  padding: 10px 15px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-reorder-link .menu-drop-link-i {
  margin: 0px;
  font-size: 0.875rem;
}

.menu-reorder-link.last {
  margin-left: auto;
  margin-right: -15px;
  cursor: move;
}

.menu-drop-link.reorder.disable {
  opacity: 0.5;
}

.menu-drop-link.reorder .check2 {
  margin-bottom: 0px;
}

.menu-drop-link.reorder .check2-label {
  right: auto;
  width: 25px;
}

.menu-notes-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  left: 0px;
  z-index: 5;
  overflow: hidden;
  background-color: #fade70;
  color: #35414b;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 1px;
  padding: var(--space-1\/5) var(--space-4);
}

.menu-notes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu-notes-i {
  margin-right: 18px;
  float: left;
  font-size: 16px;
  display: none;
}

.menu-notes-number {
  margin-left: auto;
}

.gal2-destaque {
  border: 1px solid #acb7c2;
  border-radius: 16px;
  background-color: #e6ebf1;
  padding: 15px;
  margin-bottom: 15px;
  position: relative;
}
.gal2-destaque.vermelho {
  border-color: var(--red-500);
  background-color: var(--red-100);
}
.gal2-destaque.vermelho .gal2-cont-full {
  color: var(--red-500);
}
.gal2-destaque.verde {
  border-color: var(--green-500);
  background-color: var(--green-100);
}
.gal2-destaque.verde .gal2-cont-full {
  color: var(--green-500);
}
.gal2-destaque.roxo {
  border-color: var(--purple-500);
  background-color: var(--purple-100);
}
.gal2-destaque.roxo .gal2-cont-full {
  color: var(--purple-500);
}

.gal2-cont-full {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 110px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gal2-destaque-titulo {
  position: absolute;
  top: -21px;
  left: -1px;
  height: 21px;
  padding: 4px 12px 2px;
  border-style: solid solid none;
  border-width: 1px;
  border-color: #acb7c2;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #e6ebf1;
  color: #82929e;
  font-size: 0.75rem;
  line-height: 1.2em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .gal2-destaque-titulo {
    position: relative;
    height: auto;
    top: 0px;
    margin-top: -12px;
    margin-bottom: 2px;
    width: calc(100% + 2px);
  }
}

.gal2-destaque-titulo.verde {
  border-color: #22b9b7;
  background-color: #d9f0df;
  color: #22b9b7;
}

.gal2-destaque-titulo.vermelho {
  border-color: #bd134a;
  background-color: #ffe2e6;
  color: #bd134a;
}

.gal2-destaque-titulo.roxo {
  border-color: #a154b4;
  background-color: #e9d4f0;
  color: #a154b4;
}

.gal2-destaque .gal2 {
  padding: 0px;
}

/* ========= Galerry =========== */
.gal2 {
  position: relative;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  padding-bottom: 15px;
}
.gal2.small {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.gal2-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.gal2-item:only-child {
  max-width: 320px;
}

.gal2-item-cont {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 16px;
  color: #4a5964;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.gal2-item-cont.inactive {
  opacity: 0.5;
}

.gal2-item-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center;
  text-decoration: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100px;
  max-height: 300px;
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
@media (max-width: 479px) {
  .gal2-item-link {
    padding-top: 60%;
  }
}

.gal2-type-img {
  background-color: #111e25;
}

.gal2-type-loading .gal2-item-link-float {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border: 2px solid #e6ebf1;
  color: #c6d3e0;
}
.gal2-type-loading .gal2-item-link-float:hover {
  border-color: #82929e;
}

.gal2-type-add .gal2-item-link-float {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border: 2px dashed #acb7c2;
  color: #82929e;
}
.gal2-type-add .gal2-item-link-float:hover {
  border-color: #4a5964;
}

.gal2-destaque .gal2-type-loading .gal2-item-link-float {
  border: 2px solid #5f707e;
  color: #4a5964;
}
.gal2-destaque .gal2-type-loading .gal2-item-link-float:hover {
  border-color: #4a5964;
}
.gal2-destaque .loading-mini div {
  border-color: #5f707e;
  border-top-color: transparent;
}
.gal2-destaque .gal2-type-add .gal2-item-link-float {
  border: 2px dashed #5f707e;
  color: #4a5964;
}
.gal2-destaque .gal2-type-add .gal2-item-link-float:hover {
  border-color: #212d36;
}

.gal2-img-hover {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(17, 30, 37, 0.6);
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  color: #c6d3e0;
  text-decoration: none;
}
.gal2-img-hover:hover {
  opacity: 1;
}

.gal2-img-hover-i {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 24px;
}

.gal2-img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.image-container .gal2-img {
  -o-object-fit: contain;
     object-fit: contain;
}

.gal2-arrastar-i {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  width: 28px;
  height: 28px;
  border-bottom-left-radius: 50px;
  background-color: #f7f8fa;
  color: #82929e;
  font-size: 11px;
  text-align: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 0px 3px 4px;
}

.gal2-item-link-float {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.gal2-item-link-float-i {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 24px;
  border-radius: 70px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gal2-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #111e25;
  background-image: none;
  color: #acb7c2;
  -webkit-box-ordinal-group: 56;
      -ms-flex-order: 55;
          order: 55;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 5px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-top: -8px;
  position: relative;
  z-index: 10;
}
.gal2-note.green {
  background-color: #22b9b7;
  color: #fff;
}
.gal2-note.red {
  background-color: #f3406d;
  color: #fff;
}
.gal2-note.grey {
  background-color: #5f707e;
}

.gal2-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 38px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-color: #111e25;
  background-image: none;
  color: #acb7c2;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-box-ordinal-group: 51;
      -ms-flex-order: 50;
          order: 50;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  position: relative;
  z-index: 20;
  margin-top: -8px;
}
.gal2-links.green {
  background-color: #22b9b7;
  color: #fff;
}
.gal2-links.red {
  background-color: #f3406d;
  color: #fff;
}
.gal2-links.grey {
  background-color: #5f707e;
}
.gal2-links .gal2-desc {
  max-height: 28px;
}

.gal2-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  padding: 0px 0px 1px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #acb7c2;
  font-size: 14px;
  text-decoration: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 38px;
}
.gal2-link:hover {
  color: #f7f8fa;
}

.gal2-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 2px 1px 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 9px;
  text-decoration: none;
  line-height: 12px;
  overflow: hidden;
}

.gal2-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 11px;
  text-decoration: none;
  margin-right: auto;
  text-align: left;
  line-height: 14px;
  overflow: hidden;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 5px;
  padding-right: 5px;
}

.gal2-link-drop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  float: right;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gal2-link-drop-cont.w--open {
  right: -4px;
  bottom: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 8px 4px 0px 0px;
  background-color: #111e25;
  font-size: 0.8em;
  line-height: 1.15em;
}

.gal2-link-drop-seta {
  position: absolute;
  right: 15px;
  bottom: -4px;
  width: 8px;
  height: 8px;
  background-color: #111e25;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.gal2-link-drop-a {
  z-index: 5;
  padding: 8px 12px;
  color: #82929e;
  text-align: right;
}

.gal2-form {
  width: 100%;
  margin-top: 15px;
}
.gal2-form .inp {
  width: 100%;
}
.gal2-form div:last-child .inp {
  margin-bottom: 0px;
}

/* Controle */
.gal2-type-img,
.gal2-type-loading,
.gal2-type-add,
.gal2-links,
.gal2-arrastar-i {
  display: none;
}

.gal2-show-img .gal2-type-img,
.gal2-show-img .gal2-links,
.gal2-show-img .gal2-arrastar-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gal2-show-loading .gal2-type-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gal2-show-add {
  /* grid-column: span 4 */
}
.gal2-show-add .gal2-type-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.passo2-tabs-fora {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 1px;
  padding-left: 170px;
  float: left;
  clear: both;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  z-index: 15;
}

.passo2-tabs-fora.s-menu {
  padding-left: 0px;
}

.passo2-tabs-menu {
  position: sticky;
  left: 0px;
  top: 68px;
  z-index: 20;
  width: 170px;
  margin-left: -170px;
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 0px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.passo2-tabs-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  padding: 7px 14px 5px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px 6px 6px 10px;
  background-color: #e6ebf1;
  color: #5f707e;
  text-decoration: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 4;
  border: 2px solid rgba(0, 0, 0, 0);
}

.passo2-tabs-link.destaque {
  border: 2px solid #d0d9e2;
}

.passo2-tabs-link:hover {
  background-color: #d0d9e2;
  color: #35414b;
}

.passo2-tabs-link.w--current {
  background-color: #22b9b7;
  color: #f7f8fa;
  border-color: transparent;
}

.passo2-tabs-link.ja-foi {
  color: #4a5964;
}

.passo2-tabs-link.ja-foi.w--current {
  color: #f7f8fa;
}

.passo2-tabs-link.primeiro {
  margin-top: 20px;
}

.passo2-tabs-cont-fora {
  overflow: visible;
  width: 100%;
  float: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.passo2-tabs-cont-fora.s-menu {
  margin-left: 0px;
  padding-left: 0px;
}

.passo2-tabs-cont {
  width: 100%;
  margin-bottom: 40px;
  float: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.passo2-tabs-cont .s-margem {
  margin-bottom: 0px;
}

.passo2-tabs-cont.margem-p {
  padding-top: 40px;
}

.passo2-tabs-cont._w-50-esq {
  width: 50%;
  padding-right: 10px;
  float: left;
}

.passo2-tabs-cont._w-50-dir {
  width: 50%;
  padding-left: 10px;
  float: right;
}

.passo2-tabs-link-tx {
  position: relative;
  z-index: 5;
  width: 100%;
}

.passo2-tabs-link-bg {
  position: absolute;
  right: -16px;
  z-index: 10;
  width: 22px;
  height: 22px;
  margin-left: 7px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border: 4px solid #e6ebf1;
  border-radius: 50px;
  background-color: #acb7c2;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #acb7c2;
}

.passo2-tabs-link-bg.ja-foi {
  background-color: #d0d9e2;
}

.passo2-tabs-link-bg.c-icone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-width: 0px;
  background-color: #e6ebf1;
  width: 24px;
  height: 24px;
  padding-bottom: 1px;
}

.passo2-tabs-link-bg2 {
  position: absolute;
  top: -5px;
  right: -6px;
  bottom: -5px;
  z-index: 0;
  width: 2px;
  background-color: #d0d9e2;
}

.passo2-tabs-sub-link {
  margin-top: -5px;
  font-size: 0.875em;
  margin-left: 27px;
  z-index: 3;
  line-height: 1.5em;
}

.passo2-tabs-sub-link .passo2-tabs-link-bg {
  width: 10px;
  height: 46px;
  border-bottom: 1px solid #acb7c2;
  border-left: 1px solid #acb7c2;
  color: transparent;
  font-size: 14px;
  border-radius: 0px;
  background-color: transparent;
  right: auto;
  left: -17px;
  top: -28px;
  border-right-style: none;
  border-top-style: none;
}

@media screen and (max-width: 767px) {
  .passo2-tabs-fora {
    padding-left: 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .passo2-tabs-menu {
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-right: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .passo2-tabs-link {
    margin: 0px 10px 10px 0px;
    background-color: #d0d9e2;
    border-radius: 8px;
  }
  .passo2-tabs-link:hover {
    background-color: #acb7c2;
  }
  .passo2-tabs-link.primeiro {
    margin-top: 0px;
  }
  .passo2-tabs-cont-fora {
    overflow: visible;
    width: auto;
    max-width: 100%;
    float: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .passo2-tabs-cont-fora.s-menu {
    max-width: 100%;
  }
  .passo2-tabs-link-tx {
    text-align: center;
  }
  .passo2-tabs-link-bg {
    position: relative;
    right: auto;
    display: none;
    width: auto;
    height: auto;
    margin-right: 10px;
    margin-left: 0px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    background-color: #82929e;
  }
  .passo2-tabs-link-bg2 {
    left: 0px;
    top: 50%;
    right: auto;
    bottom: auto;
    display: none;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #acb7c2;
  }
  .passo2-tabs-sub-link {
    margin-top: 0px;
    font-size: 1em;
    margin-left: 0px;
    z-index: 3;
    line-height: 1.5em;
  }
  .passo2-tabs-link-bg.c-icone {
    width: auto;
    height: auto;
    padding-bottom: 0px;
  }
  .passo2-tabs-link-bg.c-icone {
    background-color: transparent;
  }
  .passo2-tabs-link:hover .passo2-tabs-link-bg.c-icone {
    background-color: #acb7c2;
    color: #35414b;
  }
  .passo2-tabs-link.w--current .passo2-tabs-link-bg.c-icone {
    background-color: transparent;
    color: #f7f8fa;
  }
}
@media screen and (max-width: 479px) {
  .passo2-tabs-menu {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
.tooltipevent {
  background-color: #35414b;
  border-radius: 4px;
  position: absolute;
  z-index: 500;
  color: #e6ebf1;
  padding: 12px;
}

/* tooltip */
.has-m-tooltip {
  position: relative;
  overflow: visible;
}
.has-m-tooltip:hover {
  z-index: 99999999;
}
.has-m-tooltip:hover .m-tooltip {
  display: block;
  -webkit-animation-name: anima-opacity;
          animation-name: anima-opacity;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

td:has(.has-m-tooltip:hover) {
  z-index: 99999999;
}

@-webkit-keyframes anima-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes anima-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.m-tooltip {
  position: absolute;
  right: 0%;
  top: auto;
  bottom: 100%;
  z-index: 99999999;
  width: 200px;
  margin-bottom: 5px;
  padding: 8px 11px;
  border-radius: 8px;
  background-color: #35414b;
  -webkit-box-shadow: 0 0 6px 0 rgba(17, 30, 37, 0.15);
          box-shadow: 0 0 6px 0 rgba(17, 30, 37, 0.15);
  color: #acb7c2;
  font-size: 0.65rem;
  line-height: 1.2em;
  display: none;
}
.m-tooltip.tx-big {
  font-size: 0.75rem;
}
.m-tooltip.active {
  display: block;
  -webkit-animation-name: anima-opacity;
          animation-name: anima-opacity;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.m-tooltip.middle {
  left: 50%;
  -webkit-transform: translate(-50%, 0px);
      -ms-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
}
.m-tooltip.right {
  right: auto;
  left: 0%;
}
.m-tooltip.left {
  right: auto;
  left: 0%;
}
.m-tooltip.small {
  width: 120px;
}
.m-tooltip.big {
  width: 300px;
}
.m-tooltip.bottom {
  top: 100%;
  bottom: auto;
  margin-top: 5px;
  margin-bottom: 0;
}
.m-tooltip.tx-small {
  width: auto;
  white-space: nowrap;
}

.pop2 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3000;
  display: none;
  overflow: auto;
  /* overflow: auto */
}

.pop2-geral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0px;
  top: 0px;
  right: 0px;
  padding: 15px;
  position: absolute;
  z-index: 10;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
}

.pop2-cont {
  position: relative;
  z-index: 10;
  padding: 20px;
  border-bottom: 1px none #111e25;
  border-radius: 16px;
  background-color: var(--white);
  -webkit-box-shadow: 0 5px 80px 0 rgba(17, 30, 37, 0.7);
          box-shadow: 0 5px 80px 0 rgba(17, 30, 37, 0.7);
  width: 100%;
  max-width: 580px;
  margin: 20px;
}
@media (max-width: 479px) {
  .pop2-cont {
    padding: 15px;
  }
}
.pop2-cont p:last-child,
.pop2-cont .bt2:last-child {
  margin-bottom: 0px;
}
.pop2-cont.bg-white {
  background-color: #fff;
}

.pop2-w-medium {
  max-width: 800px;
}

.pop2-w-large {
  max-width: 100%;
}

.pop2-bg {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 3;
  height: 100%;
  background-color: rgba(10, 20, 26, 0.85);
  /* -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px); */
}

.pop2-titulo {
  margin-bottom: 20px;
  font-weight: bold;
  position: relative;
  min-height: 20px;
}

.pop2-sub-titulo {
  margin-top: -20px;
  margin-bottom: 20px;
}

.pop2-titulo-tx {
  float: left;
}

.pop2-fechar {
  position: absolute;
  top: 0px;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #82929e;
  text-decoration: none;
  height: 50px;
  margin-top: -15px;
  margin-right: -15px;
}

.pop2-fechar:hover {
  color: #35414b;
}

/* Loading pure */
@-webkit-keyframes loading-mini {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loading-mini {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
.loading-mini div {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 3px solid #c6d3e0;
  border-top-color: transparent;
  border-radius: 50%;
}

.loading-mini div {
  -webkit-animation: loading-mini 1s linear infinite;
          animation: loading-mini 1s linear infinite;
  top: 12px;
  left: 12px;
}

.loading-mini-spinner-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: auto;
}

.loading-mini-spinner {
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  background: none;
}

.loading-mini {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translateZ(0) scale(1);
          transform: translateZ(0) scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}

.loading-mini div {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.inp-fora .loading-mini-spinner {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
}

.bt2 .loading-mini-spinner {
  margin-left: -5px;
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.bt2 .loading-mini div {
  width: 8px;
  height: 8px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-top-color: transparent;
}

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
  .only-print {
    display: block !important;
  }
  a[href]:after {
    content: none !important;
  }
  body {
    color: #1a1a1a !important;
    padding: 0px !important;
    background: #fff !important;
  }
  * {
    -webkit-print-color-adjust: exact !important;
    /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact !important;
    /* Firefox 48 – 96 */
    print-color-adjust: exact !important;
    /* Firefox 97+, Safari 15.4+ */
    max-height: 100% !important;
    overflow: visible !important;
  }
  /* top */
  .print-top {
    margin-bottom: 20px;
    display: block;
  }
  .print-top-img img {
    max-height: 60px !important;
  }
  .tx-cor1,
  .titulo-pagina,
  .bloco2-titulo {
    color: #1a1a1a !important;
  }
  a {
    text-decoration: none;
    color: #1a1a1a;
  }
  .print-general .w-col.w-col-6 {
    width: 100%;
    padding: 0px;
  }
  .print-general .w-row {
    margin: 0px;
  }
  .print-general .bloco2-titulo {
    padding-right: 0px;
    padding-left: 0px;
  }
  .print-general .bloco2-cont,
  .print-general .bloco2 {
    padding: 0px !important;
  }
  .print-general .bloco2 {
    border: none !important;
  }
  .print-general table,
  .print-general .tabela2 {
    border: 0px none;
    border-collapse: fixed !important;
    page-break-inside: auto;
    -fs-table-paginate: paginate;
    background-color: #fff;
  }
  .print-general thead,
  .print-general .tabela2-linha.titulo {
    display: table-header-group;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    position: sticky;
    top: 0px;
    background-color: #ebebeb !important;
  }
  .print-general .tabela2-col.titulo {
    background-color: #ebebeb !important;
  }
  .print-general tr,
  .print-general .tabela2-linha {
    page-break-inside: avoid;
  }
  .print-general td,
  .print-general .tabela2-col {
    padding: 10px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #cdcdcd !important;
  }
  .print-general td:last-child,
  .print-general .tabela2-col:last-child {
    border-right: 1px solid #cdcdcd !important;
  }
  .print-general td:first-child,
  .print-general .tabela2-col:first-child {
    border-left: 1px solid #cdcdcd !important;
  }
  .print-general tr:last-child td,
  .print-general .tabela2-linha:last-child .tabela2-col {
    border-bottom: 1px solid #cdcdcd !important;
  }
  .print-general tr:first-child th:last-child,
  .print-general tr:first-child td:last-child,
  .print-general .tabela2-linha:first-child .tabela2-col:last-child {
    border-top-right-radius: 6px;
  }
  .print-general tr:first-child th:first-child,
  .print-general tr:first-child td:first-child,
  .print-general .tabela2-linha:first-child .tabela2-col:first-child {
    border-top-left-radius: 6px;
  }
  .print-general tr:last-child th:first-child,
  .print-general tr:last-child td:first-child,
  .print-general .tabela2-linha:last-child .tabela2-col:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 0px;
  }
  .print-general tr:last-child th:last-child,
  .print-general tr:last-child td:last-child,
  .print-general .tabela2-linha:last-child .tabela2-col:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 0px;
  }
  .print-general .tabela2-topo {
    border-radius: 0px;
    background-color: #fff;
    color: #1a1a1a !important;
  }
  .print-general .paginate_button {
    color: #1a1a1a !important;
  }
  .print-general .paginate_button.current {
    background-color: #ebebeb;
  }
  .print-general .next.disabled {
    display: none;
  }
  .print-general .tabela2-topo div:first-child {
    padding-left: 0px;
  }
  .print-general .tabela2-topo div:last-child {
    padding-right: 0px;
  }
  .print-general .tabela2-fora {
    border: none;
  }
  .print-general .tabela2-rodape {
    margin-top: 0px;
    border-radius: 6px;
    background-color: transparent;
    color: #1a1a1a !important;
  }
  .print-general .datatables_info {
    color: #1a1a1a !important;
    padding-right: 0px;
  }
  /*  */
  .nav3-geral,
  .bs2-boxes-right,
  .er2-more-info {
    display: none !important;
  }
  .bs2-boxes-left {
    width: 100%;
  }
  .box-cont.bs2-general {
    padding: 0;
  }
  .bs2-table-line {
    min-width: auto !important;
  }
}
.table-general {
  overflow: auto;
  border-radius: 8px;
  border-top: 1px solid var(--gray-300);
  border-left: 1px solid var(--gray-300);
  border-right: 1px solid var(--gray-300);
  position: relative;
  max-height: 70vh;
}
.table-general.h-600 {
  max-height: 600px;
}
.table-general.h-800 {
  max-height: 800px;
}
.table-general table {
  width: 100%;
  border-collapse: collapse;
  height: 1px;
}
.table-general thead.fixed {
  position: sticky;
  top: 0;
  background-color: var(--gray-50);
  z-index: 10;
}
.table-general thead.fixed th {
  overflow-x: clip;
}
.table-general thead.fixed th:before {
  content: "";
  position: absolute;
  bottom: -1px;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--gray-300);
}
.table-general tfoot {
  border-top: 3px double var(--gray-300);
}
.table-general tr {
  position: relative;
  border-bottom: 1px solid var(--gray-300);
}
.table-general tr.sub-line td:first-child {
  padding-left: var(--space-6);
}
.table-general td,
.table-general th {
  position: relative;
  padding: var(--space-2) var(--space-1);
  text-align: left;
  height: 100%;
  vertical-align: middle;
  z-index: 2;
}
.table-general td:first-child,
.table-general th:first-child {
  padding-left: var(--space-2);
}
.table-general td:last-child,
.table-general th:last-child {
  padding-right: var(--space-2);
}
.table-general td.tx-dir,
.table-general th.tx-dir {
  text-align: right;
}
.table-general thead tr,
.table-general tfoot tr {
  font-weight: bold;
  background-color: var(--gray-50);
  color: var(--gray-900);
}
.table-general td:has(table),
.table-general .table-dropdown-cont td {
  background-color: var(--gray-50);
  padding: var(--space-3) !important;
}
.table-general td:has(table) thead tr,
.table-general .table-dropdown-cont td thead tr {
  background-color: var(--gray-100);
}
.table-general .table-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-2);
}
.table-general .table-dropdown-icon {
  width: var(--space-2);
  font-size: 8px;
  line-height: 8px;
  color: var(--gray-400);
  height: var(--space-4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table-general .table-dropdown-icon .icone2 {
  width: var(--space-2);
  height: var(--space-2);
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.table-general .table-dropdown-icon.active .icone2 {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.table-general td.bts-general {
  padding: 0;
  vertical-align: middle;
}
.table-general td.bts-general.tx-dir .bt2 {
  float: right;
  margin-left: var(--space-1);
}
.table-general td.bts-general .bt2 {
  min-height: 32px;
  font-size: 14px;
  line-height: 14px;
  padding: var(--space-2);
  margin: 0;
  background-color: transparent;
  color: var(--gray-400);
}
.table-general td.bts-general .bt2:hover {
  color: var(--gray-800);
}
.table-general td.bts-general .bt2 .bt-i,
.table-general td.bts-general .bt2 .bt2-i {
  margin: 0;
}

/* ============ table style 2 =============== */
.table-general2 {
  overflow: auto;
  position: relative;
}
.table-general2 table {
  width: 100%;
  border-collapse: collapse;
  height: 1px;
}
.table-general2 td,
.table-general2 th {
  position: relative;
  padding: var(--space-2);
  /* min-height: var(--space-14) */
  height: 100%;
  vertical-align: middle;
  z-index: 2;
}
.table-general2 td.tx-dir,
.table-general2 th.tx-dir {
  text-align: right;
}
.table-general2 td.s-margin-right,
.table-general2 th.s-margin-right {
  padding-right: var(--space-0\/5);
}
.table-general2 td.s-margin-left,
.table-general2 th.s-margin-left {
  padding-left: var(--space-0\/5);
}
.table-general2 td:first-child,
.table-general2 th:first-child {
  padding-left: var(--space-4);
}
.table-general2 td:last-child,
.table-general2 th:last-child {
  padding-right: var(--space-4);
}
.table-general2 tr td:before {
  content: "";
  position: absolute;
  bottom: 1px;
  top: 1px;
  left: 0;
  right: 0;
  z-index: -1;
}
.table-general2 tr td:first-child:before {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.table-general2 tr td:last-child:before {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.table-general2 tr.sub-line td:first-child {
  padding-left: var(--space-9);
}
.table-general2 span:nth-child(odd) td:before,
.table-general2 tr.title td:before {
  background-color: var(--gray-50);
}
.table-general2 thead tr,
.table-general2 tfoot tr,
.table-general2 tr.total,
.table-general2 tr.title {
  font-weight: bold;
  color: var(--gray-900);
}
.table-general2 td.bts-general {
  vertical-align: middle;
}
.table-general2 td.bts-general.tx-dir .bt2 {
  float: right;
  margin-left: var(--space-1);
}
.table-general2 td.bts-general .bt2 {
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 14px;
  padding: var(--space-2);
  margin: 0;
  color: var(--gray-400);
  border-radius: 8px;
  background-color: var(--gray-100);
  min-height: 0;
  margin-top: var(--space-0\/5);
  margin-bottom: var(--space-0\/5);
}
.table-general2 td.bts-general .bt2:hover {
  color: var(--gray-800);
  background-color: var(--gray-300);
}
.table-general2 td.bts-general .bt2 .bt-i,
.table-general2 td.bts-general .bt2 .bt2-i {
  margin: 0;
}
.table-general2 .table-dropdown {
  cursor: pointer;
}
.table-general2 .table-dropdown:hover td:before {
  background-color: var(--gray-100);
}
.table-general2 .table-dropdown.open td.bts-general .bt2 {
  background-color: var(--gray-200);
}
.table-general2 tr.table-dropdown-cont td:before {
  background-color: var(--gray-100);
  top: -8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.table-general2 tr.table-dropdown-cont td {
  padding-bottom: var(--space-4);
}
.table-general2 .table-dropdown-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-2);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table-general2 .table-dropdown-icon {
  width: var(--space-3);
  font-size: 9px;
  line-height: 9px;
  color: var(--gray-400);
  height: var(--space-4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.table-general2 .table-dropdown-icon .icone2 {
  width: var(--space-2);
  height: var(--space-2);
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.table-general2 tr.table-dropdown.open .icone2 {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.table-general2 tr.table-dropdown.open td:before {
  background-color: var(--gray-100);
}

/*  */
.table-bt-sorted {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px;
  line-height: 12px;
  padding: var(--space-2);
  margin-top: calc(var(--space-2) * -1);
  margin-bottom: calc(var(--space-2) * -1);
  margin-right: calc(var(--space-2) * -1);
  color: var(--gray-400);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}
.table-bt-sorted:hover {
  color: var(--gray-800);
}
.table-bt-sorted.active {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.table-value {
  border-radius: 8px;
  padding: var(--space-1) var(--space-2);
  background-color: var(--gray-100);
  float: left;
}
.tx-dir .table-value {
  float: right;
  margin-left: var(--space-2);
}
.table-value.percentage {
  text-align: center;
  padding-right: 0px;
  padding-left: 0;
  font-size: 0.875em;
  background: transparent !important;
}

.open .table-value {
  background-color: var(--gray-200);
}

.tx-vermelho .table-value {
  color: var(--red-500);
  background-color: var(--red-50);
}

.tx-verde .table-value {
  color: var(--green-500);
  background-color: var(--green-50);
}

.table-input {
  position: relative;
  float: left;
  margin-right: var(--space-2);
}
.tx-dir .table-input {
  float: right;
  margin-left: var(--space-2);
  margin-right: 0;
}

.inp.table-inp-edit {
  height: 32px;
  padding: 6px 8px 5px;
  font-size: 0.75rem;
  line-height: 1.3em;
  margin: 0;
  display: inline-block;
}
.tx-dir .inp.table-inp-edit {
  text-align: right;
}
.inp.table-inp-edit::-webkit-outer-spin-button, .inp.table-inp-edit::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.inp.table-inp-edit[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

.inp-i.table-inp-edit {
  bottom: 1px;
  width: 32px;
  height: 30px;
}
.tx-dir .inp-i.table-inp-edit {
  right: auto;
  left: 1px;
}

.table-status {
  border-radius: 6px;
  padding: var(--space-1) var(--space-2);
  background-color: var(--gray-400);
  color: var(--white);
  float: left;
  font-size: 0.75rem;
  line-height: 1.2em;
}
.table-status.red {
  background-color: var(--red-500);
}
.table-status.green {
  background-color: var(--green-500);
}

.tl2-btn {
  position: fixed;
  top: 100px;
  z-index: 2000;
  width: 50px;
  height: 50px;
  text-decoration: none;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #4a5964;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  color: #fff;
  right: 0px;
}
@media (max-width: 479px) {
  .tl2-btn {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}

.tl2-btn-close {
  position: absolute;
  top: 40px;
  right: 100%;
}

.tl2-lateral {
  position: fixed;
  inset: 0px;
  z-index: 2100;
  display: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20px;
}
@media (max-width: 479px) {
  .tl2-lateral {
    padding: 15px;
  }
}

.tl2-lateral-box {
  position: relative;
  z-index: 10;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
  width: calc(100% - 40px);
  max-width: 400px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tl2-lateral-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.tl2-lateral-tab-menu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
}

.tl2-lateral-tab-link {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #e6ebf1;
  color: #5f707e;
  padding: 12px;
}
.tl2-lateral-tab-link.w--current {
  background-color: #22b9b7;
  color: #fff;
}

.tl2-lateral-tab-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 0px;
}

.tl2-lateral-tab-pane {
  height: 100%;
  overflow: auto;
}

.tl2-lateral-bg {
  position: absolute;
  z-index: 2;
  inset: 0px;
  background-color: rgba(17, 30, 37, 0.6);
}

.video-general {
  width: 100%;
  padding: 0;
  overflow: hidden;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.video {
  margin: 0;
}

.video-16-9 {
  margin: 0;
  aspect-ratio: 16/9;
}

.services-geral {
  margin-right: -20px;
  margin-left: -20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
}

.services-item {
  padding: 20px;
  position: relative;
}

.services-item.active .services-item-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.services-item.active .services-item-cont {
  border: 3px solid #22b9b7;
}

.services-item-cont {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border: 3px solid #fff;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(32, 40, 54, 0.1);
          box-shadow: 0 0 20px 0 rgba(32, 40, 54, 0.1);
  height: 100%;
}

.services-tx-cont {
  margin-top: 20px;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  z-index: 5;
}

.services-item-title {
  font-size: 1.4rem;
  line-height: 1.2em;
  font-weight: 700;
}

.services-item-tx {
  margin-bottom: 10px;
}

.services-item-img {
  max-width: 200px;
  z-index: 5;
}

.services-item-check {
  display: none;
  position: absolute;
  z-index: 5;
  width: 56px;
  height: 56px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 3px none #e6ebf1;
  border-radius: 30px 0px 25px;
  background-color: #22b9b7;
  color: #fff;
  font-size: 16px;
  right: 0px;
  bottom: 0px;
}

.services-bts {
  width: 100%;
  margin-bottom: -10px;
  margin-top: 20px;
  z-index: 5;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.pp-body {
  padding-top: 0px;
  padding-left: 0px;
  background: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.pp-module {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pp-module.pp-module-title {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  padding-top: 170px;
  padding-bottom: 80px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 17, 22, 0)), to(#111e25));
  background-image: linear-gradient(180deg, rgba(10, 17, 22, 0), #111e25);
  color: #f7f8fa;
  text-shadow: 1px 1px 4px rgba(17, 30, 37, 0.25);
}

.pp-menu {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 500;
  width: 100%;
  border-top: 3px solid #22b9b7;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(17, 30, 37, 0.25);
          box-shadow: 0 0 20px 0 rgba(17, 30, 37, 0.25);
}

.pp-menu-logo {
  position: relative;
  height: 100%;
  padding: 10px 20px 10px 0px;
  float: left;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pp-menu-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-top: 2px;
  padding-right: 25px;
  padding-left: 25px;
  float: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #5f707e;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.pp-menu-link:hover {
  color: #22b9b7;
}

.pp-menu-link.w--current {
  color: #22b9b7;
}

.pp-menu-link.w--open {
  background-color: #2ab48e;
  color: #edf0f2;
}

.pp-menu-link.sub-link-visualizar {
  width: 100%;
  height: auto;
  padding: 15px 25px;
  color: #edf0f2;
}

.pp-menu-link.sub-link-visualizar:hover {
  background-color: #267a62;
}

.pp-menu-link.nav {
  display: none;
}

.pp-menu-links-fora {
  height: 100%;
  float: left;
}

.pp-menu-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #acb7c2;
  font-size: 12px;
  text-align: right;
}

.pp-menu-contact.responsive {
  display: none;
}

.pp-map {
  height: 500px;
  margin-top: 20px;
  border-radius: 4px;
}

.pp-menu-logo-img {
  display: block;
  max-height: 50px;
}

.pp-menu-links {
  height: 100%;
}

.pp-cont {
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px;
}

.pp-menu-contact-i {
  margin-left: 8px;
}

.pp-menu-link-i {
  display: none;
  margin-right: 8px;
  font-size: 14px;
}

.pp-page {
  display: block;
  overflow: hidden;
  max-width: 2000px;
  margin-right: auto;
  margin-left: auto;
  border: none;
  background-color: #fff;
  color: #2e3847;
}

.pp-gallery-group {
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -1px;
  margin-bottom: -1px;
}

.pp-menu-contact-iten {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.pp-menu-cont {
  width: 100%;
  height: 70px;
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px;
}

.pp-banner-group {
  position: relative;
  margin-bottom: 20px;
}

.pp-top {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.pp-banner-img {
  max-height: 90vh;
  min-height: 500px;
  margin-top: 50px;
  padding-top: 34%;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/casa-1.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .pp-banner-img {
    min-height: 400px;
  }
}

/* ============
   Video
   ============ */
.pp-video-group {
  aspect-ratio: 16/9;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.pp-video-group iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.pp-banner-video-group {
  max-height: 90vh;
  min-height: 500px;
  margin-top: 70px;
  padding-top: 34%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .pp-banner-video-group {
    min-height: 400px;
  }
}

.pp-banner-video-normal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pp-cont .pp-banner-video-group {
  max-height: 100%;
  min-height: 0;
  margin-top: 0;
  padding-top: 0;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
  border-radius: 12px;
}
@media (max-width: 767px) {
  .pp-cont .pp-banner-video-group {
    min-height: 0;
  }
}

.pp-banner-video-cellphone {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*  */
.small .pp-banner-img {
  max-height: 50vh;
  min-height: 200px;
  margin-top: 50px;
  padding-top: 10%;
}

.pp-banner-bg {
  position: absolute;
  left: -10%;
  top: auto;
  right: -10%;
  bottom: 0%;
  min-height: 60px;
  margin-bottom: -3px;
  padding-top: 8%;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/bg-banner.svg");
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .pp-banner-bg {
    left: -20%;
    right: -20%;
  }
}

.pp-gallery-thumb {
  position: relative;
  overflow: hidden;
  width: 100%;
  float: left;
}

.pp-gallery-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 99.2%, 0.7);
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  cursor: pointer;
}

.pp-gallery-hover:hover {
  opacity: 1;
}

.pp-gallery-img {
  width: 100%;
  height: 130px;
  -o-object-fit: cover;
  object-fit: cover;
}

.pp-gallery-img.inventory {
  height: 140px;
}

.pp-gallery-i {
  margin-bottom: 3px;
  font-size: 24px;
  line-height: 24px;
}

.pp-gallery-iten {
  position: relative;
  -ms-flex-preferred-size: 16.66666%;
      flex-basis: 16.66666%;
  padding-right: 1px;
  padding-bottom: 1px;
}

.pp-gallery-iten.inventory {
  width: 20%;
}

.pp-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  background-color: transparent;
}

.pp-slide-arrow {
  position: relative;
  display: none;
  width: 60px;
  height: 50px;
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  float: none;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  color: #4a5964;
  font-size: 16px;
  line-height: 50px;
}

.pp-slide-arrow.right {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.pp-slide-nav {
  position: relative;
  display: none;
  width: auto;
  height: 50px;
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 13px;
  padding-right: 20px;
  padding-left: 20px;
  float: none;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  opacity: 0.55;
  font-size: 11px;
  line-height: 40px;
  text-align: center;
}

.pp-title-adress {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.pp-title {
  font-size: 36px;
  line-height: 46px;
}

.pp-title-iten {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  float: left;
  font-size: 14px;
}
.pp-title-iten.tipo2 {
  border-radius: 4px;
  border: 1px solid #fff;
  padding: 6px 10px;
  margin-top: 15px;
  background-color: rgba(255, 255, 255, 0.12);
}

.pp-title-iten-i {
  margin-right: 5px;
  float: left;
  font-size: 16px;
}

.pp-slide-mask {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.pp-title-m-group {
  margin-bottom: 30px;
  text-align: center;
}
.pp-title-m-group.tx-esq {
  text-align: left;
}

.pp-title-m {
  font-size: 30px;
  line-height: 32px;
  font-weight: 700;
}

.pp-title-m-bg {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 6px;
  border-radius: 50px;
  background-color: #22b9b7;
}
.pp-title-m-bg.verde {
  background-color: #22b9b7;
}
.pp-title-m-bg.vermelho {
  background-color: #bd134a;
}

.pp-sub-title {
  margin-bottom: 20px;
  color: #22b9b7;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
}

.pp-tabs-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pp-tabs-menu {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}

.pp-tabs-menu-link {
  position: relative;
  padding: 9px 16px 8px;
  background-color: #d9e0e9;
  color: #465060;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 5px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pp-tabs-menu-link:hover {
  background-color: #d0d9e2;
  color: #35414b;
}

.pp-tabs-menu-link.w--current {
  background-color: #22b9b7;
  color: #f7f8fa;
}

.pp-tabs-cont {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.pp-footer {
  position: relative;
  margin-top: -100px;
  padding-top: 220px;
  padding-bottom: 100px;
  background-color: #d9e0e9;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}

.pp-footer-tx-p {
  margin-top: 30px;
  color: #687383;
  font-size: 12px;
  line-height: 16px;
}

.pp-footer-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/casa-1.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.15;
  display: none;
}

.pp-footer-bg2 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent));
  background-image: linear-gradient(180deg, #fff, transparent);
}

.pp-rules-tx {
  -webkit-column-count: 2;
  -moz-column-count: 2;
       column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  -webkit-column-rule-style: none;
  -moz-column-rule-style: none;
       column-rule-style: none;
  -webkit-column-rule-width: 1px;
  -moz-column-rule-width: 1px;
       column-rule-width: 1px;
}

.pp-itens-group {
  margin-right: -10px;
  margin-bottom: -10px;
}

.pp-itens-tx {
  float: left;
}

.pp-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px 20px;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px dashed #98a2b1;
  border-radius: 50px;
  color: #465060;
}

.pp-item-i-group {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  float: left;
  font-size: 24px;
  line-height: 24px;
}

.pp-rooms-group {
  margin-top: 20px;
}

.pp-room-title {
  margin-bottom: 10px;
  font-weight: 700;
}

.pp-map-tx {
  text-align: center;
}

.pp-gallery-description {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  width: 100%;
  padding: 5px 7px 4px;
  float: left;
  background-color: hsla(0, 0%, 99.2%, 0.74);
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
}

.pp-details-1 {
  width: 66.66%;
  padding-right: 30px;
  float: left;
}

.pp-details-2 {
  width: 33.33%;
  padding-left: 30px;
  float: right;
}

.pp-details-3 {
  width: 100%;
  margin-top: 60px;
}

.pp-gallery-border {
  overflow: hidden;
  border-radius: 12px;
}

.pp-gallery-border.inventory {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.pp-ajustes-css {
  position: fixed;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 70;
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
  margin-left: 10px;
  border-radius: 12px;
  background-color: #d9e0e9;
}

.pp-tabs-menu-link-bg {
  display: none;
}

.pp-tabs-menu-link-i {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  font-size: 14px;
}

.pp-more-cont {
  overflow: hidden;
  height: 480px;
}

.pp-more-bt {
  margin-top: 20px;
  color: #22b9b7;
}

.pp-more-tx-less {
  display: none;
}

.pp-price-result {
  width: 50%;
  padding: 15px;
  float: right;
}

.pp-price-filter {
  width: 50%;
  padding: 15px;
  float: left;
}

.pp-price-cont {
  width: 100%;
  max-width: 870px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 12px;
  background-color: #fff;
}

.pp-price-contact-group {
  margin-bottom: 5px;
}

.pp-price-contact-item {
  display: inline-block;
  margin-top: 2px;
  color: #22b9b7;
}

.pp-price-contact-i {
  margin-right: 8px;
  float: left;
}

.pp-price-contact-tx {
  float: left;
}

.pp-price-contact-title {
  margin-bottom: 10px;
  color: #465060;
  font-style: italic;
}

.pp-review-title {
  color: #22b9b7;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
}

.pp-review-sub-title {
  margin-bottom: 20px;
}

.pp-review-desc {
  color: #acb7c2;
  font-style: italic;
}

.pp-review-bloco {
  position: relative;
  margin-bottom: 40px;
  padding: 30px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(17, 30, 37, 0.15);
          box-shadow: 0 0 20px 0 rgba(17, 30, 37, 0.15);
}
.pp-review-bloco.destaque {
  border: 2px solid #22b9b7;
}

.pp-review-bloco-form {
  clear: both;
}

.pp-review-estrelas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pp-review-estrela-tx1 {
  margin-right: 10px;
  font-weight: 700;
}

.pp-review-estrela-itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
}

.pp-review-estrela-item {
  margin-top: 1px;
  margin-right: 5px;
  margin-bottom: 4px;
  color: #acb7c2;
  font-size: 24px;
  line-height: 24px;
}

.pp-review-estrela-item.ativo {
  color: #f7ba22;
}

.pp-review-estrela-tx2 {
  font-weight: 700;
}

.pp-review-check {
  position: absolute;
  left: auto;
  top: -15px;
  right: -15px;
  bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 80px;
  background-color: #d0d9e2;
  color: #acb7c2;
  text-decoration: none;
}

a.pp-review-check:hover {
  background-color: #bd134a;
  color: #fff;
}

.pp-review-check.ativo {
  background-color: #22b9b7;
  color: #f7f8fa;
  right: -15px;
  top: -15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.pp-review-check.ativo.relative {
  position: relative;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
}
.pp-review-check.ativo.verde {
  background-color: #22b9b7;
}
.pp-review-check.ativo.vermelho {
  background-color: #bd134a;
}

.pp-review-check2-bloco {
  padding: 15px 30px;
}
.pp-review-check2-bloco .check2-tx {
  font-size: 16px;
}
.pp-review-check2-bloco .check2-bg {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px dashed #c6d3e0;
  background-color: transparent;
}
.pp-review-check2-bloco .check2-i {
  width: 30px;
  font-size: 10px;
  padding-bottom: 2px;
  right: 0px;
  left: auto;
  height: 30px;
  display: none;
}

.check2.pp-review-check2-bloco input[type=radio]:checked ~ .check2-tx {
  color: #fff !important;
}

/* ----- bills ---- */
.pp-bills-geral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.pp-bills-item-geral {
  padding: 10px;
  width: 33.333%;
}
@media (max-width: 991px) {
  .pp-bills-item-geral {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .pp-bills-item-geral {
    width: 100%;
  }
}

.pp-bills-item {
  padding: 10px;
  border: 1px dashed #98a2b1;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.pp-bills-titulo {
  color: #22b9b7;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
}

.pp-bills-bloco {
  color: #465060;
  width: 50%;
  padding: 10px;
}
.pp-bills-bloco.w-100 {
  width: 100%;
}

.pp-bills-bloco-titulo {
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .pp-menu-link {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d0d9e2;
    background-color: transparent;
  }
  .pp-menu-link.sub-link-visualizar {
    padding-right: 15px;
    padding-left: 15px;
    border-bottom-style: none;
  }
  .pp-menu-link.nav {
    width: 70px;
    height: 100%;
    padding: 25px 0px 0px;
    float: right;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom-style: none;
    font-size: 24px;
  }
  .pp-menu-link.nav.w--open {
    border-bottom-style: none;
    background-color: #2ab48e;
  }
  .pp-menu-links-fora {
    width: 250px;
    height: auto;
    margin-right: 20px;
    background-color: transparent;
    -webkit-box-shadow: 5px 0 10px 0 rgba(17, 30, 37, 0.15);
            box-shadow: 5px 0 10px 0 rgba(17, 30, 37, 0.15);
  }
  .pp-menu-contact {
    width: 100%;
    border-bottom: 1px solid #cbd1d5;
    text-align: center;
  }
  .pp-menu-links {
    overflow: auto;
    height: 100%;
    background-color: #f7f8fa;
  }
  .pp-gallery-img {
    height: 120px;
  }
  .pp-gallery-img.inventory {
    height: 100px;
  }
  .pp-gallery-iten {
    width: 25%;
  }
  .pp-gallery-iten.inventory {
    width: 25%;
  }
  .pp-title {
    font-size: 36px;
    line-height: 40px;
  }
  .pp-item {
    margin-right: 8px;
    padding: 8px 18px;
  }
  .pp-details-1 {
    width: 60%;
    padding-right: 20px;
  }
  .pp-details-2 {
    width: 40%;
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .pp-module.pp-module-title {
    padding-top: 130px;
    padding-bottom: 60px;
  }
  .pp-menu-link.nav {
    z-index: 3;
    margin-right: -20px;
  }
  .pp-gallery-img {
    height: 110px;
  }
  .pp-gallery-img.inventory {
    height: 110px;
  }
  .pp-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
  }
  .pp-tabs-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pp-rules-tx {
    -webkit-column-count: 1;
    -moz-column-count: 1;
         column-count: 1;
  }
  .pp-details-1 {
    width: 100%;
    margin-bottom: 40px;
    padding-right: 0px;
  }
  .pp-details-2 {
    width: 100%;
    padding-left: 0px;
  }
  .pp-details-3 {
    width: 100%;
    margin-top: 40px;
    padding-left: 0px;
  }
  .pp-price-result {
    width: 100%;
  }
  .pp-price-filter {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .pp-module {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .pp-menu-links-fora {
    width: 100%;
  }
  .pp-cont {
    padding-right: 20px;
    padding-left: 20px;
  }
  .pp-gallery-img {
    height: 110px;
  }
  .pp-gallery-img.inventory {
    height: 110px;
  }
  .pp-gallery-iten {
    width: 50%;
  }
  .pp-gallery-iten.inventory {
    width: 50%;
  }
  .pp-title-adress {
    font-size: 14px;
    line-height: 20px;
  }
  .pp-title {
    font-size: 18px;
    line-height: 24px;
  }
  .pp-footer {
    margin-top: -100px;
    padding-top: 160px;
  }
  .pp-price-cont {
    width: auto;
    margin-right: -30px;
    margin-left: -30px;
    padding: 5px 15px;
    border-radius: 0px;
  }
}

.pp-house-info-top {
  background-color: #22b9b7;
  height: 120px;
  position: relative;
}
@media (max-width: 767px) {
  .pp-house-info-top {
    height: 90px;
  }
}

.pp-banner-p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pp-banner-p-img {
  height: 80px;
  width: 80px;
  border-radius: 12px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/casa-1.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.pp-module-title-p .pp-title {
  font-size: 30px;
  line-height: 36px;
}
@media (max-width: 767px) {
  .pp-module-title-p .pp-title {
    font-size: 24px;
    line-height: 30px;
  }
}

.pp-module .search-checkin-arrow,
.pp-module .input-icon,
.pp-module .input-icon-error,
.pp-module .label {
  display: none;
}
.pp-module .icon2 {
  font-family: Mapro, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
}
.pp-module .input {
  font-size: 14px;
  border-style: none;
  border-radius: 12px;
  background-color: #d9e0e9;
  padding: 10px 25px;
  height: 52px;
  margin-bottom: 0px;
}
.pp-module .input::-webkit-input-placeholder {
  color: #465060 !important;
}
.pp-module .input::-moz-placeholder {
  color: #465060 !important;
}
.pp-module .input:-ms-input-placeholder {
  color: #465060 !important;
}
.pp-module .input::-ms-input-placeholder {
  color: #465060 !important;
}
.pp-module .input::placeholder {
  color: #465060 !important;
}
.pp-module .btn {
  position: relative;
  padding: 10px 25px;
  background: #22b9b7;
  color: #fff;
  text-transform: uppercase;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  min-height: 52px;
  line-height: 16px;
}
.pp-module .btn:hover {
  background: #157473;
}
.pp-module .btn-icon {
  margin-right: 7px;
  font-size: 14px;
}
.pp-module .btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pp-module .btn-text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.pp-icons {
  display: inline-block;
  float: none;
  font-family: "Mapro solid", sans-serif;
}

.pp-amenities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: var(--space-10);
}

.pp-amenities-title {
  margin-bottom: var(--space-4);
  color: #22b9b7;
}

.pp-amenities-content {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}

.pp-amenities-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-2);
}

.pp-amenities-item .pp-icons {
  font-size: var(--space-4);
}

.body-seguro {
  padding-left: 0px;
  background-color: #f7f8fa;
}
.body-seguro .titulo-pagina {
  width: 100%;
  float: none;
  margin-top: 18%;
}

.seguro-logos {
  height: 200px;
  padding: 40px;
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 300px;
  border: 2px solid #26c7bf;
  margin: 20px 0px 20px -15px;
}

.seguro-logos-geral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  width: 100%;
}

.seguro-logos img {
  max-height: 100%;
}

.seguro-logos.generali {
  border-color: #c36155;
  margin-right: -15px;
  margin-left: 0px;
}

.seguro-cont-fora .linha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.seguro-cont-fora .bt2-voltar {
  color: #fff;
}

.seguro-cont-fora .bt2-voltar-i {
  border-right-color: #fff;
}

.seguro-cont-fora .cont2 {
  max-width: 940px;
}

.body-seguro .bg2 {
  background-image: -webkit-linear-gradient(0deg, #1ee2b5 0%, #30a8cb 100%);
}

.seguro-box {
  display: block;
  padding: 30px;
  border-radius: 20px;
  background-color: #f7f8fa;
  -webkit-box-shadow: 0 0 10px 0 rgba(17, 30, 37, 0.15);
          box-shadow: 0 0 10px 0 rgba(17, 30, 37, 0.15);
  height: 100%;
}

.seguro-box-titulo {
  font-size: 1rem;
  font-weight: bold;
  color: #22b9b7;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6ebf1;
}

.seguro-cont-fora .col {
  padding-left: 15px;
  padding-right: 15px;
  min-width: 240px;
  padding-bottom: 30px;
}

.body-seguro .bg-geral {
  margin-top: -50px;
}

.seguro-box-i {
  float: left;
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.seguro-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.seguro-box-item.especial {
  font-size: 30px;
  line-height: 36px;
  font-weight: 300;
  color: #22b9b7;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-top: 0px;
}

.seguro-box.especial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

.seguro-box-item.especial .seguro-box-i {
  margin-right: 0px;
  margin-bottom: 10px;
}

.seguro-cont-fora .check2-bg {
  width: 30px;
  height: 30px;
  position: relative;
  margin-right: 10px;
}

.seguro-cont-fora .check2 {
  min-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 24px;
  line-height: 30px;
  padding-left: 0px;
  width: 100%;
  color: #22b9b7;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: 40px;
}

.seguro-cont-fora .bt2 {
  width: 100%;
  max-width: 300px;
}

.seguro-cont-fora .bt-cont {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.seguro-cont-fora.cinza {
  background-color: #e6ebf1;
  padding-top: 20px;
}

.seguro-cont-fora.final {
  background-color: #e6ebf1;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/curva-branca.svg");
  background-repeat: no-repeat;
  background-position: center 560px;
  background-size: cover;
}

.seguro-valores {
  min-height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 10px;
}

.seguro-valores img {
  width: 100%;
  height: 100%;
  max-width: 860px;
}

.seguro-valor-img.responsive {
  display: none;
}

.seguro-cont-fora .check2-i {
  width: 30px;
  height: 30px;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .body-seguro .titulo-pagina {
    margin-top: 120px;
  }
  .body-seguro {
  }
}
@media (max-width: 479px) {
  .seguro-valor-img {
    display: none;
  }
  .seguro-valor-img.responsive {
    display: block;
  }
}
.seguro-cont-fora .col-center {
  max-width: 460px;
  margin: 0 auto;
}

/* ========================
   Houses detail - Price
   ======================== */
.price-search-between-group,
.price-info-content {
  display: none;
}

.price-group {
  position: relative;
  border-bottom: 1px solid #c6d3e0;
}

/* ============
   prices
   ============ */
.price-value {
  position: relative;
  line-height: 1.6em;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-size: 0.875rem;
  padding: 10px;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  width: 320px;
  margin-left: 20px;
}
@media (max-width: 991px) {
  .price-value {
    margin-left: 0px;
    width: 100%;
  }
}

.price-value-group {
  display: table;
  width: 100%;
  margin: -4px;
}

.price-value-bg {
  display: none;
}

.price-value-text-1-group {
  display: table-row;
  position: relative;
}

.price-value-text-1 {
  text-align: left;
  padding: 2px;
  display: table-cell;
}

.price-value-text-2 {
  font-weight: bold;
  text-align: right;
  padding: 2px;
  display: table-cell;
  white-space: nowrap;
}

.total .price-value-text-1,
.total .price-value-text-2 {
  padding-top: 8px;
}
.total .price-value-text-1:before,
.total .price-value-text-2:before {
  content: "";
  position: absolute;
  top: 3px;
  border-top: 1px dashed #c6d3e0;
  right: 4px;
  left: 4px;
}

.price-value-text-1-group.total {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6em;
  color: #22b9b7;
}

.title-default-text.price {
  margin-bottom: 20px;
  color: #22b9b7;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
}

.price-value-group-bg {
  display: none;
}

.price-search-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 991px) {
  .price-search-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* ============
   inputs
   ============ */
.price-search-item {
  padding: 15px;
}

.price-search-item.checkin {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  .price-search-item.checkin {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

.price-search-input-group.checkin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}
@media (max-width: 479px) {
  .price-search-input-group.checkin {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.input-group.price-search {
  width: 50%;
}
@media (max-width: 479px) {
  .input-group.price-search {
    width: 100%;
  }
}
.input-group.price-search.checkin {
  margin-right: 15px;
}
@media (max-width: 479px) {
  .input-group.price-search.checkin {
    margin-right: 0px;
    margin-bottom: 15px;
  }
}
.input-group.price-search.checkout {
  margin-left: 15px;
}
@media (max-width: 479px) {
  .input-group.price-search.checkout {
    margin-left: 0px;
  }
}

.price-search-input-bg {
  display: none;
}

.price-search-item-bg {
  display: none;
}

.price-form-bg {
  display: none;
}

/* ============
   btn
   ============ */
@media (max-width: 767px) {
  .price-search-item.price-btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* ============
   text bottom
   ============ */
.price-info-group {
  font-size: 0.75rem;
  line-height: 1.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.price-info-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 5px;
}

.price-info-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 5px;
}

.price-info-title-text-1 {
  font-weight: bold;
  margin-right: 5px;
}

.price-info-contact-text-1 {
  margin-right: 5px;
}

.price-info-contact-icon {
  float: left;
  margin-right: 5px;
  font-size: 1.5rem;
  line-height: 1.2em;
  margin-bottom: 5px;
}

.price-info-content-bg {
  display: none;
}

/* ========================
   cart shooping
   ======================== */
.pp-cont.checkout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.cart-shopping-container {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.cart-shopping-group {
  margin-bottom: 20px;
}

/* ============
   Box item
   ============ */
.cart-shopping-item-group.service,
.cart-shopping-item-group,
.cart-services-group {
  margin-bottom: 30px;
  position: relative;
  border-radius: 12px;
  background-color: #fff;
}
.cart-shopping-item-group.service.service,
.cart-shopping-item-group.service,
.cart-services-group.service {
  display: none;
}

.cart-services-group-bg {
  display: none;
}

/* house detail */
.cart-shopping-item-first-group {
  width: 100%;
  margin-bottom: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (max-width: 479px) {
  .cart-shopping-item-first-group {
    position: static;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* table itens */
.cart-shopping-sub-item,
.cart-shopping-sub-sub-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cart-shopping-sub-item {
  font-weight: bold;
  color: #35414b;
  padding-top: 5px;
  margin-top: 5px;
}
.cart-shopping-sub-item .cart-shopping-sub-item-bg {
  border-top: 1px dashed #98a2b1;
  position: absolute;
  left: 5px;
  right: 5px;
  top: 0px;
  display: block;
}

.cart-shopping-sub-sub-item {
  color: #465060;
  font-size: 0.875rem;
  line-height: 1.2em;
}

.cart-shopping-sub-item-bg {
  display: none;
}

/* ============
   Box item services
   ============ */
.form-group.bloco-services.cart-shopping {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.checkbox-group.bloco-services.cart-shopping {
  margin-right: -10px;
}

.checkbox.bloco-services.cart-shopping {
  margin-right: 10px;
}

/* ============
   Box item total
   ============ */
/* ============
   Buttons
   ============ */
.btn.cart-shopping-btn {
  float: left;
  background-color: #2e3847;
}

.btn.cart-shopping-btn:hover {
  background-color: #465060;
}

.cart-shopping-btn-2-group {
  float: right;
  margin-left: auto;
}

.btn.cart-shopping-btn-2 {
  float: right;
}

.btn.cart-shopping-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0px;
  padding: 0px;
  background-color: transparent;
  color: #687383;
  position: absolute;
  left: 0px;
  top: -5px;
  min-height: 0px;
}
.btn.cart-shopping-dropdown:hover {
  background-color: transparent;
}

.btn-bg.cart-shopping-dropdown {
  display: none;
}

.dropdown-btn-icon.cart-shopping-dropdown {
  display: none;
}

.dropdown.cart-shopping-dropdown {
  width: 5px;
  height: 5px;
  margin-left: 5px;
  display: inline;
}

.dropdown-content-group.cart-shopping-dropdown {
  left: 50%;
  top: auto;
  right: auto;
  bottom: 100%;
  min-width: 350px;
  margin-top: 0px;
  margin-bottom: -2px;
  -webkit-transform: translate(-50%, 0px);
      -ms-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
}

.dropdown-content.cart-shopping-dropdown {
  font-weight: normal;
  padding: 20px;
}

.dropdown-content-arrow.cart-shopping-dropdown {
  top: auto;
  bottom: 6px;
}

.btn-icon.cart-shopping-btn {
  margin-right: 5px;
  margin-left: 0px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.btn-icon.cart-shopping-btn-2 {
  margin-right: 0px;
  margin-left: 7px;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.cart-shopping-btn-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.cart-shopping-policy {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-bottom: 30px;
  color: #465060;
}

.cart-payment .cart-shopping-btn-group {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  clear: both;
}

.cart-shopping-item-delete {
  left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #687383;
  text-decoration: none;
  position: absolute;
  padding: 10px;
  font-size: 0.875rem;
  line-height: 1em;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 479px) {
  .cart-shopping-item-delete {
    top: 5px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.cart-shopping-item-delete {
  right: -10px;
}

.cart-shopping-item-delete:hover {
  color: #bd134a;
}

.cart-shopping-item-delete.first {
  bottom: auto;
  display: none;
}

.cart-shopping-item-image {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("https://webengine.s3.amazonaws.com/default/images/no-img.jpg");
  width: 100%;
  padding-top: 100%;
}

.cart-shopping-item-sub-title-text {
  display: inline-block;
}

.amount .cart-shopping-item-sub-title-text,
.date .cart-shopping-item-sub-title-text {
  display: inline;
}

.cart-shopping-item-sub-title-text.total {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
}

.cart-shopping-item-image-group {
  overflow: hidden;
  float: left;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 80px;
  border-radius: 50px;
  margin-right: 10px;
}

.cart-shopping-item-first-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding-left: 10px;
  padding-right: 40px;
}
@media (max-width: 479px) {
  .cart-shopping-item-first-container {
    min-width: 100%;
    padding: 10px 0px 0px;
  }
}

.cart-shopping-item-first-item-text {
  float: left;
}

.cart-shopping-item-bg {
  border: 2px solid #e02020;
}

.cart-shopping-item-first-item-icon {
  margin-right: 6px;
  float: left;
}

.cart-shopping-item-delete-text {
  margin-right: 10px;
  font-size: 75%;
  line-height: 14px;
  display: none;
}

.cart-shopping-item-image-effect {
  display: none;
}

.cart-shopping-container-bg {
  display: none;
}

.cart-shopping-item-first-item {
  display: block;
  margin-right: 8px;
  margin-bottom: 2px;
  padding-right: 8px;
  float: left;
  color: #465060;
  font-size: 12px;
  line-height: 16px;
}

.service .cart-shopping-item {
  margin-bottom: 0px;
}

.cart-shopping-item.total {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0px;
  border-style: none;
  margin-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.cart-shopping-item-title {
  color: #687383;
}

.cart-shopping-item-title.price.total {
  color: inherit;
}

.cart-shopping-item-first-title {
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 20px;
}

.cart-shopping-item-first-item-bg {
  display: none;
}

.cart-shopping-item-first-bg {
  position: absolute;
  left: 0px;
  top: auto;
  right: 0px;
  bottom: 0%;
  display: block;
  border-bottom: 1px solid #d9e0e9;
}

.cart-shopping-item-sub-title {
  position: relative;
}

.cart-shopping-item-content.price.total {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px;
}

.discount .cart-shopping-item-content.price {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 130px;
  padding-left: 10px;
}

.cart-shopping-item-image-bg {
  display: none;
}

.cart-shopping-item-content {
  padding: 5px;
}
@media (max-width: 479px) {
  .cart-shopping-item-content.days {
    width: 50%;
  }
}
.cart-shopping-item-content.service {
  width: 20%;
}
@media (max-width: 767px) {
  .cart-shopping-item-content.service {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .cart-shopping-item-content.service {
    width: 100%;
  }
}
.cart-shopping-item-content.amount {
  width: 10%;
}
@media (max-width: 767px) {
  .cart-shopping-item-content.amount {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .cart-shopping-item-content.amount {
    width: 100%;
  }
}
.cart-shopping-item-content.date {
  width: 30%;
}
@media (max-width: 767px) {
  .cart-shopping-item-content.date {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .cart-shopping-item-content.date {
    width: 100%;
  }
}
.cart-shopping-item-content.unit-price {
  width: 15%;
}
@media (max-width: 767px) {
  .cart-shopping-item-content.unit-price {
    width: 25%;
  }
}
@media (max-width: 479px) {
  .cart-shopping-item-content.unit-price {
    width: 50%;
  }
}
.cart-shopping-item-content.price {
  text-align: right;
}

.cart-shopping-item-group-bg {
  display: none;
}

.cart-shopping-item-group.total {
  color: #202836;
}

.cart-shopping-item-title-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}

.cart-shopping-item-title-text.total {
  font-size: 18px;
  line-height: 24px;
}

.cart-shopping-group.add-more {
  margin-top: 8px;
  margin-bottom: 20px;
  display: none;
}

.cart-shopping-item-first-itens-bg {
  display: none;
}

.dropdown-btn-icon.cart-shopping-dropdown.dropdown-close {
  display: none;
}

.service .cart-shopping-sub-item-bg {
  top: auto;
  bottom: 0px;
  display: none;
}

.service .cart-shopping-sub-item {
  border-top-style: none;
  margin-top: -5px;
  padding-top: 0px;
  margin-bottom: -5px;
  position: static;
  padding-right: 20px;
}
@media (max-width: 479px) {
  .service .cart-shopping-sub-item {
    padding-right: 0px;
  }
}

.discount .cart-shopping-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .discount .cart-shopping-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.discount .cart-shopping-item .form-group {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.discount .input-group {
  float: left;
  margin-bottom: 0px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.discount .cart-shopping-item-btn-group {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.discount .btn {
  margin-bottom: 0px;
  border-radius: 0px 8px 8px 0px;
  height: 100%;
}

.discount .form-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.discount .input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-right: 20px;
  border-right: none;
}

.discount .input::-webkit-input-placeholder {
  color: #687383;
}

.discount .input::-moz-placeholder {
  color: #687383;
}

.discount .input:-ms-input-placeholder {
  color: #687383;
}

.discount .input::-ms-input-placeholder {
  color: #687383;
}

.discount .input::placeholder {
  color: #687383;
}

.discount .input-icon {
  color: #465060;
}

/* ---------------------------------- cart new (services and columns) ---------------------------------- */
.cart-columns-group {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .cart-columns-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cart-columns {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.cart-columns.cart-left {
  display: none;
}

.cart-columns-cont {
  position: relative;
}

.cart-services-item {
  padding-top: 10px;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 30px;
}

.cart-services-item-bg {
  display: none;
}

.cart-services-check-group {
  padding-right: 0px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 30px;
}

.cart-services-cont-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cart-services-title {
  font-weight: bold;
}

.cart-services-sub-title {
  color: #687383;
  font-size: 84%;
  line-height: 1.5em;
}

.cart-services-price-group {
  padding-left: 30px;
  text-align: right;
}

.cart-services-price-text {
  font-weight: bold;
}

.cart-services-price-sub-text {
  color: #687383;
  font-size: 84%;
  line-height: 1.5em;
}

.checkbox.cart-services {
  margin-bottom: 0px;
  padding-left: 0px;
  position: static;
}

.cart-services .checkbox-icon {
  top: 14px;
}

.cart-services .checkbox-bg-active {
  top: 14px;
}

.cart-services .checkbox-bg {
  top: 14px;
}

.cart-shopping-group.due-now {
  display: none;
}

.cart-shopping-item.due-now {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  color: #202836;
}

.cart-shopping-item-content.price.due-now {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px;
}

.cart-shopping-item-title.price.due-now {
  float: left;
  color: inherit;
}

.cart-shopping-item-title-text.due-now {
  font-size: 18px;
  line-height: 24px;
}

.cart-shopping-item-sub-title.price.due-now {
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

.cart-services-title-out {
  font-size: 24px;
  line-height: 30px;
}

.cart-services-title-text {
  color: #687383;
}

.title-bg.cart-services {
  display: none;
}

.modules.bloco-services.services-cart {
  display: none;
}

/* ========================
   cart payment
   ======================== */
.form-content.cart-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}

.cart-payment-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 450px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 12px;
  position: relative;
  background-color: #fff;
}
@media (max-width: 767px) {
  .cart-payment-group {
    min-width: 400px;
  }
}
@media (max-width: 479px) {
  .cart-payment-group {
    min-width: 300px;
  }
}

.cart-payment-group.different {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.input.cart-payment {
  margin-bottom: 15px;
}

.btn.cart-payment-add-card {
  margin-bottom: 20px;
}

/* ============
   Box Titles
   ============ */
.title.cart-payment-group-title {
  width: 100%;
}

.cart-payment-group-title-text {
  font-weight: 700;
  margin-bottom: 20px;
}

/* ============
   Inputs
   ============ */
.input-group.cart-payment {
  width: 100%;
  clear: both;
  /* 2 coluns */
}
.input-group.cart-payment.name, .input-group.cart-payment.cellphone, .input-group.cart-payment.country, .input-group.cart-payment.city {
  width: 50%;
  padding-right: 5px;
}
@media (max-width: 479px) {
  .input-group.cart-payment.name, .input-group.cart-payment.cellphone, .input-group.cart-payment.country, .input-group.cart-payment.city {
    width: 100%;
    padding: 0px;
  }
}
.input-group.cart-payment.name-2, .input-group.cart-payment.phone, .input-group.cart-payment.state {
  width: 50%;
  padding-left: 5px;
}
@media (max-width: 479px) {
  .input-group.cart-payment.name-2, .input-group.cart-payment.phone, .input-group.cart-payment.state {
    width: 100%;
    padding: 0px;
  }
}
.input-group.cart-payment {
  /* 3 coluns */
}
.input-group.cart-payment.value {
  width: 33.33%;
  padding-left: 5px;
}
@media (max-width: 479px) {
  .input-group.cart-payment.value {
    width: 100%;
    padding: 0px;
  }
}
.input-group.cart-payment.expiration {
  width: 33.33%;
  padding-right: 5px;
}
@media (max-width: 479px) {
  .input-group.cart-payment.expiration {
    width: 100%;
    padding: 0px;
  }
}
.input-group.cart-payment.cvc {
  width: 33.33%;
  padding-right: 5px;
  padding-left: 5px;
}
@media (max-width: 479px) {
  .input-group.cart-payment.cvc {
    width: 100%;
    padding: 0px;
  }
}

/* ============
   Credit card
   ============ */
.cart-payment-credit-card {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.btn.cart-payment {
  margin-bottom: 20px;
  margin-top: 20px;
}

.cart-payment-flag {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 35px;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 12px;
}
.cart-payment-flag .cart-payment-flag-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ============
   Diferent guest
   ============ */

.cart-payment-group.different {
  width: 100%;
  padding-bottom: 0px;
}

.cart-payment-different-opens {
  overflow: hidden;
  clear: both;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.cart-payment-different-content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.intl-tel-input {
  position: relative;
}

.intl-tel-input * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.intl-tel-input .hide {
  display: none;
}

.intl-tel-input .v-hide {
  visibility: hidden;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  padding-left: 40px;
}

.intl-tel-input .flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 300;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 36px;
  height: 100%;
}

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.intl-tel-input .selected-flag .iti-arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 5px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #465060;
}

.contact-form .intl-tel-input .selected-flag .iti-arrow {
  border-top: 4px solid #c4ceda;
}

.intl-tel-input .selected-flag .iti-arrow.up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.intl-tel-input .country-list {
  position: absolute;
  z-index: 100;
  list-style: none;
  text-align: left;
  background-color: #fff;
  white-space: nowrap;
  max-height: 50vh;
  overflow-y: scroll;
  display: block;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  color: #465060;
  border-radius: 12px;
  top: 100%;
  margin-top: 5px;
  left: 0px;
  max-width: 300px;
  padding-left: 0px;
}

.intl-tel-input .country-list.dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

.intl-tel-input .country-list .flag-box {
  display: inline-block;
  width: 20px;
}

.intl-tel-input .country-list .divider {
  margin-bottom: 8px;
  border-bottom: 1px solid #c4ceda;
  padding: 0px 0px 8px;
  margin-top: 0px;
  display: none;
}

.intl-tel-input .country-list .country {
  padding: 5px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  font-size: 0.75rem;
}

.intl-tel-input .country-list .country .dial-code {
  color: #687383;
  font-weight: normal;
}

.country.preferred {
  background-color: #eaeef3;
}

.intl-tel-input .country-list .highlight {
  background-color: #d9e0e9;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
  vertical-align: middle;
}

.intl-tel-input .country-list .flag-box,
.intl-tel-input .country-list .country-name {
  margin-right: 8px;
}

.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {
  right: auto;
  left: 0;
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
  width: 36px;
}

.intl-tel-input.allow-dropdown .flag-container:hover {
  cursor: pointer;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
  cursor: default;
}

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag,
.intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
  background-color: transparent;
}

.intl-tel-input.separate-dial-code .selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  display: table;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  display: table-cell;
  vertical-align: middle;
  padding-left: 28px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
  padding-left: 66px;
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
  padding-left: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
  padding-left: 74px;
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
  padding-left: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
  padding-left: 82px;
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
  padding-left: 92px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
  padding-left: 90px;
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
  padding-left: 100px;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px;
}

.intl-tel-input.iti-container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.intl-tel-input.iti-container:hover {
  cursor: pointer;
}

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .intl-tel-input .country-list .country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti-flag {
  width: 20px;
}

.iti-flag.be {
  width: 18px;
}

.iti-flag.ch {
  width: 15px;
}

.iti-flag.mc {
  width: 19px;
}

.iti-flag.ne {
  width: 18px;
}

.iti-flag.np {
  width: 13px;
}

.iti-flag.va {
  width: 15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px;
  }
}
.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px;
}

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px;
}

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px;
}

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px;
}

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px;
}

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px;
}

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px;
}

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px;
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  background-image: url("https://webengine.s3.amazonaws.com/default/images/flags.png");
  background-repeat: no-repeat;
  background-color: #465060;
  background-position: 20px 0;
  border-radius: 2px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("/static/images/flags@2x.png");
  }
}
.iti-flag.np {
  background-color: transparent;
}

.onb-iframe {
  border: none;
  border-radius: 18px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 40px 0 rgba(73, 97, 110, 0.4);
          box-shadow: 0px 0px 40px 0 rgba(73, 97, 110, 0.4);
  display: block;
}

.body-onboarding {
  background-color: #fff;
  padding: 0px;
}

.onb-cont {
  width: 100%;
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.onb-cont .titulo-pagina {
  text-align: center;
  width: 100%;
}

.onb-box {
  position: relative;
  z-index: 10;
  padding: 30px;
  border-bottom: 1px none #111e25;
  border-radius: 16px;
  width: 100%;
}

.onb-box .bt2 {
  border-radius: 50px;
}

.onb-box .bt2:last-child {
  margin-bottom: 0px;
}

.onb-nav-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f7f8fa;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-bottom: 10px;
}

.onb-box-title {
  font-size: 1.25rem;
  line-height: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
}

.onb-box-desc {
  margin-bottom: 20px;
}

.onb-progress-general {
  width: 100%;
  padding-top: 20px;
  max-width: 150px;
  margin-right: auto;
  margin-left: auto;
}

.onb-progress-bar {
  height: 6px;
  width: 100%;
  background-color: #e6ebf1;
  border-radius: 20px;
}

.onb-progress-bar-color {
  width: 0%;
  height: 100%;
  background-color: #acb7c2;
  border-radius: 20px;
}

.onb-logo {
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 50px;
}

.onb-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
}

.onb-pos-logo {
  margin-bottom: 40px;
  text-align: center;
  color: #82929e;
  font-style: italic;
  margin-top: -20px;
}

.onb-tx-small {
  color: #acb7c2;
  font-style: italic;
  font-size: 0.875em;
  line-height: 1.5em;
  margin-top: 10px;
}

.cadastro-img.onb-cadastro-c-bt {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-style: none;
}

.bt2.onb-bt2-upload {
  background-color: #acb7c2;
  border-radius: 0px 0px 16px 16px;
}
.bt2.onb-bt2-upload:hover {
  background-color: #82929e;
}

.onb-tabs-menu {
  margin: -5px;
}

.onb-tabs-menu-link {
  border-radius: 8px;
  background-color: #acb7c2;
  color: #fff;
  margin: 5px;
}
.onb-tabs-menu-link:hover {
  background-color: #82929e;
}
.onb-tabs-menu-link.w--current {
  background-color: #82929e;
}

.onb-tabs-pane {
  padding-top: 20px;
}

.onb-box-sub-title {
  margin-top: -10px;
  margin-bottom: 20px;
  color: #acb7c2;
  font-size: 1rem;
  line-height: 1.2em;
  font-style: italic;
}

.onb-menu-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.onb-menu-link {
  text-decoration: none;
  float: right;
  padding: 20px;
}

.onb-menu-titulo {
  margin-right: auto;
  padding: 20px 20px 20px 30px;
}

.onb-menu-drop {
  margin-left: 0px;
  margin-right: 0px;
}

.onb-menu-drop .menu-topo-link {
  padding: 20px 30px;
  line-height: 1em;
}
.onb-menu-drop .menu-topo-link:hover {
  color: #111e25;
}

.onb-menu-drop .menu-topo-drop-cont {
  background-color: #fff;
  border-radius: 8px;
  border-top-style: none;
  right: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.onb-menu-drop a.menu-topo-drop-link {
  color: #5f707e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #fff;
}
.onb-menu-drop a.menu-topo-drop-link:hover {
  background-color: #e6ebf1;
}

.onb-general .form .form-cont {
  height: 100%;
}

.onb-general .form {
  height: 100%;
}

.onb-iframe-geral {
  position: fixed;
  z-index: 9000;
  right: 30px;
  bottom: 30px;
  border: none;
  padding: 0px;
}

.onb-iframe-close {
  position: absolute;
  width: 34px;
  height: 36px;
  color: #fff;
  top: 22px;
  left: -34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #212d36;
  text-decoration: none;
  font-size: 0.75rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.onb-iframe-geral.recolhido {
  right: -320px;
}

.onb-iframe-close.recolhido {
  height: 140px;
  top: auto;
  bottom: 60px;
  width: 42px;
  left: -42px;
}

.onb-iframe-close-tx {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-top: 30px;
  margin-bottom: 30px;
}

.onb-box .onb-bt-esq {
  width: 50%;
  float: left;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.onb-box .onb-bt-dir {
  width: 50%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.onb-menu-drop a.menu-topo-drop-link.sub-link {
  padding-left: 35px;
  z-index: 2;
}

.onb-menu-link-bg {
  border-left: 1px solid #c6d3e0;
  border-bottom: 1px solid #c6d3e0;
  position: absolute;
  left: 20px;
  top: -20px;
  padding-left: 8px;
  height: 40px;
}

.onb-menu-drop .bt-i {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 0px;
  position: absolute;
  padding-right: 10px;
  z-index: -1;
  right: 0px;
  top: 15px;
}

.onb-menu-drop .bt-i.completo {
  line-height: 1em;
  font-size: 0.6875rem;
  color: #22b9b7;
}

.mat-typography {
  padding: 0px !important;
  background-color: #e6ebf1 !important;
  font-family: Roboto, sans-serif !important;
  color: #4a5964 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 0.5px !important;
}
.mat-typography * {
  border-bottom: initial !important;
  border-top: initial !important;
  border-right: initial !important;
  border-left: initial !important;
  font-size: initial !important;
  line-height: initial !important;
}

.reservation-calendar-content {
  height: 100% !important;
  font-size: 0.875rem !important;
  position: relative !important;
  width: 7364px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.reservation-calendar-content .dts-no-select {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
.reservation-calendar-content .dts-select-box {
  background: rgba(125, 218, 252, 0.3019607843) !important;
  border: 2px solid !important;
  contain: layout !important;
  -webkit-transform: translateZ(0) !important;
          transform: translateZ(0) !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  color: #7ddafc !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: 1 !important;
}
.reservation-calendar-content .dts-select-box.dts-removing {
  background: rgba(125, 218, 252, 0.3019607843) !important;
  border: 2px solid #7ddafc !important;
}
.reservation-calendar-content .dts-select-container:not(.dts-custom) .dts-select-item.selected {
  border: 1px solid #d2d2d2 !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1019607843) !important;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1019607843) !important;
}
.reservation-calendar-content .dts-select-container:not(.dts-custom) .dts-select-item.dts-range-start {
  border: 1px solid #2196f3 !important;
}
.reservation-calendar-content .message {
  border: none !important;
  padding: 0 !important;
}
.reservation-calendar-content .message.error {
  color: red !important;
}
.reservation-calendar-content .properties-sidebar {
  -webkit-box-shadow: 12px 0px 12px -17px rgba(0, 0, 0, 0.4) !important;
          box-shadow: 12px 0px 12px -17px rgba(0, 0, 0, 0.4) !important;
  z-index: 500 !important;
  position: sticky !important;
  width: 300px !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  left: 0px !important;
  background-color: #e6ebf1 !important;
  top: 0px !important;
  border-top-style: none !important;
  border-left-style: none !important;
  border-bottom-style: none !important;
  border-right: 1px solid #acb7c2 !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  margin-top: 0px !important;
}
@media (max-width: 479px) {
  .reservation-calendar-content .properties-sidebar {
    width: 150px !important;
  }
}
.reservation-calendar-content .properties-sidebar .properties-filters {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
  height: 106px !important;
  padding: 10px 20px !important;
  position: relative !important;
  width: auto !important;
  background-color: #e6ebf1 !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters input {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  margin-right: 10px !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters button {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  margin-bottom: 10px !important;
  height: 46px !important;
  padding-top: 5px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  width: 46px !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
.reservation-calendar-content input,
.reservation-calendar-content textarea,
.reservation-calendar-content select {
  position: relative !important;
  z-index: 1 !important;
  height: 46px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding: 12px 20px 13px !important;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  border: 1px solid #c6d3e0 !important;
  border-radius: 8px !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #5f707e !important;
  margin-bottom: 10px !important;
  background-color: #fff !important;
  width: auto !important;
  min-width: 0px !important;
}
.reservation-calendar-content textarea {
  height: auto !important;
  min-height: 120px !important;
}
.reservation-calendar-content input:focus {
  border-color: #acb7c2 !important;
}
.reservation-calendar-content input::-webkit-input-placeholder {
  color: #acb7c2 !important;
}
.reservation-calendar-content input:-ms-input-placeholder {
  color: #acb7c2 !important;
}
.reservation-calendar-content input::-ms-input-placeholder {
  color: #acb7c2 !important;
}
.reservation-calendar-content input::-moz-placeholder {
  color: #acb7c2 !important;
}
.reservation-calendar-content input::placeholder {
  color: #acb7c2 !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters button svg {
  height: 22px !important;
  fill: #4a5964 !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters button svg:hover {
  opacity: 0.8 !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container {
  z-index: 15 !important;
  position: fixed !important;
  background-color: #f7f8fa !important;
  width: 300px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  margin: -10em 0 0 13em !important;
  left: 0px !important;
  -webkit-transform: translate(103px, 76px) !important;
      -ms-transform: translate(103px, 76px) !important;
          transform: translate(103px, 76px) !important;
  border-radius: 14px !important;
  -webkit-box-shadow: 0 0 10px 0 rgba(17, 30, 37, 0.15) !important;
          box-shadow: 0 0 10px 0 rgba(17, 30, 37, 0.15) !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content {
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  padding: 20px !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-title button {
  border: none !important;
  outline: none !important;
  background: none !important;
  position: absolute !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -ms-flex-item-align: center !important;
      align-self: center !important;
  cursor: pointer !important;
  right: 10px !important;
  top: -67px !important;
  width: 34px !important;
  height: 46px !important;
  background-color: #f7f8fa !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
@media (max-width: 479px) {
  .reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-title button {
    top: 0px !important;
  }
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-title button svg {
  height: 22px !important;
  fill: #c6d3e0 !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-title button:hover svg {
  fill: #b7b7b7 !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-more-filters,
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-property-address,
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-property-bedrooms,
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-property-guest {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-more-filters {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-more-filters .radio-filter {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  margin-right: 20px !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-more-filters .radio-filter input {
  width: 20px !important;
  height: 20px !important;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
  margin-left: 10px !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-more-filters .radio-filter input:checked {
  border-radius: 8px !important;
  background-color: #22b9b7 !important;
  background-position: 100% !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e") !important;
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-actions {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  grid-gap: 15px !important;
  gap: 15px !important;
  margin-top: 20px !important;
}
.reservation-calendar-content .filter-box-actions button,
.reservation-calendar-content .reservation-confirm button {
  position: relative !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow: hidden !important;
  min-height: 46px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding: 5px 20px !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  border-radius: 80px !important;
  background-color: #22b9b7 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #f7f8fa !important;
  font-size: 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
}
.reservation-calendar-content .filter-box-actions button:hover,
.reservation-calendar-content .reservation-confirm button:hover {
  -webkit-box-shadow: inset 0 0 500px 500px hsla(0, 0%, 100%, 0.15);
          box-shadow: inset 0 0 500px 500px hsla(0, 0%, 100%, 0.15);
}
.reservation-calendar-content .properties-sidebar .properties-filters-box-container .properties-filters-box-content .filter-box-actions button.btn-cancel {
  color: #5f707e !important;
  background-color: #e6ebf1 !important;
}
.reservation-calendar-content .properties-sidebar .reserve-houses {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  border-top: 1px solid #ddd !important;
  overflow: auto !important;
  background-color: #e6ebf1 !important;
}
.reservation-calendar-content .properties-sidebar .reserve-houses .single-property {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  grid-gap: 1em !important;
  gap: 1em !important;
  border-bottom: 1px solid #c6d3e0 !important;
  height: 50px !important;
  min-width: 300px !important;
  padding: 10px 20px !important;
  max-height: none !important;
}
.reservation-calendar-content .properties-sidebar .reserve-houses .single-property .property-img {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}
.reservation-calendar-content .properties-sidebar .reserve-houses .single-property .property-img picture {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.reservation-calendar-content .properties-sidebar .reserve-houses .single-property .property-img picture img {
  width: 30px !important;
  height: 30px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center !important;
     object-position: center !important;
  border-radius: 100px !important;
}
.reservation-calendar-content .properties-sidebar .reserve-houses .single-property span {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-weight: normal !important;
}
.reservation-calendar-content .properties-table-calendar {
  position: relative !important;
  z-index: 1;
}
.reservation-calendar-content .table-calendar-content .calendar-months {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 107px !important;
  background-color: #e6ebf1 !important;
  position: sticky !important;
  z-index: 200 !important;
}
.reservation-calendar-content .table-calendar-content .calendar-months .single-month {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  position: relative !important;
  border-right: 1px solid #c6d3e0 !important;
}
.reservation-calendar-content .table-calendar-content .calendar-months .single-month h4 {
  margin: 0 !important;
  font-size: 1.125rem !important;
  position: sticky !important;
  left: 10px !important;
  right: 10px !important;
  padding: 10px !important;
  font-weight: bold !important;
}
.reservation-calendar-content .table-calendar-content .calendar-header,
.reservation-calendar-content .table-calendar-content .rendered-items {
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.reservation-calendar-content .table-calendar-content .calendar-header .single-month,
.reservation-calendar-content .table-calendar-content .rendered-items .single-month {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.reservation-calendar-content .single-month {
  border-right: 2px solid #c6d3e0 !important;
}
.reservation-calendar-content .table-calendar-content .calendar-header .calendar-day,
.reservation-calendar-content .table-calendar-content .calendar-header .dts-select-item,
.reservation-calendar-content .table-calendar-content .calendar-header .selected,
.reservation-calendar-content .table-calendar-content .rendered-items .calendar-day,
.reservation-calendar-content .table-calendar-content .rendered-items .dts-select-item,
.reservation-calendar-content .table-calendar-content .rendered-items .selected {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  border: 1px solid #c6d3e0 !important;
  border-top: none !important;
  border-left: none !important;
  min-width: 80px !important;
  height: 50px !important;
  max-height: 100% !important;
  text-align: center !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  line-height: 1.25em !important;
  padding: 5px !important;
  position: relative !important;
}
.reservation-calendar-content .table-calendar-content .calendar-header .calendar-day {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
  border-top: 1px solid #c6d3e0 !important;
  border-left-style: none !important;
  border-right-style: none !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  height: 60px !important;
  color: inherit !important;
}
.reservation-calendar-content .table-calendar-content .calendar-header .calendar-day.active {
  position: relative !important;
}
.reservation-calendar-content .table-calendar-content .calendar-header .calendar-day.active span {
  color: #fff !important;
  position: relative !important;
  z-index: 2 !important;
}
.reservation-calendar-content .table-calendar-content .calendar-header .calendar-day.active:before {
  content: "" !important;
  position: absolute !important;
  background-color: #22b9b7 !important;
  border-radius: 4px !important;
  bottom: 5px !important;
  left: 10px !important;
  top: 5px !important;
  display: block !important;
  right: 10px !important;
  z-index: 1 !important;
}
.reservation-calendar-content .table-calendar-content .rendered-items .calendar-day.disabled {
  cursor: not-allowed !important;
  background-color: #e6ebf1 !important;
  color: #acb7c2 !important;
  background-image: url("none ") !important;
}
.reservation-calendar-content .table-calendar-content .rendered-items .calendar-day a {
  height: 20px !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 2px !important;
  font-size: 0.875rem !important;
}
.reservation-calendar-content .dts-select-item.new-element {
  background: #e6ebf1 !important;
}
.reservation-calendar-content .calendar-day.dts-select-item {
  background: #f7f8fa !important;
}
.reservation-calendar-content .table-calendar-content .rendered-items .calendar-day.dts-select-item {
  cursor: crosshair !important;
}
.reservation-calendar-content .table-calendar-content .rendered-items .calendar-day.dts-select-item.selected {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.reservation-calendar-content .table-calendar-content .rendered-items .calendar-day.dts-select-item.selected .selected-bar {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  position: absolute !important;
  z-index: 1 !important;
  background-color: #22b9b7 !important;
  color: #fff !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  height: 20px !important;
  border-radius: 50px !important;
  bottom: 5px !important;
  left: 5px !important;
  padding: 2px !important;
  right: -20px !important;
}
.reservation-calendar-content .table-calendar-content .rendered-items .calendar-day.dts-select-item.selected .selected-bar.first-item {
  border-radius: 0.3em 0 0 0.3em !important;
  z-index: 2 !important;
}
.reservation-calendar-content .table-calendar-content .rendered-items .calendar-day.dts-select-item.selected .selected-bar.last-item {
  border-radius: 0 0.3em 0.3em 0 !important;
}
.reservation-calendar-content .sidebar-add-new-reservation {
  position: fixed !important;
  width: 354px !important;
  background: #fff !important;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15) !important;
          box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15) !important;
  top: 0px !important;
  bottom: 0px !important;
  right: 0px !important;
  z-index: 500 !important;
}
.reservation-calendar-content .new-reservation-content {
  height: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  padding: 20px !important;
  overflow: auto !important;
}
.reservation-calendar-content .new-reservation-content .reservation-confirm {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-top: 20px !important;
}
.reservation-calendar-content .new-reservation-content span {
  position: relative !important;
  z-index: 1 !important;
  height: 46px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding: 12px 20px 13px !important;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  border: 1px solid #c6d3e0 !important;
  border-radius: 8px !important;
  background-color: #f7f8fa !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: #5f707e !important;
  margin-bottom: 10px !important;
}
.reservation-calendar-content .new-reservation-content .reservation-confirm button.cancel {
  background-color: #bd134a !important;
  margin-right: 20px !important;
}
.reservation-calendar-content .reservation-tag-color .reservation-tag-color-items {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  grid-gap: 1em !important;
  gap: 1em !important;
}
.reservation-calendar-content .reservation-tag-color .reservation-tag-color-items .reservation-tag-color-item {
  margin: 0 !important;
  padding: 0 !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}
.reservation-calendar-content .reservation-tag-color .reservation-tag-color-items .reservation-tag-color-item.selected:after {
  background-color: rgba(255, 255, 255, 0.8) !important;
  content: "" !important;
  width: 3em !important;
  height: 3em !important;
  border-radius: 50% !important;
}
.reservation-calendar-content .properties-filters-box-content .filter-box-title h4 {
  margin-bottom: 10px !important;
  font-size: 1.125rem !important;
  line-height: 20px !important;
}
.reservation-calendar-content .properties-filters-box-content .filter-box-more-filters span {
  margin-bottom: 10px !important;
  color: #5f707e !important;
  width: 100% !important;
}
.reservation-calendar-content .reservation-total-price,
.reservation-calendar-content .reservation-select-customer,
.reservation-calendar-content .reservation-notes,
.reservation-calendar-content .reservation-number-nights,
.reservation-calendar-content .reservation-selected-dates {
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
.reservation-calendar-content h4,
.reservation-calendar-content .properties-filters-box-content span {
  color: #82929e !important;
  font-size: 0.875rem !important;
  margin-bottom: 4px !important;
  font-weight: normal !important;
  line-height: 1.5em !important;
}
.reservation-calendar-content .calendar-day span {
  position: relative !important;
  z-index: 10 !important;
  font-size: 0.875rem !important;
  color: inherit !important;
}
.reservation-calendar-content .calendar-day.selected .selected-bar-action {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  position: absolute !important;
  z-index: 1 !important;
  bottom: 0.2em !important;
  left: 0px !important;
  height: 22px !important;
  width: calc(100% + 8px) !important;
  background-color: #4a5964 !important;
  border-radius: 4px !important;
  margin-left: -4px !important;
  color: #fff !important;
  padding-left: 0.3em !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.reservation-calendar-content .reservation-tab-bar {
  padding: 20px 20px 0px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.reservation-calendar-content .guest-or-block-options {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}
.reservation-calendar-content button {
  position: relative !important;
  overflow: hidden !important;
  min-height: 46px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding: 5px 20px !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  border-radius: 0px !important;
  background-color: #82929e !important;
  color: #f7f8fa !important;
  font-size: 0.875rem !important;
  text-align: center !important;
  text-decoration: none !important;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
}
.reservation-calendar-content button:hover {
  -webkit-box-shadow: inset 0 0 500px 500px hsla(0, 0%, 100%, 0.15);
          box-shadow: inset 0 0 500px 500px hsla(0, 0%, 100%, 0.15);
}
.reservation-calendar-content button.active {
  background-color: #4a5964 !important;
}
.reservation-calendar-content button:last-child {
  border-top-right-radius: 80px !important;
  border-bottom-right-radius: 80px !important;
}
.reservation-calendar-content button:first-child {
  border-top-left-radius: 80px !important;
  border-bottom-left-radius: 80px !important;
}
.reservation-calendar-content .reservation-checkin,
.reservation-calendar-content .reservation-checkout,
.reservation-calendar-content .input-group {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.reservation-calendar-content .navigation.to-back-dates {
  left: 300px !important;
}
.reservation-calendar-content .navigation.to-next-dates {
  right: 20px !important;
}
.reservation-calendar-content .navigation {
  z-index: 600 !important;
  position: fixed !important;
  top: 50vh !important;
  width: 55px !important;
  height: 55px !important;
  border-radius: 8px !important;
  background-color: #4a5964 !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
  color: #fff !important;
}
.reservation-calendar-content .navigation button {
  cursor: pointer !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0.5em !important;
  opacity: 0.8 !important;
  background: transparent !important;
}

/* .cdk-visually-hidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
    pointer-events: none !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

.cdk-overlay-container {
    position: fixed !important;
    z-index: 1000 !important;
}

.cdk-overlay-container:empty {
    display: none !important;
}

.cdk-global-overlay-wrapper,
.cdk-overlay-pane {
    display: flex !important;
    position: absolute !important;
    z-index: 1000 !important;
}

.cdk-overlay-pane {
    pointer-events: auto !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.cdk-overlay-backdrop {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    pointer-events: auto !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    opacity: 0 !important;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1 !important;
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6 !important;
}

.cdk-overlay-dark-backdrop {
    background: #00000052 !important;
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0 !important;
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute !important;
    z-index: 1000 !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 1px !important;
    min-height: 1px !important;
}

.cdk-global-scrollblock {
    position: fixed !important;
    width: 100% !important;
    overflow-y: scroll !important;
}

textarea.cdk-textarea-autosize {
    resize: none !important;
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0  !important;
    box-sizing: initial  !important;
    height: auto  !important;
    overflow: hidden  !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0  !important;
    box-sizing: initial  !important;
    height: 0  !important;
}

@keyframes cdk-text-field-autofill-start {

}

@keyframes cdk-text-field-autofill-end {

}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms !important;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms !important;
}
.mat-badge-content {
    font-weight: 600 !important;
    font-size: 12px !important;

}

.mat-badge-small .mat-badge-content {
    font-size: 9px !important;
}

.mat-badge-large .mat-badge-content {
    font-size: 24px !important;
}


.mat-body-2,
.mat-body-strong {
    font: 500 14px/24px !important;
    letter-spacing: normal !important;
}

.mat-body,
.mat-body-1,
.mat-typography {
    font: 400 14px/20px !important;
    letter-spacing: normal !important;
}

.mat-body-1 p,
.mat-body p,
.mat-typography p {
    margin: 0 0 12px !important;
}

.mat-caption,
.mat-small {
    font: 400 12px/20px !important;
    letter-spacing: normal !important;
}

.mat-display-4,
.mat-typography .mat-display-4 {
    font: 300 112px/112px !important;
    letter-spacing: -0.05em !important;
    margin: 0 0 56px !important;
}

.mat-display-3,
.mat-typography .mat-display-3 {
    font: 400 56px/56px !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 64px !important;
}

.mat-display-2,
.mat-typography .mat-display-2 {
    font: 400 45px/48px !important;
    letter-spacing: -0.005em !important;
    margin: 0 0 64px !important;
}

.mat-display-1,
.mat-typography .mat-display-1 {
    font: 400 34px/40px !important;
    letter-spacing: normal !important;
    margin: 0 0 64px !important;
}

.mat-bottom-sheet-container {
    font: 400 14px/20px !important;
    letter-spacing: normal !important;
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {

    font-size: 14px !important;
    font-weight: 500 !important;
}

.mat-button-toggle,
.mat-card {

}

.mat-card-title {
    font-size: 24px !important;
    font-weight: 500 !important;
}

.mat-card-header .mat-card-title {
    font-size: 20px !important;
}

.mat-card-content,
.mat-card-subtitle {
    font-size: 14px !important;
}

.mat-checkbox {

}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px !important;
}

.mat-chip {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
    font-size: 18px !important;
}

.mat-table {

}

.mat-header-cell {
    font-size: 12px !important;
    font-weight: 500 !important;
}

.mat-cell,
.mat-footer-cell {
    font-size: 14px !important;
}

.mat-calendar {

}

.mat-calendar-body {
    font-size: 13px !important;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.mat-calendar-table-header th {
    font-size: 11px !important;
    font-weight: 400 !important;
}

.mat-dialog-title {
    font: 500 20px/32px !important;
    letter-spacing: normal !important;
}

.mat-expansion-panel-header {

    font-size: 15px !important;
    font-weight: 400 !important;
}

.mat-expansion-panel-content {
    font: 400 14px/20px !important;
    letter-spacing: normal !important;
}

.mat-form-field {
    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: 1.125 !important;

    letter-spacing: normal !important;
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em !important;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
    font-size: 150% !important;
    line-height: 1.125 !important;
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
    height: 1.5em !important;
    width: 1.5em !important;
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em !important;
    line-height: 1.125 !important;
}

.mat-form-field-infix {
    padding: 0.5em 0 !important;
    border-top: 0.84375em solid #0000 !important;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float  .mat-input-server:focus  + .mat-form-field-label-wrapper  .mat-form-field-label {
    transform: translateY(-1.34375em) scale(0.75) !important;
    width: 133.3333333333% !important;
}

.mat-form-field-can-float
  .mat-input-server[label]:not(:label-shown)
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
    transform: translateY(-1.34374em) scale(0.75) !important;
    width: 133.3333433333% !important;
}

.mat-form-field-label-wrapper {
    top: -0.84375em !important;
    padding-top: 0.84375em !important;
}

.mat-form-field-label {
    top: 1.34375em !important;
}

.mat-form-field-underline {
    bottom: 1.34375em !important;
}

.mat-form-field-subscript-wrapper {
    font-size: 75% !important;
    margin-top: 0.6666666667em !important;
    top: calc(100% - 1.7916666667em) !important;
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em !important;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0.4375em 0 !important;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float  .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float  .mat-input-server:focus  + .mat-form-field-label-wrapper  .mat-form-field-label {
    transform: translateY(-1.28125em) scale(0.75) perspective(100px)
    translateZ(0.001px) !important;
    -ms-transform: translateY(-1.28125em) scale(0.75) !important;
    width: 133.3333333333% !important;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float
  .mat-form-field-autofill-control:-webkit-autofill
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
    transform: translateY(-1.28125em) scale(0.75) perspective(100px)
    translateZ(0.00101px) !important;
    -ms-transform: translateY(-1.28124em) scale(0.75) !important;
    width: 133.3333433333% !important;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float
  .mat-input-server[label]:not(:label-shown)
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
    transform: translateY(-1.28125em) scale(0.75) perspective(100px)
    translateZ(0.00102px) !important;
    -ms-transform: translateY(-1.28123em) scale(0.75) !important;
    width: 133.3333533333% !important;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em !important;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em !important;
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: 0.5416666667em !important;
    top: calc(100% - 1.6666666667em) !important;
}

@media print {
    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float    .mat-form-field-label,
    .mat-form-field-appearance-legacy.mat-form-field-can-float    .mat-input-server:focus    + .mat-form-field-label-wrapper    .mat-form-field-label {
        transform: translateY(-1.28122em) scale(0.75) !important;
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-form-field-autofill-control:-webkit-autofill
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
        transform: translateY(-1.28121em) scale(0.75) !important;
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float
    .mat-input-server[label]:not(:label-shown)
    + .mat-form-field-label-wrapper
    .mat-form-field-label {
        transform: translateY(-1.2812em) scale(0.75) !important;
    }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: 0.25em 0 0.75em !important;
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em !important;
    margin-top: -0.5em !important;
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float  .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float  .mat-input-server:focus  + .mat-form-field-label-wrapper  .mat-form-field-label {
    transform: translateY(-0.59375em) scale(0.75) !important;
    width: 133.3333333333% !important;
}

.mat-form-field-appearance-fill.mat-form-field-can-float
  .mat-input-server[label]:not(:label-shown)
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
    transform: translateY(-0.59374em) scale(0.75) !important;
    width: 133.3333433333% !important;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0 !important;
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em !important;
    margin-top: -0.25em !important;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float  .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float  .mat-input-server:focus  + .mat-form-field-label-wrapper  .mat-form-field-label {
    transform: translateY(-1.59375em) scale(0.75) !important;
    width: 133.3333333333% !important;
}

.mat-form-field-appearance-outline.mat-form-field-can-float
  .mat-input-server[label]:not(:label-shown)
  + .mat-form-field-label-wrapper
  .mat-form-field-label {
    transform: translateY(-1.59374em) scale(0.75) !important;
    width: 133.3333433333% !important;
}

.mat-grid-tile-footer,
.mat-grid-tile-header {
    font-size: 14px !important;
}

.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    box-sizing: border-box !important;
}

.mat-grid-tile-footer .mat-line:nth-child(n + 2),
.mat-grid-tile-header .mat-line:nth-child(n + 2) {
    font-size: 12px !important;
}

input.mat-input-element {
    margin-top: -0.0625em !important;
}

.mat-menu-item {

    font-size: 14px !important;
    font-weight: 400 !important;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {

    font-size: 12px !important;
}

.mat-radio-button,
.mat-select {

}

.mat-select-trigger {
    height: 1.125em !important;
}

.mat-slide-toggle-content,
.mat-slider-thumb-label-text {

}

.mat-slider-thumb-label-text {
    font-size: 12px !important;
    font-weight: 500 !important;
}

.mat-stepper-horizontal,
.mat-stepper-vertical {

}

.mat-step-label {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.mat-step-sub-label-error {
    font-weight: 400 !important;
}

.mat-step-label-error {
    font-size: 14px !important;
}

.mat-step-label-selected {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.mat-tab-group,
.mat-tab-label,
.mat-tab-link {

}

.mat-tab-label,
.mat-tab-link {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
    font: 500 20px/32px !important;
    letter-spacing: normal !important;
    margin: 0 !important;
}

.mat-tooltip {

    font-size: 10px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.mat-tooltip-handset {
    font-size: 14px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.mat-list-item,
.mat-list-option {

}

.mat-list-base .mat-list-item {
    font-size: 16px !important;
}

.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    box-sizing: border-box !important;
}

.mat-list-base .mat-list-item .mat-line:nth-child(n + 2) {
    font-size: 14px !important;
}

.mat-list-base .mat-list-option {
    font-size: 16px !important;
}

.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    box-sizing: border-box !important;
}

.mat-list-base .mat-list-option .mat-line:nth-child(n + 2) {
    font-size: 14px !important;
}

.mat-list-base .mat-subheader {

    font-size: 14px !important;
    font-weight: 500 !important;
}

.mat-list-base[dense] .mat-list-item {
    font-size: 12px !important;
}

.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    box-sizing: border-box !important;
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n + 2),
.mat-list-base[dense] .mat-list-option {
    font-size: 12px !important;
}

.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    box-sizing: border-box !important;
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n + 2) {
    font-size: 12px !important;
}

.mat-list-base[dense] .mat-subheader {

    font-size: 12px !important;
    font-weight: 500 !important;
}

.mat-option {

    font-size: 16px !important;
}

.mat-optgroup-label {
    font: 500 14px/24px !important;
    letter-spacing: normal !important;
}

.mat-simple-snackbar {

    font-size: 14px !important;
}

.mat-simple-snackbar-action {
    line-height: 1 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 500 !important;
}

.mat-tree {

}

.mat-nested-tree-node,
.mat-tree-node {
    font-weight: 400 !important;
    font-size: 14px !important;
}

.mat-ripple {
    overflow: hidden !important;
    position: relative !important;
}

.mat-ripple:not(:empty) {
    transform: translateZ(0) !important;
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible !important;
}

.mat-ripple-element {
    position: absolute !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1) !important;
    transform: scale(0) !important;
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none !important;
}

.mat-focus-indicator,
.mat-mdc-focus-indicator {
    position: relative !important;
}

.mat-ripple-element {
    background-color: #ffffff1a !important;
}

.mat-option {
    color: #fff !important;
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
    background: #ffffff0a !important;
}

.mat-option.mat-active {
    background: #ffffff0a !important;
    color: #fff !important;
}

.mat-option.mat-option-disabled {
    color: #ffffff80 !important;
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #7b1fa2 !important;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #69f0ae !important;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336 !important;
}

.mat-optgroup-label {
    color: #ffffffb3 !important;
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: #ffffff80 !important;
}

.mat-pseudo-checkbox {
    color: #ffffffb3 !important;
}

.mat-pseudo-checkbox:after {
    color: #303030 !important;
}

.mat-pseudo-checkbox-disabled {
    color: #686868 !important;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #7b1fa2 !important;
}

.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
    background: #69f0ae !important;
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
    background: #f44336 !important;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
    background: #686868 !important;
}

.mat-app-background {
    background-color: #303030 !important;
    color: #fff !important;
}

.mat-elevation-z0 {
    box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f !important;
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f !important;
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f !important;
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f !important;
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px 0 #00000024,
    0 1px 10px 0 #0000001f !important;
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003, 0 5px 8px 0 #00000024,
    0 1px 14px 0 #0000001f !important;
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px 0 #00000024,
    0 1px 18px 0 #0000001f !important;
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003, 0 7px 10px 1px #00000024,
    0 2px 16px 1px #0000001f !important;
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f !important;
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003, 0 9px 12px 1px #00000024,
    0 3px 16px 2px #0000001f !important;
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003, 0 10px 14px 1px #00000024,
    0 4px 18px 3px #0000001f !important;
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003, 0 11px 15px 1px #00000024,
    0 4px 20px 3px #0000001f !important;
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024,
    0 5px 22px 4px #0000001f !important;
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024,
    0 5px 24px 4px #0000001f !important;
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003, 0 14px 21px 2px #00000024,
    0 5px 26px 4px #0000001f !important;
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003, 0 15px 22px 2px #00000024,
    0 6px 28px 5px #0000001f !important;
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024,
    0 6px 30px 5px #0000001f !important;
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003, 0 17px 26px 2px #00000024,
    0 6px 32px 5px #0000001f !important;
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003, 0 18px 28px 2px #00000024,
    0 7px 34px 6px #0000001f !important;
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003, 0 19px 29px 2px #00000024,
    0 7px 36px 6px #0000001f !important;
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003, 0 20px 31px 3px #00000024,
    0 8px 38px 7px #0000001f !important;
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003, 0 21px 33px 3px #00000024,
    0 8px 40px 7px #0000001f !important;
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003, 0 22px 35px 3px #00000024,
    0 8px 42px 7px #0000001f !important;
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003, 0 23px 36px 3px #00000024,
    0 9px 44px 8px #0000001f !important;
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024,
    0 9px 46px 8px #0000001f !important;
}

.mat-theme-loaded-marker {
    display: none !important;
}

.mat-autocomplete-panel {
    background: #424242 !important;
    color: #fff !important;
}

.mat-autocomplete-panel:not([class*="mat-elevation-z"]) {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px 0 #00000024,
    0 1px 10px 0 #0000001f !important;
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #424242 !important;
}

.mat-autocomplete-panel
  .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: #fff !important;
}

.mat-badge {
    position: relative !important;
}

.mat-badge-hidden .mat-badge-content {
    display: none !important;
}

.mat-badge-content {
    position: absolute !important;
    text-align: center !important;
    display: inline-block !important;
    border-radius: 50% !important;
    transition: transform 0.2s ease-in-out !important;
    transform: scale(0.6) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
}

.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
    transition: none !important;
}

.mat-badge-content.mat-badge-active {
    transform: none !important;
}

.mat-badge-small .mat-badge-content {
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px !important;
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px !important;
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px !important;
}

[dir="rtl"] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto !important;
    right: -16px !important;
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px !important;
}

[dir="rtl"] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto !important;
    left: -16px !important;
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px !important;
}

[dir="rtl"]
  .mat-badge-small.mat-badge-overlap.mat-badge-before
  .mat-badge-content {
    left: auto !important;
    right: -8px !important;
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px !important;
}

[dir="rtl"]
  .mat-badge-small.mat-badge-overlap.mat-badge-after
  .mat-badge-content {
    right: auto !important;
    left: -8px !important;
}

.mat-badge-medium .mat-badge-content {
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px !important;
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px !important;
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px !important;
}

[dir="rtl"] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto !important;
    right: -22px !important;
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px !important;
}

[dir="rtl"] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto !important;
    left: -22px !important;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px !important;
}

[dir="rtl"]
  .mat-badge-medium.mat-badge-overlap.mat-badge-before
  .mat-badge-content {
    left: auto !important;
    right: -11px !important;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px !important;
}

[dir="rtl"]
  .mat-badge-medium.mat-badge-overlap.mat-badge-after
  .mat-badge-content {
    right: auto !important;
    left: -11px !important;
}

.mat-badge-large .mat-badge-content {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px !important;
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px !important;
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px !important;
}

[dir="rtl"] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto !important;
    right: -28px !important;
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px !important;
}

[dir="rtl"] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto !important;
    left: -28px !important;
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px !important;
}

[dir="rtl"]
  .mat-badge-large.mat-badge-overlap.mat-badge-before
  .mat-badge-content {
    left: auto !important;
    right: -14px !important;
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px !important;
}

[dir="rtl"]
  .mat-badge-large.mat-badge-overlap.mat-badge-after
  .mat-badge-content {
    right: auto !important;
    left: -14px !important;
}

.mat-badge-content {
    color: #fff !important;
    background: #7b1fa2 !important;
}

.cdk-high-contrast-active .mat-badge-content {
    outline: 1px solid !important;
    border-radius: 0 !important;
}

.mat-badge-accent .mat-badge-content {
    background: #69f0ae !important;
    color: #000000de !important;
}

.mat-badge-warn .mat-badge-content {
    color: #fff !important;
    background: #f44336 !important;
}

.mat-badge-disabled .mat-badge-content {
    background: #6e6e6e !important;
    color: #ffffff80 !important;
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024,
    0 6px 30px 5px #0000001f !important;
    background: #424242 !important;
    color: #fff !important;
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
    color: inherit !important;
    background: #0000 !important;
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
    color: #7b1fa2 !important;
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
    color: #69f0ae !important;
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
    color: #f44336 !important;
}

.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled {
    color: #ffffff4d !important;
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #7b1fa2 !important;
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #69f0ae !important;
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336 !important;
}

.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
    background-color: initial !important;
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
    opacity: 0.1 !important;
    background-color: currentColor !important;
}

.mat-button-focus-overlay {
    background: #fff !important;
}

.mat-stroked-button:not(.mat-button-disabled) {
    border-color: #ffffff1f !important;
}

.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
    color: #fff !important;
    background-color: #424242 !important;
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
    color: #fff !important;
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
    color: #000000de !important;
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
    color: #fff !important;
}

.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
    color: #ffffff4d !important;
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
    background-color: #7b1fa2 !important;
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
    background-color: #69f0ae !important;
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
    background-color: #f44336 !important;
}

.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
    background-color: #ffffff1f !important;
}

.mat-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
    background-color: #ffffff1a !important;
}

.mat-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
    background-color: #0000001a !important;
}

.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
    background-color: #ffffff1a !important;
}

.mat-flat-button:not([class*="mat-elevation-z"]),
.mat-stroked-button:not([class*="mat-elevation-z"]) {
    box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f !important;
}

.mat-raised-button:not([class*="mat-elevation-z"]) {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f !important;
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*="mat-elevation-z"]) {
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024,
    0 3px 14px 2px #0000001f !important;
}

.mat-raised-button.mat-button-disabled:not([class*="mat-elevation-z"]) {
    box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f !important;
}

.mat-fab:not([class*="mat-elevation-z"]),
.mat-mini-fab:not([class*="mat-elevation-z"]) {
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px 0 #00000024,
    0 1px 18px 0 #0000001f !important;
}

.mat-fab:not(.mat-button-disabled):active:not([class*="mat-elevation-z"]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*="mat-elevation-z"]) {
    box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024,
    0 5px 22px 4px #0000001f !important;
}

.mat-fab.mat-button-disabled:not([class*="mat-elevation-z"]),
.mat-mini-fab.mat-button-disabled:not([class*="mat-elevation-z"]) {
    box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f !important;
}

.mat-button-toggle-group,
.mat-button-toggle-standalone {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f !important;
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
    box-shadow: none !important;
}

.mat-button-toggle {
    color: #ffffff80 !important;
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: #ffffff1f !important;
}

.mat-button-toggle-appearance-standard {
    color: #fff !important;
    background: #424242 !important;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #fff !important;
}

.mat-button-toggle-group-appearance-standard
  .mat-button-toggle
  + .mat-button-toggle {
    border-left: 1px solid #ffffff1f !important;
}

[dir="rtl"]
  .mat-button-toggle-group-appearance-standard
  .mat-button-toggle
  + .mat-button-toggle {
    border-left: none !important;
    border-right: 1px solid #ffffff1f !important;
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical
  .mat-button-toggle
  + .mat-button-toggle {
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid #ffffff1f !important;
}

.mat-button-toggle-checked {
    background-color: #212121 !important;
    color: #ffffffb3 !important;
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: #fff !important;
}

.mat-button-toggle-disabled {
    color: #ffffff4d !important;
    background-color: #000 !important;
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #424242 !important;
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #424242 !important;
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
    border: 1px solid #ffffff1f !important;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px !important;
}

.mat-card {
    background: #424242 !important;
    color: #fff !important;
}

.mat-card:not([class*="mat-elevation-z"]) {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f !important;
}

.mat-card.mat-card-flat:not([class*="mat-elevation-z"]) {
    box-shadow: 0 0 0 0 #0003, 0 0 0 0 #00000024, 0 0 0 0 #0000001f !important;
}

.mat-card-subtitle {
    color: #ffffffb3 !important;
}

.mat-checkbox-frame {
    border-color: #ffffffb3 !important;
}

.mat-checkbox-checkmark {
    fill: #303030 !important;
}

.mat-checkbox-checkmark-path {
    stroke: #303030  !important;
}

.mat-checkbox-mixedmark {
    background-color: #303030 !important;
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
    background-color: #7b1fa2 !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: #69f0ae !important;
}

.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
    background-color: #f44336 !important;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #686868 !important;
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #686868 !important;
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: #ffffffb3 !important;
}

.mat-checkbox .mat-ripple-element {
    background-color: #fff !important;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary  .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary  .mat-ripple-element {
    background: #7b1fa2 !important;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent  .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent  .mat-ripple-element {
    background: #69f0ae !important;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #f44336 !important;
}

.mat-chip.mat-standard-chip {
    background-color: #616161 !important;
    color: #fff !important;
}

.mat-chip.mat-standard-chip .mat-chip-remove {
    color: #fff !important;
    opacity: 0.4 !important;
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px 0 #00000024, 0 1px 8px 0 #0000001f !important;
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: 0.54 !important;
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: 0.4 !important;
}

.mat-chip.mat-standard-chip:after {
    background: #fff !important;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #7b1fa2 !important;
    color: #fff !important;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff !important;
    opacity: 0.4 !important;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: #ffffff1a !important;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #f44336 !important;
    color: #fff !important;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff !important;
    opacity: 0.4 !important;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: #ffffff1a !important;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #69f0ae !important;
    color: #000000de !important;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #000000de !important;
    opacity: 0.4 !important;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: #0000001a !important;
}

.mat-table {
    background: #424242 !important;
}

.mat-table-sticky,
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
    background: inherit !important;
}

mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
    border-bottom-color: #ffffff1f !important;
}

.mat-header-cell {
    color: #ffffffb3 !important;
}

.mat-cell,
.mat-footer-cell {
    color: #fff !important;
}

.mat-calendar-arrow {
    border-top-color: #fff !important;
}

.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
    color: #fff !important;
}

.mat-calendar-table-header {
    color: #ffffff80 !important;
}

.mat-calendar-table-header-divider:after {
    background: #ffffff1f !important;
}

.mat-calendar-body-label {
    color: #ffffffb3 !important;
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
    color: #fff !important;
    border-color: #0000 !important;
}

.mat-calendar-body-disabled  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-form-field-disabled .mat-date-range-input-separator {
    color: #ffffff80 !important;
}

.mat-calendar-body-in-preview {
    color: #ffffff3d !important;
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #ffffff80 !important;
}

.mat-calendar-body-disabled
  > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #ffffff4d !important;
}

.mat-calendar-body-in-range:before {
    background: #7b1fa233 !important;
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
    background: #f9ab0033 !important;
}

.mat-calendar-body-comparison-bridge-start:before,
[dir="rtl"] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(90deg, #7b1fa233 50%, #f9ab0033 0) !important;
}

.mat-calendar-body-comparison-bridge-end:before,
[dir="rtl"] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(270deg, #7b1fa233 50%, #f9ab0033 0) !important;
}

.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical {
    background: #a8dab5 !important;
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
    background: #46a35e !important;
}

.mat-calendar-body-selected {
    background-color: #7b1fa2 !important;
    color: #fff !important;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
    background-color: #7b1fa266 !important;
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff !important;
}

.cdk-keyboard-focused  .mat-calendar-body-active  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused  .mat-calendar-body-active  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #7b1fa24d !important;
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px 0 #00000024,
    0 1px 10px 0 #0000001f !important;
    background-color: #424242 !important;
    color: #fff !important;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: #69f0ae33 !important;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent  .mat-calendar-body-in-comparison-range:before {
    background: #f9ab0033 !important;
}

.mat-datepicker-content.mat-accent  .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent  [dir="rtl"]  .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(90deg, #69f0ae33 50%, #f9ab0033 0) !important;
}

.mat-datepicker-content.mat-accent  .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent  [dir="rtl"]  .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(270deg, #69f0ae33 50%, #f9ab0033 0) !important;
}

.mat-datepicker-content.mat-accent  .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-accent  .mat-calendar-body-in-range  > .mat-calendar-body-comparison-identical {
    background: #a8dab5 !important;
}

.mat-datepicker-content.mat-accent  .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent  .mat-calendar-body-in-comparison-range  > .mat-calendar-body-selected {
    background: #46a35e !important;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #69f0ae !important;
    color: #000000de !important;
}

.mat-datepicker-content.mat-accent
  .mat-calendar-body-disabled
  > .mat-calendar-body-selected {
    background-color: #69f0ae66 !important;
}

.mat-datepicker-content.mat-accent
  .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #000000de !important;
}

.mat-datepicker-content.mat-accent  .cdk-keyboard-focused  .mat-calendar-body-active  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent  .cdk-program-focused  .mat-calendar-body-active  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #69f0ae4d !important;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: #f4433633 !important;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: #f9ab0033 !important;
}

.mat-datepicker-content.mat-warn  .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn  [dir="rtl"]  .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(90deg, #f4433633 50%, #f9ab0033 0) !important;
}

.mat-datepicker-content.mat-warn  .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn  [dir="rtl"]  .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(270deg, #f4433633 50%, #f9ab0033 0) !important;
}

.mat-datepicker-content.mat-warn  .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-warn  .mat-calendar-body-in-range  > .mat-calendar-body-comparison-identical {
    background: #a8dab5 !important;
}

.mat-datepicker-content.mat-warn  .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn  .mat-calendar-body-in-comparison-range  > .mat-calendar-body-selected {
    background: #46a35e !important;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336 !important;
    color: #fff !important;
}

.mat-datepicker-content.mat-warn
  .mat-calendar-body-disabled
  > .mat-calendar-body-selected {
    background-color: #f4433666 !important;
}

.mat-datepicker-content.mat-warn
  .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff !important;
}

.mat-datepicker-content.mat-warn  .cdk-keyboard-focused  .mat-calendar-body-active  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn  .cdk-program-focused  .mat-calendar-body-active  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover  > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #f443364d !important;
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024,
    0 9px 46px 8px #0000001f !important;
}

.mat-datepicker-toggle-active {
    color: #7b1fa2 !important;
}

.mat-datepicker-toggle-active.mat-accent {
    color: #69f0ae !important;
}

.mat-datepicker-toggle-active.mat-warn {
    color: #f44336 !important;
}

.mat-date-range-input-inner[disabled] {
    color: #ffffff80 !important;
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024,
    0 9px 46px 8px #0000001f !important;
    background: #424242 !important;
    color: #fff !important;
}

.mat-divider {
    border-top-color: #ffffff1f !important;
}

.mat-divider-vertical {
    border-right-color: #ffffff1f !important;
}

.mat-expansion-panel {
    background: #424242 !important;
    color: #fff !important;
}

.mat-expansion-panel:not([class*="mat-elevation-z"]) {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px 0 #00000024, 0 1px 5px 0 #0000001f !important;
}

.mat-action-row {
    border-top-color: #ffffff1f !important;
}

.mat-expansion-panel  .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled="true"]),
.mat-expansion-panel  .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled="true"]),
.mat-expansion-panel:not(.mat-expanded)  .mat-expansion-panel-header:hover:not([aria-disabled="true"]) {
    background: #ffffff0a !important;
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled="true"])
    .mat-expansion-panel-header:hover {
        background: #424242 !important;
    }
}

.mat-expansion-panel-header-title {
    color: #fff !important;
}

.mat-expansion-indicator:after,
.mat-expansion-panel-header-description {
    color: #ffffffb3 !important;
}

.mat-expansion-panel-header[aria-disabled="true"] {
    color: #ffffff4d !important;
}

.mat-expansion-panel-header[aria-disabled="true"]  .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled="true"]  .mat-expansion-panel-header-title {
    color: inherit !important;
}

.mat-expansion-panel-header {
    height: 48px !important;
}

.mat-expansion-panel-header.mat-expanded {
    height: 64px !important;
}

.mat-form-field-label,
.mat-hint {
    color: #ffffffb3 !important;
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #7b1fa2 !important;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #69f0ae !important;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336 !important;
}

.mat-focused .mat-form-field-required-marker {
    color: #69f0ae !important;
}

.mat-form-field-ripple {
    background-color: #fff !important;
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #7b1fa2 !important;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #69f0ae !important;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336 !important;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid)
  .mat-form-field-infix:after {
    color: #7b1fa2 !important;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent
  .mat-form-field-infix:after {
    color: #69f0ae !important;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn  .mat-form-field-infix:after,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid  .mat-form-field-label  .mat-form-field-required-marker {
    color: #f44336 !important;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #f44336 !important;
}

.mat-error {
    color: #f44336 !important;
}

.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
    color: #ffffffb3 !important;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: #ffffffb3 !important;
}

.mat-form-field-appearance-legacy.mat-form-field-disabled
  .mat-form-field-underline {
    background-image: linear-gradient(90deg, #ffffffb3 0, #ffffffb3 33%, #0000 0) !important;
    background-size: 4px 100% !important;
    background-repeat: repeat-x !important;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: #ffffffb3 !important;
}

.mat-form-field-appearance-standard.mat-form-field-disabled
  .mat-form-field-underline {
    background-image: linear-gradient(90deg, #ffffffb3 0, #ffffffb3 33%, #0000 0) !important;
    background-size: 4px 100% !important;
    background-repeat: repeat-x !important;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #ffffff1a !important;
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: #ffffff0d !important;
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: #ffffff80 !important;
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: #ffffff80 !important;
}

.mat-form-field-appearance-fill.mat-form-field-disabled
  .mat-form-field-underline:before {
    background-color: initial !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: #ffffff4d !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: #fff !important;
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #7b1fa2 !important;
}

.mat-form-field-appearance-outline.mat-focused.mat-accent
  .mat-form-field-outline-thick {
    color: #69f0ae !important;
}

.mat-form-field-appearance-outline.mat-focused.mat-warn  .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid  .mat-form-field-outline-thick {
    color: #f44336 !important;
}

.mat-form-field-appearance-outline.mat-form-field-disabled
  .mat-form-field-label {
    color: #ffffff80 !important;
}

.mat-form-field-appearance-outline.mat-form-field-disabled
  .mat-form-field-outline {
    color: #ffffff26 !important;
}

.mat-icon.mat-primary {
    color: #7b1fa2 !important;
}

.mat-icon.mat-accent {
    color: #69f0ae !important;
}

.mat-icon.mat-warn {
    color: #f44336 !important;
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: #ffffffb3 !important;
}

.mat-form-field-type-mat-native-select.mat-form-field-disabled  .mat-form-field-infix:after,
.mat-input-element:disabled {
    color: #ffffff80 !important;
}

.mat-input-element {
    caret-color: #7b1fa2 !important;
}

.mat-input-element::placeholder {
    color: #ffffff80 !important;
}

.mat-input-element::-moz-placeholder {
    color: #ffffff80 !important;
}

.mat-input-element::-webkit-input-placeholder {
    color: #ffffff80 !important;
}

.mat-input-element:-ms-input-placeholder {
    color: #ffffff80 !important;
}

.mat-input-element option {
    color: #000000de !important;
}

.mat-input-element option:disabled {
    color: #00000061 !important;
}

.mat-form-field.mat-accent .mat-input-element {
    caret-color: #69f0ae !important;
}

.mat-form-field-invalid .mat-input-element,
.mat-form-field.mat-warn .mat-input-element {
    caret-color: #f44336 !important;
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid
  .mat-form-field-infix:after {
    color: #f44336 !important;
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
    color: #fff !important;
}

.mat-list-base .mat-subheader {
    color: #ffffffb3 !important;
}

.mat-list-item-disabled {
    background-color: #000 !important;
}

.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
    background: #ffffff0a !important;
}

.mat-list-single-selected-option,
.mat-list-single-selected-option:focus,
.mat-list-single-selected-option:hover {
    background: #ffffff1f !important;
}

.mat-menu-panel {
    background: #424242 !important;
}

.mat-menu-panel:not([class*="mat-elevation-z"]) {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px 0 #00000024,
    0 1px 10px 0 #0000001f !important;
}

.mat-menu-item {
    background: #0000 !important;
    color: #fff !important;
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-icon-no-color,
.mat-menu-item[disabled]:after {
    color: #ffffff80 !important;
}

.mat-menu-item-submenu-trigger:after,
.mat-menu-item .mat-icon-no-color {
    color: #fff !important;
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
    background: #ffffff0a !important;
}

.mat-paginator {
    background: #424242 !important;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    color: #ffffffb3 !important;
}

.mat-paginator-decrement,
.mat-paginator-increment {
    border-top: 2px solid #fff !important;
    border-right: 2px solid #fff !important;
}

.mat-paginator-first,
.mat-paginator-last {
    border-top: 2px solid #fff !important;
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
    border-color: #ffffff80 !important;
}

.mat-paginator-container {
    min-height: 56px !important;
}

.mat-progress-bar-background {
    fill: #432c4d !important;
}

.mat-progress-bar-buffer {
    background-color: #432c4d !important;
}

.mat-progress-bar-fill:after {
    background-color: #7b1fa2 !important;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #3e6050 !important;
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #3e6050 !important;
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #69f0ae !important;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #613532 !important;
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #613532 !important;
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #f44336 !important;
}

.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #7b1fa2 !important;
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
    stroke: #69f0ae !important;
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
    stroke: #f44336 !important;
}

.mat-radio-outer-circle {
    border-color: #ffffffb3 !important;
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #7b1fa2 !important;
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary  .mat-radio-ripple  .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #7b1fa2 !important;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #69f0ae !important;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent  .mat-radio-ripple  .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #69f0ae !important;
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f44336 !important;
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn  .mat-radio-ripple  .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #f44336 !important;
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
    border-color: #ffffff80 !important;
}

.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
    background-color: #ffffff80 !important;
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: #ffffff80 !important;
}

.mat-radio-button .mat-ripple-element {
    background-color: #fff !important;
}

.mat-select-value {
    color: #fff !important;
}

.mat-select-disabled .mat-select-value,
.mat-select-placeholder {
    color: #ffffff80 !important;
}

.mat-select-arrow {
    color: #ffffffb3 !important;
}

.mat-select-panel {
    background: #424242 !important;
}

.mat-select-panel:not([class*="mat-elevation-z"]) {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px 0 #00000024,
    0 1px 10px 0 #0000001f !important;
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: #ffffff1f !important;
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #7b1fa2 !important;
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #69f0ae !important;
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow,
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #f44336 !important;
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: #ffffff80 !important;
}

.mat-drawer-container {
    background-color: #303030 !important;
    color: #fff !important;
}

.mat-drawer {
    color: #fff !important;
}

.mat-drawer,
.mat-drawer.mat-drawer-push {
    background-color: #424242 !important;
}

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024,
    0 6px 30px 5px #0000001f !important;
}

.mat-drawer-side {
    border-right: 1px solid #ffffff1f !important;
}

.mat-drawer-side.mat-drawer-end,
[dir="rtl"] .mat-drawer-side {
    border-left: 1px solid #ffffff1f !important;
    border-right: none !important;
}

[dir="rtl"] .mat-drawer-side.mat-drawer-end {
    border-left: none !important;
    border-right: 1px solid #ffffff1f !important;
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: #bdbdbd99 !important;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #69f0ae !important;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #69f0ae8a !important;
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #69f0ae !important;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #7b1fa2 !important;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: #7b1fa28a !important;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #7b1fa2 !important;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #f44336 !important;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: #f443368a !important;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336 !important;
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #fff !important;
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f !important;
    background-color: #bdbdbd !important;
}

.mat-slide-toggle-bar {
    background-color: #ffffff80 !important;
}

.mat-slider-track-background {
    background-color: #ffffff4d !important;
}

.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
    background-color: #7b1fa2 !important;
}

.mat-primary .mat-slider-thumb-label-text {
    color: #fff !important;
}

.mat-primary .mat-slider-focus-ring {
    background-color: #7b1fa233 !important;
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
    background-color: #69f0ae !important;
}

.mat-accent .mat-slider-thumb-label-text {
    color: #000000de !important;
}

.mat-accent .mat-slider-focus-ring {
    background-color: #69f0ae33 !important;
}

.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
    background-color: #f44336 !important;
}

.mat-warn .mat-slider-thumb-label-text {
    color: #fff !important;
}

.mat-warn .mat-slider-focus-ring {
    background-color: #f4433633 !important;
}

.cdk-focused .mat-slider-track-background,
.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled:hover .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
    background-color: #ffffff4d !important;
}

.mat-slider-min-value .mat-slider-focus-ring {
    background-color: #ffffff1f !important;
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: #fff !important;
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused  .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused  .mat-slider-thumb-label {
    background-color: #ffffff4d !important;
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: #ffffff4d !important;
    background-color: initial !important;
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled  .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused  .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled  .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover  .mat-slider-thumb {
    border-color: #ffffff4d !important;
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: #ffffffb3 !important;
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(
    90deg,
    #ffffffb3,
    #ffffffb3 2px,
    #0000 0,
    #0000
  ) !important;
    background-image: -moz-repeating-linear-gradient(
    0.0001deg,
    #ffffffb3,
    #ffffffb3 2px,
    #0000 0,
    #0000
  ) !important;
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(
    180deg,
    #ffffffb3,
    #ffffffb3 2px,
    #0000 0,
    #0000
  ) !important;
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
    background-color: #ffffff0a !important;
}

@media (hover: none) {
    .mat-step-header:hover {
        background: none !important;
    }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: #ffffffb3 !important;
}

.mat-step-header .mat-step-icon {
    background-color: #ffffffb3 !important;
    color: #fff !important;
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
    background-color: #7b1fa2 !important;
    color: #fff !important;
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #000000de !important;
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #69f0ae !important;
    color: #000000de !important;
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff !important;
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336 !important;
    color: #fff !important;
}

.mat-step-header .mat-step-icon-state-error {
    background-color: initial !important;
    color: #f44336 !important;
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #fff !important;
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336 !important;
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
    background-color: #424242 !important;
}

.mat-stepper-vertical-line:before {
    border-left-color: #ffffff1f !important;
}

.mat-horizontal-stepper-header:after,
.mat-horizontal-stepper-header:before,
.mat-stepper-horizontal-line {
    border-top-color: #ffffff1f !important;
}

.mat-horizontal-stepper-header {
    height: 72px !important;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
    padding: 24px !important;
}

.mat-stepper-vertical-line:before {
    top: -16px !important;
    bottom: -16px !important;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before,
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px !important;
}

.mat-sort-header-arrow {
    color: #c6c6c6 !important;
}

.mat-tab-header,
.mat-tab-nav-bar {
    border-bottom: 1px solid #ffffff1f !important;
}

.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
    border-top: 1px solid #ffffff1f !important;
    border-bottom: none !important;
}

.mat-tab-label,
.mat-tab-link {
    color: #fff !important;
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
    color: #ffffff80 !important;
}

.mat-tab-header-pagination-chevron {
    border-color: #fff !important;
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #ffffff80 !important;
}

.mat-tab-group[class*="mat-background-"] .mat-tab-header,
.mat-tab-nav-bar[class*="mat-background-"] {
    border-bottom: none !important;
    border-top: none !important;
}

.mat-tab-group.mat-primary  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #9c27b04d !important;
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #7b1fa2 !important;
}

.mat-tab-group.mat-primary.mat-background-primary  > .mat-tab-header  .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary  > .mat-tab-link-container  .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary  > .mat-tab-header  .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary  > .mat-tab-link-container  .mat-ink-bar {
    background-color: #fff !important;
}

.mat-tab-group.mat-accent  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #b9f6ca4d !important;
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #69f0ae !important;
}

.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent  > .mat-tab-link-container  .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent  > .mat-tab-header  .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent  > .mat-tab-link-container  .mat-ink-bar {
    background-color: #000000de !important;
}

.mat-tab-group.mat-warn  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffcdd24d !important;
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336 !important;
}

.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn  > .mat-tab-link-container  .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn  > .mat-tab-link-container  .mat-ink-bar {
    background-color: #fff !important;
}

.mat-tab-group.mat-background-primary  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #9c27b04d !important;
}

.mat-tab-group.mat-background-primary > .mat-tab-header,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination,
.mat-tab-group.mat-background-primary > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container {
    background-color: #7b1fa2 !important;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary  > .mat-tab-link-container  .mat-tab-link {
    color: #fff !important;
}

.mat-tab-group.mat-background-primary  > .mat-tab-header  .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary  > .mat-tab-link-container  .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary  > .mat-tab-header  .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary  > .mat-tab-link-container  .mat-tab-link.mat-tab-disabled {
    color: #fff6 !important;
}

.mat-tab-group.mat-background-primary  > .mat-tab-header-pagination  .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary  > .mat-tab-header  .mat-focus-indicator:before,
.mat-tab-group.mat-background-primary  > .mat-tab-header  .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary  > .mat-tab-link-container  .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary  > .mat-tab-header-pagination  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary  > .mat-tab-header  .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary  > .mat-tab-header  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary  > .mat-tab-link-container  .mat-focus-indicator:before {
    border-color: #fff !important;
}

.mat-tab-group.mat-background-primary  > .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary  > .mat-tab-header  .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary  > .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary  > .mat-tab-header  .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron {
    border-color: #fff6 !important;
}

.mat-tab-group.mat-background-primary  > .mat-tab-header-pagination  .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary  > .mat-tab-link-container  .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary  > .mat-tab-header-pagination  .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary  > .mat-tab-link-container  .mat-ripple-element {
    background-color: #ffffff1f !important;
}

.mat-tab-group.mat-background-accent  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #b9f6ca4d !important;
}

.mat-tab-group.mat-background-accent > .mat-tab-header,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination,
.mat-tab-group.mat-background-accent > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container {
    background-color: #69f0ae !important;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
    color: #000000de !important;
}

.mat-tab-group.mat-background-accent  > .mat-tab-header  .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent  > .mat-tab-link-container  .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent  > .mat-tab-header  .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent  > .mat-tab-link-container  .mat-tab-link.mat-tab-disabled {
    color: #0006 !important;
}

.mat-tab-group.mat-background-accent  > .mat-tab-header-pagination  .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent  > .mat-tab-header  .mat-focus-indicator:before,
.mat-tab-group.mat-background-accent  > .mat-tab-header  .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent  > .mat-tab-link-container  .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent  > .mat-tab-header-pagination  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent  > .mat-tab-header  .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent  > .mat-tab-header  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent  > .mat-tab-link-container  .mat-focus-indicator:before {
    border-color: #000000de !important;
}

.mat-tab-group.mat-background-accent  > .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent  > .mat-tab-header  .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent  > .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent  > .mat-tab-header  .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron {
    border-color: #0006 !important;
}

.mat-tab-group.mat-background-accent  > .mat-tab-header-pagination  .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent  > .mat-tab-link-container  .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent  > .mat-tab-header-pagination  .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent  > .mat-tab-link-container  .mat-ripple-element {
    background-color: #0000001f !important;
}

.mat-tab-group.mat-background-warn  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn  .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn  .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn  .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn  .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffcdd24d !important;
}

.mat-tab-group.mat-background-warn > .mat-tab-header,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination,
.mat-tab-group.mat-background-warn > .mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container {
    background-color: #f44336 !important;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
    color: #fff !important;
}

.mat-tab-group.mat-background-warn  > .mat-tab-header  .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn  > .mat-tab-link-container  .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn  > .mat-tab-header  .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn  > .mat-tab-link-container  .mat-tab-link.mat-tab-disabled {
    color: #fff6 !important;
}

.mat-tab-group.mat-background-warn  > .mat-tab-header-pagination  .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn  > .mat-tab-header  .mat-focus-indicator:before,
.mat-tab-group.mat-background-warn  > .mat-tab-header  .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn  > .mat-tab-link-container  .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn  > .mat-tab-header-pagination  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn  > .mat-tab-header  .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn  > .mat-tab-header  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn  > .mat-tab-link-container  .mat-focus-indicator:before {
    border-color: #fff !important;
}

.mat-tab-group.mat-background-warn  > .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn  > .mat-tab-header  .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn  > .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn  > .mat-tab-header  .mat-tab-header-pagination-disabled  .mat-tab-header-pagination-chevron {
    border-color: #fff6 !important;
}

.mat-tab-group.mat-background-warn  > .mat-tab-header-pagination  .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn  > .mat-tab-link-container  .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn  > .mat-tab-header-pagination  .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn  > .mat-tab-link-container  .mat-ripple-element {
    background-color: #ffffff1f !important;
}

.mat-toolbar {
    background: #212121 !important;
    color: #fff !important;
}

.mat-toolbar.mat-primary {
    background: #7b1fa2 !important;
    color: #fff !important;
}

.mat-toolbar.mat-accent {
    background: #69f0ae !important;
    color: #000000de !important;
}

.mat-toolbar.mat-warn {
    background: #f44336 !important;
    color: #fff !important;
}

.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
    background-color: currentColor !important;
}

.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
    color: inherit !important;
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor !important;
}

.mat-toolbar-multiple-rows {
    min-height: 64px !important;
}

.mat-toolbar-row,
.mat-toolbar-single-row {
    height: 64px !important;
}

.mat-tooltip {
    background: #616161e6 !important;
}

.mat-tree {
    background: #424242 !important;
}

.mat-nested-tree-node,
.mat-tree-node {
    color: #fff !important;
}

.mat-tree-node {
    min-height: 48px !important;
}

.mat-snack-bar-container {
    color: #000000de !important;
    background: #fafafa !important;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px 0 #00000024,
    0 1px 18px 0 #0000001f !important;
}

.mat-simple-snackbar-action {
    color: inherit !important;
} */
.cssBlock {
  z-index: 1;
}

.my-form.calendar table.month::before {
  content: "";
  border: 1px solid #d0d9e2;
  border-radius: 8px;
  background-color: #f7f8fa;
  position: absolute;
  top: 45px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}

.my-form.calendar table {
  border-radius: 8px;
  overflow: hidden;
}

.my-form.calendar table td.day:hover::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border-radius: 4px;
}

.my-form.calendar table td.day-start::before,
.my-form.calendar table td.day-end::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 3;
  width: 3px;
  height: 100%;
  background-color: #f7f8fa;
  -webkit-transform: translate(-50%, 0px) skew(-44deg, 0deg);
      -ms-transform: translate(-50%, 0px) skew(-44deg, 0deg);
          transform: translate(-50%, 0px) skew(-44deg, 0deg);
}

.calendar .month .range::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 3px;
  height: 36px;
  background: #82929e;
  border-radius: 0;
  z-index: 2;
}

.calendar .month .range.range-start::after {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  left: 55%;
  right: -30%;
  -webkit-transform: skew(-22deg, 0deg);
      -ms-transform: skew(-22deg, 0deg);
          transform: skew(-22deg, 0deg);
}

.calendar .month .range.range-end::after {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  left: -30%;
  right: 55%;
  -webkit-transform: skew(-22deg, 0deg);
      -ms-transform: skew(-22deg, 0deg);
          transform: skew(-22deg, 0deg);
}

.calendar .calendar-header table {
  width: 100%;
}

#reservation-range-group > div,
#reservation-details-group > div {
  text-align: left;
}

#reservation-range-group > div .res-info-holder,
#reservation-details-group > div .res-info-holder {
  /* background-color: #ECF1F5; */
  padding: 5px;
}

#reservation-total-cost {
  font-size: 30px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.reservation-service,
.reservation-tax {
  margin-top: 10px;
  margin-bottom: 10px;
}

#reservation-min-stay {
  font-size: 0.75rem;
  line-height: 1.3em;
}

div.event-tooltip-content > div.event-name {
  font-weight: bold;
}

.calendar .month .day-block {
  position: absolute;
  top: 15px;
  z-index: -100;
  font-family: Mapro, sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
}

.calendar .month .day-reservation-block {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 10px;
  z-index: 1;
  font-family: Mapro, sans-serif;
  font-weight: 400;
  letter-spacing: 0px;
}

.calendar .month .calendar-day-background-block.active,
.calendar .month .calendar-day-start-block.active,
.calendar .month .calendar-day-end-block.active {
  z-index: 1;
  position: absolute;
  left: 0%;
  right: 0%;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
}
.calendar .month .calendar-day-background-block.active::before,
.calendar .month .calendar-day-start-block.active::before,
.calendar .month .calendar-day-end-block.active::before {
  content: "";
  position: absolute;
  left: -30%;
  right: -30%;
  bottom: 0px;
  top: 0px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/bg-riscado.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.calendar .month .calendar-day-start-block.active {
  left: 60%;
  right: -50%;
  -webkit-transform: skew(-22deg, 0deg);
      -ms-transform: skew(-22deg, 0deg);
          transform: skew(-22deg, 0deg);
}
.calendar .month .calendar-day-start-block.active::before {
  -webkit-transform: skew(22deg, 0deg);
      -ms-transform: skew(22deg, 0deg);
          transform: skew(22deg, 0deg);
}

.calendar .month .calendar-day-end-block.active {
  right: 60%;
  left: -50%;
  -webkit-transform: skew(-22deg, 0deg);
      -ms-transform: skew(-22deg, 0deg);
          transform: skew(-22deg, 0deg);
}
.calendar .month .calendar-day-end-block.active::before {
  -webkit-transform: skew(22deg, 0deg);
      -ms-transform: skew(22deg, 0deg);
          transform: skew(22deg, 0deg);
}

.day .day-nights {
  font-size: 10px !important;
  width: 100%;
  top: 1px;
  left: -19px;
  position: absolute;
  line-height: normal;
  z-index: 5 !important;
  opacity: 0.5;
  color: #acb7c2;
}

.calendar-day-hasBothReservationsAndBlocks {
  background: black;
  height: 7px;
  z-index: 1;
  opacity: 0.3;
}

.calendar {
  display: block;
}

.calendar:after {
  clear: both;
  content: "";
  display: block;
}

.calendar .calendar-rtl {
  direction: rtl;
}

.calendar .calendar-rtl .calendar-rtl table tr td span {
  float: right;
}

.calendar table {
  width: 100%;
  /* overflow: hidden */
  table-layout: fixed;
  overflow: hidden;
}

.calendar .month-container::after {
  content: "";
  position: relative;
  width: 100%;
  height: 1px;
  margin-bottom: -1px;
  display: block;
  background-color: #e6ebf1;
}

.calendar table td,
.calendar table th {
  position: relative;
  height: 60px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  font-weight: normal;
  overflow: hidden;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.calendar table td::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-top: 1px solid #e6ebf1;
  border-right: 1px solid #e6ebf1;
  z-index: 2;
}

.calendar table td:last-child::before {
  border-right: none;
}

.calendar .day.block.day-end .day-block {
  left: 0px;
  width: 30%;
  bottom: 16px;
  display: none;
}

.calendar .day.block.day-end .day-rate {
  display: block;
}

.calendar .day.block.day-start .day-block {
  width: 30%;
  right: 0px;
  bottom: 16px;
  display: none;
}

.calendar .day.block.day-start .day-rate {
  display: block;
}

.calendar .calendar-header {
  margin-bottom: 20px;
  width: 100%;
}

.calendar .calendar-header table {
  width: 100%;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}

.calendar .calendar-header table th {
  font-size: 18px;
  padding: 5px 10px;
  background-color: transparent;
}

.calendar .calendar-header table th.disabled,
.calendar .calendar-header table th.disabled:hover {
  cursor: default;
  opacity: 0.5;
}

.calendar .calendar-header table th.next,
.calendar .calendar-header table th.prev {
  width: 40px;
  border-radius: 8px;
  font-size: 32px;
  padding-bottom: 10px;
}

.calendar .calendar-header .year-title {
  font-weight: 700;
  text-align: center;
  height: 20px;
  width: auto;
}

.calendar .calendar-header .year-neighbor {
  opacity: 0.4;
  display: none;
}

@media (max-width: 991px) {
  .calendar .calendar-header .year-neighbor {
    display: none;
  }
}
.calendar .calendar-header .year-neighbor2 {
  opacity: 0.2;
  display: none;
}

@media (max-width: 767px) {
  .calendar .calendar-header .year-neighbor2 {
    display: none;
  }
}
.calendar .months-container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: -10px;
}

.calendar .months-container .month-container {
  text-align: center;
  position: relative;
  min-width: 320px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 10px;
  border-radius: 8px;
  border: 1px solid #c6d3e0;
  background: #f7f8fa;
  overflow: hidden;
}

.calendar .months-container .month-container.month-2 {
  width: 16.66666667%;
}

.calendar .months-container .month-container.month-3 {
  width: 25%;
}

.calendar .months-container .month-container.month-4 {
  width: 50%;
}

.calendar .months-container .month-container.month-6 {
  width: 50%;
}

.calendar table.month th.month-title {
  height: 40px;
}

.calendar table.month th.day-header {
  position: relative;
  z-index: 1;
  height: 37px;
  padding: 5px;
  color: #acb7c2;
  font-weight: 400;
}

.calendar table.month tr td.hidden,
.calendar table.month tr th.hidden {
  display: none;
}

.day.block .day-rate {
  display: none;
}

.calendar table.month td.week-number {
  cursor: default;
  font-weight: 700;
  border-right: 1px solid #eee;
  padding: 5px;
}

.calendar table.month td.day.round-left {
  border-radius: 8px 0 0 8px;
}

.calendar table.month td.day.round-right {
  webkit-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
}

.calendar td.day .day-content {
  position: absolute;
  z-index: 25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  left: 5px;
  letter-spacing: 0px;
  top: 4px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #5f707e;
  font-weight: bold;
}

.calendar table.month td.new,
.calendar table.month td.new:hover,
.calendar table.month td.old,
.calendar table.month td.old:hover {
  cursor: default;
  background: #f7f8fa;
}

.calendar table.month td.disabled .day-content,
.calendar table.month td.disabled .day-content:hover,
.calendar table.month td.disabled .day-rate,
.calendar table.month td.disabled .day-block {
  opacity: 0.3;
}

.calendar table.month td.disabled .day-content:hover,
.calendar table.month td.disabled:hover .day-content:hover {
  background: 0 0;
  cursor: default;
}

.calendar .calendar-loading-container {
  position: relative;
  text-align: center;
  min-height: 200px;
}

.calendar .calendar-loading-container .calendar-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.calendar .calendar-spinner {
  margin: 20px auto;
  width: 80px;
  text-align: center;
}

.calendar .calendar-spinner > div {
  width: 16px;
  height: 16px;
  margin: 5px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1s infinite ease-in-out both;
          animation: sk-bouncedelay 1s infinite ease-in-out both;
}

.calendar .calendar-spinner > div.bounce1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

.calendar .calendar-spinner > div.bounce2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

.calendar-context-menu,
.calendar-context-menu .submenu {
  border: 1px solid #ddd;
  background-color: #fff;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  display: none;
}

.calendar-context-menu .item {
  position: relative;
}

.calendar-context-menu .item .content {
  padding: 5px 10px;
  cursor: pointer;
  display: table;
  width: 100%;
  white-space: nowrap;
}

.calendar-context-menu .item .content:hover {
  background: #eee;
}

.calendar-context-menu .item .content .text {
  display: table-cell;
}

.calendar-context-menu .item .content .arrow {
  display: table-cell;
  padding-left: 10px;
  text-align: right;
}

.calendar-context-menu .item .submenu {
  left: 100%;
  top: -1px;
}

.calendar-context-menu .item:hover > .submenu {
  display: block;
}

.calendar table.month td.day:hover {
  background-color: #e6ebf1;
}

.calendar .month .day-rate {
  font-size: 10px !important;
  line-height: 16px;
  letter-spacing: 0px;
  z-index: 5 !important;
  position: absolute;
  left: 5px;
  color: #82929e;
  bottom: 13px;
  mix-blend-mode: multiply;
}

.calendar .month .white .day-rate {
  mix-blend-mode: normal;
  color: #fff;
  text-shadow: 1px 1px 0px #4a5964;
}

.calendar .month .day-block {
  font-weight: normal !important;
  top: auto !important;
  bottom: 8px;
  line-height: 16px;
  font-size: 11px;
  z-index: 10 !important;
  width: 100%;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 100%, 80% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
.calendar .calendar-day-background,
.calendar .calendar-day-start,
.calendar .calendar-day-end {
  position: absolute;
  display: none;
  left: 0px;
  right: 0px;
  z-index: 3;
  opacity: 0.85;
  top: 0px;
  bottom: 0px;
}

.calendar .calendar-day-start.active {
  border-radius: 2px;
  -webkit-transform: skew(-22deg, 0deg);
      -ms-transform: skew(-22deg, 0deg);
          transform: skew(-22deg, 0deg);
  left: 65%;
  right: -30%;
  display: block;
}

.calendar .calendar-day-end.active {
  border-radius: 2px;
  -webkit-transform: skew(-22deg, 0deg);
      -ms-transform: skew(-22deg, 0deg);
          transform: skew(-22deg, 0deg);
  left: -30%;
  right: 65%;
  display: block;
}

.calendar .calendar-nights {
  display: none;
}

.calendar .calendar-day-background.active {
  display: block;
}

@keyframes sk-bouncedelay {
  0%, 100%, 80% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.calendar .calendar-day-reservation {
  height: 30px;
  z-index: 3;
  display: block;
  position: absolute;
  bottom: 6px;
  left: 0px;
  right: 0px;
}

.calendar .calendar-day-block {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 1;
  top: 0px;
}

.calendar td.day.overbooking .day-content {
  color: #bd134a;
}

.overbooking .day-content::after {
  content: "!";
  color: #bd134a;
  display: block;
  position: relative;
  z-index: 2;
  font-size: 12px;
  font-weight: bold;
  margin-left: 3px;
}

.overbooking .calendar-day-reservation:nth-child(3) .calendar-day-background,
.overbooking .calendar-day-reservation:nth-child(3) .calendar-day-start,
.overbooking .calendar-day-reservation:nth-child(3) .calendar-day-end {
  top: -4px;
  bottom: 5px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.pp-guests-geral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pp-guests-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.pp-guests-delete-geral {
  padding-top: 23px;
  padding-left: 20px;
}

.pp-guest-linha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 767px) {
  .pp-guest-linha {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.pp-guest-number {
  left: -20px;
  right: auto;
  top: 50%;
  margin-top: -20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(17, 30, 37, 0.15);
          box-shadow: 0 0 20px 0 rgba(17, 30, 37, 0.15);
}
@media (max-width: 767px) {
  .pp-guest-number {
    top: 5px;
    left: -15x;
  }
}

.pp-guest-title-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

.pp-guest-title-i {
  color: #22b9b7;
  font-size: 24px;
  line-height: 24px;
  margin-right: 5px;
}

.pp-guest-title-group.cinza .pp-review-title,
.pp-guest-title-group.cinza .pp-guest-title-i {
  color: #5f707e !important;
}

.pp-guest-col-titulo {
  color: #82929e;
  min-height: 20px;
  margin-bottom: 4px;
  display: none;
}
@media (max-width: 767px) {
  .pp-guest-col-titulo {
    display: block;
  }
}
.pp-guest-col-titulo.primeiro {
  display: block;
}

.pp-guest-col {
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px;
}

.pp-guest-col.col-num {
  width: 50px;
  text-align: right;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.pp-guest-col.col-num h5 {
  font-weight: bold;
}
@media (max-width: 767px) {
  .pp-guest-col.col-num {
    text-align: left;
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.pp-guest-col.col-nome {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.pp-guest-col.col-sobrenome {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.pp-guest-col.col-idade {
  width: 110px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .pp-guest-col.col-idade {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.pp-guest-col.col-motorista {
  text-align: center;
  width: 75px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .pp-guest-col.col-motorista {
    text-align: left;
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.pp-guest-col-cont {
  color: #82929e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body:has(.additional-services-body) {
  padding-left: 0px;
}

.additional-services-body {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.3px;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.4em;
  color: #202836;
  background-color: #fff;
  overflow: hidden;
}
@media (max-width: 1920px) {
  .additional-services-body {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .additional-services-body {
    font-size: 14px;
  }
}
.additional-services-body p {
  margin-bottom: 40px;
}
@media (max-width: 479px) {
  .additional-services-body p {
    margin-bottom: 30px;
  }
}
.additional-services-body p + ul {
  margin-top: -25px;
}
.additional-services-body p:last-child {
  margin-bottom: 0px;
}
.additional-services-body ul {
  list-style-type: none;
  position: relative;
  padding-left: 30px;
  margin-bottom: 40px;
}
.additional-services-body li {
  padding-bottom: 8px;
  padding-top: 8px;
}
.additional-services-body li:before {
  content: "\e922";
  font-family: Mapro, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  position: absolute;
  width: 24px;
  heigth: 24px;
  left: 0px;
  font-size: 16px;
}
.additional-services-body .espaco-g {
  height: 60px;
}
@media (max-width: 479px) {
  .additional-services-body .tx-meio {
    text-align: left;
  }
}

.additional-services-menu {
  position: fixed;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  width: 100%;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
}
.additional-services-menu .additional-services-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-bottom: 0px;
  padding-top: 0px;
}

.additional-services-menu-space {
  height: 80px;
  width: 100%;
  clear: both;
  margin-bottom: 20px;
}

.additional-services-menu-logo {
  margin-left: auto;
}
@media (min-width: 768px) {
  .additional-services-menu-logo {
    margin-right: auto;
  }
}
.additional-services-menu-logo img {
  width: 180px;
}

.additional-services-menu-back {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
}
@media (min-width: 768px) {
  .additional-services-menu-back {
    position: absolute;
    left: 30px;
  }
}

.additional-services-menu-back-i {
  font-size: 16px;
  margin-right: 20px;
}
@media (min-width: 480px) {
  .additional-services-menu-back-i {
    border-right: 1px solid #2e3847;
    padding-right: 20px;
  }
}

.additional-services-menu-back-tx {
  font-size: 16px;
}
@media (max-width: 479px) {
  .additional-services-menu-back-tx {
    font-size: 14px;
  }
}

.additional-services-container {
  display: block;
  width: 100%;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding: 50px 30px;
  clear: both;
  position: relative;
  z-index: 5;
}

.additional-services-container.small {
  max-width: 840px;
}

.additional-services-title {
  font-size: 36px;
  line-height: 1.4em;
  font-weight: normal;
  margin-bottom: 30px;
}
@media (max-width: 479px) {
  .additional-services-title {
    font-size: 30px;
    line-height: 1.2em;
  }
}

.additional-services-title-m {
  font-size: 30px;
  line-height: 1.4em;
  font-weight: normal;
  margin-bottom: 30px;
}
@media (max-width: 479px) {
  .additional-services-title-m {
    font-size: 24px;
    line-height: 1.2em;
  }
}

.additional-services-title-yellow {
  border-radius: 30px;
  padding: 3px 20px;
  font-weight: bold;
  color: #fff;
  background-color: var(--yellow-500);
}
@media (max-width: 767px) {
  .additional-services-title-yellow {
    display: inline-block;
  }
}

.additional-services-title-blue {
  border-radius: 30px;
  padding: 3px 20px;
  font-weight: bold;
  color: #fff;
  background-color: var(--blue-500);
}
@media (max-width: 767px) {
  .additional-services-title-blue {
    display: inline-block;
  }
}

.additional-services-tx-grey {
  color: #465060;
}

.additional-services-banner {
  position: relative;
  height: 950px;
  margin-top: -250px;
  margin-bottom: -250px;
  z-index: 0;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 991px) {
  .additional-services-banner {
    height: 800px;
    margin-top: -200px;
    margin-bottom: -200px;
  }
}
@media (max-width: 767px) {
  .additional-services-banner {
    height: 600px;
    margin-top: -150px;
    margin-bottom: -150px;
  }
}
@media (max-width: 479px) {
  .additional-services-banner {
    height: 400px;
    margin-top: -100px;
    margin-bottom: -100px;
  }
}

.additional-services-banner-img {
  background-image: url("https://mapro.s3.amazonaws.com/news/4k-photo-enhance/ai-photo.png");
  position: relative;
  z-index: 6;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  max-width: 931px;
  margin-right: auto;
  margin-left: auto;
}
.qr .additional-services-banner-img {
  background-image: url("https://mapro.s3.us-east-1.amazonaws.com/images/qr-banner.png");
  max-width: 596px;
}
.app-chat .additional-services-banner-img {
  background-image: url("https://mapro.s3.amazonaws.com/news/new-support/app-chat-banner.png");
  max-width: 759px;
}
.seguro .additional-services-banner-img {
  background-image: url("https://mapro.s3.amazonaws.com/news/generali/seguro-banner.png");
  max-width: 1008px;
}
.sms .additional-services-banner-img {
  background-image: url("https://mapro.s3.amazonaws.com/news/sms/sms-banner.png");
  max-width: 705px;
}

.additional-services-banner-bg1 {
  background-image: url("https://mapro.s3.amazonaws.com/news/4k-photo-enhance/ai-photo-bg1.png");
  position: absolute;
  z-index: 3;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 991px) {
  .additional-services-banner-bg1 {
    background-size: contain;
    bottom: -100px;
    right: -100px;
    left: -100px;
    top: -100px;
  }
}
.app-chat .additional-services-banner-bg1 {
  background-image: url("https://mapro.s3.amazonaws.com/news/new-support/app-chat-bg.png");
}
.seguro .additional-services-banner-bg1 {
  background-image: url("https://mapro.s3.amazonaws.com/news/generali/seguro-banner-bg.png");
}
.sms .additional-services-banner-bg1 {
  background-image: url("https://mapro.s3.amazonaws.com/news/sms/sms-banner-bg.png");
}

.additional-services-banner-bg2 {
  background-image: url("https://mapro.s3.amazonaws.com/news/4k-photo-enhance/bg-curva-degrade.png");
  position: absolute;
  z-index: 0;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .additional-services-banner-bg2 {
    background-size: contain;
    bottom: -200px;
    right: -200px;
    left: -200px;
    top: -200px;
  }
}

.additional-services-comparison {
  position: relative;
  width: 100%;
  padding-top: 50%;
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 50px;
  margin-top: 50px;
}

.additional-services-comparison-old {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("https://mapro.s3.amazonaws.com/news/4k-photo-enhance/ai-photo-comparacao-2b.jpg");
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 800px;
  top: 0px;
  z-index: 1;
}
@media (max-width: 700px) {
  .additional-services-comparison-old {
    width: 700px;
  }
}
@media (max-width: 600px) {
  .additional-services-comparison-old {
    width: 600px;
  }
}
@media (max-width: 500px) {
  .additional-services-comparison-old {
    width: 500px;
  }
}
@media (max-width: 400px) {
  .additional-services-comparison-old {
    width: 400px;
  }
}

.additional-services-comparison-new {
  position: absolute;
  z-index: 5;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
  overflow: hidden;
  pointer-events: none;
}

.additional-services-comparison-new-img {
  position: absolute;
  z-index: 5;
  bottom: 0px;
  right: 0px;
  top: 0px;
  width: 800px;
  background-image: url("https://mapro.s3.amazonaws.com/news/4k-photo-enhance/ai-photo-comparacao-2a.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 700px) {
  .additional-services-comparison-new-img {
    width: 700px;
  }
}
@media (max-width: 600px) {
  .additional-services-comparison-new-img {
    width: 600px;
  }
}
@media (max-width: 500px) {
  .additional-services-comparison-new-img {
    width: 500px;
  }
}
@media (max-width: 400px) {
  .additional-services-comparison-new-img {
    width: 400px;
  }
}

.additional-services-comparison-drag-general {
  position: absolute;
  z-index: 5;
  bottom: 0px;
  right: 0px;
  left: 50%;
  top: 0px;
}

.additional-services-comparison-drag {
  top: 0px;
  bottom: 0px;
  position: absolute;
  left: -20px;
  z-index: 10;
  width: 40px;
  cursor: move;
}

.additional-services-comparison-drag-line {
  top: 0px;
  bottom: 0px;
  position: absolute;
  left: 20px;
  z-index: 1;
  border-left: 2px solid #fff;
}

.additional-services-comparison-drag-i {
  top: calc(50% - 5px);
  position: absolute;
  left: 8px;
  z-index: 10;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  background-image: url("https://mapro.s3.amazonaws.com/news/4k-photo-enhance/i-arrastar.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  height: 10px;
}

.additional-services-price {
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #eaeef3;
  padding: 40px;
  border-radius: 30px;
  margin-bottom: 60px;
}
@media (max-width: 479px) {
  .additional-services-price {
    padding: 30px;
    margin-left: -30px;
    margin-right: -30px;
    border-radius: 0px;
  }
}
.additional-services-price .check2-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}
.additional-services-price .check2 {
  margin-bottom: 0px;
  padding-left: 44px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.additional-services-price .check2-tx {
  font-size: 24px;
  line-height: 1.2em;
  font-weight: bold;
  color: #82929e;
  text-align: left;
}
.additional-services-price .check2-bg {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.additional-services-price .check2 input[type=checkbox]:checked ~ .check2-bg {
  color: #fff;
  background-color: var(--green-500);
}
.additional-services-price .check2 input[type=checkbox]:checked ~ .check2-tx {
  color: var(--green-500);
}
.additional-services-price .check2-i {
  width: 32px;
  height: 32px;
  padding-left: 1px;
  padding-bottom: 1px;
  font-size: 16px;
}

.additional-services-price-tx {
  font-size: 48px;
  line-height: 1.2em;
  font-weight: bold;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  margin-bottom: 30px;
  background-color: var(--green-500);
}
.additional-services-price-tx.actived {
  color: var(--gray-400);
}
@media (max-width: 479px) {
  .additional-services-price-tx {
    font-size: 36px;
  }
}

.additional-services-price-tx-p {
  font-size: 30px;
  line-height: 1.2em;
  font-weight: bold;
  background-image: linear-gradient(-160deg, #60e2e0 10%, #157473 90%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  margin-top: -30px;
  margin-bottom: 30px;
}
.additional-services-price-tx-p.actived {
  color: #82929e;
}
@media (max-width: 479px) {
  .additional-services-price-tx-p {
    font-size: 36px;
  }
}

.additional-services-price-btn {
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  padding: 20px 50px;
  margin-bottom: -75px;
  text-decoration: none;
  color: #fff;
  background-color: var(--green-500);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: center;
}
.additional-services-price-btn:hover {
  background-color: var(--green-700);
}
.additional-services-price-btn.small {
  padding: 15px 40px;
  margin-bottom: 0;
}
.additional-services-price-btn.actived {
  background-color: var(--gray-400);
}
.additional-services-price-btn.actived:hover {
  background-color: var(--gray-600);
}
@media (max-width: 479px) {
  .additional-services-price-btn {
    padding: 15px 35px;
  }
}

.additional-services-price-btn-tx {
  z-index: 5;
  position: relative;
  font-size: 30px;
  line-height: 1.2em;
  color: #fff;
}
.small .additional-services-price-btn-tx {
  font-size: 24px;
}
@media (max-width: 479px) {
  .small .additional-services-price-btn-tx {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .additional-services-price-btn-tx {
    font-size: 24px;
  }
}

.additional-services-price-btn-bg {
  background-image: linear-gradient(-160deg, #60e2e0 10%, #157473 90%);
  position: absolute;
  z-index: 0;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
  display: none;
}

.additional-services-price-sub-tx {
  font-size: 14px;
  color: #465060;
  line-height: 1.4em;
  text-align: center;
}

.additional-services-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 40px;
  padding-bottom: 150px;
  background-image: url("https://mapro.s3.amazonaws.com/news/4k-photo-enhance/rodape-bg.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (max-width: 767px) {
  .additional-services-footer {
    padding-bottom: 100px;
  }
}
@media (max-width: 479px) {
  .additional-services-footer {
    padding-bottom: 70px;
  }
}

.additional-services-footer-logo {
  background-image: url("https://mapro.s3.amazonaws.com/news/4k-photo-enhance/logo-mini.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 46px;
  height: 46px;
}

.news-general-linha .additional-services-comparison {
  position: absolute;
  right: 17%;
  top: 10%;
  width: 33%;
  padding-top: 15%;
  margin: 0px;
}
@media (max-width: 767px) {
  .news-general-linha .additional-services-comparison {
    display: none;
  }
}
.news-general-linha .additional-services-comparison-new-img,
.news-general-linha .additional-services-comparison-old {
  position: absolute;
  width: 700px;
  right: -250px;
}
@media (max-width: 1200px) {
  .news-general-linha .additional-services-comparison-new-img,
  .news-general-linha .additional-services-comparison-old {
    width: 600px;
    right: -200px;
  }
}
@media (max-width: 700px) {
  .news-general-linha .additional-services-comparison-new-img,
  .news-general-linha .additional-services-comparison-old {
    width: 500px;
  }
}
@media (max-width: 600px) {
  .news-general-linha .additional-services-comparison-new-img,
  .news-general-linha .additional-services-comparison-old {
    width: 400px;
  }
}

.additional-services-contries {
  font-size: 24px;
  text-align: center;
  line-height: 1.2em;
}
.additional-services-contries img {
  margin-bottom: 10px;
}
.additional-services-contries.usa {
  color: #354EA0;
}
.additional-services-contries.canada {
  color: #ED5565;
}
.additional-services-contries.verde {
  color: #22b9b7;
}
.additional-services-contries.laranja {
  color: #ef7c43;
}

.additional-services-img-general .tx-bloco {
  margin-bottom: 40px;
}
@media (max-width: 479px) {
  .additional-services-img-general .tx-bloco {
    margin-bottom: 30px;
  }
}
.additional-services-img-general .tx-gg {
  font-size: 48px;
  line-height: 1.2em;
  font-weight: bold;
}
@media (max-width: 479px) {
  .additional-services-img-general .tx-gg {
    font-size: 30px;
  }
}
.additional-services-img-general .tx-g {
  font-size: 30px;
  line-height: 1.3em;
}
@media (max-width: 479px) {
  .additional-services-img-general .tx-g {
    font-size: 24px;
  }
}
.additional-services-img-general .tx-m {
  font-size: 24px;
  line-height: 1.3em;
}
@media (max-width: 479px) {
  .additional-services-img-general .tx-m {
    font-size: 20px;
  }
}
.additional-services-img-general img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* =============
Safely
================= */
.additional-services-body .w-tab-content {
  margin-bottom: 40px;
}
.additional-services-body .w-tab-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  .additional-services-body .w-tab-menu {
    gap: 1rem;
  }
}
.additional-services-body .w-tab-link {
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  padding: 15px 40px;
  margin-bottom: 0;
  text-decoration: none;
  background-color: var(--gray-200);
  color: var(--gray-700);
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media (max-width: 767px) {
  .additional-services-body .w-tab-link {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.additional-services-body .w-tab-link:hover {
  background-color: var(--gray-300);
}
.additional-services-body .w-tab-link.w--current {
  background-color: var(--orange-500);
  color: var(--white);
}
.additional-services-body .w-tab-pane {
  border: 1px solid var(--orange-500);
  padding: 2.5rem;
  border-radius: 2rem;
}
.additional-services-body .w-tab-pane *:last-child {
  margin-bottom: 0 !important;
}
.additional-services-body .additional-services-ul-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}
.additional-services-body .additional-services-ul-list li {
  padding: 1.25rem 2rem;
  background-color: var(--gray-100);
  border-radius: 1.25rem;
  font-weight: bold;
}
.additional-services-body .additional-services-ul-list li:before {
  position: relative;
  margin-right: 10px;
}

.text-orange {
  color: var(--orange-500) !important;
}

.safely .additional-services-banner {
  margin-top: -200px;
  margin-bottom: -20px;
  height: 460px;
}
@media (max-width: 991px) {
  .safely .additional-services-banner {
    height: 400px;
    margin-top: -150px;
    margin-bottom: -40px;
    margin-left: -100px;
    margin-right: -100px;
  }
}
@media (max-width: 767px) {
  .safely .additional-services-banner {
    margin-left: -200px;
    margin-right: -200px;
  }
}
@media (max-width: 479px) {
  .safely .additional-services-banner {
    height: 300px;
    margin-top: -100px;
  }
}
.safely .additional-services-banner-bg1 {
  background-image: url("https://mapro.s3.us-east-1.amazonaws.com/news/safely/safely-bg.png");
}
.safely .additional-services-banner-img,
.safely .additional-services-banner-bg2 {
  display: none;
}
.safely .additional-services-price-btn {
  background-color: #23A4ED;
  margin: 0;
}
.safely .additional-services-price-btn:hover {
  background-color: #0c7bbb;
}
.safely .safely-last-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-bottom: 40px;
}
.safely .safely-last-cont .additional-services-ul-list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rc2 {
  background-color: #fff;
  padding: 0px;
}
.rc2 div:last-child .bt2 {
  margin-bottom: 0px;
}

.rc2-general {
  position: relative;
  min-width: 760px;
}

.rc2-loading {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 50000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}

.rc2-loading-img {
  background-image: url("https://app.mapro.us/templates/2020/js/calendar/assets/loader.gif");
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  max-width: 256px;
  max-height: 256px;
  background-size: contain;
}

.rc2-dropdown .check2-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  float: none;
}
.rc2-dropdown .check2:last-child {
  margin-bottom: 0px;
}
.rc2-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.rc2-dropdown-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
  text-decoration: none;
  height: 34px;
  padding: 7px 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #fff;
  color: #5f707e;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.rc2-dropdown-menu:hover {
  color: #35414b;
  background-color: #e6ebf1;
}

.rc2-dropdown-menu-i {
  margin-left: 10px;
  font-size: 15px;
}

.rc2-dropdown-cont-geral {
  position: absolute;
  top: calc(100% + 5px);
  z-index: 70;
  right: 0px;
  display: none;
}

.rc2-dropdown-cont {
  padding: 20px;
  background-color: #fff;
  color: #5f707e;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.15);
  min-width: 200px;
  text-align: left;
  height: 100%;
  max-height: 80vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.rc2-menu-settings .rc2-dropdown {
  padding-top: 1px;
}
.rc2-menu-settings .rc2-dropdown .rc2-dropdown-menu {
  width: 42px;
  height: 42px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0px;
  border-style: none;
  margin-bottom: 1px;
}
.rc2-menu-settings .rc2-dropdown .rc2-dropdown-menu-i {
  margin-left: 0px;
}
.rc2-menu-settings .rc2-dropdown .rc2-dropdown-menu.rc2-actived .rc2-dropdown-menu-i:before {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  background-color: #22b9b7;
  border-radius: 100px;
}

.rc2-inputs .inp-fora:last-child .inp {
  margin-bottom: 0px;
}
.rc2-inputs .inp-fora:last-child .inp-i {
  bottom: 1px;
}

/* ============
   Top (filters)
   ============ */
.rc2-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 10px;
  border-bottom: 1px solid #e6ebf1;
  background-color: #f7f8fa;
  height: 66px;
  border-top: 1px solid #e6ebf1;
  z-index: 50;
  font-size: 12px;
  color: #5f707e;
  top: 48px;
  right: 0px;
  left: 0px;
  min-width: 760px;
}
.rc2-top .inp-fora {
  margin-right: 10px;
  height: 34px;
}
.rc2-top .inp {
  color: #5f707e;
  font-size: 12px;
  margin-bottom: 0px;
  height: 34px;
  padding: 8px 32px 8px 12px;
}
.rc2-top .inp-i {
  bottom: 1px;
  width: 32px;
  height: 32px;
}
.rc2-top .bt2-voltar {
  margin-bottom: 0px;
  margin-right: 20px;
}
.rc2-top .bt2-voltar-i {
  border: none;
  margin-right: 2px;
}

.rc2-top-filters-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rc2-top-filters-btn {
  margin-right: 10px;
  text-decoration: none;
  height: 34px;
  padding: 6px 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #fff;
  color: #5f707e;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rc2-top-filters-btn:hover {
  color: #35414b;
  background-color: #e6ebf1;
}

.rc2-top-filters-btn:has(.icone2) {
  font-size: 14px;
  padding: 0px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.rc2-top-logo {
  padding: 10px;
  background-color: #fff;
  margin: -10px 20px -10px -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* border-bottom: 1px solid $cinza9 */
  border-right: 1px solid #e6ebf1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.rc2-top-logo-img {
  height: 35px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.rc2-top-filters-right {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* ============
   Menu (left, search)
   ============ */
.rc2-menu {
  width: 300px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 50;
  background-color: #fff;
  border-right: 1px solid #e6ebf1;
}
@media (max-width: 767px) {
  .rc2-menu {
    width: 210px;
  }
}

.rc2-menu-results {
  /* border-bottom: 1px solid $cinza9 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  font-size: 12px;
  line-height: 14px;
  color: #acb7c2;
}

.rc2-menu-search {
  padding-left: 10px;
  border-bottom: 1px solid #e6ebf1;
  padding-right: 10px;
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* padding-bottom: 10px */
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.rc2-menu-search-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.rc2-menu-search-input .inp {
  margin-bottom: 0px;
  padding-left: 44px;
  padding-right: 44px;
}
.rc2-menu-search-input .inp-i {
  top: 1px;
  font-size: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 1px;
}

.rc2-menu-settings {
  margin-left: 0px;
  padding: 0px;
  position: absolute;
  z-index: 20;
  right: 11px;
}
.rc2-menu-settings .rc2-dropdown-cont-geral {
  top: 0px;
  left: calc(100% + 10px);
  min-width: 350px;
  max-width: 50vw;
}
.rc2-menu-settings .check2-fora {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.rc2-menu-settings .check2 {
  width: 50%;
  float: left;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .rc2-menu-settings .check2 {
    width: 100%;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .rc2-menu-settings .check2:nth-last-child(-n+2) {
    margin-bottom: 0px;
  }
}

.rc2-menu-houses-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  padding: 10px;
  border-bottom: 1px solid #e6ebf1;
  font-size: 12px;
  line-height: 14px;
  position: relative;
}

a.rc2-menu-houses-item {
  text-decoration: none;
}
a.rc2-menu-houses-item:hover {
  background-color: #f7f8fa;
}

/* resort */
.rc2-menu-houses-item.resort {
  background-color: #f7f8fa;
  height: 35px;
  font-weight: bold;
}

.rc2-date-line.resort {
  background-color: #f7f8fa;
  border-bottom: 1px solid #e6ebf1;
  height: 35px;
}

.rc2-resort-i {
  margin-left: auto;
  width: 14px;
  font-size: 8px;
  text-align: center;
  color: #c6d3e0;
}

.rc2-menu-houses-item-img {
  width: 40px;
  height: 30px;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.rc2-menu-houses-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.rc2-menu-houses-item-name {
  margin-right: 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  max-height: 100%;
}

.rc2-menu-houses-item-name-tx {
  height: 1.2em;
  line-height: 1.2em;
  margin-right: auto;
  white-space: nowrap;
}

.rc2-menu-houses-item-name-icons {
  right: 0px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
}

.rc2-menu-houses-item-name-icons-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #c6d3e0;
}
.rc2-menu-houses-item-name-icons-item .icone2 {
  margin-right: 3px;
}

.rc2-menu-houses-item-resort-tx {
  font-size: 10px;
  color: #c6d3e0;
  height: 1.4em;
  line-height: 1.4em;
  overflow: hidden;
}

.resort .rc2-menu-houses-item-name .rc2-menu-houses-item-name-icons {
  font-weight: normal;
  margin-left: 8px;
}
.resort .rc2-menu-houses-item-name .rc2-menu-houses-item-name-icons .icone2 {
  position: relative;
  top: -1px;
}

.rc2-menu-houses-item-warning {
  position: relative;
  margin-left: auto;
  width: 22px;
  height: 22px;
  text-decoration: none;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f7ba22;
  border-radius: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-top: 1px;
  font-size: 10px;
  font-weight: bold;
  padding-left: 1px;
  color: #111e25;
  line-height: 12px;
  cursor: pointer;
  margin-right: 5px;
  right: -5px;
}
.rc2-menu-houses-item-warning.red {
  background-color: #f3406d;
}

.rc2-menu-houses-item-warning-pop {
  position: absolute;
  left: calc(100% + 5px);
  z-index: 70;
}

.rc2-menu-houses-item-warning-pop-arrow {
  position: absolute;
  left: -4px;
  top: calc(50% - 6px);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #f7ba22;
}

.rc2-menu-houses-item-warning-pop-cont {
  padding: 15px;
  font-size: 12px;
  line-height: 16px;
  background-color: #f7ba22;
  color: #111e25;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.15);
  min-width: 160px;
  text-align: left;
}

.red .rc2-menu-houses-item-warning-pop-arrow {
  border-right-color: #f3406d;
}
.red .rc2-menu-houses-item-warning-pop-cont {
  background-color: #f3406d;
}

/* ============
   Middle part
   ============ */
.rc2-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: calc(100vh - 104px);
  /* -48px -56px */
  position: relative;
  z-index: 40;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.rc2-middle-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 40;
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 90px;
}
.rc2-middle-top .rc2-menu {
  top: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.rc2-middle-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 10;
}

.rc2-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(100% - 300px);
  position: relative;
  z-index: 10;
  background-color: #fff;
}

.rc2-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc2-date-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* border-top: 1px solid $cinza9 */
}
.rc2-date-top .rc2-date-month-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  /* border-bottom: 1px solid $cinza9 */
  height: 40px;
  padding-top: 10px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rc2-date-top .rc2-date-month-title-tx {
  position: sticky;
  left: 300px;
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rc2-date-top .rc2-date-day {
  text-align: center;
  border-right-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rc2-date-top .rc2-date-day.today {
  font-weight: bold;
  color: #fff;
}
.rc2-date-top .rc2-date-day.today .rc2-date-day-bg {
  display: block;
  background-color: #4a5964;
  bottom: 4px;
  right: auto;
  left: auto;
  top: 4px;
  border-radius: 6px;
  width: 42px;
}
.rc2-date-top .rc2-date-day.deactivated {
  color: #c6d3e0;
  background-color: #fff;
}
.rc2-date-top .rc2-date-day-tx {
  z-index: 80;
  position: relative;
}
.rc2-date-top .rc2-date-day-number {
  position: relative;
  z-index: 80;
}

.rc2-date-month {
  /* border-right: 4px double $cinza9 */
  border-right: 1px solid #e6ebf1;
}

.rc2-date-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
}

.rc2-date-day {
  font-size: 12px;
  line-height: 14px;
  padding: 5px;
  width: 80px;
  height: 50px;
  text-align: right;
  border-right: 1px solid #e6ebf1;
  border-bottom: 1px solid #e6ebf1;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  cursor: crosshair;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}
.rc2-date-day:last-child {
  border-right: none;
}
.rc2-date-day.deactivated {
  color: #c6d3e0;
  background-color: #f7f8fa;
}
.rc2-date-day.deactivated .rc2-date-day-min-stay {
  color: #e6ebf1;
}

.rc2-date-day.price-tier-1 {
  background-color: rgba(34, 185, 183, 0.1);
}

.rc2-date-day.price-tier-2 {
  background-color: rgba(34, 185, 183, 0.2);
}

.rc2-date-day.price-tier-3 {
  background-color: rgba(34, 185, 183, 0.3);
}

.rc2-date-day.price-tier-4 {
  background-color: rgba(34, 185, 183, 0.4);
}

.rc2-date-day.price-tier-5 {
  background-color: rgba(34, 185, 183, 0.5);
}

.rc2-date-day.price-tier-6 {
  background-color: rgba(34, 185, 183, 0.6);
}

.rc2-date-day-state-select {
  position: absolute;
  border: 2px solid #4a5964;
  width: 80px;
  height: 50px;
  left: 0px;
  top: 0px;
  border-radius: 4px;
  z-index: 90;
  pointer-events: none;
  -webkit-box-shadow: 0 0 0px 300vh rgba(255, 255, 255, 0.6);
          box-shadow: 0 0 0px 300vh rgba(255, 255, 255, 0.6);
}

.rc2-date-day-bg {
  position: absolute;
  z-index: 8;
  bottom: 1px;
  right: 1px;
  left: 1px;
  top: 1px;
  border-radius: 4px;
  display: none;
}

.rc2-date-day.block {
  color: transparent;
}
.rc2-date-day.block .rc2-date-day-min-stay {
  color: transparent;
}
.rc2-date-day.block .rc2-date-day-bg {
  display: block;
  background: repeating-linear-gradient(-45deg, #e6ebf1, #e6ebf1 5px, #f7f8fa 5px, #f7f8fa 14px);
}

.rc2-date-day.state-gap {
  color: #35414b;
}
.rc2-date-day.state-gap .rc2-date-day-min-stay {
  color: #35414b;
}
.rc2-date-day.state-gap .rc2-date-day-bg {
  display: block;
  background-color: #f7ba22;
}

.rc2-date-day-price {
  position: relative;
  z-index: 10;
}

.rc2-date-day-price-i {
  font-size: 8px;
  color: #c6d3e0;
  position: relative;
}
.rc2-date-day-price-i.red {
  color: #f3406d;
}
.rc2-date-day-price-i.green {
  color: #22b9b7;
}

.rc2-date-day-min-stay {
  color: #c6d3e0;
  position: relative;
  z-index: 10;
  display: none;
}

.rc2-date-reservation {
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
  position: absolute;
  padding: 7px 12px;
  bottom: 3px;
  -webkit-box-shadow: 0px 0px 0px 2px #fff;
          box-shadow: 0px 0px 0px 2px #fff;
  cursor: pointer;
  left: calc(40px + 0px);
  z-index: 50;
  width: 76px;
  height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
  text-align: left;
  white-space: nowrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #22b9b7;
}
.rc2-date-reservation.early {
  margin-left: -72px;
  margin-bottom: 5px;
  z-index: 20;
  background-color: #4a5964;
  height: 33px;
  padding-left: 20px;
}
.rc2-date-reservation.early .rc2-date-reservation-i-link {
  margin-left: -4px;
}
.rc2-date-reservation.late {
  margin-left: 72px;
  margin-bottom: 5px;
  z-index: 20;
  background-color: #4a5964;
  height: 33px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 20px;
}
.rc2-date-reservation.late .rc2-date-reservation-i-link {
  margin-right: -4px;
}
.rc2-date-reservation.rc2-second {
  height: 30px;
  margin-left: 8px;
  margin-bottom: 6px;
}
.rc2-date-reservation.rc2-third {
  height: 17px;
  margin-left: 14px;
  margin-bottom: 12px;
}
.rc2-date-reservation.block {
  height: 26px;
  background: repeating-linear-gradient(-58deg, #5f707e, #5f707e 7px, #82929e 7px, #82929e 15px);
  margin-left: -2px;
}
.rc2-date-reservation.block.rc2-second {
  margin-left: 6px;
  margin-bottom: 6px;
}
.rc2-date-reservation.block.rc2-third {
  height: 18px;
  margin-left: 14px;
  margin-bottom: 12px;
}

.rc2-date-reservation-tx {
  overflow: hidden;
  width: 100%;
  -webkit-transform: skewX(20deg);
      -ms-transform: skewX(20deg);
          transform: skewX(20deg);
}

.rc2-date-reservation-i-link {
  color: #fff;
  text-decoration: none;
  -webkit-transform: skewX(20deg);
      -ms-transform: skewX(20deg);
          transform: skewX(20deg);
  position: relative;
  padding: 2px;
  margin-left: 2px;
  margin-right: 2px;
  width: 18px;
  text-align: center;
}

.rc2-date-reservation-i {
  font-size: 12px;
}

.rc2-date-reservation-logo {
  display: none;
  overflow: hidden;
  border-radius: 50px;
  width: 26px;
  height: 26px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #fff;
  border: 2px solid #fff;
  -webkit-transform: skewX(20deg);
      -ms-transform: skewX(20deg);
          transform: skewX(20deg);
  margin-top: -1px;
  margin-right: 6px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-left: -2px;
}

.rc2-date-reservation-pop {
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  top: calc(100% + 1px);
  z-index: 70;
  left: calc(40px - 6px);
}

.rc2-date-reservation-pop-arrow {
  position: absolute;
  top: -4px;
  left: 19px;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #212d36;
}

.i-2 .rc2-date-reservation-pop-arrow {
  left: 41px;
}

.i-3 .rc2-date-reservation-pop-arrow {
  left: 63px;
}

.i-4 .rc2-date-reservation-pop-arrow {
  left: 85px;
}

.rc2-date-reservation-pop-cont {
  padding: 15px;
  font-size: 12px;
  line-height: 16px;
  background-color: #212d36;
  color: #f7f8fa;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.3);
          box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.3);
  min-width: 150px;
  text-align: left;
  white-space: nowrap;
}

/* ============
   Configurations (right, float)
   ============ */
.rc2-config {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 360px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
  z-index: 80;
  overflow-x: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rc2-config .check2-fora {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rc2-config .check2 {
  width: 50%;
  float: left;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .rc2-config .check2 {
    width: 100%;
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .rc2-config .check2:nth-last-child(-n+2) {
    margin-bottom: 0px;
  }
}

.rc2-config-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc2-config-menu-link {
  text-decoration: none;
  padding: 15px 15px 13px;
  background-color: #c6d3e0;
  width: 50%;
  text-align: center;
  color: #5f707e;
  cursor: pointer;
}
.rc2-config-menu-link:hover {
  background-color: #c6d3e0;
}
.rc2-config-menu-link.active {
  background-color: #fff;
  color: #22b9b7;
}

.rc2-config-cont {
  padding: 20px;
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.rc2-hidde {
  display: none;
}

/* ================= */
.rc2-advanced-options .check2-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  float: none;
}
.rc2-advanced-options .check2:last-child {
  margin-bottom: 0px;
}
.rc2-advanced-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-top: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.rc2-advanced-options-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  height: 34px;
  padding: 7px 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 8px;
  background-color: #e6ebf1;
  color: #5f707e;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 20;
  width: 100%;
}
.rc2-advanced-options-menu:hover {
  color: #35414b;
  background-color: #c6d3e0;
}

.rc2-advanced-options-menu-tx {
  margin-right: auto;
}

.rc2-advanced-options-menu-i {
  font-size: 15px;
  margin-right: 10px;
}

.rc2-advanced-options-cont-geral {
  position: relative;
  z-index: 10;
  /* display: block */
  background-color: transparent;
  display: none;
}

.rc2-advanced-options-cont {
  padding: 15px 15px 25px;
  border-radius: 8px 8px 0px 0px;
  text-align: left;
  width: 100%;
  background-color: #e6ebf1;
  margin-bottom: -10px;
}
.rc2-advanced-options-cont .inp {
  margin: 0px;
}

.rc2-advanced-options-line-tx {
  font-weight: bold;
  margin-bottom: 5px;
  width: 100%;
}

.rc2-advanced-options-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.rc2-advanced-options-line:last-child {
  margin-bottom: 0px;
}

.rc2-advanced-options-col {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.rc2-advanced-options-col.left .inp {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none;
}
.rc2-advanced-options-col.right .inp {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: none;
}

.rc2-advanced-options-col.col-check {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 10px;
}
.rc2-advanced-options-col.col-check .check2 {
  width: 100%;
  padding-right: 0px;
}

.rc2-advanced-options-input-i {
  position: absolute;
  right: 0px;
  z-index: 10;
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: -5px;
  height: 44px;
}

.rc2-percentage {
  display: block;
  background-color: #c4ceda;
  color: #465060;
  z-index: 90;
  padding: 2px 5px;
  border-radius: 4px;
  bottom: 4px;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
}
.rc2-percentage.red {
  background-color: #ffe4e8;
  color: #bd134a;
}
.rc2-percentage.yellow {
  background-color: #fdf5bf;
  color: #4a2a03;
}
.rc2-percentage.green {
  background-color: #bef5f4;
  color: #092f2f;
}

.rc2-date-month-title .rc2-percentage {
  white-space: nowrap;
  bottom: 1px;
  margin-left: 10px;
  position: relative;
}

.rc2-menu-houses-item .rc2-percentage {
  position: relative;
  bottom: auto;
  white-space: nowrap;
}

.ch2-calendar-title-general .rc2-percentage {
  white-space: nowrap;
  bottom: 1px;
  margin-left: 10px;
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
}

.ch2-top-filters .rc2-percentage {
  white-space: nowrap;
  bottom: 1px;
  margin-left: 5px;
  margin-bottom: 10px;
  position: relative;
  -ms-flex-item-align: center;
      align-self: center;
}

.st2-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}

.st2-summary-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.st2-summary-left .st2-summary-cont {
  border-radius: 16px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--green-500);
  background-image: linear-gradient(-40deg, var(--blue-500), var(--green-500) 70%);
}
.st2-summary-left .st2-summary-cont * {
  color: #fff;
}
.st2-summary-left .st2-summary-title {
  width: auto;
  min-height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.st2-summary-left .st2-summary-number {
  font-size: var(--font-24);
  line-height: 1.2em;
  width: auto;
  text-align: left;
  margin-left: 0px;
}
.st2-summary-left .st2-summary-i-outside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.st2-summary-left .st2-summary-i {
  font-size: 24px;
  line-height: 1.2em;
  margin-right: 0px;
}

.st2-summary-left-outside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding: 15px;
  background-color: #fff;
  border-radius: 16px;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.st2-summary-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  gap: 6px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.st2-summary-right {
  min-width: 260px;
  -webkit-box-flex: 20;
      -ms-flex-positive: 20;
          flex-grow: 20;
  background-color: #fff;
  border-radius: 16px;
}
.st2-summary-right .st2-summary-cont {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 20px;
}
.st2-summary-right .st2-summary-cont canvas {
  width: auto !important;
}

.st2-summary-cont {
  padding: 6px 0px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.st2-summary-cont .bt2 {
  margin: 0px;
}
.st2-summary-cont.total {
  color: var(--green-500);
  font-weight: bold;
}
.st2-summary-cont.minimum {
  color: var(--red-500);
  font-weight: bold;
}

.st2-summary-number {
  text-align: right;
  margin-left: auto;
  white-space: nowrap;
}

.st2-summary-i {
  margin-right: 10px;
  font-size: 16px;
}

.st2-summary-i-sum {
  position: absolute;
  top: 100%;
  margin-top: -6px;
  right: 10px;
  margin-right: 10px;
  font-size: 12px;
  line-height: 4px;
  background-color: #fff;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.st2-summary-i-sum.last {
  top: 50%;
  margin-top: -12px;
  right: -36px;
}

.st2-filters {
  margin-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #c6d3e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.st2-filters-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.st2-filters-item .check2-fora {
  width: 240px;
}

.st2-filters-item-arrow {
  float: left;
  background-color: #fff;
  border-radius: 8px;
  padding: 7px 10px;
  min-width: 44px;
  min-height: 44px;
  margin-right: 5px;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #c6d3e0;
}
.st2-filters-item-arrow:hover {
  background-color: #f7f8fa;
}
.st2-filters-item-arrow.right {
  margin-right: 0px;
  margin-left: 5px;
}

.st2-bts-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
}
.st2-bts-top .bt2 {
  margin: 0px;
}

.st2-table-month-title-general {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 30px;
}

.st2-table-month-title-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.st2-table-month-title-left-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.st2-table-month-title {
  font-size: 1.125rem;
  line-height: 1.2em;
  font-weight: bold;
  color: #35414b;
}

.st2-table-month-title-btns {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.st2-table-month-title-btns .bt2 {
  margin: 0px;
}

.st2-table-month-title-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
  line-height: 1.4em;
}

.st2-table-month-title-tag-i {
  margin-top: -4px;
  font-size: 16px;
  color: #35414b;
}

.st2-table-month-title-tag-title {
  color: #f3406d;
  font-weight: bold;
  margin-right: 8px;
}

.st2-table-month-title-tag-tx {
  font-style: italic;
  color: #acb7c2;
}

.st2-table-cont {
  position: relative;
  display: block;
  margin-top: 20px;
}

.st2-table {
  border-radius: 16px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: auto;
}

.st2-table-month {
  margin-bottom: 20px;
}

.st2-table-line {
  position: relative;
  display: grid;
  grid-template-columns: auto 120px 120px;
  grid-template-rows: auto auto auto;
  grid-template-areas: "date number balance" "category number balance" "description description description";
  padding-left: var(--space-1);
  padding-right: var(--space-1);
}
.st2-table-line:nth-of-type(even) {
  background-color: var(--gray-50);
}
.st2-table-line:nth-of-type(even) .st2-table-col-bts {
  background-color: #f7f8fa;
}
.st2-table-line.yellow {
  background-color: var(--yellow-100);
}
.st2-table-line.red {
  background-color: var(--red-100);
}
.st2-table-line.green {
  background-color: var(--green-100);
}
@media (min-width: 768px) {
  .st2-table-line {
    grid-template-columns: 60px 100px auto 240px 120px;
    grid-template-rows: auto;
    grid-template-areas: "date category description number balance";
  }
}

.st2-table-line-title {
  display: grid;
  grid-template-columns: auto 90px 90px;
  grid-template-rows: auto auto auto;
  grid-template-areas: "date number balance" "category number balance" "description number balance";
  position: sticky;
  z-index: 90;
  color: #82929e;
  background-color: #e6ebf1;
  top: 48px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .st2-table-line-title {
    grid-template-columns: 65px 120px auto 240px 120px;
    grid-template-rows: auto;
    grid-template-areas: "date category description number balance";
  }
}
.st2-table-line-title .st2-table-col.balance,
.st2-table-line-title .st2-table-col.credit-debit {
  padding-bottom: 10px;
}
.st2-table-line-title .st2-table-col {
  padding-top: 4px;
}

.st2-table-line-title .st2-table-col:first-child {
  padding-left: 0px;
}

.st2-table-line-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  border-radius: 16px;
  background-color: #fff;
  margin-bottom: 20px;
}
.st2-table-line-end:last-child {
  margin-bottom: 0;
}
.st2-table-line-end .st2-table-col.total {
  font-weight: bold;
  color: #35414b;
}
.st2-table-line-end .st2-table-col.numbers {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (min-width: 768px) {
  .st2-table-line-end .st2-table-col.numbers {
    width: 120px;
  }
}

.st2-table-col {
  padding: var(--space-2);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .st2-table-col {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.st2-table-col.date {
  grid-area: date;
}
@media (max-width: 767px) {
  .st2-table-col.date {
    padding-bottom: 0px;
  }
}
.st2-table-col.category {
  grid-area: category;
}
@media (max-width: 767px) {
  .st2-table-col.category {
    padding-bottom: 0px;
  }
}
.st2-table-col.description {
  grid-area: description;
}
.st2-table-col.balance {
  grid-area: balance;
  text-align: right;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.st2-table-col.credit-debit {
  grid-area: number;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .st2-table-col.credit-debit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.st2-table-col.credit-debit .st2-table-col-credit,
.st2-table-col.credit-debit .st2-table-col-debit {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 768px) {
  .st2-table-col.credit-debit .st2-table-col-credit,
  .st2-table-col.credit-debit .st2-table-col-debit {
    width: 50%;
    padding-right: var(--space-2);
  }
}
@media (min-width: 768px) {
  .st2-table-col.credit-debit .st2-table-col-debit {
    padding-left: var(--space-2);
    padding-right: 0px;
  }
}

.st2-table-descriprion {
  position: relative;
  overflow: hidden;
  max-height: 3.3rem;
  font-size: 0.75rem !important;
  line-height: 1.4em !important;
}
.st2-table-descriprion hr {
  border: none;
  border-top: 1px solid #c6d3e0;
}
.st2-table-descriprion p {
  font-size: 0.75rem !important;
  line-height: 1.4em !important;
}
.st2-table-descriprion.open {
  max-height: none;
}

.st2-table-descriprion-bts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.st2-table-descriprion-more-bt {
  background-color: #e6ebf1;
  text-decoration: none;
  color: #82929e;
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 26px;
  padding: 0px 12px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.75rem;
  margin-top: 5px;
  width: auto;
  margin-right: 5px;
  border-radius: 8px;
}
.st2-table-descriprion-more-bt .bt-i {
  font-size: 12px;
}

.st2-table-day {
  color: #acb7c2;
}

.st2-table-credit {
  color: var(--green-500);
  border-radius: 8px;
  padding: 4px 6px 4px;
  background-color: var(--green-100);
  letter-spacing: 0;
}

.st2-table-debit {
  color: var(--red-500);
  border-radius: 8px;
  padding: 4px 6px 4px;
  background-color: var(--red-50);
  background-color: var(--red-100);
  letter-spacing: 0;
}

.st2-table-balance {
  border-radius: 8px;
  padding: 4px 6px 4px;
  background-color: var(--gray-100);
  letter-spacing: 0;
}

.st2-table-category {
  color: #acb7c2;
}

/* BTs */
.st2-table-col-bts {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  position: absolute;
  opacity: 1;
  bottom: 0px;
  right: 0px;
}
.st2-table-col-bts:hover {
  opacity: 1;
}

.st2-table-bts-drop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 60;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 767px) {
  .st2-table-bts-drop {
    background-color: #fff;
    position: absolute;
    top: 100%;
    right: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.1);
            box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.1);
    border-radius: 8px;
    padding: 10px;
    width: calc(100vw - 70px);
    display: none;
  }
}

.st2-table-bts-drop-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 15px;
  font-size: 18px;
  text-decoration: none;
  position: relative;
}

.st2-table-bt-div {
  height: 20px;
  width: 1px;
  background-color: #c6d3e0;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
}

.st2-table-bt-general {
  margin-top: 5px;
  margin-right: 5px;
}
.st2-table-bt-general.st2-edit .st2-table-bt {
  color: #5f707e;
}
.st2-table-bt-general.st2-edit .st2-table-bt:hover {
  color: #35414b;
}

.st2-table-bt {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  font-size: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  color: #acb7c2;
}
.st2-table-bt:hover {
  color: #5f707e;
}

.st2-dropdown .check2-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  float: none;
}
.st2-dropdown .check2:last-child {
  margin-bottom: 0px;
}
.st2-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.st2-dropdown-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  height: 44px;
  padding: 6px 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #fff;
  color: #5f707e;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.st2-dropdown-menu:hover {
  color: #35414b;
  background-color: #f7f8fa;
}

.st2-dropdown-menu-i {
  margin-left: 10px;
  font-size: 15px;
}

.st2-dropdown-menu-i.seta {
  font-size: 0.6rem;
}

.st2-dropdown-menu-img {
  height: 32px;
  width: 32px;
  margin-right: 10px;
  border-radius: 50px;
  background-image: url("../../images/sem-img.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-left: -5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.st2-dropdown-menu-tx {
  overflow: hidden;
  max-height: 1.25rem;
  margin-right: auto;
}

.st2-dropdown-cont-geral {
  position: absolute;
  top: calc(100% + 5px);
  z-index: 70;
  right: 0px;
  display: none;
}

.st2-dropdown-cont {
  padding: 20px;
  background-color: #fff;
  color: #5f707e;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.15);
  min-width: 180px;
  text-align: left;
  height: 100%;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.st2-dropdown-cont-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  text-decoration: none;
  color: #5f707e;
  margin-left: -20px;
  margin-right: -20px;
}
.st2-dropdown-cont-link:hover {
  color: #35414b;
  background-color: #f7f8fa;
}
.st2-dropdown-cont-link .st2-dropdown-menu-img {
  margin-left: 0px;
}

.st2-dropdown-cont-link-tx {
  overflow: hidden;
  max-height: 2.5rem;
}

.st2-drop-calendar .st2-dropdown-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.st2-drop-calendar .st2-dropdown-cont-geral {
  width: 87vw;
  max-width: 500px;
  left: 0px;
  right: auto;
  background: transparent;
}

.st2-drop-calendar-col-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}

.st2-drop-calendar-col-right {
  border-left: 1px solid #e6ebf1;
  padding-left: 10px;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.st2-drop-calendar-years {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
  gap: 10px;
}

.st2-drop-calendar-months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.st2-drop-calendar-btn-link {
  border-radius: 8px;
  background-color: #e6ebf1;
  padding: 7px 10px;
  text-decoration: none;
  width: 100%;
}
.st2-drop-calendar-btn-link:hover {
  background-color: #c6d3e0;
}
.st2-drop-calendar-btn-link.active {
  background-color: #22b9b7;
  color: #fff;
}

.st2-drop-calendar-btn-date {
  border-radius: 8px;
  background-color: #e6ebf1;
  padding: 7px 10px;
  text-decoration: none;
  width: 22%;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.st2-drop-calendar-btn-date:hover {
  background-color: #c6d3e0;
}
.st2-drop-calendar-btn-date.active {
  background-color: #22b9b7;
  color: #fff;
}

.st2-drop-calendar-btn-year {
  border-radius: 8px;
  padding: 7px 10px;
  text-decoration: none;
  width: 22%;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: bold;
}

.st2-drop-calendar-btn-arrow {
  border-radius: 8px;
  padding: 7px 10px;
  text-decoration: none;
  text-align: center;
}
.st2-drop-calendar-btn-arrow:hover {
  background-color: #e6ebf1;
}

/* title */
.st2-sub-title-page {
  position: relative;
  z-index: 20;
  clear: both;
  color: #35414b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -10px;
}

.st2-sub-title-page-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: auto;
}

.st2-sub-title-page-tx1 {
  font-size: 1.25rem;
  line-height: 1em;
}
@media (min-width: 768px) {
  .st2-sub-title-page-tx1 {
    font-size: 1.75rem;
    font-weight: lighter;
  }
}

.st2-sub-title-page-img {
  height: 64px;
  width: 90px;
  margin-right: 12px;
  border-radius: 8px;
  background-image: url("../../images/sem-img.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* log */

.roles-box-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px;
}

.roles-box {
  float: left;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.roles-box-cont {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px;
  border-radius: 16px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.roles-box-title .title {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 1.25rem;
  line-height: 1.2em;
  color: #35414b;
}
.roles-box-title .sub-title {
  position: relative;
  clear: both;
  margin-bottom: 20px;
  margin-top: -20px;
  color: #acb7c2;
}

.roles-box-sub-title .title {
  font-weight: bold;
  margin-bottom: 20px;
  color: #35414b;
}
.roles-box-sub-title .sub-title {
  position: relative;
  clear: both;
  margin-bottom: 20px;
  margin-top: -20px;
  color: #acb7c2;
}

.roles-box-cheks .check2-fora {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.roles-box-cheks .check2:last-child,
.roles-box-cheks .check2-descricao:last-child,
.roles-box-cheks .roles-box-sub-checks:last-child,
.roles-box-cheks .roles-box-sub-checks-general:last-child {
  margin-bottom: 0px;
}

.roles-box-sub-checks-general {
  background-color: #f7f8fa;
  border-radius: 8px;
  margin-bottom: 15px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.roles-box-sub-checks {
  margin-left: 28px;
  margin-bottom: 15px;
}

/* menu */
.roles-menu {
  position: sticky;
  top: 48px;
  padding-top: 20px;
  background-color: #e6ebf1;
  z-index: 90;
}
.roles-menu .st2-filters {
  margin-top: 0px;
}

.roles-menu-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cont2-full.ch2 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cont2-full.ch2 .nav3-geral {
  width: 100%;
}
.cont2-full.ch2 .title-page {
  width: 100%;
}

.ch2-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}

.ch2-year {
  position: relative;
  z-index: 90;
  overflow: auto;
  padding-left: 20px;
  padding-right: 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 44px;
}

.ch2-year-tx {
  position: sticky;
  font-size: 2rem;
  font-weight: lighter;
  line-height: 1.2em;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e6ebf1;
  z-index: 70;
  top: -15px;
  background-color: #fff;
  padding-top: 15px;
}

.ch2-info {
  margin-left: 20px;
  width: 310px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
@media (min-width: 768px) {
  .ch2-info .rc2-config-menu-link:first-child {
    border-top-left-radius: 16px;
  }
}
@media (min-width: 768px) {
  .ch2-info .rc2-config-menu-link:last-child {
    border-top-right-radius: 16px;
  }
}
@media (min-width: 768px) {
  .ch2-info .rc2-config-cont {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }
}
@media (max-width: 991px) {
  .ch2-info.recolhido {
    right: -310px;
  }
}
@media (max-width: 991px) {
  .ch2-info {
    position: fixed;
    z-index: 200;
    top: 48px;
    right: 0px;
    bottom: 0px;
    -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
            box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
    background-color: #fff;
    height: auto;
  }
}

.ch2-info-scroll {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}
@media (max-width: 991px) {
  .ch2-info-scroll {
    position: relative;
    z-index: 30;
    background-color: #fff;
  }
}

.ch2-info-cont {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #fff;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ch2-info-cont .bt2:last-child {
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .ch2-info-cont {
    border-radius: 0px;
    border-bottom: 2px dashed #c6d3e0;
  }
}

.ch2-calendar-general {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px 0px;
  border-radius: 16px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.ch2-calendar-title-general {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 24px;
}

.ch2-calendar-title {
  font-weight: bold;
  color: #35414b;
  font-size: 1.25rem;
  line-height: 1.1em;
}

.ch2-calendar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-template-rows: auto;
  gap: 20px;
  position: relative;
  z-index: 10;
}
@media (max-width: 479px) {
  .ch2-calendar {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}

.ch2-calendar-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.ch2-calendar-month-table {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
}

.ch2-calendar-month-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.ch2-calendar-day {
  width: 14.28571%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 5px;
  border-right: 1px solid #e6ebf1;
  border-bottom: 1px solid #e6ebf1;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 60px;
}
.ch2-calendar-day:first-child {
  border-left: 1px solid #e6ebf1;
}

.ch2-calendar-day.today {
  color: #fff !important;
}
.ch2-calendar-day.today:before {
  content: "";
  position: absolute;
  z-index: 5;
  background-color: #5f707e;
  right: auto;
  left: 50%;
  top: 6px;
  border-radius: 6px;
  bottom: auto;
  height: 24px;
  width: 30px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ch2-calendar-day.state-gap {
  color: #35414b;
}
.ch2-calendar-day.state-gap .ch2-calendar-day-price {
  color: #35414b;
}
.ch2-calendar-day.state-gap .ch2-calendar-day-bg {
  display: block;
  background-color: #f7ba22;
}

.ch2-calendar-day.block .ch2-calendar-day-bg {
  display: block;
  background: repeating-linear-gradient(-45deg, #e6ebf1, #e6ebf1 5px, #f7f8fa 5px, #f7f8fa 14px);
}
.ch2-calendar-day.block.first .ch2-calendar-day-bg {
  left: 45%;
  -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
}
.ch2-calendar-day.block.last .ch2-calendar-day-bg {
  right: 45%;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
}
.ch2-calendar-day.block.last.first:before {
  content: "";
  position: absolute;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%, 0% 100%);
  bottom: 1px;
  right: 45%;
  left: 1px;
  top: 1px;
  border-radius: 4px;
  background: repeating-linear-gradient(-45deg, #e6ebf1, #e6ebf1 5px, #f7f8fa 5px, #f7f8fa 14px);
  z-index: 1;
}
.ch2-calendar-day.block.last.first .ch2-calendar-day-bg {
  left: 45%;
  right: 1px;
  -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);
}

.ch2-calendar-day.deactivated {
  color: #c6d3e0;
  background-color: #f7f8fa;
}
.ch2-calendar-day.deactivated .ch2-calendar-day-price {
  color: #c6d3e0;
}

.ch2-calendar-day-bg {
  position: absolute;
  bottom: 1px;
  right: 1px;
  left: 1px;
  top: 1px;
  border-radius: 4px;
  display: none;
  z-index: 1;
}

.ch2-calendar-month-line:first-child .ch2-calendar-day {
  border-top: 1px solid #e6ebf1;
  position: relative;
}

.ch2-calendar-empty {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-right: 1px solid #e6ebf1;
  border-bottom: 1px solid #e6ebf1;
  position: relative;
  z-index: 80;
  background-color: #fff;
}

.ch2-calendar-month-line:last-child .ch2-calendar-day:last-child::before {
  content: "";
  position: absolute;
  left: 100%;
  width: 650%;
  z-index: 300;
  background-color: #fff;
  top: 0px;
  bottom: 0px;
  margin-left: 1px;
}

.ch2-calendar-day-tx {
  position: relative;
  z-index: 20;
  margin-bottom: 4px;
}

.ch2-calendar-day-price {
  font-size: 0.75rem;
  color: #acb7c2;
  z-index: 10;
  position: relative;
  line-height: 1.3em;
}

.ch2-calendar-day-reservation {
  text-decoration: none;
  background-color: #22b9b7;
  color: #fff;
  border-radius: 6px;
  position: absolute;
  padding: 4px 12px;
  bottom: 4px;
  -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
          box-shadow: 0px 0px 0px 2px #ffffff;
  cursor: pointer;
  left: calc(50% + 2px);
  z-index: 50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  white-space: nowrap;
  height: 27px;
  width: calc(100% - 4px);
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
          transform: skewX(-20deg);
}
.ch2-calendar-day-reservation.block {
  background: repeating-linear-gradient(-58deg, #5f707e, #5f707e 7px, #82929e 7px, #82929e 15px);
}
.ch2-calendar-day-reservation.first {
  left: calc(-50% + 2px);
}
.ch2-calendar-day-reservation.early {
  margin-left: -97%;
  margin-bottom: 3px;
  z-index: 20;
  background-color: #4a5964;
  height: 21px;
  font-size: 12px;
  padding: 2px 12px;
  width: 140%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ch2-calendar-day-reservation.early .ch2-calendar-day-reservation-tx {
  width: auto;
}
.ch2-calendar-day-reservation.late {
  margin-left: -47%;
  margin-bottom: 3px;
  z-index: 20;
  background-color: #4a5964;
  height: 21px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 2px 12px;
  font-size: 12px;
  width: 140%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ch2-calendar-day-reservation.late .ch2-calendar-day-reservation-tx {
  width: auto;
}
.ch2-calendar-day-reservation.size2 {
  width: calc(200% - 8px);
}
.ch2-calendar-day-reservation.size3 {
  width: calc(300% - 8px);
}
.ch2-calendar-day-reservation.size4 {
  width: calc(400% - 8px);
}
.ch2-calendar-day-reservation.size5 {
  width: calc(500% - 8px);
}
.ch2-calendar-day-reservation.size6 {
  width: calc(600% - 8px);
}
.ch2-calendar-day-reservation.size7 {
  width: calc(700% - 8px);
}

.last-of-week .ch2-calendar-day-reservation.early {
  margin-left: 5%;
}

.first-of-week .ch2-calendar-day-reservation.late {
  left: calc(50% + 2px);
  margin-left: -125%;
}

.ch2-calendar-day-reservation-tx {
  overflow: hidden;
  width: 100%;
  -webkit-transform: skewX(20deg);
      -ms-transform: skewX(20deg);
          transform: skewX(20deg);
}

.ch2-calendar-month-line.title {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.ch2-calendar-month-line.title .ch2-calendar-day {
  border: none;
  height: auto;
  color: #acb7c2;
}
.ch2-calendar-month-line.title .ch2-calendar-day .ch2-calendar-day-tx {
  margin: 0;
}

.ch2-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 100;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
}
.ch2-top .inp {
  color: #5f707e;
  margin-bottom: 0px;
}
.ch2-top select {
  padding-right: 44px;
}
.ch2-top .inp-i {
  bottom: 1px;
}
.ch2-top .inp-fora {
  margin-right: 10px;
  margin-bottom: 10px;
}

.hc2-dropdown-cont .inp-fora {
  margin-right: 0px;
  margin-bottom: 10px;
}

.ch2-top-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.ch2-top-filters-space {
  height: 44px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .ch2-top-filters-space {
    width: 100%;
    height: 0px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

.hc2-top-filters-btn {
  margin-right: 10px;
  text-decoration: none;
  height: 44px;
  padding: 6px 16px;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #fff;
  color: #5f707e;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
.hc2-top-filters-btn:hover {
  color: #35414b;
  background-color: #f7f8fa;
}

.ch2-top-filters-year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  min-height: 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.ch2-top-filters-year-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  padding: 10px;
  margin-left: -10px;
  cursor: pointer;
}
.ch2-top-filters-year-bt:hover {
  color: #acb7c2;
}
.ch2-top-filters-year-bt.right {
  margin-left: 0px;
  margin-right: -10px;
}

.ch2-top-filters-year-tx {
  font-size: 2rem;
  font-weight: lighter;
  line-height: 1.2em;
  padding-left: 5px;
  padding-right: 5px;
}

.ch2-top-filters-house {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-right: 10px;
  min-height: 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.ch2-top-filters-house .hc2-dropdown {
  margin: 0;
}

.ch2-top-filters-house-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  height: 44px;
  padding: 6px 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #fff;
  color: #5f707e;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.ch2-top-filters-house-bt:hover {
  color: #acb7c2;
}

.hc2-dropdown .check2-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  float: none;
}
.hc2-dropdown .check2:last-child {
  margin-bottom: 0px;
}
.hc2-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 10px;
  margin-right: 10px;
}

.hc2-dropdown-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  height: 44px;
  padding: 6px 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid #c6d3e0;
  border-radius: 8px;
  background-color: #fff;
  color: #5f707e;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.hc2-dropdown-menu:hover {
  color: #35414b;
  background-color: #f7f8fa;
}

.hc2-dropdown-menu-i {
  margin-left: 10px;
  font-size: 15px;
}

.hc2-dropdown-menu-i.seta {
  font-size: 0.6rem;
}

.hc2-dropdown-menu-img {
  height: 32px;
  width: 32px;
  margin-right: 10px;
  border-radius: 50px;
  background-image: url("../../images/sem-img.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-left: -5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.hc2-dropdown-menu-tx {
  overflow: hidden;
  max-height: 1.25rem;
}

.hc2-dropdown-cont-geral {
  position: absolute;
  top: calc(100% + 5px);
  z-index: 70;
  right: 0px;
  display: none;
  min-width: 300px;
}
@media (max-width: 767px) {
  .hc2-dropdown-cont-geral {
    right: auto;
    left: 0px;
  }
}

.hc2-dropdown-cont {
  padding: 20px;
  background-color: #fff;
  color: #5f707e;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 15px 0 rgba(10, 17, 22, 0.15);
  min-width: 180px;
  text-align: left;
  height: 100%;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.hc2-dropdown-cont-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  text-decoration: none;
  color: #5f707e;
  margin-left: -20px;
  margin-right: -20px;
}
.hc2-dropdown-cont-link:hover {
  color: #35414b;
  background-color: #f7f8fa;
}
.hc2-dropdown-cont-link .hc2-dropdown-menu-img {
  margin-left: 0px;
}

.hc2-dropdown-cont-link-tx {
  overflow: hidden;
  max-height: 2.5rem;
}

.bt2.ch2-info-bt-responsive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  padding: 10px 16px 10px 20px;
  margin-bottom: 0px;
  background-color: #fff;
  color: #5f707e;
  width: auto;
  position: absolute;
  right: 100%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  top: 20px;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
  z-index: 20;
}
@media (min-width: 992px) {
  .bt2.ch2-info-bt-responsive {
    display: none;
  }
}
.bt2.ch2-info-bt-responsive .bt-i {
  margin: 0px;
  font-size: 1rem;
}

.ch2-date-day-state-select {
  position: absolute;
  border-top: 2px solid #4a5964;
  border-bottom: 2px solid #4a5964;
  left: -1px;
  top: 1px;
  z-index: 90;
  pointer-events: none;
  bottom: 1px;
  right: -1px;
  background-color: rgba(198, 211, 224, 0.2);
}
.ch2-date-day-state-select.first {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 2px solid #4a5964;
}
.ch2-date-day-state-select.last {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 2px solid #4a5964;
}

/* ===== calendar day small  ===== */
.ch2-day-small .ch2-calendar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.ch2-day-small .ch2-year {
  padding: 0px;
}
.ch2-day-small .ch2-calendar-day-tx {
  font-size: 0.75rem;
  color: #acb7c2;
  position: absolute;
  top: 4px;
  left: 7px;
}
.ch2-day-small .ch2-calendar-day-price {
  font-size: 1rem;
  color: #5f707e;
}
.ch2-day-small .ch2-calendar-month-line.hover .ch2-calendar-day .ch2-calendar-day-bg {
  display: block;
  background-color: #e6ebf1;
}
.ch2-day-small .ch2-calendar-day.hover .ch2-calendar-day-bg {
  display: block;
  background-color: #e6ebf1;
}
.ch2-day-small .ch2-calendar-day {
  height: 40px;
}
.ch2-day-small .ch2-calendar-day.green .ch2-calendar-day-bg {
  display: block;
  background-color: rgba(96, 226, 224, 0.4) !important;
}
.ch2-day-small .ch2-calendar-day.green * {
  color: #092f2f;
}
.ch2-day-small .ch2-calendar-day.red .ch2-calendar-day-bg {
  display: block;
  background-color: rgba(253, 164, 182, 0.4) !important;
}
.ch2-day-small .ch2-calendar-day.red * {
  color: #bd134a;
}
.ch2-day-small .ch2-calendar-month-line.title .ch2-calendar-day .ch2-calendar-day-tx {
  position: relative;
}

.ch2-calendar-day .ch2-calendar-day-reservation.ec {
  display: none;
}

.ch2-calendar-day:has(.ch2-calendar-day-reservation.ec) + .ch2-calendar-day .ch2-calendar-day-reservation.ec,
.ch2-calendar-day.last-of-week .ch2-calendar-day-reservation.ec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ch2-calendar-day:has(a.ch2-calendar-day-reservation.date) .ch2-calendar-day-reservation.ec {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-left: -97%;
}

.ch2-calendar-day.first-of-week:has(a.ch2-calendar-day-reservation.date) .ch2-calendar-day-reservation.lc {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-left: -47%;
}

.nr2-listagem-casa {
  padding: 20px;
  border-radius: 16px;
  background-color: #f7f8fa;
  margin: 20px 0px;
}
.nr2-listagem-casa.error {
  -webkit-box-shadow: inset 0px 0px 0px 3px #f3406d;
          box-shadow: inset 0px 0px 0px 3px #f3406d;
}

.nr2-listagem-error {
  color: #f3406d;
  font-weight: bold;
  margin-bottom: 10px;
}

.nr2-listagem-casa:has(.w--open) {
  position: relative;
  z-index: 700;
}

.nr2-listagem-casa-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 767px) {
  .nr2-listagem-casa-cont {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.nr2-listagem-casa-filtros-item {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
@media (min-width: 480px) {
  .nr2-listagem-casa-filtros-item {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
.nr2-listagem-casa-filtros-item .check2 {
  margin-right: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
}

.nr2-listagem-img {
  width: 160px;
  height: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  border-radius: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 480px) {
  .nr2-listagem-img {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
@media (max-width: 479px) {
  .nr2-listagem-img {
    margin-right: auto;
  }
}
.nr2-listagem-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 480px) {
  .nr2-listagem-cont {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.nr2-listagem-title {
  font-size: 1.4rem;
  line-height: 1.2em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .nr2-listagem-title {
    margin-right: auto;
  }
}

.nr2-listagem-div {
  height: 1px;
  background-color: #c6d3e0;
  width: 100%;
}
@media (min-width: 768px) {
  .nr2-listagem-div {
    display: none;
  }
}

.nr2-listagem-price {
  background-color: #f7f8fa;
  padding-right: 30px;
  padding-left: 20px;
  border-left: 1px solid #c6d3e0;
  border-right: 1px solid #c6d3e0;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-left: auto;
  min-width: 200px;
  text-align: right;
}
@media (max-width: 767px) {
  .nr2-listagem-price {
    padding-left: 0px;
    border-left: none;
    border-right: none;
    min-width: 0px;
  }
}
.nr2-listagem-price .popin-fora {
  display: inline-block;
  top: -17px;
  margin-left: -26px;
  width: 22px;
  right: -22px;
}
.nr2-listagem-price .popin-bt {
  margin-top: 0px;
}
.nr2-listagem-price .popin-cont {
  bottom: auto;
  top: 100%;
  margin-top: -5px;
  background-color: #f7f8fa;
  color: #5f707e;
  font-size: inherit;
  white-space: normal;
}
.nr2-listagem-price .popin-cont .listagem-preco-mais {
  padding: 5px;
  padding-top: 0px;
  border: none;
}
.nr2-listagem-price .popin-seta {
  background-color: #f7f8fa;
  top: -2px;
  bottom: auto;
}

.nr2-listagem-price-titulo {
  color: #35414b;
  font-size: 1.75rem;
  line-height: 1em;
  font-weight: 700;
  display: inline-block;
}

.nr2-listagem-bts {
  border-radius: 16px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  width: 160px;
}
.nr2-listagem-bts .bt2 {
  margin-bottom: 0px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.nr2-listagem-bts .nr2-bt-remove .bt-i:last-child {
  margin-right: 0px;
}
.nr2-listagem-bts a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nr2-listagem-itens-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nr2-listagem-itens-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  margin-top: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nr2-listagem-itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e6ebf1;
  border-radius: 8px;
  color: #82929e;
  font-size: 0.75rem;
  line-height: 1.2em;
}

.nr2-listagem-itens-i {
  margin-right: 6px;
  font-size: 14px;
}

.nr2-listagem-itens-fora.destaque {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.nr2-listagem-itens.verde {
  color: #fff;
  background: #22b9b7;
}
.nr2-listagem-itens.azul {
  color: #fff;
  background: #11a8eb;
}
.nr2-listagem-itens.vermelho {
  color: #fff;
  background: #f3406d;
}
.nr2-listagem-itens.laranja {
  color: #fff;
  background: #ef7c43;
}
.nr2-listagem-itens.amarelo {
  color: #fff;
  background: #f7ba22;
}

.nr2-listagem-filtros-fora {
  top: 54px;
  z-index: 10;
  margin-right: 0px;
  margin-left: 0px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 16px;
  background-color: #c6d3e0;
  position: sticky;
  padding-left: 5px;
  padding-right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nr2-listagem-filtros-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nr2-listagem-filtros-item.last {
  margin-left: auto;
}

.nr2-listagem-filtros-item-space {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 479px) {
  .nr2-listagem-filtros-item-space {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    heigth: 1px;
  }
}

.er2-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media (max-width: 1440px) {
  .er2-general {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.er2-created {
  margin-top: -20px;
  font-style: italic;
  color: #82929e;
  margin-bottom: var(--space-4);
}

.er2-tabs {
  width: 100%;
  display: grid;
  grid-template-columns: auto 350px;
  grid-template-rows: auto auto;
  gap: var(--space-4);
}
@media (max-width: 1440px) {
  .er2-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.er2-tabs .tabs3-menu {
  grid-column: span 2/span 2;
  margin-bottom: var(--space-2);
  margin-top: 0;
}

.er2-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.er2-right {
  position: relative;
}
@media (max-width: 1440px) {
  .er2-right {
    width: 350px;
    position: fixed;
    z-index: 200;
    top: 48px;
    right: -350px;
    bottom: 0px;
    -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
            box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
    background-color: var(--white);
    height: auto;
  }
  .er2-right.open {
    right: 0px;
  }
}

.er2-right-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--space-4);
}
@media (max-width: 1440px) {
  .er2-right-scroll {
    display: block;
    position: relative;
    z-index: 30;
    height: 100%;
    overflow: auto;
    padding-top: var(--space-4);
    background-color: var(--white);
  }
}

.bt2.er2-right-bt-responsive {
  height: 48px;
  padding: 10px 16px 10px 20px;
  margin-bottom: 0px;
  background-color: var(--white);
  color: var(--gray-500);
  width: auto;
  position: absolute;
  right: 100%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  top: 20px;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
  z-index: 20;
  display: none;
  cursor: pointer;
}
@media (max-width: 1440px) {
  .bt2.er2-right-bt-responsive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.bt2.er2-right-bt-responsive .bt-i {
  margin: 0px;
  font-size: 1rem;
}

.er2-house {
  background-color: #fff;
  border-radius: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--space-4);
  gap: var(--space-4);
}
@media (max-width: 1440px) {
  .er2-house {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.er2-item {
  background-color: #fff;
  padding: 20px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-4);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.er2-item p {
  margin-bottom: 5px;
}
.er2-item p:last-child {
  margin-bottom: 0px;
}
.er2-item.er2-color {
  background-color: #35414b;
  color: #f7f8fa;
}
@media (max-width: 1440px) {
  .er2-item {
    margin-bottom: var(--space-4);
  }
}

.er2-item.er2-summary {
  color: var(--white);
  background-color: var(--green-500);
  background-image: linear-gradient(30deg, var(--blue-500) 0%, var(--green-500) 80%);
  text-align: center;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .er2-item.er2-summary {
    margin-left: var(--space-4);
    margin-right: var(--space-4);
  }
}

.er2-item.er2-paid {
  color: var(--white);
  background-color: var(--orange-500);
  background-image: linear-gradient(30deg, var(--red-500) 0%, var(--orange-500) 80%);
  text-align: center;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .er2-item.er2-paid {
    margin-left: var(--space-4);
    margin-right: var(--space-4);
  }
}

.er2-item.er2-paid:before,
.er2-item.er2-summary:before {
  content: "";
  right: -15%;
  top: -15%;
  bottom: -15%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.4)));
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  width: 40%;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}

.er2-internal-notes-bts-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-2);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.er2-internal-notes-bts-color .check2 {
  margin: 0;
  min-height: 24px;
}
.er2-internal-notes-bts-color .check2-bg.radio {
  width: 24px;
  height: 24px;
  opacity: 0.5;
}
.er2-internal-notes-bts-color .check2-i.radio {
  width: 24px;
  height: 24px;
}
.er2-internal-notes-bts-color .check2 input[type=radio]:checked ~ .check2-bg {
  opacity: 1;
}
.er2-internal-notes-bts-color .er2-green .check2-bg.radio {
  background-color: #22b9b7 !important;
}
.er2-internal-notes-bts-color .er2-blue .check2-bg.radio {
  background-color: #11a8eb !important;
}
.er2-internal-notes-bts-color .er2-yellow .check2-bg.radio {
  background-color: #f7ba22 !important;
}
.er2-internal-notes-bts-color .er2-red .check2-bg.radio {
  background-color: #f3406d !important;
}

.er2-internal-note.er2-green {
  background-color: #60e2e0;
  color: #35414b;
}
.er2-internal-note.er2-green .er2-edit-bt {
  background-color: #22b9b7;
}
@media (max-width: 1440px) {
  .er2-internal-note.er2-green {
    margin-left: var(--space-4);
    margin-right: var(--space-4);
  }
}

.er2-internal-note.er2-blue {
  background-color: #6ecbf4;
  color: #35414b;
}
.er2-internal-note.er2-blue .er2-edit-bt {
  background-color: #11a8eb;
}
@media (max-width: 1440px) {
  .er2-internal-note.er2-blue {
    margin-left: var(--space-4);
    margin-right: var(--space-4);
  }
}

.er2-internal-note.er2-yellow {
  background-color: #fade70;
  color: #35414b;
}
.er2-internal-note.er2-yellow .er2-edit-bt {
  background-color: #f7ba22;
}
@media (max-width: 1440px) {
  .er2-internal-note.er2-yellow {
    margin-left: var(--space-4);
    margin-right: var(--space-4);
  }
}

.er2-internal-note.er2-red {
  background-color: #fda4b6;
  color: #35414b;
}
.er2-internal-note.er2-red .er2-edit-bt {
  background-color: #f3406d;
}
@media (max-width: 1440px) {
  .er2-internal-note.er2-red {
    margin-left: var(--space-4);
    margin-right: var(--space-4);
  }
}

.er2-item-i {
  font-size: 20px;
}

.er2-item-delete {
  font-size: 18px;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid var(--gray-200);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  color: #82929e;
}
.er2-item-delete:hover {
  color: #f3406d;
}

/* ----- Status ----- */
.er2-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-1);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.er2-status-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 12px;
  border-radius: 8px;
  background-color: #acb7c2;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.2em;
}
.er2-status-item.green {
  background-color: #22b9b7;
}
.er2-status-item.blue {
  background-color: #11a8eb;
}
.er2-status-item.yellow {
  background-color: #f3406d;
}
.er2-status-item.red {
  background-color: #f3406d;
}

/* ----- property ----- */
.er2-property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  gap: var(--space-4);
  min-width: 55%;
  grid-area: title;
}
@media (max-width: 1440px) {
  .er2-property {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}
@media (max-width: 767px) {
  .er2-property {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.er2-house-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.er2-house-img {
  width: 170px;
  height: 130px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/sem-img-escuro.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 16px;
}

.er2-house-title {
  font-size: 1.75rem;
  line-height: 1.2em;
  font-weight: bold;
}

.er2-listagem-itens-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
}

.er2-listagem-itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--gray-200);
  border-radius: 8px;
  color: var(--gray-500);
  font-size: 0.75rem;
  line-height: 1.2em;
}

.er2-listagem-itens-i {
  margin-right: 6px;
  font-size: 14px;
}

.er2-house-bts {
  grid-area: bts;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 20px;
}

/* ----- date ----- */
.er2-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-3);
  position: relative;
  padding: var(--space-2);
  border-radius: 8px;
  border: solid 1px var(--gray-200);
  padding-right: var(--space-10);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 200px;
  grid-area: date;
}

.er2-date-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--space-2);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.er2-date-check {
  /* padding: 15px 20px */
  /* border: 1px solid $cinza8 */
  border-radius: 16px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.er2-date-tx {
  color: var(--gray-300);
}

.er2-date-date {
  font-weight: bold;
}

.er2-date-nights {
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
  color: #82929e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-style: italic;
}

.er2-more-info {
  color: var(--gray-300);
  font-size: 0.75rem;
  line-height: 1.2em;
  font-weight: normal;
  display: block;
  margin-top: var(--space-1);
}

.er2-edit-bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 50;
  font-size: 12px;
  text-decoration: none;
  width: 32px;
  height: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 38px;
  background-color: var(--gray-300);
  color: #fff;
  padding-left: 6px;
  padding-bottom: 5px;
}

/* ----- price ----- */

.er2-price-cont {
  /* text-align: center */
}

.er2-price-number {
  font-size: 1.875rem;
  line-height: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
}

/* ----- guest ----- */
.er2-guest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-3);
  padding: var(--space-3);
  border-radius: 8px;
  border: solid 1px var(--gray-200);
  word-break: break-all;
  grid-area: guest;
}

.er2-guest-title {
  margin-bottom: var(--space-1);
  font-size: 1.25rem;
  line-height: 1.2em;
  font-weight: bold;
}

/* ----- chacnel ----- */
.er2-chanel-code {
  border-radius: 8px;
  padding: 10px 12px;
  background-color: #e6ebf1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
}

.er2-chanel-bts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--space-2);
}

.er2-chanel-bt {
  font-size: 18px;
  line-height: 18px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--white);
  background-color: var(--gray-400);
  width: 40px;
  height: 40px;
  text-decoration: none;
}
.er2-chanel-bt.airbnb {
  background-color: #FF5A60;
}
.er2-chanel-bt.rental {
  background-color: #005AC2;
}
.er2-chanel-bt.booking {
  background-color: #003382;
}
.er2-chanel-bt.vrbo {
  background-color: #0E214B;
}
.er2-chanel-bt.expedia {
  background-color: #00355F;
}

/* ----- door ----- */

.er2-door-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-3);
  padding-right: var(--space-10);
}

/*  */
.er2-task .check2-tx {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.er2-task .check2 input[type=checkbox]:checked ~ .check2-tx div {
  color: var(--gray-400);
  text-decoration: line-through;
}
.er2-task .check2-tx .tx-p {
  text-decoration: none !important;
}
.er2-task .check2:last-child {
  margin-bottom: 0;
}

.er2-task-general .accordion-item {
  margin-top: var(--space-2);
  background-color: transparent;
}
.er2-task-general .accordion-nav {
  font-weight: bold;
  padding: 0;
}
.er2-task-general .accordion-nav-icon {
  margin-left: calc(var(--space-4) * -1);
}
.er2-task-general .accordion-cont {
  margin: 0;
  padding: 0;
}

/* ============ table =============== */
.er2-table-general {
  overflow: auto;
  position: relative;
}
.er2-table-general .er2-table {
  width: 100%;
}
.er2-table-general .er2-table-td {
  position: relative;
  padding: var(--space-2);
  height: 100%;
  vertical-align: middle;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.er2-table-general .er2-table-td.tx-dir {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.er2-table-general .er2-table-td.sub-line {
  padding-left: var(--space-7);
}
.er2-table-general .er2-table-td.sub-line::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 5px;
  height: 6px;
  border-left: 1px solid var(--gray-400);
  border-bottom: 1px solid var(--gray-400);
  top: -3px;
  margin-right: var(--space-2);
}
.er2-table-general .er2-table-td.sub-line.tx-vermelho::before {
  border-left: 1px solid var(--red-300);
  border-bottom: 1px solid var(--red-300);
}
.er2-table-general .er2-table-tr {
  border-radius: 8px;
  display: grid;
  grid-template-columns: 3fr 1fr 1fr;
  grid-template-rows: auto;
  padding-left: var(--space-2);
  padding-right: var(--space-2);
  margin-bottom: 2px;
}
.er2-table-general .er2-table-tr.sub-line {
  padding-left: var(--space-5);
}
.er2-table-general .er2-table-tr.sub-line .er2-table-td:first-child::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 5px;
  height: 6px;
  border-left: 1px solid var(--gray-400);
  border-bottom: 1px solid var(--gray-400);
  top: -3px;
  margin-right: var(--space-2);
}
.er2-table-general .er2-table-tr.sub-line.tx-vermelho .er2-table-td:first-child::before {
  border-left: 1px solid var(--red-300);
  border-bottom: 1px solid var(--red-300);
}
.er2-table-general .er2-table-tr:nth-child(odd),
.er2-table-general .er2-table-tr.title {
  background-color: var(--gray-50);
}
.er2-table-general .er2-table-tr.total,
.er2-table-general .er2-table-tr.title {
  font-weight: bold;
  color: var(--gray-900);
}
.er2-table-general .er2-table-td.bts-general {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.er2-table-general .er2-table-td.bts-general.tx-dir .bt2 {
  margin-left: var(--space-1);
}
.er2-table-general .er2-table-td.bts-general .bt2 {
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 14px;
  padding: var(--space-2);
  margin: 0;
  color: var(--gray-400);
  border-radius: 8px;
  background-color: var(--gray-100);
  min-height: 0;
  margin-top: var(--space-0\/5);
  margin-bottom: var(--space-0\/5);
}
.er2-table-general .er2-table-td.bts-general .bt2:hover {
  color: var(--gray-800);
  background-color: var(--gray-300);
}
.er2-table-general .er2-table-td.bts-general .bt2 .bt-i,
.er2-table-general .er2-table-td.bts-general .bt2 .bt2-i {
  margin: 0;
}
.er2-table-general .er2-table-dropdown {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.er2-table-general .er2-table-dropdown:hover {
  background-color: var(--gray-100);
}
.er2-table-general .er2-table-dropdown .er2-table-td {
  cursor: pointer;
}
.er2-table-general .er2-table-dropdown.open {
  background-color: var(--gray-100);
}
.er2-table-general .er2-table-dropdown.open .er2-table-td.bts-general .bt2 {
  background-color: var(--gray-200);
}
.er2-table-general .er2-table-dropdown.open .er2-table-dropdown-cont {
  display: block;
}
.er2-table-general .er2-table-dropdown-cont {
  display: none;
  padding: var(--space-4) var(--space-2) var(--space-2);
  grid-column: span 3/span 3;
}
.er2-table-general .table-dropdown-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-2);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.er2-table-general .table-dropdown-icon {
  width: var(--space-3);
  font-size: 9px;
  line-height: 9px;
  color: var(--gray-400);
  height: var(--space-4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.er2-table-general .table-dropdown-icon .icone2 {
  width: var(--space-2);
  height: var(--space-2);
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.er2-table-general tr.table-dropdown.open .icone2 {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.er2-table-general tr.table-dropdown.open td:before {
  background-color: var(--gray-100);
}

.chat-geral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 16px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 15px;
}

.chat-esq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 340px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 16px;
  max-height: 100%;
  background-color: #fff;
  margin-right: 15px;
}
@media (max-width: 991px) {
  .chat-esq {
    display: none;
    position: fixed;
    top: 48px;
    bottom: 0px;
    left: 0px;
    z-index: 900;
    -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
            box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
    border-radius: 0px;
    width: 100%;
    max-width: 340px;
  }
  .chat-esq.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.chat-meio {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.chat-meio-cont {
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}

.chat-meio-topo {
  background-color: #fff;
  border-radius: 16px;
  display: none;
  position: fixed;
  top: 58px;
  z-index: 500;
  height: 48px;
  left: 15px;
  right: 15px;
}
@media (max-width: 1440px) {
  .chat-meio-topo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.chat-meio-topo .bt2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  padding: 10px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin-bottom: 0px;
  margin-right: 20px;
  background-color: transparent;
  color: #5f707e;
  width: auto;
}
.chat-meio-topo .bt2:hover {
  color: #22b9b7;
}
.chat-meio-topo .bt2.messages {
  display: none;
}
@media (max-width: 991px) {
  .chat-meio-topo .bt2.messages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.chat-meio-topo .bt2.info {
  margin-left: auto;
  margin-right: 0px;
}

.chat-item-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 8px;
  text-decoration: none;
  color: #acb7c2;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-bottom: 20px;
  padding: 10px 70px 10px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.chat-item-link:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 10px;
  right: 10px;
  background-color: #e6ebf1;
  height: 1px;
}

.msg-i {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 18px;
  font-size: 0.625rem;
  line-height: 1em;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #22b9b7;
  border-radius: 40px;
  color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 2;
}

.chat-item-link:hover {
  background-color: #f7f8fa;
  /* .chat-item-more-link {
      display: flex;
      opacity: 1;
  }

  .msg-i {
      right: 34px;
      z-index: 30;
  } */
}

.chat-item-link-bt {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
  z-index: 2;
  cursor: pointer;
}

.chat-item-link.ativo {
  background-color: #e6ebf1;
  color: #5f707e;
}

.chat-item-link.msg-nova {
  color: #5f707e;
}

.chat-item-link-logo {
  position: relative;
  z-index: 8;
  height: 18px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 4px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  margin-top: -2px;
  margin-right: 7px;
}

.chat-item-link-tx {
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  width: 100%;
}

.chat-item-titulo {
  overflow: hidden;
  font-size: 0.875rem;
  height: 1rem;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  font-weight: bold;
}

.chat-item-tx {
  overflow: hidden;
  opacity: 0.6;
  max-height: 16px;
  font-size: 12px;
  line-height: 16px;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.chat-item-date {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.chat-item-date-tx {
  font-size: 0.625rem;
  line-height: 1em;
}

.chat-item-date-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 20;
}
.chat-item-date-status:before {
  content: "";
  position: absolute;
  left: 0;
  right: calc(50% + 8px);
  top: 7px;
  height: 2px;
  background-color: var(--green-500);
  border-radius: 12px;
  z-index: 0;
}
.chat-item-date-status:after {
  content: "";
  position: absolute;
  left: calc(50% + 8px);
  right: 0;
  top: 7px;
  height: 2px;
  background-color: var(--gray-200);
  border-radius: 12px;
  z-index: 0;
}

.chat-item-date-status-bg,
.chat-item-date-status-bg2,
.chat-item-date-status-bg3 {
  width: 6px;
  height: 6px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}

.chat-item-date-status-bg {
  background-color: var(--green-500);
}

.chat-item-date-status-bg2 {
  color: var(--gray-200);
  font-size: 11px;
  width: 16px;
  height: 16px;
}

.chat-item-date-status-bg3 {
  background-color: var(--gray-200);
}

.chat-item-date-status.in .chat-item-date-status-bg2 {
  color: var(--green-500);
}

.chat-item-date-status.out .chat-item-date-status-bg2 {
  color: var(--green-500);
}

.chat-item-date-status.out .chat-item-date-status-bg3 {
  background-color: var(--green-500);
}

.chat-item-date-status.out:after {
  background-color: var(--green-500);
}

.chat-conversa {
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 16px;
  padding: 0px;
}

.chat-conversa.log {
  padding-bottom: 5px;
}

.chat-conversa-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  z-index: 500;
  position: fixed;
  top: auto;
  left: 380px;
  right: 380px;
  bottom: 15px;
}
@media (max-width: 1440px) {
  .chat-conversa-input {
    right: 15px;
  }
}
@media (max-width: 991px) {
  .chat-conversa-input {
    left: 15px;
  }
}
@media (max-width: 479px) {
  .chat-conversa-input .inp.chat-inp {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

.chat-conversa-input-line {
  position: absolute;
  top: 0px;
  left: 15px;
  right: 15px;
  height: 1px;
  background-color: #e6ebf1;
}

.chat-enviar {
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  height: 44px;
  padding-top: 1px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 60px;
  background-color: #22b9b7;
  color: #f7f8fa;
  font-size: 17px;
  text-decoration: none;
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
  top: 15px;
  right: 20px;
  margin-left: auto;
}

.chat-enviar + .chat-enviar {
  margin-left: 0px;
}

.chat-conversa-item {
  margin-bottom: 20px;
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  padding-left: 55px;
  gap: 6px;
}

.chat-conversa-item.esq .chat-conversa-texto {
  border-top-left-radius: 0;
}
.chat-conversa-item.esq .chat-conversa-texto-seta {
  position: absolute;
  top: 0px;
  left: -10px;
  width: 10px;
  height: 10px;
  -webkit-clip-path: polygon(100% 0, 38% 0, 100% 100%);
          clip-path: polygon(100% 0, 38% 0, 100% 100%);
  background-color: #c6d3e0;
}
.chat-conversa-item.esq .chat-conversa-texto ~ .chat-conversa-texto {
  border-top-left-radius: 8px;
}
.chat-conversa-item.esq .chat-conversa-texto ~ .chat-conversa-texto .chat-conversa-texto-seta {
  display: none;
}

.chat-conversa-item.dir {
  padding-left: 0;
  padding-right: 55px;
  margin-right: 0;
  margin-left: auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.chat-conversa-item.dir .chat-conversa-img {
  background-color: #fff;
  left: auto;
  right: 0px;
}
.chat-conversa-item.dir .chat-conversa-nome-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat-conversa-item.dir .chat-conversa-texto {
  background-color: #fff;
  border-top-right-radius: 0;
}
.chat-conversa-item.dir .chat-conversa-texto-seta {
  position: absolute;
  top: 0px;
  right: -10px;
  width: 10px;
  height: 10px;
  -webkit-clip-path: polygon(0 0, 62% 0, 0 100%);
          clip-path: polygon(0 0, 62% 0, 0 100%);
  background-color: #fff;
}
.chat-conversa-item.dir .chat-conversa-texto ~ .chat-conversa-texto {
  border-top-right-radius: 8px;
}
.chat-conversa-item.dir .chat-conversa-texto ~ .chat-conversa-texto .chat-conversa-texto-seta {
  display: none;
}

.chat-conversa-item.coment2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-left: 0px;
}

.chat-conversa-item.system {
  padding-left: 0px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chat-conversa-item.system .chat-conversa-nome-general,
.chat-conversa-item.system .chat-conversa-texto,
.chat-conversa-item.system .chat-log-item {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.chat-conversa-item.new-mensage {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #acb7c2;
  padding-left: 0px;
  width: 100%;
}

.chat-conversa-item.date {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: sticky;
  top: 0px;
  z-index: 30;
  color: #acb7c2;
  padding-left: 0px;
  background-color: #e6ebf1;
  width: 100%;
}

.chat-new-mensage-line {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  background-color: #c6d3e0;
}

.chat-new-mensage-text {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 0.75rem;
}

.chat-conversa-texto {
  position: relative;
  border-radius: 12px;
  z-index: 3;
  background-color: #c6d3e0;
  padding: 10px 15px;
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  word-wrap: break-word;
}

.chat-conversa-item.log {
  width: 100%;
}
.chat-conversa-item.log .chat-conversa-texto-seta {
  display: none;
}

.chat-conversa-item.log .chat-conversa-texto {
  background-color: #4a5964;
  color: #f7f8fa;
  width: 100%;
}

.chat-conversa-item.log {
  padding-left: 0px;
}

.chat-conversa-data {
  text-transform: uppercase;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 0.625rem;
  line-height: 1em;
  opacity: 0.6;
}

.chat-procurar {
  position: relative;
  padding: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.chat-procurar-i {
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 20px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #acb7c2;
}

.chat-perfil-geral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-bottom: 1px solid #35414b;
  background-color: #4a5964;
  color: #f7f8fa;
}

.chat-perfil-nome {
  display: inline;
  margin-right: 5px;
}

.chat-perfil {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.chat-perfil-data {
  width: 100%;
  margin-top: 2px;
  color: #82929e;
  font-size: 10px;
  line-height: 14px;
}

.chat-perfil-bt {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-bottom: -4px;
  margin-left: 3px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  background-color: #82929e;
  color: #f7f8fa;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
}

.chat-perfil-bt.perfil {
  font-size: 8px;
}

.chat-itens-scroll {
  overflow: auto;
  padding: 0px 10px 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.chat-link-data {
  position: absolute;
  top: 10px;
  color: #acb7c2;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 10px;
}

.chat-perfil-checking {
  width: 100%;
  margin-top: 2px;
  color: #acb7c2;
  font-size: 12px;
  line-height: 16px;
}

.chat-modelos-geral {
  position: static;
  display: block;
  padding: 0px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: 0px;
  margin-right: 0px;
}
@media (max-width: 479px) {
  .chat-modelos-geral {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.chat-modelos-drop-bt {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  height: 44px;
  padding: 1px 0px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 80px;
  background-color: #c6d3e0;
  color: #82929e;
}

.chat-modelos-drop {
  left: 20px;
  top: auto;
  bottom: 100%;
  z-index: 20;
  margin-bottom: -6px;
  padding-top: 0px;
  padding-bottom: 5px;
  background-color: transparent;
  right: 20px;
  width: auto;
  min-width: 0;
}

.chat-modelos-cont {
  position: relative;
  overflow: auto;
  max-height: 65vh;
  border-color: #c6d3e0;
  background-color: #f7f8fa;
  -webkit-box-shadow: 0 -10px 15px 0 rgba(17, 30, 37, 0.15);
          box-shadow: 0 -10px 15px 0 rgba(17, 30, 37, 0.15);
  color: #c6d3e0;
  z-index: 10;
  border-radius: 12px;
}

.chat-modelos-cont-i {
  position: absolute;
  left: 19px;
  bottom: 2px;
  z-index: 20;
  width: 7px;
  height: 7px;
  background-color: #f7f8fa;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.chat-ai .chat-modelos-cont-i {
  left: 75px;
}

.chat-modelos-bt {
  position: relative;
  z-index: 10;
  width: 100%;
  padding: 10px;
  float: left;
  color: #82929e;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
}

.chat-modelos-bt:hover {
  color: #111e25;
}

.chat-ai .chat-modelos-bt:hover {
  color: #82929e !important;
}

.chat-ai .chat-modelos-bt-geral {
  padding-top: 10px;
  padding-bottom: 0px;
  border: none;
}

.chat-modelos-bt-geral-ai-bts {
  padding: 15px;
}
@media (min-width: 480px) {
  .chat-modelos-bt-geral-ai-bts .bt2 {
    margin: 0px;
  }
}

.chat-modelos-bt-tx {
  overflow: hidden;
}

.chat-perfil-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.chat-perfil-fora.casa {
  width: 60%;
  padding-right: 0px;
  padding-left: 20px;
  border-left: 1px solid #35414b;
}

.chat-modelos-bt-geral {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1px 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #c6d3e0;
}

.chat-modelos-bt-i {
  display: none;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  color: #acb7c2;
  font-size: 12px;
  text-decoration: none;
}

.chat-modelos-bt-i:hover {
  color: #111e25;
}

.chat-conversa-nome-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.chat-conversa-nome-general .chat-tag {
  margin-bottom: 0px;
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.chat-conversa-nome {
  font-weight: 700;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.chat-conversa-img {
  position: absolute;
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 90px;
  background-color: var(--gray-300);
  background-position: 50% 50%;
  background-size: contain;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  font-size: 1rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  padding-top: 1px;
}

.chat-conversa-status {
  padding: 6px 10px;
  border-radius: 8px;
  background-color: #82929e;
  color: #f7f8fa;
  font-size: 0.75rem;
  line-height: 1.2em;
  display: inline-block;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.chat-conversa-status.cinza-claro {
  background-color: #acb7c2;
  color: #fff;
}
.chat-conversa-status.verde {
  background-color: var(--green-500);
  color: #fff;
}
.chat-conversa-status.vermelho {
  background-color: var(--red-500);
  color: #fff;
}
.chat-conversa-status.azul {
  background-color: var(--blue-500);
  color: #fff;
}
.chat-conversa-status.amarelo {
  background-color: var(--yellow-500);
  color: #212d36;
}
.chat-conversa-status.laranja {
  background-color: var(--orange-500);
  color: #fff;
}
.chat-conversa-status.roxo {
  background-color: var(--purple-500);
  color: #fff;
}

.chat-log-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.chat-log-bg1 {
  position: relative;
  z-index: 2;
  width: 9px;
  height: 9px;
  margin-right: 5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border: 2px solid #c6d3e0;
  border-radius: 20px;
  background-color: #82929e;
  margin-bottom: 2px;
}

.chat-log-bg2 {
  display: none;
  position: absolute;
  left: 4px;
  top: 0px;
  bottom: 0px;
  z-index: 1;
  width: 1px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: #82929e;
}

.chat-conversa-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  container: cardContainer/inline-size;
  padding-right: 10px;
}

.chat-float-geral {
  position: fixed;
  top: 48px;
  right: 0px;
  z-index: 900;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
  background-color: #f7f8fa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: calc(100% - 48px);
}
.chat-float-geral .w-tab-pane,
.chat-float-geral .chat-geral {
  height: 100%;
}
.chat-float-geral .w-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-float-geral .w-tab-content {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chat-float-geral .chat-meio {
  height: calc(100vh - 270px);
}

.chat-float-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.chat-float-menu-cont {
  height: 100%;
  width: 340px;
  background-color: #f7f8fa;
  padding: 20px;
}

.chat-float-bt {
  left: -50px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  text-decoration: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  font-size: 18px;
  top: 70px;
  z-index: 500;
  color: #e6ebf1;
  background-color: #4a5964;
}
.chat-float-bt:hover {
  background-color: #82929e;
}

.chat-float-cont-geral {
  width: 100%;
  height: 100%;
}

.chat-page {
  padding: 48px 0px 0px;
}
.chat-page .form,
.chat-page .form-cont {
  height: 100%;
}
.chat-page .chat-geral {
  margin: 0px;
  border: none;
  border-radius: 0px;
  background-color: #e6ebf1;
  height: 100%;
}
@media (max-width: 1440px) {
  .chat-page .chat-geral {
    padding-top: 68px;
  }
}
.chat-page .chat-meio {
  height: 100%;
  padding-bottom: 70px;
}
@media (max-width: 479px) {
  .chat-page .chat-meio {
    padding-bottom: 120px;
  }
}
.chat-page .menu-topo-logo-fora {
  margin-right: auto;
}

.chat-dir {
  width: 340px;
  padding: 20px;
  border-radius: 16px;
  background-color: #fff;
  max-height: 100%;
  overflow: auto;
  margin-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media (max-width: 1440px) {
  .chat-dir {
    display: none;
    position: fixed;
    top: 48px;
    bottom: 0px;
    right: 0px;
    z-index: 900;
    -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
            box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
    border-radius: 0px;
    width: 100%;
    max-width: 340px;
  }
  .chat-dir.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.chat-dir .check-linha {
  border: none;
}
.chat-dir .espaco.c-linha {
  border-bottom: 1px solid #e6ebf1;
}

.chat-tag {
  font-size: 0.625rem;
  border-radius: 4px;
  color: #acb7c2;
  line-height: 1em;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 4px;
}
.chat-tag.cinza-claro {
  color: #acb7c2;
}
.chat-tag.verde {
  color: #22b9b7;
}
.chat-tag.vermelho {
  color: #f3406d;
}
.chat-tag.azul {
  color: #11a8eb;
}
.chat-tag.amarelo {
  color: #f7ba22;
}
.chat-tag.laranja {
  color: #ef7c43;
}

.chat-info-guest {
  position: relative;
}

.chat-info-guest-name {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.2em;
  margin-bottom: 5px;
}

.chat-info-house {
  position: relative;
  padding-left: 55px;
}
.chat-info-house .listagem-tx-itens {
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 0px;
  border: none;
  background-color: transparent;
  background: none;
}
.chat-info-house .listagem-tx-itens-fora {
  margin-right: -15px;
  margin-bottom: -15px;
}

.chat-info-house-img {
  width: 40px;
  height: 40px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 50px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/sem-img-escuro.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 10;
}

.chat-info-house-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.chat-info-booking {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.chat-info-booking .check-linha {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.chat-info-booking-stay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  border: 1px solid #e6ebf1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.chat-info-booking-stay.stay-out {
  border-top: none;
  border-radius: 0px 0px 8px 8px;
}

.chat-info-booking-stay-tx {
  margin-right: 10px;
}

.chat-info-booking-stay-date {
  margin-left: auto;
  font-weight: bold;
}

.chat-info-booking-stay-nights {
  color: #acb7c2;
  font-size: 0.75rem;
  margin-top: 2px;
}

.chat-item-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #acb7c2;
  font-size: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0px 10px;
  text-align: right;
  margin-bottom: 5px;
}

.chat-item-div:before {
  content: "";
  position: absolute;
  top: -9px;
  left: 10px;
  right: 10px;
  background-color: #e6ebf1;
  height: 1px;
}

.chat-item-div.archived {
  padding: 8px 10px;
  text-decoration: none;
  border-radius: 8px;
  background-color: #e6ebf1;
  margin-left: 10px;
  margin-right: 10px;
  color: #82929e;
  margin-bottom: 10px;
}
.chat-item-div.archived:hover {
  background-color: #c6d3e0;
}

.chat-item-div.archived:before {
  left: 0px;
  right: 0px;
}

.chat-item-div-icon {
  margin-right: 7px;
}

.chat-item-more {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 18px;
  height: 18px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 10;
}

.chat-item-more-link {
  padding: 0px;
  float: right;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #c6d3e0;
  font-size: 10px;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0;
  z-index: 10;
}

.chat-item-more-drop {
  top: 100%;
  padding-top: 8px;
  min-width: 170px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  background-color: transparent;
  right: -10px;
}

.chat-item-more-drop-arrow {
  position: absolute;
  top: 5px;
  right: 14px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background-color: #35414b;
  -webkit-transform: rotate(15deg) rotate(15deg) rotate(15deg);
      -ms-transform: rotate(15deg) rotate(15deg) rotate(15deg);
          transform: rotate(15deg) rotate(15deg) rotate(15deg);
}

.chat-item-more-drop-cont {
  padding-top: 4px;
  padding-bottom: 4px;
  border-top: 1px solid #111e25;
  background-color: #35414b;
  border-radius: 8px;
  -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
          box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
}

.chat-item-more-drop-cont-link {
  position: relative;
  z-index: 3;
  display: block;
  padding: 5px 12px;
  color: #acb7c2;
  text-decoration: none;
  font-size: 0.75rem;
}
.chat-item-more-drop-cont-link:hover {
  color: #fff;
}

.chat-filters {
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 38px;
  height: 38px;
}

.chat-filters-btn {
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  color: #acb7c2;
}

.chat-filters-drop {
  left: 100%;
  top: 0px;
  padding-left: 10px;
  background-color: transparent;
}
@media (max-width: 767px) {
  .chat-filters-drop {
    left: auto;
    right: 0px;
  }
}

.chat-filters-drop-arrow {
  position: absolute;
  top: 14px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background-color: #fff;
  -webkit-transform: rotate(15deg) rotate(15deg) rotate(15deg);
      -ms-transform: rotate(15deg) rotate(15deg) rotate(15deg);
          transform: rotate(15deg) rotate(15deg) rotate(15deg);
  left: 7px;
  display: none;
}

.chat-filters-drop-cont {
  background-color: #fff;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  width: 310px;
  max-height: 80vh;
  -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
          box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
  padding: 20px 20px 10px;
  border-radius: 16px;
}

.chat-modelos-drop-x {
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: -50px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  background: #f7f8fa;
  -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
          box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
  z-index: 30;
  border-radius: 50px;
}

@container cardContainer (max-width: 390px) {
  .inp.chat-inp {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .chat-conversa-img {
    width: 30px;
    height: 30px;
    font-size: 0.75rem;
  }
  .chat-conversa-item {
    padding-left: 45px;
  }
  .chat-conversa-item.dir {
    padding-right: 45px;
  }
}
/* Chat Guest */
body:has(.chat-guest-page) {
  padding: 0;
  height: 100%;
}

.chat-guest-page {
  padding: 0;
  height: 100%;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.chat-guest-page .chat-geral {
  margin: 0 auto;
  width: 100%;
  padding-top: 15px;
  max-height: 100vh;
}
@media (max-width: 991px) {
  .chat-guest-page .chat-geral {
    padding-top: 83px;
  }
}
.chat-guest-page .form-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.chat-guest-page .chat-meio-topo {
  display: none;
  top: 15px;
}
@media (max-width: 991px) {
  .chat-guest-page .chat-meio-topo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.chat-guest-page .chat-conversa-input {
  left: 15px;
  max-width: 1050px;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .chat-guest-page .chat-conversa-input {
    right: 380px;
  }
}
@media (max-width: 991px) {
  .chat-guest-page .chat-conversa-input {
    right: 15px;
  }
}
.chat-guest-page .chat-dir {
  width: 340px;
  padding: 20px;
  border-radius: 16px;
  background-color: #fff;
  max-height: 100%;
  overflow: auto;
  margin-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  top: 0px;
}
@media (max-width: 991px) {
  .chat-guest-page .chat-dir {
    display: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 900;
    -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
            box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.13);
    border-radius: 0px;
    width: 100%;
    max-width: 340px;
  }
  .chat-guest-page .chat-dir.active {
    display: block;
  }
}

.chat-guest-logo {
  margin-right: 20px;
}
.chat-guest-logo img {
  max-width: 100px;
  position: relative;
  z-index: 10;
}

.chat-guest-logo-bg {
  position: absolute;
  background-color: var(--green-500);
  width: 90px;
  height: 60px;
  top: 0px;
  left: 0px;
  border-top-left-radius: 16px;
}
@media (max-width: 991px) {
  .chat-guest-logo-bg {
    border-top-left-radius: 0px;
  }
}
.chat-guest-logo-bg:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #fff;
  border-top-left-radius: 100%;
}

.chat-meio-topo-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--space-2) var(--space-3);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.chat-meio-topo-info-tx:first-child {
  padding-right: var(--space-2);
  margin-right: var(--space-2);
  border-right: 1px solid var(--gray-100);
}

.chat-geral.chat-reservation {
  position: relative;
}
.chat-geral.chat-reservation .chat-meio {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chat-geral.chat-reservation .chat-conversa-input {
  position: relative;
  background-color: #f7f8fa;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
}
.chat-geral.chat-reservation .chat-conversa-img {
  display: none;
}
.chat-geral.chat-reservation .chat-conversa-item {
  padding-left: 20px;
}
.chat-geral.chat-reservation .chat-conversa-item.dir {
  padding-left: 0px;
  padding-right: 20px;
}

.chat-in-tab .chat-conversa-input {
  position: relative;
  top: auto;
  bottom: auto;
  right: auto;
  left: auto;
  padding-top: 20px;
  margin-bottom: 20px;
}
.chat-in-tab .chat-conversa-input-line {
  top: 0px;
  left: 0px;
  right: 0px;
}
.chat-in-tab .chat-conversa {
  max-height: 60vh;
  border-radius: 0;
}

/* ========== box-cont chat ========= */
.box-cont .chat-meio .chat-meio-cont {
  border-radius: 0px;
}
.box-cont .chat-meio .inp {
  background-color: var(--gray-100);
}
.box-cont .chat-meio .chat-conversa-img {
  border: 2px solid var(--gray-100);
}
.box-cont .chat-meio .chat-conversa-img.c-tx {
  border: 2px solid var(--gray-300);
}
.box-cont .chat-meio .chat-conversa-item.dir .chat-conversa-texto,
.box-cont .chat-meio .chat-conversa-item.dir .chat-conversa-texto-seta {
  background-color: var(--gray-100);
}
.box-cont .chat-meio .chat-conversa-item {
  background-color: var(--white);
}

.bs2-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (max-width: 1440px) {
  .bs2-boxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.bs2-boxes-left {
  width: 70%;
}
@media (max-width: 1440px) {
  .bs2-boxes-left {
    width: 100%;
  }
}

.bs2-boxes-right {
  width: 30%;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 20px;
  z-index: 50;
}
@media (max-width: 1440px) {
  .bs2-boxes-right {
    padding-left: 0px;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: sticky;
    top: auto;
    bottom: 0px;
  }
}
.bs2-boxes-right .box-cont {
  position: sticky;
  top: 58px;
}
@media (max-width: 1440px) {
  .bs2-boxes-right .box-cont {
    position: relative;
    top: auto;
    -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
            box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
  }
}
.bs2-boxes-right .bs2-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 14px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.bs2-boxes-right .bs2-form .inp {
  margin-bottom: 0px;
}
.bs2-boxes-right .bs2-form .inp-i {
  bottom: 1px;
}

.bs2-update-1,
.bs2-update-2,
.bs2-update-3 {
  min-width: 160px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bs2-general {
  margin-bottom: 40px;
}
.bs2-general:last-child {
  margin-bottom: 0px;
}

.bs2-title-item {
  margin-bottom: 14px;
}
.bs2-title-item:last-child {
  margin-bottom: 0px;
}

.bs2-title-row {
  display: grid;
  grid-template-columns: 3fr 3fr 1.5fr 0.5fr 1.5fr 1.5fr;
  gap: 12px;
  margin-bottom: 14px;
  border-radius: 16px;
  border: 1px solid #c6d3e0;
  padding: 12px;
  background-color: #fff;
}
@media (max-width: 1440px) {
  .bs2-title-row {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .bs2-title-row .bs2-title-col:nth-child(1),
  .bs2-title-row .bs2-title-col:nth-child(2) {
    grid-column: span 2;
  }
}
@media (max-width: 479px) {
  .bs2-title-row {
    grid-template-columns: 1fr 1fr;
  }
}
.bs2-title-row .tabela2-img-fora {
  margin-right: 10px;
}

.bs2-title-i {
  margin-right: 5px;
}

.bs2-title-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 480px) {
  .bs2-title-col.center {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.bs2-title-col:first-child {
  padding-left: 0px;
}
.bs2-title-col:last-child {
  padding-right: 0px;
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.bs2-title-row.bs2-title {
  font-weight: bold;
}
@media (max-width: 1440px) {
  .bs2-title-row.bs2-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.bs2-title-row.bs2-title .bs2-title-col {
  padding-top: 0px;
}

/* ------------------- */
.bs2-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.bs2-table .table-general {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  background-color: #e6ebf1;
}
.bs2-table table {
  min-width: 600px;
}
.bs2-table tr.selected {
  background-color: rgba(34, 185, 183, 0.2);
}
.bs2-table td:last-child {
  text-align: right;
}

.bs2-table-line {
  background-color: #c6d3e0;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  width: 1px;
  margin-right: 15px;
  margin-left: 20px;
  margin-top: -14px;
  max-width: 1px;
}

.bs2-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 12px;
  border-radius: 8px;
  background-color: #22b9b7;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.2em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bs-name-i {
  position: relative;
  margin-left: 8px;
  font-size: 10px;
}

/* invoice */
.inv2-body {
  padding: 0px;
  background-color: #fff;
}

.inv2-general {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px;
}
@media (max-width: 767px) {
  .inv2-general {
    padding: 20px;
  }
}

/* invoice top */
.inv2-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 2rem;
  margin-bottom: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-bottom: 20px;
}
@media (max-width: 479px) {
  .inv2-top {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.inv2-top-logo {
  width: 100px;
}

/* invoice info */
.inv2-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
  margin-bottom: 20px;
  grid-template-rows: auto;
}
@media (max-width: 479px) {
  .inv2-info {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.inv2-info-number {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 100px none;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  -ms-flex-line-pack: start;
      align-content: start;
}

/* invoice table */
.inv2-table-general {
  margin-bottom: 20px;
}

/* invoice bottom */
.inv2-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.inv2-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--gray-50);
  padding: 20px;
  border-radius: 8px;
  border: 1px solid var(--gray-300);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
  -webkit-print-color-adjust: exact;
}

.inv2-total-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 100px none;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  border-bottom: 1px dashed #c6d3e0;
  padding-bottom: 0.25rem;
}
.inv2-total-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

@media print {
  .inv2-general {
    padding: 20px 0;
    color: #111e25;
    -webkit-print-color-adjust: exact;
  }
  .inv2-general tr.title {
    background-color: #c6d3e0;
    -webkit-print-color-adjust: exact;
  }
  .inv2-general .table-general {
    border-top: 1px solid #acb7c2;
    border-left: 1px solid #acb7c2;
    border-right: 1px solid #acb7c2;
  }
  .inv2-general .table-general tr {
    border-bottom: 1px solid #acb7c2;
  }
  .inv2-general .table-general {
  }
  .inv2-total-item {
    border-bottom: 1px dashed #82929e;
  }
  .inv2-total {
    background-color: #c6d3e0;
    color: #111e25;
    -webkit-print-color-adjust: exact;
  }
}
.coment-lista {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--gray-50);
  border: 1px solid var(--gray-200);
  border-radius: 0.5rem;
  margin-top: 1.25rem;
  gap: 0.25rem;
}

.coment-lista.sistema {
  background-color: var(--gray-200);
  border: 1px solid var(--gray-300);
}

.coment-lista.sistema:hover {
  opacity: 1;
}

.coment-lista.topo {
  z-index: 2;
  margin-bottom: -1px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #c6d3e0;
  background-color: #e6ebf1;
}

.coment-img {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  float: left;
  border: 1px solid #c6d3e0;
  border-radius: 500px;
  background-color: #fff;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/57d0307ba4b6d89c0cfaef2b_team-2.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.coment-img.exp2 {
  background-image: url("https://webengine.s3.amazonaws.com/app/images/57d02fba5545725f561c6f08_team-3.jpg");
}

.coment-data-tx,
.coment-tx-data {
  color: var(--gray-400);
  font-size: var(--font-14);
  line-height: var(--font-16);
  font-style: italic;
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.coment-tx {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}

.coment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #e6ebf1;
  position: fixed;
  top: 48px;
  z-index: 1100;
  width: 600px;
  max-width: 90vw;
  -webkit-transform: translate(300px, 0px);
      -ms-transform: translate(300px, 0px);
          transform: translate(300px, 0px);
  right: 0px;
  bottom: 0px;
  height: auto;
}

.coment-nav {
  position: absolute;
  top: 105px;
  right: 15px;
  z-index: 1000;
  width: 160px;
  height: 46px;
  padding: 13px 15px;
  float: right;
  background-color: #161a1d;
  color: #8d9397;
  text-decoration: none;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  left: auto;
  bottom: auto;
  border-radius: 4px;
}

.coment-nav:hover {
  color: #2ab48e;
}

.coment-nav.coment-nav-fechar {
  display: block;
  top: 10px;
  width: 46px;
  padding-right: 10px;
  right: 10px;
}

.coment-nav.coment-nav-abrir {
  z-index: 600;
  display: block;
  opacity: 1;
  position: fixed;
}

.lista-comentarios {
  overflow: auto;
}

.coment-nav-fechar .w-hidden-tiny {
  display: none;
}

.coment-tampao {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 800;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(22, 26, 29, 0.5);
  opacity: 0;
}

.inp-coment {
  margin-top: 20px;
}

/* ====================
coment 2
======================= */
.coment2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--white);
  position: fixed;
  top: 48px;
  z-index: 1100;
  width: 600px;
  max-width: 90vw;
  -webkit-transform: translate(300px, 0px);
      -ms-transform: translate(300px, 0px);
          transform: translate(300px, 0px);
  right: 0px;
  bottom: 0px;
  height: auto;
  -webkit-box-shadow: var(--shadow-dark);
          box-shadow: var(--shadow-dark);
  overflow: auto;
  font-size: var(--font-16);
  line-height: var(--font-20);
}
@media (max-width: 767px) {
  .coment2 {
    top: 112px;
  }
}
.coment2 form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.coment2 .bt2 {
  margin: 0;
  font-size: var(--font-16);
  line-height: var(--font-20);
}
.coment2 input.bt2 {
  border: none;
}

.coment2-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
  padding: 2rem;
}
@media (max-width: 479px) {
  .coment2-container {
    padding: 1.25rem;
  }
}

.coment2-title {
  color: var(--gray-800);
  padding-right: 46px;
}

.coment2-close,
.coment2-open {
  top: 1rem;
  position: absolute;
  right: 1rem;
  z-index: 1000;
  width: 3.5rem;
  height: 3.5rem;
  float: right;
  color: var(--gray-300);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: auto;
  bottom: auto;
  border-radius: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.coment2-close:hover,
.coment2-open:hover {
  color: var(--gray-900);
}

.coment2-open {
  -webkit-box-shadow: var(--shadow-light);
          box-shadow: var(--shadow-light);
  position: fixed;
  top: 76px;
  right: 20px;
  background-color: var(--gray-800);
  color: var(--white);
}
.coment2-open:hover {
  background-color: var(--gray-600);
  color: var(--white);
}
@media (max-width: 767px) {
  .coment2-open {
    top: 132px;
  }
}
.coment2-open .icone2,
.coment2-open .icon {
  font-size: var(--font-20) !important;
}
.coment2-open {
  /* Icone comenT2 */
}

.coment2-btn-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.coment2-btn-save {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.coment2-alert {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--gray-100);
  color: var(--gray-500);
}
.coment2-alert.coment2-alert-green {
  background-color: var(--green-100);
  color: var(--green-500);
}
.coment2-alert.coment2-alert-red {
  background-color: var(--red-100);
  color: var(--red-500);
}
.coment2-alert.coment2-alert-blue {
  background-color: var(--blue-100);
  color: var(--blue-500);
}

.coment2-new-date {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--gray-100);
  color: var(--gray-500);
  font-size: var(--font-14);
  line-height: var(--font-16);
}

.coment2-new-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
  border: 2px dashed var(--gray-200);
  border-radius: 0.75rem;
  padding: 1.25rem;
}
.coment2-new-container input[type=checkbox] {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  width: 1rem;
  height: 1rem;
  border-radius: 0.125rem;
  margin-right: 0.25rem;
  outline: 1px solid var(--gray-200);
}
.coment2-new-container .inp {
  border: 1px solid var(--gray-200);
  width: 100%;
  margin: 0;
}
.coment2-new-container .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  margin: 0;
}
@media (max-width: 479px) {
  .coment2-new-container .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.coment2-new-container .col {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.coment2-list .w-tab-content {
  padding-top: 0px;
}

.coment2-list-tab-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
}

.coment2-list-tab-link {
  height: auto;
  min-width: 80px;
  padding: 0.75rem 1rem;
  background-color: var(--gray-200);
  width: auto;
  border-radius: 0.5rem;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.coment2-list-tab-link:hover {
  background-color: var(--gray-300);
}
.coment2-list-tab-link.w--current {
  background-color: var(--gray-700);
  color: var(--white);
}

.coment2-list-title {
  width: 100%;
}

.coment2-list-status {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  font-size: var(--font-14);
  line-height: var(--font-16);
}
.coment2-list-status .icone2,
.coment2-list-status .icon {
  font-size: var(--font-12);
}
.coment2-list-status {
  background-color: var(--gray-200);
  color: var(--gray-500);
}
.coment2-list-status.coment2-list-status-green {
  background-color: var(--green-100);
  color: var(--green-500);
}
.coment2-list-status.coment2-list-status-red {
  background-color: var(--red-100);
  color: var(--red-500);
}
.coment2-list-status.coment2-list-status-yellow {
  background-color: var(--yellow-100);
  color: var(--yellow-500);
}
.coment2-list-status.coment2-list-status-blue {
  background-color: var(--blue-100);
  color: var(--blue-500);
}

.coment2-list-cont {
  width: 100%;
}

.rrp-destaque {
  padding-bottom: 8px;
}
@media screen and (max-width: 1170px) {
  .rrp-destaque .w-col-medium-6 {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .rrp-destaque .w-col-medium-6 {
    width: 100%;
  }
}

.rrp-title .bt2 {
  margin-left: auto;
}

.rrp-bts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 20px;
}
.rrp-bts .inp-fora {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 100% !important;
}

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  /* padding-left: 8px; */
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  padding-top: 12px;
  height: 53px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid var(--gray-300);
  /* / border-bottom: 1px solid #cbd1d5; / */
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  /* / position: absolute; / */
  left: -100000px;
  width: 100%;
  z-index: 5000;
  /* / background: #edf0f2; / */
  margin-top: -15px;
  /* / padding-top: 4px; / */
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0px;
  border-radius: 0px 0px 4px 4px;
}

.select2-results__option {
  padding: 8px 12px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 8px;
}

.select2-search--dropdown .select2-search__field {
  padding: 8px 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  /* background-color: #fff; */
  /* border: 1px solid #aaa; */
  /* border-radius: 4px; */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(100% - 2px);
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  position: relative;
  z-index: 1;
  height: 44px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  padding: 6px 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  background-color: var(--white);
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--gray-700);
  overflow: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  width: 100%;
  padding: 5px 0px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--gray-200);
  border-radius: 5px;
  cursor: default;
  padding: 3px 5px;
  color: var(--gray-500);
  font-size: var(--font-12);
  line-height: var(--font-14);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--gray-400);
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 4px;
  font-size: var(--font-14);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--gray-700);
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  /* border: solid black 1px; */
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  /* border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; */
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--gray-300);
  border-radius: 4px;
  height: 38px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  /* background-color: #ddd; */
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--gray-200);
  /* color: white; */
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* !
 * 
 * ../css/litepicker.css
 * Litepicker v2.0.12 (https://github.com/wakirin/Litepicker)
 * Package: litepicker (https://www.npmjs.com/package/litepicker)
 * License: MIT (https://github.com/wakirin/Litepicker/blob/master/LICENCE.md)
 * Copyright 2019-2021 Rinat G.
 *     
 * Hash: 2f11f1f0300ea13b17b5
 * */
/* .show-week-numbers { 
    --litepicker-month-width: calc(var(--litepicker-day-width) * 8);
} */
.litepicker {
  padding-top: 0.25rem;
  display: none;
}

.litepicker button {
  border: none;
  background: none;
}

.litepicker .container__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.litepicker .container__months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flex-wrap: wrap; */
  background-color: var(--white);
  border-radius: 0.75rem;
  -webkit-box-shadow: var(--shadow-light);
          box-shadow: var(--shadow-light);
  /* width: calc(var(--litepicker-month-width) + 10px); */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

/* .litepicker .container__months.columns-2 { 
    width: calc((var(--litepicker-month-width) * 2) + 20px);
}

.litepicker .container__months.columns-3 { 
    width: calc((var(--litepicker-month-width) * 3) + 30px);
}

.litepicker .container__months.columns-4 { 
    width: calc((var(--litepicker-month-width) * 4) + 40px);
} */
.litepicker .container__months.split-view .month-item-header .button-previous-month,
.litepicker .container__months.split-view .month-item-header .button-next-month {
  visibility: visible;
}

.litepicker .container__months .month-item {
  padding: 0.5rem;
  /* padding: 5px; */
  /* width: var(--litepicker-month-width); */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0.75rem;
}

.litepicker .container__months .month-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.litepicker .container__months .month-item-header div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* .litepicker .container__months .month-item-header div>.month-item-name { 
    margin-right: 5px;
}

.litepicker .container__months .month-item-header div>.month-item-year { 
    padding: 0;
} */
/* .litepicker .container__months .month-item-header .reset-button { 
    color: var(--litepicker-button-reset-color);
}

.litepicker .container__months .month-item-header .reset-button>svg { 
    fill: var(--litepicker-button-reset-color);
}

.litepicker .container__months .month-item-header .reset-button * { 
    pointer-events: none;
}

.litepicker .container__months .month-item-header .reset-button:hover { 
    color: var(--litepicker-button-reset-color-hover);
}

.litepicker .container__months .month-item-header .reset-button:hover>svg { 
    fill: var(--litepicker-button-reset-color-hover);
} */
.litepicker .container__months .month-item-header .button-previous-month,
.litepicker .container__months .month-item-header .button-next-month {
  visibility: hidden;
  text-decoration: none;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: pointer;
  position: relative;
  aspect-ratio: 1/1;
  color: var(--gray-400);
}
.litepicker .container__months .month-item-header .button-previous-month:hover,
.litepicker .container__months .month-item-header .button-next-month:hover {
  color: var(--gray-800);
}
.litepicker .container__months .month-item-header .button-previous-month svg,
.litepicker .container__months .month-item-header .button-next-month svg {
  display: none;
}
.litepicker .container__months .month-item-header .button-previous-month:before,
.litepicker .container__months .month-item-header .button-next-month:before {
  font-family: Mapro, sans-serif;
  font-size: var(--font-16);
  position: relative;
  pointer-events: none;
  border-radius: 0.75rem;
}

.litepicker .container__months .month-item-header .button-previous-month *,
.litepicker .container__months .month-item-header .button-next-month * {
  pointer-events: none;
}

.litepicker .container__months .month-item-header .button-previous-month:before {
  content: "\e911";
}

.litepicker .container__months .month-item-header .button-next-month:before {
  content: "\e913";
}

/* .litepicker .container__months .month-item-header .button-previous-month { 
    color: var(--litepicker-button-prev-month-color);
}

.litepicker .container__months .month-item-header .button-previous-month>svg,
.litepicker .container__months .month-item-header .button-previous-month>img { 
    fill: var(--litepicker-button-prev-month-color);
}

.litepicker .container__months .month-item-header .button-previous-month:hover { 
    color: var(--litepicker-button-prev-month-color-hover);
}

.litepicker .container__months .month-item-header .button-previous-month:hover>svg { 
    fill: var(--litepicker-button-prev-month-color-hover);
}

.litepicker .container__months .month-item-header .button-next-month { 
    color: var(--litepicker-button-next-month-color);
}

.litepicker .container__months .month-item-header .button-next-month>svg,
.litepicker .container__months .month-item-header .button-next-month>img { 
    fill: var(--litepicker-button-next-month-color);
}

.litepicker .container__months .month-item-header .button-next-month:hover { 
    color: var(--litepicker-button-next-month-color-hover);
}

.litepicker .container__months .month-item-header .button-next-month:hover>svg { 
    fill: var(--litepicker-button-next-month-color-hover);
} */
.litepicker .container__months .month-item-weekdays-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  color: var(--font-light);
  font-size: var(--font-14);
  line-height: var(--font-16);
}

.litepicker .container__months .month-item-weekdays-row > div {
  text-align: center;
  font-size: 0;
}

.litepicker .container__months .month-item-weekdays-row > div:first-letter {
  font-size: var(--font-14);
}

.litepicker .container__months .month-item:first-child .button-previous-month {
  visibility: visible;
}

.litepicker .container__months .month-item:last-child .button-next-month {
  visibility: visible;
}

.litepicker .container__months .month-item.no-previous-month .button-previous-month {
  visibility: hidden;
}

.litepicker .container__months .month-item.no-next-month .button-next-month {
  visibility: hidden;
}

.litepicker .container__days {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  row-gap: 0.125rem;
}

/* .litepicker .container__days>div,
.litepicker .container__days>a { 
    padding: 5px 0;
} */
.litepicker .container__days .day-item {
  text-align: center;
  text-decoration: none;
  border-radius: 0.5rem;
  border: 2px solid transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: default;
  font-size: var(--font-14);
  line-height: var(--font-16);
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.litepicker .container__days .day-item:hover {
  color: var(--green-500);
  border-color: var(--green-500);
}
.litepicker .container__days .day-item:hover .price {
  color: var(--green-500);
}

.litepicker .container__days .day-item .price {
  color: var(--gray-400);
  font-size: var(--font-12);
  line-height: var(--font-14);
}

.litepicker .container__days .day-item.is-today {
  color: var(--green-500);
  font-weight: bold;
}

.litepicker .container__days .day-item.is-locked {
  color: var(--gray-300);
  text-decoration: line-through;
  cursor: default;
}
.litepicker .container__days .day-item.is-locked:hover {
  border-color: transparent;
  color: var(--gray-300);
}
.litepicker .container__days .day-item.is-locked .price {
  color: var(--gray-300);
}

.litepicker .container__days .day-item.is-in-range {
  background-color: var(--gray-100);
  border-radius: 0;
}

.litepicker .container__days .day-item.is-start-date {
  color: var(--white);
  background-color: var(--green-500);
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* .litepicker .container__days .day-item.is-start-date.is-flipped { 
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
} */
.litepicker .container__days .day-item.is-end-date {
  color: var(--white);
  background-color: var(--green-500);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

/* .litepicker .container__days .day-item.is-end-date.is-flipped { 
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
} */
.litepicker .container__days .day-item.is-start-date.is-end-date {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

/* .litepicker .container__days .day-item.is-highlighted { 
    color: var(--litepicker-highlighted-day-color);
    background-color: var(--litepicker-highlighted-day-color-bg);
} */
/* .litepicker .container__days .week-number { 
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--litepicker-month-week-number-color);
} */
/* .litepicker .container__footer { 
    text-align: right;
    padding: 10px 5px;
    margin: 0 5px;
    background-color: var(--litepicker-footer-color-bg);
    box-shadow: inset 0px 3px 3px 0px var(--litepicker-footer-box-shadow-color);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.litepicker .container__footer .preview-date-range { 
    margin-right: 10px;
}

.litepicker .container__footer .button-cancel { 
    background-color: var(--litepicker-button-cancel-color-bg);
    color: var(--litepicker-button-cancel-color);
    border: 0;
    padding: 3px 7px 4px;
    border-radius: 3px;
}

.litepicker .container__footer .button-cancel * { 
    pointer-events: none;
}

.litepicker .container__footer .button-apply { 
    background-color: var(--litepicker-button-apply-color-bg);
    color: var(--litepicker-button-apply-color);
    border: 0;
    padding: 3px 7px 4px;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.litepicker .container__footer .button-apply:disabled { 
    opacity: 0.7;
}

.litepicker .container__footer .button-apply * { 
    pointer-events: none;
} */
.litepicker .container__tooltip {
  position: absolute;
  margin-top: -4px;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background-color: var(--white);
  -webkit-box-shadow: var(--shadow-light-sm);
          box-shadow: var(--shadow-light-sm);
  white-space: nowrap;
  pointer-events: none;
  visibility: hidden;
  font-size: var(--font-12);
  line-height: var(--font-14);
}

.litepicker .container__tooltip:before {
  position: absolute;
  bottom: -5px;
  left: calc(50% - 5px);
  border-top: 5px solid rgba(0, 0, 0, 0.12);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: "";
}

.litepicker .container__tooltip:after {
  position: absolute;
  bottom: -4px;
  left: calc(50% - 4px);
  border-top: 4px solid var(--white);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.news-general {
  background-color: #fff;
  text-decoration: none;
  position: relative;
  display: block;
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  min-width: 300px;
  overflow: hidden;
  border-radius: 16px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.news-general:hover {
  background-color: #f7f8fa;
}

.news-general.so-img {
  background-color: transparent;
  width: 100%;
}

@media (max-width: 479px) {
  .news-so-img {
    display: none;
  }
}

.news-so-img-responsive {
  display: none;
}
@media (max-width: 479px) {
  .news-so-img-responsive {
    display: block;
  }
}

.news-general-linha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.news-cont {
  color: #82929e;
  max-width: none;
  padding: 15px;
  width: 100%;
  gap: 15px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
}

.news-image {
  overflow: hidden;
  border-radius: 12px;
  max-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.news-image img {
  max-width: 100px;
  max-height: 100%;
}

.news-general-linha .news-cont {
  padding: 20px;
}

.news-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.news-title {
  font-weight: bold;
  color: #4a5964;
}

.news-sub-title {
  font-size: 12px;
  line-height: 16px;
}

.news-bt {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 10px;
  line-height: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
  margin-top: 5px;
  text-decoration: underline;
}

.news-seal {
  background-color: #ac7006;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  text-decoration: none;
  position: absolute;
  left: -95px;
  top: -63px;
  width: 195px;
  height: 94px;
  padding-bottom: 5px;
}

/* ---- grade --- */
.news-general.grande {
  min-width: 100%;
}
.news-general.grande .news-cont {
  gap: 30px;
}
.news-general.grande .news-title {
  font-size: 1.5rem;
  line-height: 1.2em;
}
.news-general.grande .news-sub-title {
  font-size: 1rem;
  line-height: 1.2em;
}
.news-general.grande .news-bt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  background: #ac7006;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  min-height: 34px;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 20px;
}
.news-general.grande .news-seal {
  font-size: 14px;
  line-height: 14px;
  left: -85px;
  top: -53px;
  padding-bottom: 8px;
}
.news-general.grande .news-image {
  max-height: 110px;
}
.news-general.grande .news-image img {
  max-width: 250px;
}

.galeria-img-fora.dz-clickable .dz-default {
  position: relative;
  display: block;
  height: 100% !important;
  text-align: center;
  text-decoration: none;
}
.galeria-img-fora.dz-clickable .drop-download {
  bottom: 0;
  position: absolute;
  z-index: 5;
  right: 38px;
}
.galeria-img-fora.dz-clickable .drop-download-link {
  background-color: #111e25;
  opacity: 1;
  color: #acb7c2;
  font-size: 14px;
  width: 34px;
  height: 34px;
  padding: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.galeria-img-fora.dz-clickable .drop-download-link:hover {
  color: #f7f8fa;
}
.galeria-img-fora.dz-clickable .cadastro-img-link {
  bottom: 0;
  right: 4px;
  top: auto;
  border-radius: 0px;
  background-color: #111e25;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #acb7c2;
  font-size: 14px;
  z-index: 4;
}
.galeria-img-fora.dz-clickable .cadastro-img-link:hover {
  color: #f7f8fa;
}
.galeria-img-fora.dz-clickable .cadastro-img.com-img:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 34px;
  z-index: 0;
  background-color: #111e25;
  border-radius: 0px 0px 12px 12px !important;
}
.galeria-img-fora.dz-clickable .cadastro-img-link.left {
  left: 4px;
  right: auto;
}
.galeria-img-fora.dz-clickable .cadastro-img.no-border {
  border-style: none;
  height: 100%;
  padding: 0px;
}
.galeria-img-fora.dz-clickable .cadastro-img.com-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  color: #d0d9e2;
  text-decoration: none;
  padding-top: 70%;
}
.galeria-img-fora.dz-clickable .cadastro-img.com-img img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top: 0px;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-bottom: 35px solid #111e25;
}
.galeria-img-fora.dz-clickable .cadastro-img.com-img:has(img) {
  background-image: none;
}
.galeria-img-fora.dz-clickable .espaco-p {
  display: none;
}
.galeria-img-fora.dz-clickable .cadastro-img-hover {
  bottom: 34px;
  color: #cbd1d5;
}
.galeria-img-fora.dz-clickable .cadastro-img-hover .vertical-align {
  margin-bottom: 5px;
  font-size: 24px;
  line-height: 24px;
}
.galeria-img-fora.dz-clickable .drop-download-cont.w--open {
  right: -4px;
  bottom: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 8px 4px 0px 0px;
  background-color: #111e25;
  font-size: 0.8em;
  line-height: 1.15em;
}
.galeria-img-fora.dz-clickable .cadastro-img-link.excluir.left {
  left: 4px !important;
}
.galeria-img-fora.dz-clickable .galeria-img-fora.dz-clickable .cadastro-img.com-img {
  border-radius: 12px !important;
}
.galeria-img-fora.dz-clickable .galeria-checkbox-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 7px;
  border-radius: 4px;
  pointer-events: none;
}
.galeria-img-fora.dz-clickable .galeria-checkbox-content .check2 {
  z-index: 10;
  padding-left: 20px;
  margin-bottom: 0px;
  pointer-events: all;
}
.galeria-img-fora.dz-clickable .galeria-checkbox-content-bg {
  background-color: #fff;
  top: 0px;
  position: absolute;
  z-index: 2;
  width: 38px;
  height: 38px;
  left: 0px;
  border-bottom-right-radius: 50px;
  border-top-left-radius: 4px;
}
.galeria-img-fora.dz-clickable .galeria-checkbox-content:has(input[type=checkbox]:checked)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 4px solid #22b9b7;
  border-radius: 4px;
  z-index: 0;
}
.galeria-img-fora.dz-clickable .gal2-arrastar-i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 70;
  width: 30px;
  height: 30px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 50px;
  padding-left: 5px;
  padding-bottom: 4px;
}

.work-order-old-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: sticky;
  top: 48px;
  z-index: 50;
  padding: 10px;
  background-color: #e6ebf1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.work-order-old-actions select {
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.w-row.linha:has(.work-order-old-actions) {
  position: relative;
}

.w-tab-content:has(.work-order-old-actions) {
  overflow: inherit;
}

.upload-galeria,
.upload-galeria-resultado,
.upload-galeria-depois,
.upload-galeria-invoice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}

.icone2.i-g {
  font-size: 24px;
  line-height: 24px;
}

.icone2.i-meio {
  width: auto;
  margin-right: 0px;
  float: none;
  text-align: center;
}

.galeria .dz-default.dz-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.galeria a.cadastro-img {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  /* background-color: $cinza10 */
}
.galeria .argsFoto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.galeria .cadastro-img-4k {
  position: absolute;
  z-index: 2;
  font-weight: bold;
  font-size: 9px;
  top: 5px;
  right: 5px;
  color: #fff;
  background-color: rgba(33, 45, 54, 0.4);
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  padding-top: 1px;
  padding-right: 1px;
}
.galeria .cadastro-img-img {
  border-radius: 12px !important;
}
.galeria .fotos-casa .cadastro-img-img {
  padding-top: 0px;
}

/* clear tailwind */
/* layout */
.container-site {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  grid-area: cont;
  padding: var(--space-5);
  container-type: inline-size;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  container-type: inline-size;
  padding: var(--space-5);
  background-color: var(--white);
  border-radius: var(--space-5);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-5);
}

.container-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: var(--gray-900);
}

/* =============== Flex =============== */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-4);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.flex-initial {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.justify-normal {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* =============== Grid =============== */
.grid {
  display: grid;
  gap: var(--space-5);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@container (max-width: 639px) {
  .grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@container (max-width: 639px) {
  .grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container (max-width: 419px) {
  .grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@container (max-width: 767px) {
  .grid-cols-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container (max-width: 639px) {
  .grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container (max-width: 419px) {
  .grid-cols-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@container (max-width: 767px) {
  .grid-cols-5 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@container (max-width: 639px) {
  .grid-cols-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@container (max-width: 419px) {
  .grid-cols-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
@container (max-width: 639px) {
  .grid-cols-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@container (max-width: 419px) {
  .grid-cols-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.grid-cols-none {
  grid-template-columns: none;
}

.col-auto {
  grid-column: auto;
}

.col-span-1 {
  grid-column: span 1/span 1;
}

.col-span-2 {
  grid-column: span 2/span 2;
}
@container (max-width: 639px) {
  .col-span-2 {
    grid-column: span 4/span 4;
  }
}

.col-span-3 {
  grid-column: span 3/span 3;
}

.col-span-4 {
  grid-column: span 4/span 4;
}

.col-span-5 {
  grid-column: span 5/span 5;
}

.col-span-6 {
  grid-column: span 6/span 6;
}

.col-span-full {
  grid-column: 1/-1;
}

.row-auto {
  grid-row: auto;
}

.row-span-1 {
  grid-row: span 1/span 1;
}

.row-span-2 {
  grid-row: span 2/span 2;
}

.row-span-3 {
  grid-row: span 3/span 3;
}

.row-span-4 {
  grid-row: span 4/span 4;
}

.row-span-5 {
  grid-row: span 5/span 5;
}

.row-span-6 {
  grid-row: span 6/span 6;
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: var(--space-11);
  padding: var(--space-2\/5) var(--space-6);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--space-6);
  text-decoration: none;
  gap: var(--space-2);
}
.btn:hover {
  color: var(--gray-900);
}
.btn .icon {
  font-size: var(--space-3\/5);
  width: var(--space-4);
}

.btn-sm {
  min-height: var(--space-9);
  padding: var(--space-1\/5) var(--space-5);
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.btn-sm .icon {
  font-size: var(--space-2\/5);
  width: var(--space-3);
}

.btn-xs {
  min-height: var(--space-7);
  padding: var(--space-1) var(--space-4);
  font-size: 0.75rem;
  line-height: 1rem;
}
.btn-xs .icon {
  font-size: var(--space-2);
  width: var(--space-2\/5);
}

/* colors */
.btn-white {
  background-color: var(--white);
  color: var(--gray-600);
}
.btn-white:hover {
  background-color: var(--gray-200);
  color: var(--gray-600);
}

.btn-light-gray {
  background-color: var(--gray-400);
  color: var(--white);
}
.btn-light-gray:hover {
  background-color: var(--gray-600);
  color: var(--white);
}

.btn-gray {
  background-color: var(--gray-600);
  color: var(--white);
}
.btn-gray:hover {
  background-color: var(--gray-800);
  color: var(--white);
}

.btn-black {
  background-color: var(--gray-800);
  color: var(--white);
}
.btn-black:hover {
  background-color: var(--gray-600);
  color: var(--white);
}

.btn-red {
  background-color: var(--red-500);
  color: var(--white);
}
.btn-red:hover {
  background-color: var(--red-700);
  color: var(--white);
}

.btn-orange {
  background-color: var(--orange-500);
  color: var(--white);
}
.btn-orange:hover {
  background-color: var(--orange-700);
  color: var(--white);
}

.btn-yellow {
  background-color: var(--yellow-500);
  color: var(--white);
}
.btn-yellow:hover {
  background-color: var(--yellow-700);
  color: var(--white);
}

.btn-green {
  background-color: var(--green-500);
  color: var(--white);
}
.btn-green:hover {
  background-color: var(--green-700);
  color: var(--white);
}

.btn-blue {
  background-color: var(--blue-500);
  color: var(--white);
}
.btn-blue:hover {
  background-color: var(--blue-700);
  color: var(--white);
}

.btn-purple {
  background-color: var(--purple-500);
  color: var(--white);
}
.btn-purple:hover {
  background-color: var(--purple-700);
  color: var(--white);
}

/* ============
   dropdown
   ============ */
.dropdown {
  position: relative;
  display: inline-block;
  margin-left: 0px;
  margin-right: 0px;
  float: none;
}
.dropdown .btn .icon {
  font-size: var(--space-2);
  width: var(--space-2);
}

.dropdown.active .dropdown-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-cont {
  position: absolute;
  display: none;
  z-index: 100;
  top: 100%;
  left: 0;
  min-width: 100%;
  max-width: 80vw;
  max-height: 80vh;
  background-color: var(--white);
  border-radius: var(--space-3);
  margin-top: var(--space-2);
  gap: var(--space-1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: var(--shadow-light);
          box-shadow: var(--shadow-light);
  padding: var(--space-1) 0;
}
.dropdown-cont.top {
  top: auto;
  bottom: 100%;
  margin-bottom: var(--space-2);
  margin-top: 0;
}
.dropdown-cont.right {
  right: 0;
  left: auto;
}
.dropdown-cont:has(.dropdown-link-group:only-child) {
  padding: 0;
}

.dropdown-link {
  color: var(--gray-600);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--space-3) var(--space-5);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-2);
  border-radius: var(--space-2);
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  border: none;
  font-size: 0.875rem;
}
.dropdown-link:hover {
  background-color: var(--gray-200);
  color: var(--gray-800);
}
.dropdown-link .icon {
  font-size: var(--space-3\/5);
  width: var(--space-3\/5);
}

.active .dropdown-cont.sub-dropdown {
  display: none;
}

.dropdown-link.active {
  background-color: var(--gray-200);
}
.dropdown-link.active .dropdown-cont.sub-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-cont.sub-dropdown {
  position: absolute;
  left: 100%;
  top: 0;
  margin-top: 0;
  margin-left: var(--space-3);
}

.dropdown-cont-group {
  padding: var(--space-3);
  border-bottom: var(--space-px) solid var(--gray-200);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--space-1);
}
.dropdown-cont-group:last-child {
  border-bottom: none;
}

.dropdown-link-group {
  border-bottom: var(--space-px) solid var(--gray-200);
  padding: var(--space-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--space-1);
}
.dropdown-link-group:last-child {
  border-bottom: none;
}

.dropdown-link-title {
  font-weight: 700;
  color: var(--gray-600);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--space-1\/5) var(--space-3);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-2);
  border-radius: var(--space-2\/5);
  position: relative;
  white-space: nowrap;
}
.dropdown-link-title .icon {
  font-size: var(--space-3\/5);
  width: var(--space-3\/5);
}

.dropdown-cont.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.dropdown-cont.flex-row .dropdown-cont-group,
.dropdown-cont.flex-row .dropdown-link-group {
  border-right: var(--space-px) solid var(--gray-200);
  border-bottom: none;
}
.dropdown-cont.flex-row .dropdown-cont-group:last-child,
.dropdown-cont.flex-row .dropdown-link-group:last-child {
  border-right: none;
}

.tabs3-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  background: var(--white);
  border-radius: 16px;
  padding: 4px;
  margin-bottom: var(--space-6);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 479px) {
  .tabs3-menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    width: 100%;
  }
}

.tabs3-menu-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 44px;
  padding: var(--space-3) var(--space-5);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--gray-500);
  background: transparent;
  font-size: 14px;
  text-decoration: none;
  gap: var(--space-1\/5);
  border-radius: 12px;
}
.tabs3-menu-link:hover {
  background: var(--gray-200);
}
.tabs3-menu-link.w--current {
  background: var(--green-500);
  color: var(--white);
}

.tabs3-menu-link-i {
  position: relative;
}

.tabs3-content-pane {
  /* gap: var(--space-4) */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.tabs3-content-pane.w--tab-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--space-3);
}

.accordion-item {
  background-color: var(--gray-100);
  border-radius: var(--space-3);
}

.accordion-item.active .accordion-nav {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion-item.active .accordion-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.accordion-item.active .accordion-nav-drag {
  border-bottom-right-radius: 0;
}
.accordion-item.active .accordion-nav-icon:before {
  content: "\e945";
}

.accordion-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}

.accordion-nav-drag {
  cursor: s-resize;
  min-height: var(--space-11);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--space-3\/5);
  width: var(--space-7);
  margin-right: calc(var(--space-1) * -1);
  /* background-color: var(--gray-700); */
  border-top-right-radius: var(--space-3);
  border-bottom-right-radius: var(--space-3);
  z-index: 5;
}

.accordion-nav-title {
  padding: var(--space-3);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  z-index: 10;
  text-decoration: none;
  cursor: pointer;
}

.accordion-nav-icon {
  font-size: var(--space-3);
  min-height: var(--space-11);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--space-10);
  color: var(--gray-400);
  z-index: 5;
  text-decoration: none;
  margin-right: calc(var(--space-4) * -1);
}
.accordion-nav-icon:before {
  content: "\eaed";
  position: relative;
  font-family: Mapro, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 1em !important;
}

.accordion-nav-btn {
  font-size: var(--space-3\/5);
  padding: var(--space-3);
  min-height: var(--space-11);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--font);
  position: relative;
  z-index: 10;
  text-decoration: none;
  cursor: pointer;
}
.accordion-nav-btn:hover {
  color: var(--gray-800);
}
.accordion-nav-btn.delete:hover {
  color: var(--red-500);
}

.accordion-cont {
  border-radius: var(--space-3);
  display: none;
  background-color: var(--white);
  padding: var(--space-4);
  border-bottom-left-radius: var(--space-3);
  border-bottom-right-radius: var(--space-3);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--space-5);
  margin: 0 var(--space-2) var(--space-2);
}

/* warnings */
.warnings {
  background-color: var(--white);
  border-radius: var(--space-3);
  padding: var(--space-3) var(--space-5);
}

.warnings-gray {
  background-color: var(--gray-200);
}

.warnings-red {
  background-color: var(--red-100);
  color: var(--red-700);
}

.warnings-orange {
  background-color: var(--orange-100);
  color: var(--orange-700);
}

.warnings-yellow {
  background-color: var(--yellow-100);
  color: var(--yellow-700);
}

.warnings-green {
  background-color: var(--green-100);
  color: var(--green-700);
}

.warnings-blue {
  background-color: var(--blue-100);
  color: var(--blue-700);
}

.warnings-purple {
  background-color: var(--purple-100);
  color: var(--purple-700);
}

.rv2-grid {
  margin-top: var(--space-6);
  margin-bottom: var(--space-6);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: var(--space-5);
}

.rv2-item {
  background-color: var(--white);
  border-radius: var(--space-5);
  padding: var(--space-8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-8);
}
.rv2-item .icon {
  color: var(--green-500);
  background-color: var(--green-100);
  border-radius: var(--space-6);
  width: var(--space-16);
  height: var(--space-16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.rv2-item-cont {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.rv2-item-table {
  margin-top: var(--space-3);
}

.rv2-item-sub-cont {
  position: relative;
  background-color: var(--gray-100);
  border-radius: var(--space-3);
  padding: var(--space-6);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: var(--space-3);
}
.rv2-item-sub-cont .rv2-item-info {
  top: var(--space-1);
  right: var(--space-1);
}

.rv2-item-number {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.rv2-item-info {
  position: absolute;
  top: 0;
  right: 0;
}
.rv2-item-info .popin-fora {
  margin: 0;
  padding: 0;
  display: block;
}
.rv2-item-info .popin-bt {
  margin-top: 0px;
}

.insp2-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}

.insp2-general {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px 0px;
  border-radius: 16px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* ================== */
.insp2-info {
  margin-left: 20px;
  width: 310px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
@media (max-width: 991px) {
  .insp2-info {
    position: fixed;
    z-index: 200;
    top: 48px;
    right: -310px;
    bottom: 0px;
    -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
            box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
    background-color: #fff;
    height: auto;
  }
  .insp2-info.open {
    right: 0px;
  }
}

.bt2.insp2-info-bt-responsive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  padding: 10px 16px 10px 20px;
  margin-bottom: 0px;
  background-color: #fff;
  color: #5f707e;
  width: auto;
  position: absolute;
  right: 100%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  top: 20px;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
  z-index: 20;
  cursor: pointer;
}
@media (min-width: 992px) {
  .bt2.insp2-info-bt-responsive {
    display: none;
  }
}
.bt2.insp2-info-bt-responsive .bt-i {
  margin: 0px;
  font-size: 1rem;
}

.insp2-info-scroll {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  gap: 20px;
}
@media (max-width: 991px) {
  .insp2-info-scroll {
    position: relative;
    z-index: 30;
    background-color: #fff;
  }
}

.insp2-item {
  background-color: #fff;
  padding: 20px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.insp2-item p {
  margin-bottom: 5px;
}
.insp2-item p:last-child {
  margin-bottom: 0px;
}
.insp2-item.insp2-color {
  background-color: #35414b;
  color: #f7f8fa;
}

.insp2-item-link {
  text-decoration: none;
  color: var(--gray-500);
}
.insp2-item-link:hover {
  color: var(--gray-900);
}
@media (min-width: 992px) {
  .insp2-item-link {
    margin-left: auto;
  }
}
@media (max-width: 991px) {
  .insp2-item-link {
    padding: 20px;
  }
}

.insp2-property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}

.insp2-house-img {
  width: 60px;
  height: 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 80px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/sem-img-escuro.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.insp2-item-title {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.2em;
  margin-bottom: 5px;
}

.insp2-more-info {
  color: #acb7c2;
  font-size: 0.75rem;
  line-height: 1.2em;
  font-weight: normal;
  display: block;
  margin-top: 15px;
  cursor: pointer;
}

.insp2-listagem-itens-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.insp2-listagem-itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e6ebf1;
  border-radius: 8px;
  color: #82929e;
  font-size: 0.75rem;
  line-height: 1.2em;
}

.insp2-listagem-itens-i {
  margin-right: 6px;
  font-size: 14px;
}

.insp2-codes {
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.insp2-codes-i {
  font-size: 20px;
  margin-right: 14px;
}

/* ================== */
.insp2-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 100;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
}

.insp2-top-filters-space {
  height: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 767px) {
  .insp2-top-filters-space {
    width: 100%;
    height: 0px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

.insp2-top-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.insp2-top-filters .check2 {
  margin: 0;
}

.insp2-drop {
  margin: 0px;
}

.insp2-drop-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding: 12px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  background-color: #e6ebf1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.insp2-drop-menu:hover {
  background-color: #c6d3e0;
}

.insp2-drop-cont-geral {
  background-color: transparent;
  padding-top: 10px;
  right: 0;
}

.insp2-drop-cont {
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: var(--shadow-light);
          box-shadow: var(--shadow-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px;
  gap: 10px;
}
.insp2-drop-cont .check2-tx {
  white-space: nowrap;
}

/* ================== */
.insp2-table-general {
  background-color: #fff;
  padding: 20px;
  border-radius: 16px;
}

.insp2-table-row {
  display: grid;
  grid-template-columns: 4fr 1fr 2fr;
  gap: 12px;
  border-radius: 16px;
  padding: 12px;
  background-color: #e6ebf1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration: none;
  cursor: pointer;
}
.insp2-table-row:hover {
  background-color: #c6d3e0;
}
.insp2-table-row .check2-fora {
  gap: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  float: none;
}
.insp2-table-row .check2 {
  margin: 0;
}

.insp2-table-title {
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 30px;
}
.insp2-table-title:first-child {
  margin-top: 0;
}

.insp2-table-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (min-width: 480px) {
  .insp2-table-col.center {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.insp2-table-col.right {
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.insp2-table-col:first-child {
  padding-left: 0px;
}
.insp2-table-col:last-child {
  padding-right: 0px;
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.insp2-table-item {
  margin-bottom: 14px;
}
.insp2-table-item:last-child {
  margin-bottom: 0px;
}

.insp2-table-inside {
  display: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 15px;
  padding-bottom: 15px;
}
.insp2-table-inside.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.insp2-table-inside .insp2-table-inside-cont {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.insp2-table-inside .inp {
  margin-bottom: 0;
}

.insp2-table-inside-line {
  background-color: #e6ebf1;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  width: 2px;
  margin-right: 15px;
  margin-left: 20px;
  margin-top: -14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.insp2-pdf-body {
  padding: 20px;
  background-color: #fff;
}
.insp2-pdf-body .nav3-geral,
.insp2-pdf-body .insp2-top,
.insp2-pdf-body .cadastro-img-links {
  display: none;
}
.insp2-pdf-body .cont2-full-fora {
  height: auto;
}
.insp2-pdf-body .insp2-table-general {
  padding: 0;
}
.insp2-pdf-body .insp2-cont {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  overflow: hidden;
}
.insp2-pdf-body .insp2-info {
  width: auto;
  margin: 0;
  margin-bottom: 30px;
}
.insp2-pdf-body .insp2-info-scroll {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.insp2-pdf-body .insp2-item {
  padding: 0;
}
.insp2-pdf-body .galeria-img-fora {
  display: none;
}
.insp2-pdf-body .galeria-img-fora:has(.com-img) {
  display: block;
}
.insp2-pdf-body .insp2-table-inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.insp2-pdf-body .insp2-table-row {
  border: 2px solid #c6d3e0;
  background-color: #fff !important;
}
.insp2-pdf-body .check2-toggle-fora {
  display: none;
}
.insp2-pdf-body .check2-toggle-fora:has(input[type=checkbox]:checked) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.insp2-pdf-body .check2-toggle-fora:has(input[type=checkbox]:checked) .check2-toggle-tx-fora:last-child {
  display: none;
}
.insp2-pdf-body .check2-bg {
  background-color: #fff;
  border: 2px solid #e6ebf1;
}

@media print {
  body,
  .body-menu-aberto,
  .passo2-tabs-fora {
    padding: 0px;
    background-color: #fff;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  .passo2-tabs-menu,
  .menu-topo,
  .menu,
  .bts2-navigation,
  .info-password,
  .info-wifi,
  .galeria-img-fora,
  .no-print,
  .listagem-img {
    display: none !important;
  }
  .passo2-tabs-cont {
    display: block;
  }
  .bloco2 {
    border: none;
    border-bottom: 1px solid rgb(130, 146, 158);
    border-radius: 0px;
    background-color: #fff;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .passo2-bloco-titulo {
    margin-bottom: 10px;
  }
  .titulo-bloco {
    font-size: 1.75rem;
  }
  .bloco2-cont {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bloco2-cont .titulo-4 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 1rem;
    padding-right: 15px;
  }
  .bloco2-cont .check-tipo-bt-fora {
    width: 100px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .bloco2-cont .check2.tipo-bt {
    display: none;
    width: 100%;
  }
  .bloco2-cont .check2.tipo-bt:last-child .check2-bg {
    background-color: #fff;
    border: 1px solid rgb(130, 146, 158);
    color: #fff;
  }
  .bloco2-cont .check2.tipo-bt:last-child .check2-tx {
    color: rgb(130, 146, 158) !important;
  }
  .bloco2-cont .check2.tipo-bt:has(input[type=radio]:checked) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .bloco2-cont .check2.tipo-bt input {
    display: none !important;
    opacity: 0 !important;
  }
  .bloco2-cont .espaco-p {
    display: none;
  }
  .passo2-tabs-fora.s-menu {
    margin-top: 0;
  }
  .listagem-cont .linha {
    display: block;
  }
  .listagem-cont .linha .col {
    width: 100%;
    display: block;
  }
  .listagem-cont .linha .col:last-child .espaco {
    display: none;
  }
  .photo-content-print {
    width: 140px;
    height: 90px;
    overflow: hidden;
    border-radius: 12px;
    margin-right: 10px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    float: left;
    position: relative;
  }
  .photo-content-print .photo-print {
    width: 100%;
    border-radius: 12px;
  }
  .only-print,
  .description-print {
    margin-top: 10px;
    display: block;
  }
  .only-print:has(.photo-print) {
    width: 100%;
    margin-top: 0;
  }
}
.wo2-schedule-table .tabela2-fora {
  max-height: 40vh;
}
.wo2-schedule-table .tabela2-col-cont .tx-p {
  display: block;
  max-height: 2.6em;
  overflow: hidden;
}

.wo2-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}
@media (max-width: 1441px) {
  .wo2-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media (max-width: 991px) {
  .wo2-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.wo2-info {
  margin-left: 20px;
  width: 310px;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
@media (max-width: 1441px) {
  .wo2-info {
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .wo2-info {
    position: fixed;
    z-index: 200;
    top: 48px;
    right: -310px;
    bottom: 0px;
    -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
            box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
    background-color: #fff;
    height: auto;
    width: 310px;
    margin-bottom: 0;
  }
  .wo2-info.open {
    right: 0px;
  }
}

.bt2.wo2-info-bt-responsive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  padding: 10px 16px 10px 20px;
  margin-bottom: 0px;
  background-color: #fff;
  color: #5f707e;
  width: auto;
  position: absolute;
  right: 100%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  top: 20px;
  -webkit-box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
          box-shadow: 0 0 30px 0 rgba(10, 17, 22, 0.15);
  z-index: 20;
}
@media (min-width: 992px) {
  .bt2.wo2-info-bt-responsive {
    display: none;
  }
}
.bt2.wo2-info-bt-responsive .bt-i {
  margin: 0px;
  font-size: 1rem;
}

.wo2-info-scroll {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  gap: 20px;
}
@media (max-width: 1441px) {
  .wo2-info-scroll {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .wo2-info-scroll {
    position: relative;
    z-index: 30;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.wo2-item {
  background-color: #fff;
  padding: 20px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.wo2-item p {
  margin-bottom: 5px;
}
.wo2-item p:last-child {
  margin-bottom: 0px;
}
.wo2-item.wo2-color {
  background-color: #35414b;
  color: #f7f8fa;
}
@media (max-width: 1441px) {
  .wo2-item {
    -webkit-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
}
@media (max-width: 991px) {
  .wo2-item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
            flex: 0 0 auto !important;
  }
}

.wo2-item-link {
  text-decoration: none;
  color: var(--gray-500);
}
.wo2-item-link:hover {
  color: var(--gray-900);
}
@media (max-width: 1441px) {
  .wo2-item-link {
    width: 100%;
    margin-top: -12px;
  }
}
@media (max-width: 991px) {
  .wo2-item-link {
    padding: 20px;
  }
}

.wo2-property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}

.wo2-house-img {
  width: 60px;
  height: 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 80px;
  background-image: url("https://webengine.s3.amazonaws.com/app/images/sem-img-escuro.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.wo2-item-title {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.2em;
  margin-bottom: 5px;
}

.wo2-more-info {
  color: #acb7c2;
  font-size: 0.75rem;
  line-height: 1.2em;
  font-weight: normal;
  display: block;
  margin-top: 15px;
  cursor: pointer;
}

.wo2-listagem-itens-fora {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wo2-listagem-itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e6ebf1;
  border-radius: 8px;
  color: #82929e;
  font-size: 0.75rem;
  line-height: 1.2em;
}

.wo2-listagem-itens-i {
  margin-right: 6px;
  font-size: 14px;
}

.wo2-codes {
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wo2-codes-i {
  font-size: 20px;
  margin-right: 14px;
}

.news-pop-btn {
  padding: 2px 10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
  background-color: #f7ba22;
  font-size: 1rem;
  position: fixed;
  right: 80px;
  bottom: 20px;
  z-index: 1500;
  height: 40px;
  border-radius: 40px;
  text-decoration: none;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-width: 40px;
}

.news-pop-btn-icon {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  position: relative;
  top: -2px;
}

.news-pop-btn-tx {
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 1.2em;
}

.news-pop-general {
  bottom: 20px;
  right: 80px;
  position: fixed;
  border-radius: 20px;
  background-color: #fff;
  z-index: 2000;
  border: 3px solid #f7ba22;
  overflow: hidden;
}

.news-pop-fechar {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  min-width: 40px;
  z-index: 50;
  text-decoration: none;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
}

.news-pop-titulo {
  position: relative;
  background-color: #f7ba22;
  color: #fff;
  text-align: center;
  padding: 8px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.125rem;
}

.news-pop-cont {
  text-decoration: none;
  display: block;
}

.highlight-general {
  color: #DFEBFA;
  font-size: 16px;
  line-height: 18px;
  width: 100%;
  max-width: 660px;
}

.highlight-bg {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  font-family: "Audiowide", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.highlight-fireworks {
  position: absolute;
  z-index: 2;
  background-image: url("../images/highlights-peoples.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 110%;
  max-width: 699px;
  aspect-ratio: 350/139;
  bottom: 12%;
}

.highlight-fireworks-gif {
  position: absolute;
  z-index: 1;
  background-image: url("../images/highlight-gif-bg.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 100%;
  height: 100%;
  border-radius: 20%;
  overflow: hidden;
}

.highlight-title {
  text-align: center;
  font-size: 48px;
  line-height: 48px;
  position: absolute;
  z-index: 20;
  top: 5%;
}
@media (max-width: 767px) {
  .highlight-title {
    font-size: 36px;
    line-height: 36px;
  }
}
@media (max-width: 479px) {
  .highlight-title {
    font-size: 30px;
    line-height: 30px;
  }
}

.highlight-fireworks-text {
  position: absolute;
  z-index: 10;
  text-align: center;
  width: 30%;
  height: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.highlight-fireworks-text.properties {
  color: #F8AF62;
  left: 14%;
  top: 26%;
}
.highlight-fireworks-text.reservation {
  color: #1FDFB6;
  right: 20%;
  top: 29%;
}
.highlight-fireworks-text.nights {
  color: #04CAE1;
  right: 41%;
  bottom: 23%;
}

.highlight-fireworks-number {
  font-size: 36px;
  line-height: 36px;
}
@media (max-width: 479px) {
  .highlight-fireworks-number {
    font-size: 24px;
    line-height: 30px;
  }
}

.highlight-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.highlight-bottom-title {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}
@media (max-width: 479px) {
  .highlight-bottom-title {
    font-size: 18px;
    line-height: 24px;
  }
}

.highlight-bottom-bts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.highlight-bottom-bt {
  color: #1FDFB6;
}

/* ================================
 highlight 1080x1080 
================================ */
.highlight-1080-1080 {
  width: 1080px;
  height: 1080px;
}
.highlight-1080-1080 .highlight-general {
  font-size: 24px;
  line-height: 30px;
  max-width: 1080px;
}
.highlight-1080-1080 .highlight-logo {
  background-color: #fff;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  position: absolute;
  top: 0;
  padding: 20px;
}
.highlight-1080-1080 .highlight-logo img {
  max-width: 270px;
  max-height: 80px;
}
.highlight-1080-1080 .highlight-bg {
  background-image: url("../images/highlights-1080-bg.png");
  height: 100%;
  aspect-ratio: 1/1;
}
.highlight-1080-1080 .highlight-fireworks {
  display: none;
}
.highlight-1080-1080 .highlight-title {
  font-size: 78px;
  line-height: 78px;
  top: 15%;
}
.highlight-1080-1080 .highlight-fireworks-text.properties {
  color: #F8AF62;
  left: 13%;
  top: 28%;
}
.highlight-1080-1080 .highlight-fireworks-text.reservation {
  color: #1FDFB6;
  right: 19%;
  top: 32%;
}
.highlight-1080-1080 .highlight-fireworks-text.nights {
  color: #04CAE1;
  right: 40%;
  bottom: 20%;
}
.highlight-1080-1080 .highlight-fireworks-number {
  font-size: 60px;
  line-height: 60px;
}

/* ================================
 highlight 1080x1980 
================================ */
.highlight-1080-1080.highlight-1080-1980 {
  width: 1080px;
  height: 1920px;
}
.highlight-1080-1080.highlight-1080-1980 .highlight-general {
  font-size: 34px;
  line-height: 40px;
}
.highlight-1080-1080.highlight-1080-1980 .highlight-logo img {
  max-width: 310px;
  max-height: 120px;
}
.highlight-1080-1080.highlight-1080-1980 .highlight-bg {
  background-image: url("../images/highlights-1920-bg.png");
  aspect-ratio: 9/16;
}
.highlight-1080-1080.highlight-1080-1980 .highlight-title {
  font-size: 100px;
  line-height: 100px;
  top: 10%;
}
.highlight-1080-1080.highlight-1080-1980 .highlight-fireworks-text.properties {
  color: #F8AF62;
  left: 13%;
  top: 16%;
}
.highlight-1080-1080.highlight-1080-1980 .highlight-fireworks-text.reservation {
  color: #1FDFB6;
  right: 14%;
  top: 26%;
}
.highlight-1080-1080.highlight-1080-1980 .highlight-fireworks-text.nights {
  color: #04CAE1;
  right: 44%;
  bottom: 31%;
}
.highlight-1080-1080.highlight-1080-1980 .highlight-fireworks-number {
  font-size: 86px;
  line-height: 86px;
}

.w-100 {
  width: 100%;
}

#w-node-_063308e8-b093-4020-298d-ab6c34712430-b337f13c {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}

@font-face {
  font-family: "Signature";
  src: url("../fonts/Notera_PersonalUseOnly.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Mapro solid";
  src: url("../fonts/mapro-solid.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mapro";
  src: url("../fonts/mapro.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}