@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@-webkit-keyframes placeholder {
  from {
    left: -101%;
  }
  to {
    left: 101%;
  }
}
@keyframes placeholder {
  from {
    left: -101%;
  }
  to {
    left: 101%;
  }
}

@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font: 400 16px/24px "Archivo", sans-serif;
  color: #7b7b7b;
  text-decoration: none;
  outline: none;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #d9d9d9 #f2f3f6;
}

*::-webkit-scrollbar {
  width: 8px;
}

*::-webkit-scrollbar-track {
  background: #f2f3f6;
}

*::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 8px;
  border: 1px solid #f2f3f6;
}

body {
  color: #000000;
}

h1,
h1 *,
h2,
h2 *,
h3,
h3 *,
h4,
h4 *,
h5,
h5 * {
  color: #262626;
}

h1.white,
h1 *.white,
h2.white,
h2 *.white,
h3.white,
h3 *.white,
h4.white,
h4 *.white,
h5.white,
h5 *.white {
  color: #ffffff;
}

h1.upper,
h1 *.upper,
h2.upper,
h2 *.upper,
h3.upper,
h3 *.upper,
h4.upper,
h4 *.upper,
h5.upper,
h5 *.upper {
  text-transform: uppercase;
}

p {
  color: #555555;
}

h1, h1 * {
  font: 800 40px/48px "Archivo", sans-serif;
}

h2, h2 * {
  font: 800 32px/40px "Archivo", sans-serif;
}

h3, h3 * {
  font: 700 24px/32px "Archivo", sans-serif;
}

h4, h4 * {
  font: 600 18px/24px "Archivo", sans-serif;
}

h5, h5 * {
  font: 600 16px/24px "Archivo", sans-serif;
}

p {
  font: 400 16px/24px "Archivo", sans-serif;
}

body .placeholder {
  display: inline-block;
  overflow: hidden;
  background-color: #e9e9e9 !important;
  border-radius: 4px;
  pointer-events: none !important;
  position: relative;
  border: none !important;
}

body .placeholder::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #e9e9e9;
  border-radius: 4px;
  z-index: 1;
}

body .placeholder::after {
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50%;
  height: 120%;
  background-color: #ffffff;
  opacity: .3;
  position: absolute;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-animation: placeholder 1s linear infinite;
          animation: placeholder 1s linear infinite;
  z-index: 1;
}

.container {
  width: 100%;
  min-height: 100vh;
  background-color: #f2f3f6;
}

.container.flex {
  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;
  gap: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 48px 24px;
}

.container.color {
  background-color: #262626;
}

.main {
  width: calc(100% - 256px);
  margin-left: 256px;
  padding: 32px 24px;
  -webkit-transition: all .24s ease-in-out;
  transition: all .24s ease-in-out;
}

@media (max-width: 1200px) {
  .main {
    width: 100%;
    margin-left: 0;
    margin-top: 64px;
  }
  .main.sidebar-open {
    margin-left: 0;
  }
}

.inner-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 0;
  padding-right: 32px;
  padding-bottom: 0;
  padding-left: 32px;
}

@media (max-width: 768px) {
  .inner-container {
    padding: 0;
  }
}

.inner-container.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

h3.title {
  margin-bottom: 56px;
}

.title-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 56px;
}

.title-flex h3.title {
  margin-bottom: 0;
}

@media (max-width: 576px) {
  .title-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;
  }
  .title-flex .botao {
    margin-top: 40px;
  }
}

.divider {
  height: 1px;
  background-color: #434343;
  margin: 24px 0;
}

.divider.d70 {
  background-color: #555555;
  margin: 8px 0;
}

.divider.light {
  background-color: #d9d9d9;
}

.mb-3 {
  margin-bottom: 24px !important;
}

.mb-6 {
  margin-bottom: 48px !important;
}

.mt-3 {
  margin-top: 24px !important;
}

.mt-5 {
  margin-top: 40px !important;
}

.hide {
  display: none;
}

.loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  height: 100vh;
  overflow: none;
}

@media (max-width: 1200px) {
  .loading {
    display: block;
  }
  .loading .main {
    margin-top: 0;
  }
}

.loading .loading-side {
  width: 256px;
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

@media (max-width: 1200px) {
  .loading .loading-side {
    width: 100%;
    height: 60px;
    position: relative;
    min-height: 60px;
  }
}

.loading .loading-content {
  width: 100%;
  padding: 24px;
}

@media (max-width: 768px) {
  .loading .loading-content {
    padding: 0;
  }
}

.loading .loading-content .loading-text {
  height: 40px;
  width: 256px;
  margin-bottom: 40px;
}

.loading .loading-content .loading-card {
  width: 100%;
  height: 200px;
}

.loading .loading-content .loading-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-top: 24px;
}

@media (max-width: 992px) {
  .loading .loading-content .loading-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.load {
  display: none;
  width: 16px;
  height: 16px;
  border-radius: 396px;
  border: 2px solid #7b7b7b;
  border-right-color: transparent;
  -webkit-animation: spinner .7s linear infinite;
          animation: spinner .7s linear infinite;
}

.load.center {
  margin: 24px auto;
}

.close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 32px;
  height: 32px;
  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: 16px;
  cursor: pointer;
  z-index: 99;
}

.close:hover {
  background-color: #f2f3f6;
}

.material-icons-round {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

b {
  font-weight: 600;
  color: inherit;
}

.container .center-content {
  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;
  width: 384px;
  max-width: 100%;
}

.container .center-content .logo {
  max-height: 40px;
  margin-bottom: 32px;
}

.container .center-content .logo.small {
  max-height: 32px;
}

.container .center-content .logo.fixed {
  position: absolute;
  top: 24px;
}

.container .center-content.width-680 {
  width: 680px;
}

.container .center-content.width-496 {
  width: 496px;
}

.container .center-content .inner-box {
  width: 100%;
  background-color: #ffffff;
  padding: 48px 32px;
  border-radius: 4px;
  text-align: center;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
}

.container .center-content .inner-box h3, .container .center-content .inner-box p {
  position: relative;
}

.container .center-content .inner-box .form {
  margin-top: 40px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.container .center-content .inner-box .form a {
  font: inherit;
  color: #10cfc9;
}

.container .center-content .inner-box .form a:hover {
  border-bottom: 1px dotted;
}

.container .center-content > p {
  position: relative;
  margin-top: 32px;
}

.container .center-content > p a {
  font: inherit;
  color: #10cfc9;
}

.container .center-content > p a:hover {
  border-bottom: 1px dotted;
}

.btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.btns.auto-width {
  width: auto;
}

.botao {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  height: 48px;
  padding: 0 32px;
  border-radius: 4px;
  border: none;
  outline: none;
  background-color: #5619b4;
  cursor: pointer;
  text-decoration: none;
}

.botao.sucesso {
  background-color: #009400 !important;
}

.botao.sucesso .icon span {
  color: #ffffff;
}

.botao .text {
  color: #ffffff;
}

.botao .icon {
  width: 20px;
  height: 20px;
  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;
}

.botao .icon span {
  font-size: 20px;
  color: #c4c4c4;
}

.botao .load {
  display: none;
  width: 16px;
  height: 16px;
  border-radius: 396px;
  border: 2px solid #ffffff;
  border-right-color: transparent;
  -webkit-animation: spinner .7s linear infinite;
          animation: spinner .7s linear infinite;
}

.botao.small {
  height: 40px;
}

.botao.padding-small {
  padding: 0 16px;
}

.botao.auto-width {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
}

.botao.primary {
  background-color: #262626;
}

.botao.primary:hover {
  background-color: #434343;
}

.botao.primary:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  background-color: #434343;
}

.botao.secondary {
  background-color: transparent;
  border: 1px solid #262626;
}

.botao.secondary.delete .text {
  color: #FF3129;
}

.botao.secondary.delete .icon span {
  color: #FF3129;
}

.botao.secondary.delete:hover {
  background-color: #FFEBEE;
}

.botao.secondary.delete:hover .text {
  color: #FF3129;
  font-weight: 500;
}

.botao.secondary.delete:hover .icon span {
  color: #FF3129;
}

.botao.secondary.delete:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  background-color: #FFEBEE;
}

.botao.secondary.delete:active .text {
  color: #FFEBEE;
  font-weight: 500;
}

.botao.secondary.delete:active .icon span {
  color: #FFEBEE;
}

.botao.secondary .text {
  color: #555555;
  font-weight: 500;
}

.botao.secondary .icon span {
  color: #434343;
}

.botao.secondary:hover {
  background-color: #262626;
}

.botao.secondary:hover .text {
  color: #ffffff;
  font-weight: 400;
}

.botao.secondary:hover .icon span {
  color: #c4c4c4;
}

.botao.secondary:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  background-color: #434343;
}

.botao.secondary:active .text {
  color: #ffffff;
  font-weight: 400;
}

.botao.secondary:active .icon span {
  color: #c4c4c4;
}

.botao.secondary:disabled {
  background-color: transparent;
  cursor: not-allowed;
  border: none;
}

.botao.secondary:disabled:hover, .botao.secondary:disabled:active {
  background-color: transparent;
  cursor: not-allowed;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.botao.secondary:disabled .icon span {
  color: #ffffff;
}

.botao.secondary:disabled .text {
  color: #7b7b7b;
  font-weight: 400;
}

.botao.secondary .load {
  border: 2px solid #262626;
  border-right-color: transparent;
}

.botao.icone {
  padding: 0;
}

.botao.green {
  background-color: #10cfc9;
}

.botao:hover {
  background-color: #6420cd;
}

.botao:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  background-color: #6420cd;
}

.botao:disabled {
  background-color: #c4c4c4;
  cursor: not-allowed;
}

.botao:disabled:hover, .botao:disabled:active {
  background-color: #c4c4c4;
  cursor: not-allowed;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.botao:disabled .icon span {
  color: #ffffff;
}

.botao.red {
  background-color: #FF3129;
}

.botao.red:hover, .botao.red:active {
  opacity: .8;
}

.botao.red .icon span {
  color: #ffffff;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.sidebar {
  background-color: #262626;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  max-height: 100vh;
  width: 256px;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-y: scroll;
  -webkit-transition: all .24s ease-in-out;
  transition: all .24s ease-in-out;
  z-index: 10;
}

.sidebar .backdrop-sidebar {
  display: none;
}

@media (max-width: 1200px) {
  .sidebar {
    left: -101%;
  }
  .sidebar .backdrop-sidebar {
    display: block;
    position: fixed;
    width: calc(100% - 256px);
    min-height: 100vh;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.48);
    -webkit-transition: all .24s ease-in-out;
    transition: all .24s ease-in-out;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    pointer-events: none;
    opacity: 0;
  }
  .sidebar.sidebar-open {
    left: 0;
  }
  .sidebar.sidebar-open .backdrop-sidebar {
    pointer-events: all;
    opacity: 1;
    -webkit-transition-delay: .16s;
            transition-delay: .16s;
  }
}

.sidebar::-webkit-scrollbar {
  display: none;
}

.sidebar .logo {
  padding: 24px;
  max-width: 100%;
  background-color: #262626;
  border-bottom: 1px solid #434343;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
}

.sidebar .profile {
  padding: 24px;
  border-top: 1px solid #434343;
  background-color: #262626;
  margin-top: 6px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.sidebar .profile .inner-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  position: relative;
}

.sidebar .profile .inner-profile .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.sidebar .profile .inner-profile .user .img-user {
  width: 40px;
  height: 40px;
  background-image: url(../../assets/img/default_profile.svg);
  -o-object-fit: cover;
     object-fit: cover;
  background-size: 100%;
  overflow: hidden;
  border-radius: 396px;
  border: 2px solid #c4c4c4;
}

.sidebar .profile .inner-profile .user .img-user img {
  max-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sidebar .profile .inner-profile .user .dados {
  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;
}

.sidebar .profile .inner-profile .user .dados .nome-usuario {
  color: #d9d9d9;
  line-height: 16px;
  max-width: 136px;
  overflow: hidden;
  line-clamp: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sidebar .profile .inner-profile .user .dados .perfil-usuario {
  font: 400 14px/24px "Archivo", sans-serif;
  line-height: 14px;
}

.sidebar .profile .inner-profile .icone {
  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;
}

.sidebar .profile .inner-profile .options-user {
  cursor: default;
  position: absolute;
  bottom: calc(100% + 16px);
  left: 0;
  background-color: #434343;
  width: 100%;
  padding: 8px 0;
  border-radius: 4px;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  display: none;
}

.sidebar .profile .inner-profile .options-user .termos {
  padding: 8px 24px;
  font: 400 12px/16px "Archivo", sans-serif;
  color: #7b7b7b;
}

.sidebar .profile .inner-profile .options-user .termos a {
  font: inherit;
  color: #c4c4c4;
  border-bottom: 1px dotted;
}

.sidebar .profile .inner-profile .options-user .nivel {
  padding: 8px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.sidebar .profile .inner-profile .options-user .nivel .bullet.ouro {
  color: #D7B500;
}

.sidebar .profile .inner-profile .options-user .nivel .bullet.prata {
  color: #BABABF;
}

.sidebar .profile .inner-profile .options-user .nivel .bullet.bronze {
  color: #C7A066;
}

.sidebar .profile .inner-profile .options-user .nivel.ouro p {
  color: #D7B500;
}

.sidebar .profile .inner-profile .options-user .nivel.prata p {
  color: #BABABF;
}

.sidebar .profile .inner-profile .options-user .nivel.bronze p {
  color: #C7A066;
}

.menu ul {
  list-style: none;
}

.menu ul #loadMenus {
  display: block;
  margin: 16px auto;
}

.menu ul li.placeholder {
  margin: 0 24px;
  width: calc(100% - 48px);
  max-height: 40px;
}

.menu ul li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 0 24px;
  height: 48px;
  cursor: pointer;
}

.menu ul li > a .icone {
  height: 48px;
  width: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu ul li > a .icone span, .menu ul li > a .icone i {
  color: #9d9d9d;
}

.menu ul li > a .icone i {
  font-size: 18px;
}

.menu ul li > a .texto {
  color: #d9d9d9;
}

.menu ul li > a .texto .tag {
  font: 400 12px/16px "Archivo", sans-serif;
  padding: 2px 6px;
  background-color: #0476d3;
  color: #ffffff;
  margin-left: 8px;
  border-radius: 2px;
}

.menu ul li > a.sair:hover {
  background-color: #FF3129;
}

.menu ul li > a.sair:hover .texto, .menu ul li > a.sair:hover .icone span {
  color: #ffffff;
}

.menu ul li > a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.menu ul li > a.active {
  background-color: rgba(255, 255, 255, 0.1);
}

.progresso {
  display: none;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}

.link-pagamento {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .link-pagamento {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.link-pagamento .link {
  width: 60%;
}

@media (max-width: 992px) {
  .link-pagamento .link {
    width: 100%;
  }
}

.link-pagamento .link .input-container {
  width: 100%;
  height: 48px;
  display: block;
  position: relative;
}

@media (max-width: 576px) {
  .link-pagamento .link .input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    gap: 16px;
  }
}

.link-pagamento .link .input-container .input {
  position: absolute;
  inset: 0;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
  padding: 0 16px;
  padding-right: 160px;
}

@media (max-width: 576px) {
  .link-pagamento .link .input-container .input {
    padding-right: 16px;
    position: relative;
    height: 48px;
  }
}

.link-pagamento .link .input-container .botao {
  position: absolute;
  top: 4px;
  right: 4px;
}

@media (max-width: 576px) {
  .link-pagamento .link .input-container .botao {
    position: relative;
    top: auto;
    right: auto;
    height: 48px;
  }
}

.link-pagamento .link .share-link {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.link-pagamento .link .share-link .icon {
  width: 32px;
  height: 32px;
  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: 4px;
  border: 1px solid #555555;
  cursor: pointer;
}

.link-pagamento .link .share-link .icon .bi {
  color: #555555;
}

.link-pagamento .link .share-link .icon:hover {
  background-color: #e9e9e9;
}

.link-pagamento .qr {
  width: 40%;
}

@media (max-width: 992px) {
  .link-pagamento .qr {
    width: 100%;
  }
}

.link-pagamento .qr .img-qr {
  max-width: 100%;
}

.documentos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
}

.documentos .itens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}

.card {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 4px;
  width: 100%;
  position: relative;
}

.card.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.card.perfil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}

.card.small {
  padding: 16px;
}

.card.small .icone {
  width: 24px;
  height: 24px;
}

.card.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.card.aprovado {
  border: 1px solid #009400;
}

.card.aprovado .icone span {
  color: #009400;
}

.card.aprovado a {
  color: #009400;
}

.card.reprovado {
  border: 1px solid #FF3129;
}

.card.reprovado .icone span {
  color: #FF3129;
}

.card.reprovado a {
  color: #FF3129;
}

.card.info {
  border: 1px solid #EEA000;
}

.card.info .icone span {
  color: #EEA000;
}

.card.info a {
  color: #EEA000;
}

.card.analise {
  border: 1px solid #0476d3;
}

.card.analise .icone span {
  color: #0476d3;
}

.card.analise a {
  color: #0476d3;
}

.card .conteudo {
  text-align: left;
}

.card .conteudo .head-sanfona {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding: 24px;
}

.card .conteudo .head-sanfona .titulo, .card .conteudo .head-sanfona .margin {
  margin-bottom: 0 !important;
}

.card .conteudo .head-sanfona span {
  -webkit-transition: .24s;
  transition: .24s;
}

.card .conteudo .head-sanfona span.rotate {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.card .conteudo .titulo {
  font: 400 18px/24px "Archivo", sans-serif;
  font-weight: 600;
  margin-bottom: 8px;
}

.card .conteudo .motivo {
  color: #FF3129;
}

.card .conteudo .margin {
  margin-bottom: 32px;
}

.card .close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 32px;
  height: 32px;
  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: 16px;
  cursor: pointer;
  z-index: 1;
}

.card .close:hover {
  background-color: #f2f3f6;
}

.card.sanfona {
  cursor: pointer;
  border: 1px solid #d9d9d9;
  padding: 0;
}

.card.sanfona .dados {
  display: none;
  margin-top: 24px;
  cursor: default;
  padding: 0 24px 24px 24px;
}

.cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.cards.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.cards.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  height: 48px;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  padding: 0 4px 0 16px;
}

.item:hover {
  background-color: #f2f3f6;
}

.item .dados {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.item .dados .icon {
  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;
}

.item .dados .icon span {
  color: #434343;
}

.modal {
  padding: 24px;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.48);
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  z-index: 998;
}

.modal.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal.center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal .margin {
  margin-bottom: 40px;
}

.modal .inner-modal {
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  border-radius: 4px;
  opacity: 0;
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  -webkit-transition: .2s;
  transition: .2s;
}

.modal .inner-modal.no-scrolling {
  overflow-y: visible;
}

.modal .inner-modal.width-400 {
  max-width: 400px;
}

.modal .inner-modal.width-400 .btns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-top: 32px;
}

.modal .inner-modal.width-680 {
  width: 680px;
  max-width: 100%;
}

.modal .inner-modal.width-496 {
  width: 496px;
  max-width: 100%;
}

@media (max-width: 768px) {
  .modal .inner-modal {
    width: 100% !important;
  }
}

.modal .inner-modal.editar-dados {
  min-width: 50%;
  max-width: 100%;
}

.modal .inner-modal.ativo {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.modal .inner-modal::-webkit-scrollbar {
  display: none;
}

.modal .inner-modal .box {
  background-color: #ffffff;
  padding: 24px;
  border-radius: 4px;
  width: inherit;
  position: relative;
}

.modal .inner-modal .box .center {
  text-align: center;
}

.modal .inner-modal .box .icone-head span {
  font-size: 56px;
  color: #FF3129;
}

.modal .inner-modal .box .icone-head.success span {
  color: #009400;
}

.modal .inner-modal .box .head-box {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #d9d9d9;
}

.modal .inner-modal .box .head-box.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #ffffff;
  padding-top: 24px;
  margin-top: -24px;
}

.modal .inner-modal .box .title {
  margin-bottom: 0;
}

.modal .inner-modal .box img {
  max-width: 100%;
}

.modal .inner-modal .box .titulo {
  font: 400 18px/24px "Archivo", sans-serif;
  font-weight: 600;
  margin-bottom: 8px;
}

.sobre-empresa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  position: relative;
}

.dados {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media (max-width: 768px) {
  .dados {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.dados.col3 .left, .dados.col3 .right, .dados.col3 .middle {
  width: 33%;
}

.dados .left, .dados .right, .dados .middle {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.dados .left.wide, .dados .right.wide, .dados .middle.wide {
  width: 100%;
}

@media (max-width: 768px) {
  .dados .left, .dados .right, .dados .middle {
    width: 100%;
  }
  .dados .left #email .valor, .dados .right #email .valor, .dados .middle #email .valor {
    word-break: break-all;
  }
}

.dados .left .chave, .dados .right .chave, .dados .middle .chave {
  color: #555555;
}

.dados .left .valor, .dados .right .valor, .dados .middle .valor {
  font-weight: 600;
}

.form {
  width: 100%;
}

.form .titulo {
  font: 400 18px/24px "Archivo", sans-serif;
  font-weight: 600;
  margin-bottom: 8px;
}

.form .titulo.sticky {
  padding: 16px 0;
  background-color: #ffffff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
}

.form .row-botao.sticky {
  padding: 24px 0;
  background-color: #ffffff;
  margin-bottom: -24px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.form .row-botao.mb-1 {
  margin-bottom: -16px;
}

.form .fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.form .fields .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  width: 100%;
}

@media (max-width: 768px) {
  .form .fields .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form .fields .flex.card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
  }
}

.form .fields .flex .fields {
  width: calc(100% - 216px);
}

@media (max-width: 768px) {
  .form .fields .flex .fields {
    width: 100%;
  }
}

.form .fields .flex .photo {
  width: 192px;
  height: 192px;
  border-radius: 8px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .form .fields .flex .photo {
    margin: 0 auto;
    width: 256px;
    height: 256px;
  }
}

.form .fields .flex .photo img {
  max-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.form .fields.gap-2 {
  gap: 16px;
}

.form .fields .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

@media (max-width: 768px) {
  .form .fields .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px;
  }
}

.form .fields .row.gap-small {
  gap: 8px;
}

.form .fields .input-content {
  display: block;
  position: relative;
  width: 100%;
  height: 48px;
}

.form .fields .input-content label {
  position: absolute;
  top: calc(50% - 12px);
  left: 16px;
  z-index: 1;
  padding: 0 8px;
  background-color: #ffffff;
  color: #9d9d9d;
  pointer-events: none;
  -webkit-transition: .08s;
  transition: .08s;
}

.form .fields .input-content .input, .form .fields .input-content .select {
  position: absolute;
  inset: 0;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  outline: none;
  padding: 0 24px;
  -webkit-transition: .2s;
  transition: .2s;
  color: #555555;
}

.form .fields .input-content .input.select:-moz-read-only, .form .fields .input-content .input.select-read:-moz-read-only, .form .fields .input-content .select.select:-moz-read-only, .form .fields .input-content .select.select-read:-moz-read-only {
  cursor: pointer !important;
}

.form .fields .input-content .input.select:read-only, .form .fields .input-content .input.select-read:read-only, .form .fields .input-content .select.select:read-only, .form .fields .input-content .select.select-read:read-only {
  cursor: pointer !important;
}

.form .fields .input-content .input.nice-select, .form .fields .input-content .select.nice-select {
  font: 400 16px/24px "Archivo", sans-serif;
  height: 100% !important;
  line-height: 48px;
}

.form .fields .input-content .input.nice-select.list-h174 .list, .form .fields .input-content .select.nice-select.list-h174 .list {
  max-height: 174px;
}

.form .fields .input-content .input.nice-select .list, .form .fields .input-content .select.nice-select .list {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 8px;
  max-height: 256px;
  overflow: auto;
}

.form .fields .input-content .input.nice-select .list .option, .form .fields .input-content .select.nice-select .list .option {
  border-radius: 4px;
  -webkit-transition: none;
  transition: none;
}

.form .fields .input-content .input.nice-select .list .option:hover, .form .fields .input-content .select.nice-select .list .option:hover {
  background-color: #f2f3f6;
}

.form .fields .input-content .input.nice-select .list .option.selected, .form .fields .input-content .select.nice-select .list .option.selected {
  background-color: #f2f3f6;
  font-weight: 400;
}

.form .fields .input-content .input.icon-left, .form .fields .input-content .select.icon-left {
  padding: 0 24px 0 56px;
}

.form .fields .input-content .input.icon-left + label, .form .fields .input-content .select.icon-left + label {
  left: 48px;
}

.form .fields .input-content .input::-webkit-input-placeholder, .form .fields .input-content .select::-webkit-input-placeholder {
  color: #9d9d9d;
}

.form .fields .input-content .input:-ms-input-placeholder, .form .fields .input-content .select:-ms-input-placeholder {
  color: #9d9d9d;
}

.form .fields .input-content .input::-ms-input-placeholder, .form .fields .input-content .select::-ms-input-placeholder {
  color: #9d9d9d;
}

.form .fields .input-content .input::placeholder, .form .fields .input-content .select::placeholder {
  color: #9d9d9d;
}

.form .fields .input-content .input:hover, .form .fields .input-content .select:hover {
  border-color: #7b7b7b;
}

.form .fields .input-content .input:focus, .form .fields .input-content .input.input-active, .form .fields .input-content .select:focus, .form .fields .input-content .select.input-active {
  border-color: #7b7b7b;
}

.form .fields .input-content .input:focus + label, .form .fields .input-content .input.input-active + label, .form .fields .input-content .select:focus + label, .form .fields .input-content .select.input-active + label {
  top: -12px;
  font: 400 14px/24px "Archivo", sans-serif;
}

.form .fields .input-content .input.field-error, .form .fields .input-content .select.field-error {
  border-color: #FF3129;
}

.form .fields .input-content .input.field-error + label, .form .fields .input-content .select.field-error + label {
  color: #FF3129;
}

.form .fields .input-content .input.with-icon, .form .fields .input-content .select.with-icon {
  padding: 0 56px;
}

.form .fields .input-content .input.icon-right, .form .fields .input-content .select.icon-right {
  padding: 0 56px 0 24px;
}

.form .fields .input-content .input:-moz-read-only, .form .fields .input-content .select:-moz-read-only {
  cursor: not-allowed;
  color: #7b7b7b;
  border-color: #c4c4c4 !important;
}

.form .fields .input-content .input:read-only, .form .fields .input-content .select:read-only {
  cursor: not-allowed;
  color: #7b7b7b;
  border-color: #c4c4c4 !important;
}

.form .fields .input-content .input:-moz-read-only + label, .form .fields .input-content .select:-moz-read-only + label {
  top: -12px;
  font: 400 14px/24px "Archivo", sans-serif;
}

.form .fields .input-content .input:read-only + label, .form .fields .input-content .select:read-only + label {
  top: -12px;
  font: 400 14px/24px "Archivo", sans-serif;
}

.form .fields .input-content .input:-moz-read-only:hover, .form .fields .input-content .input:-moz-read-only:focus, .form .fields .input-content .input:-moz-read-only:valid, .form .fields .input-content .select:-moz-read-only:hover, .form .fields .input-content .select:-moz-read-only:focus, .form .fields .input-content .select:-moz-read-only:valid {
  border-color: #c4c4c4 !important;
}

.form .fields .input-content .input:read-only:hover, .form .fields .input-content .input:read-only:focus, .form .fields .input-content .input:read-only:valid, .form .fields .input-content .select:read-only:hover, .form .fields .input-content .select:read-only:focus, .form .fields .input-content .select:read-only:valid {
  border-color: #c4c4c4 !important;
}

.form .fields .input-content .input.input-token, .form .fields .input-content .select.input-token {
  text-align: center;
  font: 700 24px/32px "Archivo", sans-serif;
  letter-spacing: 8px;
  text-align: center;
  padding: 8px;
}

.form .fields .input-content .input:-webkit-autofill, .form .fields .input-content .select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  box-shadow: 0 0 0 30px white inset;
}

.form .fields .input-content .input.select-box, .form .fields .input-content .select.select-box {
  cursor: pointer;
}

.form .fields .input-content .load {
  display: none;
  width: 16px;
  height: 16px;
  border-radius: 396px;
  border: 2px solid #7b7b7b;
  border-right-color: transparent;
  -webkit-animation: spinner .7s linear infinite;
          animation: spinner .7s linear infinite;
}

.form .fields .input-content .icon {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 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;
  gap: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  pointer-events: none;
  background: none;
  border: none;
}

.form .fields .input-content .icon ion-icon {
  color: #5619b4;
}

.form .fields .input-content .icon.action {
  left: auto;
  right: 0;
  cursor: pointer;
  pointer-events: all;
}

.form .fields .input-content .icon.action ion-icon {
  color: #c4c4c4;
  -webkit-transition: .2s;
  transition: .2s;
}

.form .fields .input-content .icon.action:hover ion-icon {
  color: #5619b4;
}

.form .fields .input-content .icon.hide {
  opacity: 0;
  pointer-events: none;
}

.form .fields .input-content .icon.right {
  left: auto;
  right: 0;
}

.form .fields .select-content .icon span {
  -webkit-transition: .24s;
  transition: .24s;
}

.form .fields .select-content .icon span.rotate {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.form .botao.sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 24px;
  left: 0;
  z-index: 2;
}

.pageError h3 {
  margin-bottom: 8px !important;
}

.pageError .icone-head.warning span {
  color: #EEA000 !important;
}

.pageError .icone-head.error span {
  color: #FF3129;
}

.pageError .botao {
  margin-top: 24px;
}

.msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  bottom: -101%;
  right: 24px;
  gap: 32px;
  max-width: calc(100% - 48px);
  padding: 16px 24px;
  border-radius: 4px;
  background-color: #434343;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  z-index: 999;
}

.msg.on {
  bottom: 24px;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.msg .text {
  color: #ffffff;
}

@media (max-width: 576px) {
  .msg .text {
    font: 400 14px/24px "Archivo", sans-serif;
  }
}

.msg .icon {
  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;
  gap: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 792px;
  -webkit-transition: .1s;
  transition: .1s;
}

.msg .icon:hover {
  background-color: #7b7b7b;
}

.msg .icon span {
  color: #ffffff;
  font-size: 16px;
}

.lista.options {
  display: none;
  background-color: #fff;
  padding: 8px;
  border-radius: 4px;
  z-index: 99;
  position: absolute;
  top: calc(100% + 8px);
  border: 1px solid #d9d9d9;
  width: 100%;
}

.lista.options li {
  margin-right: 8px;
  border-radius: 4px;
  border-bottom: none;
}

.lista.options li .name {
  text-overflow: ellipsis;
  max-width: 100%;
}

.lista.options li.selected {
  background-color: #e9e9e9;
}

.lista.options.on-top {
  top: auto;
  bottom: calc(100% + 16px);
}

.lista ul {
  list-style: none;
  max-height: 226px;
  overflow-y: auto;
}

.lista ul .error-bank,
.lista ul .error-option {
  display: none;
  border-bottom: none;
}

.lista ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 8px;
  border-bottom: 1px solid #d9d9d9;
  overflow-x: hidden;
  cursor: pointer;
}

.lista ul li.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: none;
  cursor: default;
}

.lista ul li.center:hover {
  background-color: #ffffff;
}

.lista ul li::-webkit-scrollbar {
  display: none;
}

.lista ul li .code {
  color: #7b7b7b;
  width: 32px;
  min-width: 32px;
}

.lista ul li .name {
  white-space: nowrap;
}

.lista ul li:hover {
  background-color: #f2f3f6;
}

.perfil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

.perfil .card .photo {
  position: relative;
}

.perfil .card .photo .botao {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  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;
}

.perfil .card .photo .botao.delete {
  right: 48px;
}

.perfil .card .photo .botao.delete.hide {
  opacity: 0;
  pointer-events: none;
}

.toltip {
  position: absolute;
  z-index: 99;
  display: none;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #c4c4c4;
  padding: 16px;
}

.toltip.left {
  left: 0;
}

.toltip.right {
  right: 0;
}

.toltip.top {
  bottom: calc(100% + 16px);
}

.toltip.bottom {
  top: calc(100% + 16px);
}

.toltip p {
  font: 400 14px/24px "Archivo", sans-serif;
}

.toltip ul {
  list-style: none;
  margin-top: 16px;
}

.toltip ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.toltip ul li .icone {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.toltip ul li .icone span {
  font-size: 16px;
}

.toltip ul li .icone.red span {
  color: #FF3129;
}

.toltip ul li .icone.green span {
  color: #009400;
}

.toltip ul li .text {
  font: 400 14px/24px "Archivo", sans-serif;
}

#field_nova_senha:focus ~ .toltip, #field_senha:focus ~ .toltip {
  display: block;
}

.header {
  height: 64px;
  width: 100%;
  padding: 0 24px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  background-color: #262626;
  -webkit-transition: all .24s ease-in-out;
  transition: all .24s ease-in-out;
  z-index: 5;
  position: fixed;
  top: 0;
  left: 0;
}

@media (max-width: 1200px) {
  .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.header .icone {
  width: 32px;
  height: 32px;
  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: 50%;
}

.header .icone:hover {
  background-color: #434343;
}

.header .icone span {
  font-size: 24px;
}

.header a {
  height: 24px;
}

.header a img {
  max-height: 100%;
}

.cadastro .inner-box.left {
  text-align: left !important;
}

.cadastro .inner-box > .card {
  border: 1px solid #d9d9d9;
  margin-bottom: 16px;
}

.cadastro .cards {
  margin: 48px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.cadastro a {
  color: #555555;
  font-weight: 600;
  text-decoration: underline;
}

.cadastro a:hover {
  background-color: #ebfbfb;
}

.cadastro a:active {
  background-color: #10cfc9;
}

.cadastro .aceite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.cadastro .icone-head span {
  font-size: 56px;
  color: #FF3129;
}

.cadastro .icone-head.success span {
  color: #009400;
}

.cadastro .email-cadastro {
  font-weight: 600;
  color: #555555;
}

.vendas .filtros {
  margin-bottom: 40px;
}

@media (max-width: 576px) {
  .vendas .filtros .btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    gap: 8px;
  }
  .vendas .filtros .btns .botao {
    width: 100%;
  }
}

.vendas .card .flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 992px) {
  .vendas .card .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .vendas .historico .card {
    padding: 0;
    background: none;
  }
}

.vendas .transacoes, .vendas .transactionsList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  position: relative;
}

.vendas .transacoes .transacao, .vendas .transactionsList .transacao {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 64px;
      grid-template-columns: 1fr 1fr 1fr 1fr 64px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 16px;
  padding: 24px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  position: relative;
}

@media (max-width: 992px) {
  .vendas .transacoes .transacao, .vendas .transactionsList .transacao {
    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;
    background-color: #ffffff;
    border: none;
  }
}

.vendas .transacoes .transacao .info, .vendas .transactionsList .transacao .info {
  white-space: nowrap;
}

@media (max-width: 992px) {
  .vendas .transacoes .transacao .info:nth-child(1), .vendas .transactionsList .transacao .info:nth-child(1) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 8px;
  }
  .vendas .transacoes .transacao .info:nth-child(1) .valor, .vendas .transactionsList .transacao .info:nth-child(1) .valor {
    font-weight: 600;
  }
  .vendas .transacoes .transacao .info:nth-child(1)::before, .vendas .transactionsList .transacao .info:nth-child(1)::before {
    content: "Localizador:";
    margin-right: 4px;
  }
  .vendas .transacoes .transacao .info:nth-child(2), .vendas .transactionsList .transacao .info:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 8px;
  }
  .vendas .transacoes .transacao .info:nth-child(2) .valor, .vendas .transactionsList .transacao .info:nth-child(2) .valor {
    font-weight: 600;
  }
  .vendas .transacoes .transacao .info:nth-child(2)::before, .vendas .transactionsList .transacao .info:nth-child(2)::before {
    content: "Valor:";
    margin-right: 4px;
  }
  .vendas .transacoes .transacao .info:nth-child(3), .vendas .transactionsList .transacao .info:nth-child(3) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .vendas .transacoes .transacao .info:nth-child(4), .vendas .transactionsList .transacao .info:nth-child(4) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: 8px;
  }
  .vendas .transacoes .transacao .info:nth-child(4) .valor, .vendas .transactionsList .transacao .info:nth-child(4) .valor {
    font-weight: 600;
  }
  .vendas .transacoes .transacao .info:nth-child(4)::before, .vendas .transactionsList .transacao .info:nth-child(4)::before {
    content: "Data e hora:";
    margin-right: 4px;
  }
}

@media (max-width: 992px) {
  .vendas .transacoes .transacao .abre-options, .vendas .transactionsList .transacao .abre-options {
    position: absolute;
    right: 24px;
    margin: auto;
  }
}

.vendas .transacoes .transacao .lista.options, .vendas .transactionsList .transacao .lista.options {
  display: none;
  top: calc(100% - 16px);
  right: 32px;
  width: auto;
}

@media (max-width: 992px) {
  .vendas .transacoes .transacao .lista.options, .vendas .transactionsList .transacao .lista.options {
    top: 80px;
  }
}

.vendas .transacoes .transacao .lista.options li, .vendas .transactionsList .transacao .lista.options li {
  margin-right: 0;
  gap: 8px;
  padding: 4px 8px;
}

.vendas .transacoes .transacao .lista.options li .icon, .vendas .transactionsList .transacao .lista.options li .icon {
  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;
}

.vendas .transacoes .transacao .lista.options li .icon span, .vendas .transactionsList .transacao .lista.options li .icon span {
  font-size: 18px;
}

.vendas .transacoes .transacao:hover, .vendas .transactionsList .transacao:hover {
  border-color: #9d9d9d;
}

@media (max-width: 992px) {
  .vendas .transacoes .transacao.head, .vendas .transactionsList .transacao.head {
    display: none;
  }
}

.vendas .transacoes .transacao.head .info .chave, .vendas .transactionsList .transacao.head .info .chave {
  font: 400 16px/24px "Archivo", sans-serif;
  color: #262626;
  font-weight: 600;
}

.vendas .transacoes .transacao.head:hover, .vendas .transactionsList .transacao.head:hover {
  border-color: #d9d9d9;
}

.vendas .transacoes .transacao .info, .vendas .transactionsList .transacao .info {
  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;
}

@media (max-width: 992px) {
  .vendas .transacoes .transacao .info, .vendas .transactionsList .transacao .info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.vendas .transacoes .transacao .info.status-transacao, .vendas .transactionsList .transacao .info.status-transacao {
  display: inline;
}

.vendas .transacoes .transacao .info .chave, .vendas .transactionsList .transacao .info .chave {
  font: 400 12px/16px "Archivo", sans-serif;
  color: #262626;
  font-weight: 600;
}

.vendas .transacoes .transacao .icone, .vendas .transactionsList .transacao .icone {
  margin: 0 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}

.vendas .transacoes .transacao .icone:hover, .vendas .transactionsList .transacao .icone:hover {
  background-color: #e9e9e9;
}

.vendas .numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  width: 100%;
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .vendas .numbers {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (max-width: 576px) {
  .vendas .numbers .load {
    margin: 0 auto;
  }
}

.vendas .numbers .label {
  margin-bottom: 8px;
}

@media (max-width: 576px) {
  .vendas .numbers .label {
    text-align: center;
  }
}

.vendas .numbers .big {
  font: 700 24px/32px "Archivo", sans-serif;
  color: #262626;
}

@media (max-width: 576px) {
  .vendas .numbers .big {
    text-align: center;
  }
}

.vendas .numbers .big * {
  font: 700 24px/32px "Archivo", sans-serif;
  color: #262626;
}

.vendas .status-transacao .valor {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 4px 16px;
  background-color: #f2f3f6;
  border-radius: 4px;
  font: 400 14px/24px "Archivo", sans-serif;
  white-space: nowrap;
}

.vendas .status-transacao .valor::before {
  font-family: 'Material Icons';
  font-size: 14px;
}

.vendas .status-transacao .valor.DENIED, .vendas .status-transacao .valor.VOID, .vendas .status-transacao .valor.UNPROCESSED_PAYMENT, .vendas .status-transacao .valor.REFUSED, .vendas .status-transacao .valor.NOPE {
  color: #FF3129;
  background-color: #FFEBEE;
}

.vendas .status-transacao .valor.DENIED::before, .vendas .status-transacao .valor.VOID::before, .vendas .status-transacao .valor.UNPROCESSED_PAYMENT::before, .vendas .status-transacao .valor.REFUSED::before, .vendas .status-transacao .valor.NOPE::before {
  content: "cancel";
  color: #FF3129;
}

.vendas .status-transacao .valor.CHARGEBACK {
  color: #FF3129;
  background-color: #FFEBEE;
}

.vendas .status-transacao .valor.CHARGEBACK::before {
  content: "reply";
  color: #FF3129;
}

.vendas .status-transacao .valor.PENDENT, .vendas .status-transacao .valor.IN_REVIEW {
  color: #EEA000;
  background-color: #FDFCE5;
}

.vendas .status-transacao .valor.PENDENT::before, .vendas .status-transacao .valor.IN_REVIEW::before {
  content: "warning";
  color: #EEA000;
}

.vendas .status-transacao .valor.PROCESSING_PAYMENT {
  color: #EEA000;
  background-color: #FDFCE5;
}

.vendas .status-transacao .valor.PROCESSING_PAYMENT::before {
  content: "watch_later";
  color: #EEA000;
}

.vendas .status-transacao .valor.AUTHORIZED, .vendas .status-transacao .valor.PARTIAL_PAID, .vendas .status-transacao .valor.REFUNDED {
  color: #0476d3;
  background-color: #e3f2fd;
}

.vendas .status-transacao .valor.AUTHORIZED::before, .vendas .status-transacao .valor.PARTIAL_PAID::before, .vendas .status-transacao .valor.REFUNDED::before {
  content: "check_circle";
  color: #0476d3;
}

.vendas .status-transacao .valor.PAID {
  color: #009400;
  background-color: #E6F6E5;
}

.vendas .status-transacao .valor.PAID::before {
  content: "check_circle";
  color: #009400;
}

.vendas #modalDadosTransacao .cards {
  display: none;
}

.vendas #barcodeTransaction .valor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.vendas #barcodeTransaction .valor span {
  font-weight: 600;
  color: #555555;
}

@media (max-width: 768px) {
  .vendas #barcodeTransaction .valor span {
    overflow-x: auto;
  }
  .vendas #barcodeTransaction .valor span::-webkit-scrollbar {
    display: none;
  }
}

.vendas .pagination {
  margin-top: 40px;
}

@media (max-width: 992px) {
  .vendas .pagination .botao .text {
    display: none;
  }
}

@media (max-width: 576px) {
  .vendas .pagination .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .vendas .pagination .flex .botao .text {
    display: block;
  }
}

.vendas .pagination.sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

@media (max-width: 576px) {
  .vendas .pagination.sticky {
    position: relative;
    bottom: auto;
  }
}

.vendas .filtros-bar {
  margin-top: 24px;
  display: none;
}

.vendas .filtros-bar .flex .group {
  width: 100%;
}

.vendas .filtros-bar .flex .group p {
  margin-bottom: 8px;
  color: #262626;
  font-weight: 500;
}

.vendas .filtros-bar .flex .group .formPeriodo {
  display: none;
}

.vendas .filtros-bar .flex .group .formPeriodo .input-active {
  border-color: #c4c4c4 !important;
}

.vendas #emailPagador .valor {
  word-break: break-all;
}

@media (max-width: 576px) {
  .nf .historico .card {
    padding: 0;
    background: none;
  }
}

.nf .historico .notas-fiscais {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  position: relative;
}

.nf .historico .notas-fiscais .nfList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.nf .historico .notas-fiscais .nfList .nota {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  position: relative;
  background-color: #ffffff;
}

@media (max-width: 576px) {
  .nf .historico .notas-fiscais .nfList .nota {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    border: none;
  }
}

.nf .historico .notas-fiscais .nfList .nota .dados-nota {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.nf .historico .notas-fiscais .nfList .nota .dados-nota .icon {
  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;
}

@media (max-width: 576px) {
  .nf .historico .notas-fiscais .nfList .nota .dados-nota .icon {
    display: none;
  }
}

.nf .historico .notas-fiscais .nfList .nota .right-nota {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.nf .historico .notas-fiscais .nfList .nota .right-nota .status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 4px 16px;
  background-color: #f2f3f6;
  border-radius: 4px;
  font: 400 14px/24px "Archivo", sans-serif;
  white-space: nowrap;
}

.nf .historico .notas-fiscais .nfList .nota .right-nota .status.enviada {
  color: #EEA000;
  background-color: #FDFCE5;
}

.nf .historico .notas-fiscais .nfList .nota .right-nota .status.paga {
  color: #009400;
  background-color: #E6F6E5;
}

.nf .historico .notas-fiscais .nfList .nota .right-nota .status.cancelada {
  color: #FF3129;
  background-color: #FFEBEE;
}

.nf .historico .notas-fiscais .nfList .nota .right-nota .icone {
  margin: 0 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
}

.nf .historico .notas-fiscais .nfList .nota .right-nota .icone:hover {
  background-color: #e9e9e9;
}

.nf .historico .notas-fiscais .nfList .nota:hover {
  border-color: #9d9d9d;
}

.nf .historico .notas-fiscais .nfList .nota .lista.options {
  display: none;
  top: calc(100% - 8px);
  right: 24px;
  width: auto;
}

.nf .historico .notas-fiscais .nfList .nota .lista.options li {
  margin-right: 0;
  gap: 8px;
  padding: 4px 8px;
}

.nf .historico .notas-fiscais .nfList .nota .lista.options li .icon {
  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;
}

.nf .historico .notas-fiscais .nfList .nota .lista.options li .icon span {
  font-size: 18px;
}

.nf .modal .control-file {
  width: 100%;
}

.nf .modal .control-file .area-upload {
  border: 1.6px dashed #c4c4c4;
  width: 100%;
  padding: 24px;
  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;
  border-radius: 4px;
  position: relative;
}

.nf .modal .control-file .area-upload .text {
  font: 400 14px/24px "Archivo", sans-serif;
  color: #9d9d9d;
}

.nf .modal .control-file .area-upload.ativo {
  border-color: #555555;
  background-color: #f2f3f6;
}

.nf .modal .control-file .area-upload #nf_file {
  position: absolute;
  inset: 0;
  -webkit-appearance: none;
  opacity: 0;
  cursor: pointer;
}

.nf .modal .file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  background-color: #f2f3f6;
}

.nf .modal .file .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.nf .modal .file .details .icon {
  width: 32px;
  height: 32px;
  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;
}

.nf .modal .file .details .icon span {
  font-size: 32px;
}

.nf .modal .file .details .file-name .name {
  font: 400 14px/24px "Archivo", sans-serif;
  margin-bottom: -4px;
}

.nf .modal .file .details .file-name .size {
  font: 400 12px/16px "Archivo", sans-serif;
}

.nf .modal .file .icone {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
}

.nf .modal .file .icone span {
  font-size: 16px;
}

.nf .modal .file .icone:hover {
  background-color: #e9e9e9;
}

.nf .modal .file-upload {
  display: none;
}

.nf .modal #btnEnviaNF::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 0%;
  background-color: #ffffff;
  opacity: .1;
  -webkit-transition: .16s;
  transition: .16s;
}
/*# sourceMappingURL=style.css.map */