.user {
  position: relative;
  display: inline-block;
  font-size: 18px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.sign-in-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.btn-cadastrar,
.btn-entrar {
  
  flex: 1 1 0;          
  max-width: 160px;     
  height: 40px;
  border-radius: 8px;  
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  font-family: 'Lato', sans-serif;
  color: #fff;
  white-space: nowrap; 
}

.btn-cadastrar {
  border-color: rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
}

.btn-cadastrar:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-color: #fff;
}

.btn-entrar {
  background-color: #339FD0;
  border-color: #339FD0;
  color: white;
}

.btn-entrar:hover {
  background-color: #339FD0;
  border-color: #339FD0;
}

.user-dropdown {
  display: flex;
  align-items: center;
  background-color: transparent;
  color: #fff;
  border: none;
  cursor: pointer;
  font-family: Lato, sans-serif;
  outline: none !important;
  width: 100%;
  overflow: hidden;
  padding-left: 7px;
}

.user-dropdown > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-dropdown::after {
  content: '';
  height: 25px;
  width: 25px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAWNJREFUaIHt1NFKwmAYxvH/O3YYBIKXUIggwuYFRNekJyNQKD8Eu6YQw7P0JFyg9xAEnTX3dRCWjqbtczvq/R2Nuffb8/iioJRSSimllFL/TTiMB+3RsnHqOe3RshEO44HrvOcyFJh4jEjf38j0lBLt0bLhb2SKSD8w8djljMIFAhOPBekCIFL3U2/WMetW0XN2wtcBBOmG5uW26DlOG8ioWZJJkRIds275qTfbhv8mkhR9uRQdgMwWfrwK/tVTdPF8aLZj1i1LMgFq+5/Y3jxq3hfN4rSBRdTsAXeZ27WUj8fQrIK8udzw1t64hAfHDWz9tgmLfRP863l0udi9H5pVYEkeBDnfP8Xtm986qQD8rURV4aGEAnC4xNd1NeGhpALwewlJeQewHmf7T5cTHkosALn/ThnlhYeSC8CxEuWGhwoKQF6J8sNDRQUgW6Ka8JULh/EgNPGR34RSSimllFJKufkE5COYR1FVDF8AAAAASUVORK5CYII=);
  background-size: cover;
}

.user-dropdown-active::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAWRJREFUaIHt1kFqwkAUBuD/TdJdoVDoGcyibrqVVlGSXihdSahk6speSEtL6QHcJC32DEJA6FLzugqkkohOMtDF+3ZOdPL/vIkEEEIIIYQQQggLfJ2GfpxObN6DbG3s6zQk0AwAGPz8El0/2LiPlQLl8AVbJVovUBW+YKNEqwUOhS+0XaK1ApXhc/wAABTOy8ttllBtbFJz5jdQTh/K6TN4U75GoNDX6cFJHavxBOrCE9zhIvKWABDo1Q1j+0agi73vNZ5EowLHhC/YKmF8hPw4HVc8sJnC2e1+eABYRN6S4A6rjlOgP7VpDqMJ1PzbZAR3MI86yaHf3uvvLmP7DuCyvG46iZMnEDx9PZqGB4B51EkI7gBAVl43fbBPP0LM7t+PvN6pvHdM+EJdCROmR2hGoJCZ17nDd6/j7spkn9E08dSOPojoyub7UiU/TiejaeI13Wc0TTzbb6xCCCGEEEII8S/9AisqqFmt7E29AAAAAElFTkSuQmCC) !important;
}

.user-dropdown-content {
  position: absolute;
  top: calc(var(--header-height) / 2);
  right: 0;
  width: 280px;
  background-color: #222745;
  z-index: 1000;
  opacity: 1;
  visibility: visible;
  transition: visibility 0s, opacity 0.5s linear;
  padding: 5px 20px 5px 20px;
  border-radius: 0 0 2.5px 2.5px;
}

.user-dropdown-content > li {
  padding: 10px 5px;
  border-bottom: solid thin #fff;
  list-style-type: none !important;
}

.user-dropdown-content > li:last-child {
  border-bottom: 0;
}

.user-dropdown-content > li > a,
.user-dropdown-content > li > span {
  color: #fff;
  text-decoration: none;
  outline: none;
  font-size: 17px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.user-dropdown-content > li > a::before,
.user-dropdown-content > li > span::before {
  content: '';
  display: inline-block;
  height: 25px;
  width: 28px;
  margin-right: 15px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}

.user-dropdown-content > li > span.menu-alterar-senha::before,
.user-dropdown-content > li > span.menu-logout::before,
.user-dropdown-content > li > a.menu-documentos::before {
  background-size: 90% auto;
}

.user-dropdown-content > li > span.menu-alterar-senha::before,
.user-dropdown-content > li > span.menu-logout::before,
.user-dropdown-content > li > a.menu-ajuda::before {
  margin-right: 25px;
  height: 20px;
  width: 20px;
}

.user-dropdown-content > li > a.menu-meus-pedidos::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC41MjMiIGhlaWdodD0iMjcuMjUyIiB2aWV3Qm94PSIwIDAgMjAuNTIzIDI3LjI1MiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MS4yNnB4O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTQ5MCwyNjguMjkydi00LjY1M2E0LjY5Miw0LjY5MiwwLDEsMC05LjM3NSwwdjQuNjUzbTQuNjgzLDE2LjM3aDcuMjhhMi40LDIuNCwwLDAsMCwyLjM1MS0yLjQ1VjI2Ny4zNjdhMi40LDIuNCwwLDAsMC0yLjM1MS0yLjQ0OWgtMTQuNTVhMi40MSwyLjQxLDAsMCwwLTIuMzYxLDIuNDQ5djE0Ljg0NWEyLjQxLDIuNDEsMCwwLDAsMi4zNjEsMi40NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzUuMDQ5IC0yNTguMDQpIi8+PC9zdmc+Cg==) no-repeat;
  background-size: 35px 25px;
  background-position: center;
}

.user-dropdown-content > li > a.menu-meus-cartoes::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAwCAYAAABDl2dmAAAAAXNSR0IArs4c6QAAA15JREFUaAXtm12ITVEUx+egiDf5ystESEh5U6QpPCG84U0M5YE8zNOEwiijlFLkKx68efBGzTwY4cULD+Mj42M0MeUjHykpjt+6Z+9a95x9trm3yzWz96r/XXuvtfc+a/9n7X32ufdM0oKkaboTtRcsABNBqPKNifeDziRJehOIEVJOhcqGZ96rhZynNJCM+QQug88gVJnJxNvBeHBNltRPIHI2VEb0vOHhboWNNL0/DodA5EOmgv98ZxiYbIkJnhEXAZEcFyvGFsmJ5HgY8Lhi5kRyPAx4XBOUr5X7e5uqh1qcZicuJ+TUVqKuYmA47jlVfFRX9LK6iutCtTvI2lFmvQJ81OQM8ph+K0g61KTZZd7balxWlgmHjuQ4SLGmSI5lwqEjOQ5SrElvyK1sRm3WEbCOh8AR/PHjIdBHkl5W8RCYMRUPgWUZEw+BZczk7PFWniNEVyM5mo1cOZKTI0RX9d1K2ytlNqepFJaARpH4gif/14ULNdBAzBLrYrASzAXycoCVQQo9xDBkDT5dSg4XSegobxzM8g1Qq49xZxPc21r7jaQ9Y8tv3DfAWl972p3Dv484vvvalWYEHeXr00Z/hfo3xtTzO0/FS4xpvAt9SXd0lUszxzRehF4KSkl0DeqxDUD6sMdft4tskFi3mwF60O1gBphibJPQ68EOIOWt9DlCPI8pO8VLDh3ltZTbzp7/n3GTCUmycxuxyzd6ssdouQkhzzGcNMZ56FJyGpUROoBmlTeaCz8xxJTFIVllRd7HKZWxRI59dWQh2TG9dMYtLcuV740qF4reZcVF9tNjA2gGiXIL7iYL+gpRuw3dmNcBucv2EftxtF5W8q7jMrAbiMjye1gplX0wiJWufBscX62zSfpiPiZfnRhP1BCn3M4LQv/rZox+b+bQ8yBoZuZcKUTvMZBlHUxMzi57gBxgXTKA8Qw47XJqm/45+BiDd2rnaC5D0nzinwN+qHm8ZI56qSlXVpTMoSSb+6M/ZU6h82gxQMIzYhXULc3YaOsO9l93jOR4GBdy7POTPLRFyV7QFh5+yZ7zCsjGtZnN6B76CwhV5MS8ykx+SO5Wh6kcCJUNz7w7hBxZWoeA3Mbj0srYuoNak2Tlyr8VyeP9FlB2eLJNx7KWR5YHoJejQPobVC2ckjSlRgkAAAAASUVORK5CYII=);
}

.user-dropdown-content > li > a.menu-dados-cadastrais::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAApCAYAAACRB7GtAAAC3ElEQVR42u2ZTWgTQRTHo0XFVhApiFp78OBFoSAVRAWRUltBFCyoB3sIol4sghUEEcytFC+hvbWgN7Fde9GDPUipFPVQYpE0BzFUCjEYA6Yx39/1/8obWZc02daazKw78MjHvM3+f/tm3puZOBx2s5ucrVAoXC0Wi75SqVRcVriBIQGGt+C5IsBuLFusUZAymcxBB2g/M/VgIBDYrvIIjEaju8AxyTz3HYLW4/FsscIUA9Qthhv5DWeh/HGN4Z7YcLVufr9/Wy6Xa0+lUvutArcJwm5ClFdfkvA+iu8mANqqJFwymdwHMTM6oO+wWdgnWEbUMAh3/jUcOob/Uf35kU6nDxgjhvu94/4QhuMJfSeVJxIqfiOfz3coAwcx/aIPEdxbIcUPsF8wFAo1KTEsIWKR7g9RvdWSDA1T9nVKDxeJRHaykJ8mk0U/+w9JD4f508lCpkz6n2L/GRXgulnIKzP+SDbH2P+99HAQe7xaJFaJ9GRdsiWunaf0bkZsNps9zNd8MDnnLrL/mPRwwWCwUaxC1phQHilRCkR6X9lcVi8b41wKLqlS556y4DuV/Gi/iQexRL5lVjlywkFMD4vxVhrOFC3dsFdj4exyuTYjIgss6EE5n3g8vpsW02ZWMtLtCkSKB0ABGfRQmaGrcf8sPYy6LpwpEj6fb+sa556bRU0YykUb/2bEzOa1JnBmD5x4130Uom6zqGlDVM+IqNHyCzuHFqmHZSwWa8bN78HmaCjqHwzE9el9w+HwDvh8NdTSMOwZwUoFhygdESmdI5KCkG+w5zBXuYwJiJPoG6VMSfs5A+hj/TV1hYO4L3xzDaLPaZrWsI5jiRZc/1BEFECXpYCjdSTs5QZl2S7aweP1gn1uacOpAkfZij4kEok9VoCjJRzDuenDR07JrzExz8JOq2qI2nU6++QM2kMZ57yxkKre/ljl0Ckv/Z9Fp1AAfaOqQf8LROyuVf5r/H/bLyhvm/GBQ2MjAAAAAElFTkSuQmCC);
}

.user-dropdown-content > li > a.menu-meus-endereco::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAApCAYAAACRB7GtAAADiUlEQVR42u2Zy2tTQRSH6xPfihVExG5UXIiIiLhQfCtURRCKf4GIVMQHdCEuogsRn4i41Z2gKViUdiEoqUQRahQXQUqVRozRmJikCUnI0+vvwBkYLrmTm+QmN7fkwCH3zvN8M+fOnJl0dXWkI9NbQqHQgnK5/Bj6u1gs7p02YPl8fiOgvmks/yB4v+52u2c5GgwQZ8CSIyg8v4NeFu/4fZ/NZtc4Dioejy8FyLA0U9fETGEmN+F9gvOm4KZHHANWKBS2wvgfbHwMxh/QlwmHwwtRZlC4Kp7v+3y+Oe3MNaNUKg0AqCjcMJPJrFZVQPlTktt+zuVya9uOKpVKrYBxLyU3vGF2wSA3RZVJrpsB8Im2AYPb7YRRfyQ37K21jWg0uljnpg8DgcA826BcLtdMGOGiiWKwsWpuWE0wa/1op8DtjcNNN7QcLJ1OrwSYVxrp2x6PZ7ZFC9IWyU2z9F220g0PASYqLeW9VvfBbvpc2viHIpHIoqZB0cygw5tSh2PYhHuaOZCYtbOaJFh8NlveCUUSgPHJHbUqusCAPpIGtADgC1a64TFyP+GGoqNGF48aZu+8phPadpLJ5PKGGwdQiRv8RG6I95AdcOj/Hj1LQcIVKxofQEN3/H7/XIa1DY5X0+20Jzble7cbrqnShnAU056mrQP6F/od+hRpfY6GQwSzDukfNAOhYxfi3m7HwdEaAFu+8Co+iVV9fyKRWEZBPJ53o/xrrjfiODi8X+X0iVgstsTA1rdUxrSL6uEwSkfRwSukjxoprbY6VxquUv6ZcCcFnJ/S0f8OVajIdZ/UBYeKLzQTQjdgXP6cmfIUPBjBBYPB+XQaocCaTieKyKpHzG69cCPcwC0YtEevwljhOjD2oggKKpVH+wl2peNGcDRQnJZW2QovWW8JnNFFD/JTBnB3DdofqgbH5cYpHZv6NsX3erJRt7QFDu+XOP2N4iL4l8q2toWjawiU/cl5g3SjJvLINjqS8TYxWvdWYBcc5x0W7csiBftBuvF2JBzP0irkuXWRCYVhD+TZbClcNTELJ10vdou6lgXOtcKh3C5awlVg6CNOm30tcHR4FXVtg2vWkacDZxYOv185FoxJ7jSlV+kj96riSVYfRSiySvWDUI9CvWxDsVI+DZKZ26iPmgOF/mipCkf/vdF5SYoHD9L9Io2MQvsqxZGV1KB+P/L2mW2jktJZr6sjDpf/GDG439uC4J0AAAAASUVORK5CYII=);
}

.user-dropdown-content > li > a.menu-documentos::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAsCAYAAAD1s+ECAAADJ0lEQVRoQ+1ZQWsTQRTeeW+z2zZpSlWKBqygIK23HmwvRSmIiqKHFqoHEVH0oiCCVCRWhYAI3jwoohb04qkIUiziIT/AW2w82JMHbVaitMEkm+zMG5mQhbQ0aY27LSk7l7C8+d5+8803+zIzTNM0TUop1e9mNCJaQMRYM+9mW4Y8Y6wymI1o+Xw+1tHR8d0z5QPy65w2X5VPJpP68PDwoKZpxjr5NOwmpSwYhvFJfR9UR1/JCyESAHDHC+JuDiHEZV3XX/hO3nGcQ4ioyHuivKZpBcdxJkzTnPOdvJeKr5bLV9sE5Bso4KvynPNLAPCUMRbyYhaklEUiGtN1fdZ3z7c0eS/UbpTDV9sE5DdrwRaLxV7DMM55WaTy+fxUNBrN+r5ghRAPAeCWl/YhoquI+MR38i2tvJeKB38PVlFg2R52y+ykWrrCtjT5YMFuVoUNlA+Ur6/A1vzOB54PPP+Pns/lctuj0eiverBG8aWlpW1dXV2/18L6soctl8tDiDijadr76enpi+Pj48Ilkk6njb6+vleMsRHHcY6appmqJek4zggivpVSvkTEm+6hqupTxU4xxo4oLOc86+n5vBBiDADeMMYq55NSymQ2mz3d09PzZ3FxsTsSicwi4lA1VhBCjIZCoQ/qmXN+HgAUOazGZzKZzJlYLFZQM6WwjLGDLpaIriHilGeXC6tNNRF9IaLriPiMMba3to+UkqSUSuGdADCxEk9EKYUFgNcAsLtOfm/upNTFmpTyASJOlsvlQXW6xRjrdl8qpbQ45yfn5+c/9/f3qxkarSVERI8TicSNeDx+GADeAUCkBvuTc348lUrNDQwMqMGcdWPN7iOWFSkhxCld15XfK8227b2GYXxUiisVS6XSCeXTaphVz/Dj6lkIcUXX9ecutlQqHQiFQmrwvUQ0Z9v2sXA4/MONCyHuA8A9Isog4q5m6kqFvBBCqTJimmZ6ZRLl9c7OzrhlWXeVf1fGOecXpJQLrvdr47lcbkc4HL5tWdZkHewoADwCgH1Nky8Wi3va29u/NZPgfzG2be9va2v72kyeDbu6bIbcWpiA/FoK+RX/C3tMFlpsSDnpAAAAAElFTkSuQmCC);
  margin-left: 5px;
  height: 25px;
  width: 25px;
}

.user-dropdown-content > li > a.menu-favorecidos::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0idXNlci1lZGl0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy45NTciIGhlaWdodD0iMTcuOTU2IiB2aWV3Qm94PSIwIDAgMTcuOTU3IDE3Ljk1NiI+CiAgPHBhdGggaWQ9IlZlY3RvciIgZD0iTTcuNDgyLDMuNzQxQTMuNzQxLDMuNzQxLDAsMSwxLDMuNzQxLDAsMy43NDEsMy43NDEsMCwwLDEsNy40ODIsMy43NDFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1LjIzNyAxLjQ5NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz4KICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjM1IDExLjM0NykiPgogICAgPHBhdGggaWQ9IlZlY3Rvci0yIiBkYXRhLW5hbWU9IlZlY3RvciIgZD0iTTMuMDIyLjQyOS4zNzMsMy4wNzdhLjkyMi45MjIsMCwwLDAtLjIyNC40NDFMLjAwNyw0LjUyOUEuNDc1LjQ3NSwwLDAsMCwuNTc1LDUuMWwxLjAxLS4xNDJhLjg5Ljg5LDAsMCwwLC40NDEtLjIyNEw0LjY3NSwyLjA4MmExLjAyMSwxLjAyMSwwLDAsMCwwLTEuNjYxQTEuMDE4LDEuMDE4LDAsMCwwLDMuMDIyLjQyOVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz4KICAgIDxwYXRoIGlkPSJWZWN0b3ItMyIgZGF0YS1uYW1lPSJWZWN0b3IiIGQ9Ik0wLDBBMi4zODMsMi4zODMsMCwwLDAsMS42NjEsMS42NjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNjQgMC44MSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz4KICA8L2c+CiAgPHBhdGggaWQ9IlZlY3Rvci00IiBkYXRhLW5hbWU9IlZlY3RvciIgZD0iTTAsNS4yMzdDMCwyLjM0MiwyLjg4LDAsNi40MjcsMEE3LjcwNyw3LjcwNywwLDAsMSw4LjY0OS4zMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuNTUxIDExLjIyMykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEiLz4KICA8cGF0aCBpZD0iVmVjdG9yLTUiIGRhdGEtbmFtZT0iVmVjdG9yIiBkPSJNMCwwSDE3Ljk1NlYxNy45NTZIMFoiIGZpbGw9Im5vbmUiIG9wYWNpdHk9IjAiLz4KPC9zdmc+Cg==);
}

.user-dropdown-content > li > a.menu-ajuda::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABIVJREFUWAm9mV2IVVUUx+9VU8OQUcs0EUbSLEcpcyT6wvxIJIWihxF8E8SHwIToxVfBCKkeTFFKhKSHCCJKLSIfFPwA0VSkp5ipyEkjdCY/SCbt+Pvfu9b13Ln3nrP39eiCH3ufvf9r7TXnnrPP3nvKpTYsSZIybi9BDyyEjhRUSwMwaJyk/AKOlcvlhPLeGYlNhQ/gAsSafLbC1MIzJOhk+AhugNs5Ku/BEpgH02CsoT+kC5bCFpDW7V8qH8LDhSRKoHVwHWQ3YSd0xgbHZ4b53qKUKea62Dg1Pc4PwHZwO0SlqyZos6IYoFhuH1MZGRUOh4lw3CLorr0TFSBArJjgd1MJTwhwK5UQjoRjIBuAl4Mc2xARexlcBtkRyL+TiPZIjclxZhvjRrkwxiwbiyL5NNMZwUapsCF4PlNcYCdjvQh6lGRvNw1NRye4aE1TUYtG/FbCNjgAn8AaGNdC3rQZvWYLmXKY3iCi8XP1YgcaOls0oJ0N6TlO/m6aM3fB6BbuDc1ovzfnvXWdNM61Dr1Vc+s6W1ygWwHX4H/4DjaAHnpNzpvgJ5CdhEktwtQ1o9OErxzEk7VOLjQXyfbUGjMq6MbBJTlgbzWT0j4C9MWQfdZM06wN7d6KBznV+mnwb+uCWmNGBf1mC7I/Q6YpqwynTftcltb70Habvr/Slmr400V5JT4HQd/UxwO069HJduRpvR/t3xWPJJk/gsY3rOMbFwSUq9F0sXzqDdC6ZlaA1iVfW+V1JTjfLk55b15JYpegL09n/TesHB+ol+yEabuV4GS7+MPKoosXLODZiMDnTfuIHuTf7feeExEgSEpcLTr8be8OckKEj097fbrQZ032YGiAEB3xNIn7imh3iI9r8OsA2VUlqMlWFvVp8mDDS+Iosd3wH8hOwMThuqxr9A/JEask2Fut508ZOUHHEGefxfLiSyrBnzqPj89MC/CLXpK/rONRF7RZjsXvVbgFX8Fi3vQeGKIea76xujgKT09wSmyUtJ5E/uGv1os2RN3fwrQkpl5LUHdQ+1aZ9rd3ZSTWV0ByyuFZS+SMXpKn7ff+9a6yK9CZfHzqm1cJS0O/JRm01Cowl4ZQ5PGM5VJZG+gnln1bLUqF794sbkyx0cR60apGxnNAC08tFGd7e2yJ7yvgi49Ydz1unoeW/fUbNhp0YiALXvIPz6Dqnvw2vD30Gv8fLEbj0oyOCXDFBOtDg6Z1+LZ9B/Fda2Mrh+abeDreNJFusY7X7osx1iLQmLLsRwTB1oqsugqpfw7uQbqM9QRokpe9nzsEIm12DkuN6XTB13O5vrECYi+yMSgq2wifVbJDIdbzeFRemFYla7M94nsVE/xn1VgdUVFwGAW+maea7Ic7e9WoaHfExHgK0qsenQVpTdCe4fwuaH6U6W5uh87YaPjMgB3gd01lMR8GAmkJfgTSpiOPLbAEdCIwDbQm1DHwYyAfnTLomFjatB3iovjPKkFXgZbx+urEmnz0rL0Wc/f174RoYxCdtSyF5aBjYT3gQhOs/tUwmOJn6j8KlmKXKaPsNsSCg0NPVsUqAAAAAElFTkSuQmCC);
}

.user-dropdown-content > li > span.menu-alterar-senha::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAlCAYAAADMdYB5AAAAAXNSR0IArs4c6QAAAmRJREFUWAntmM9LFVEUx51+ihmobYQIwYrKMgtaCbkKwsD/oIi2rcJF7dtaLV0WgbiQEIJoFRTkTt28NBUjiqjFg4KyEqycPt/XufPupG+e82xeLubA95177/l5z9w7984LGlJSGIYHMOkHZwyH4S/BFJgEj4MgKML/PRF8OxgE30ESfUR4OU0GwUaUcarZjoFTpj8PfwZegDdA8m5wDnQA0VNwkap8KPU280MCu8AcEK2CW2Dnej4Zbwb3gaMJGhua6Hr+ojGc3DGPv+AXIkFCA70rZiN2LUG1uggHvUCzF92sblHWQP9uySoMl+EHy5KULYxHzVEBviONOfp7wHuzH0qy3ZYkRHbc5MMssJ9VdGNi9L8xcM8Gj8WEf3UqJsEMJDtq+toFtdCMGXXVYtxAEoeslGIttTjBrtvzsbuSj4qVwKDJM1Jpa6Elz6jZa8eaSUnEFLPs5Em46m6JSkQvIFZxO5kNgk6wD/gL6YlWOWNpqdEzeIiLH/SLYBEM8S75HMkR9oEiqCe9JdgJJRHQ2A+fA3uBtuI4eA1EPUDbzPU1lpb01l0Bmr1OVFVaB2EbWAA9eimN2PSX4CcZzJyI0wreWdzrSmI26mQevhyAmDcs7iPtDnc+PC+r1KX1yqJ0KQlBpOdWT9JOETW6BP50/9NvnoQrfF6JvBKuAo7na8KvhLuM+hdbJ8+Su3hf9DgKFsl9cWcZ2Pd92joFnaJX7TTT0Vq6ZPiaWbSJcxZ8tbgDpRh0HthAvdnt2CSJfgm4u0WWyegrfxqcdwms+QMDoS68R8AamTPaBF/FdoYL7iffx29qQMogZrcZVAAAAABJRU5ErkJggg==);
}

.user-dropdown-content > li > span.menu-logout::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAAAXNSR0IArs4c6QAAAcJJREFUSA3Fl7FKA0EQhnMxRAgK4hMI4gsoPoII1jZ2voJgIwh2opWlnamsUqiFoL2FIL5AwEI7G1sVYs5vzCwsyd3t3t1uHPgze7ez/z+z2du9azSwNE3nwAV4BUOQZQNuHkl8KGtBOA/ZM1hxkM7Q33HElOpuEX0GRPgdnIMH8APG7StJksfxm7WuqfxF53i/FlGVwSosbr3K+DpjmtbgodWeStMWDyLIDCbgGGw6CQkytuYM9giAbEMJ5ZHdLhxilPGhxGfhulJe2RvyE9AgcUHEpVK4ZP+4EVIsP4FR/99vMHHvBGKJWwncqcbkDMQU1wTaaGQnEFu8KAHZ251GgksEyYkmvqolDPwAi6AH54msTGO5C46AXRMU0H96VU6m12BBgatkciTvgGUdfepVeSUpaxCzlb3orGnMnXaLp3QzV1iYYorDLTtd9mMWU1yFi7fYGJV7CceoHGE5z//nVEPYnOeTe7lUaxvBxoKsdsjkPN8D03+TsQtzteUdLtWgtis4dL+I95V0KzS5i0/29h44BAfyf+HvQdYXy4D7T3y1fOPDmC6QPt7HLsOojliaWskql13wVkAuFd8W9Jfu+gUtXbDsjJWrPQAAAABJRU5ErkJggg==);
}

@media (max-width: 1188px) {
  .user-dropdown-content {
    right: 0;
  }
}

@media (max-width: 840px) {
  .user {
    position: inherit;
    overflow: hidden;
    font-size: 16px;
  }

  .user-dropdown-content {
    width: 100%;
    left: 0;
    right: 0;
    top: var(--header-height);
  }
}

@media (max-width: 480px) {
  .user-dropdown > span {
    font-size: 14px;
  }

  .sign-in-actions {
    gap: 8px;
  }

  .btn-cadastrar,
  .btn-entrar {
    font-size: 14px;
  }
  
}
.escolher-metodo-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px;
  gap: 1rem;
  min-height: 100%;
}

.escolher-metodo-container h1 {
  text-align: left;
  line-height: 36px;
  font-size: 28px;
  color: #222745;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
  max-width: 300px;
}

.escolher-metodo-subtitle {
  text-align: left;
  font-size: 16px;
  color: #748497;
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
  line-height: 1.4;
  max-width: 300px;
}

.escolher-metodo-form {
  width: 100%;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.metodo-options {
  display: flex;
  flex-direction: column;
}

.metodo-radio-div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}

.metodo-radio-div input[type="radio"] {
  margin: 0;
  cursor: pointer;
  accent-color: #1298d4;
}

.metodo-radio-div input[type="radio"]:disabled {
  cursor: not-allowed;
}

.metodo-radio-div label {
  flex: 1;
  margin: 5px 0 0 0;
  font-size: 16px;
  color: #748497;
  cursor: pointer;
}

.metodo-radio-div input[type="radio"]:checked+label {
  color: #222745;
  font-weight: 500;
}

.metodo-radio-div input[type="radio"]:disabled+label {
  color: #ccc;
  cursor: not-allowed;
}

.metodo-actions {
  display: flex;
  gap: 1rem;
  margin-top: 0.5rem;
}

.btn-continuar {
  height: 40px !important;
  border-radius: 8px;
  border: 1px solid;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.btn-continuar {
  background-color: #1298d4;
  color: white;
  border-color: #1298d4;
}

.btn-continuar:hover:not(:disabled) {
  background-color: #1298d4;
  border-color: #1298d4;
  color: white;
}

.btn-continuar:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-fechar {
  width: 100%;
  height: 48px;
  background-color: #1298d4;
  color: white;
  border: 1px solid #1298d4;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-fechar:hover {
  background-color: #0f7ba8;
  border-color: #0f7ba8;
}

.whatsapp-button {
  text-decoration: none !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 300px;
  border-radius: 24px;
}


.loading-container,
.error-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
  padding: 1.5rem;
  max-width: 300px;
}

.loading-container p,
.error-container p {
  font-size: 16px;
  color: #748497;
  margin: 0;
}

.loading-container .spinner-border {
  color: #1298d4;
}

.update-data-text {
  text-align: left;
  font-size: 14px;
  color: #748497;
  margin-top: 0.5rem;
  margin-bottom: 0;
  line-height: 1.4;
  max-width: 300px;
}

.update-data-link {
  color: #1298d4;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.update-data-link:hover {
  color: #0f7ba8;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .escolher-metodo-container {
    padding: 20px;
  }

  .escolher-metodo-container h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .metodo-actions {
    flex-direction: column;
  }

  .btn-continuar {
    width: 100%;
  }
}
.slot {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  outline-width: 0px;
  width: 2.5rem;
  height: 2.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
  background: #FFFFFF;
}

.slot.selected {
  border: 2px solid #1298d4;
  box-shadow: 0 0 0 3px rgba(18, 152, 212, 0.2);
  background: #f8fcff;
}

.slot.not-selected {
  border: 1px solid #D1D5DB;
}

.slot.filled {
  border: 2px solid #1298d4;
}

.slot.error {
  border: 2px solid #EF4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2) !important;
}
.alterar-senha-otp-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 0px 24px;
  background: #ffffff;
}

.alterar-senha-otp-container h1 {
  text-align: left;
  font: normal normal 600 24px/32px Lato;
  margin: 0 0 12px 0;
}

.alterar-senha-otp-container p {
  text-align: left;
  font: normal normal 400 14px/20px Lato;
  color: #9ca3af;
  margin: 0 0 24px 0;
  line-height: 1.5;
}

.alterar-senha-otp-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;
}

/* OTP Inputs */
.otp-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.container-slot-forget {
  display: flex;
  align-items: center;
  gap: 8px;
}

.flex {
  display: flex;
  gap: 8px;
}

.slot {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  outline-width: 0px;
  width: 40px;
  height: 40px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
  background: #ffffff;
}

.slot.selected {
  border: 2px solid #1298d4;
  box-shadow: 0 0 0 3px rgba(18, 152, 212, 0.2);
  background: #f8fcff;
}

.slot.not-selected {
  border: 1px solid #d1d5db;
}

.slot.filled {
  border: 2px solid #1298d4;
}

/* OTP Error */
.otp-error {
  color: #ef4444;
  font-size: 12px;
  text-align: left;
  margin-top: 8px;
  font-weight: 400;
}

/* OTP Slots with Error */
.container-slot-forget.has-error .slot {
  border-color: #ef4444 !important;
}

.container-slot-forget.has-error .slot.selected {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2) !important;
  background: #fef2f2 !important;
}

.container-slot-forget.has-error .slot.not-selected {
  border-color: #ef4444 !important;
}

.container-slot-forget.has-error .slot.filled {
  border-color: #ef4444 !important;
}

/* Resend Code */
.resend-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin-bottom: 24px;
}

.resend-container > span:first-child {
  font-size: 14px;
  color: #9ca3af;
  text-align: left;
  font-weight: 600;
}

.resend-container > span:not(:first-child) {
  font-size: 14px;
  color: #9ca3af;
  text-align: left;
  display: inline;
}

.alterar-senha-otp-container .resend-link {
  background: none !important;
  border: none !important;
  color: #1298d4 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  transition: color 0.2s !important;
  display: inline !important;
  vertical-align: baseline !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  font-family: inherit !important;
  font-weight: normal !important;
  outline: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  -webkit-appearance: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  box-shadow: none !important;
}

.alterar-senha-otp-container .resend-link:hover {
  color: #1298d4 !important;
  text-decoration: underline !important;
  background: none !important;
}

.timer-text {
  color: #9ca3af;
  font-size: 14px;
}

/* Section Titles */
.nova-senha-title {
  font-size: 16px;
  font-weight: 500;
  color: #374151;
  margin: 0 0 12px 0;
  text-align: left;
  padding-left: 10px;
}

.confirmar-senha-title {
  font-size: 16px;
  font-weight: 500;
  color: #374151;
  margin: 0 0 12px 0;
  text-align: left;
  padding-left: 10px;
}

/* Password Inputs */
.input-container {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
}

.password-input {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border: 2px solid #1298d4;
  border-radius: 24px;
  padding: 0 48px 0 20px;
  font-size: 16px;
  color: #374151;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

.password-input:focus {
  border-color: #1298d4;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.password-input.error {
  border-color: #ef4444;
  color: #374151;
}

.password-input.error:focus {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
  color: #374151;
}

.password-input::placeholder {
  color: #9ca3af;
}

.toggle-password {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 20px;
  height: 20px;
  transition: opacity 0.2s;
}

.toggle-password:hover {
  opacity: 0.7;
}

/* Password Requirements */
.password-requirements {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 16px 0;
}

.password-requirements p {
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: left;
  transition: color 0.2s;
}

.password-requirements p.valid {
  color: #374151;
  display: flex;
  align-items: center;
  gap: 6px;
}

.password-requirements p.invalid {
  color: #9ca3af;
}

.check-icon {
  color: #10b981;
  font-size: 14px;
  flex-shrink: 0;
}

/* Password Error Message */
.password-error {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 12px;
}

.password-error span {
  color: #ef4444;
  font-size: 12px;
  text-align: left;
}

/* Continue Button */
.continuar-button {
  width: 100%;
  height: 48px;
  color: white;
  border: none;
  border-radius: 24px;
  font-weight: 600;
  font-size: 16px;
  cursor: not-allowed;
  transition: background-color 0.2s;
  margin: 16px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}

.continuar-button:not(:disabled) {
  background-color: #1298d4;
  cursor: pointer;
}

.continuar-button:not(:disabled):hover {
  background-color: #1298d4;
}

/* Contact Info */
.contact-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

.contact-info p {
  font-size: 12px;
  color: #9ca3af;
  text-align: left;
  margin: 0;
  line-height: 1.4;
}

.cadastre-link {
  background: none !important;
  border: none !important;
  color: #1298d4 !important;
  font-size: 12px !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  transition: color 0.2s !important;
  display: inline !important;
  vertical-align: baseline !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  font-family: inherit !important;
  font-weight: normal !important;
  outline: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  -webkit-appearance: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.cadastre-link:hover {
  color: #1298d4 !important;
  text-decoration: underline !important;
  background: none !important;
}

/* Responsive */
@media (max-width: 480px) {
  .alterar-senha-otp-container {
    padding: 20px 16px;
    max-width: 100%;
  }

  .alterar-senha-otp-container h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .container-slot-forget {
    gap: 6px;
  }

  .flex {
    gap: 6px;
  }

  .slot {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }

  .password-input {
    height: 44px;
    padding: 0 44px 0 16px;
  }

  .continuar-button {
    height: 44px;
  }
}

.resultado-alterar-senha-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 0px 24px;
  background: #FFFFFF;
}

/* Modal de Sucesso */
.resultado-modal-sucesso {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
}

.resultado-titulo-sucesso {
  font-size: 24px;
  font-weight: 600;
  color: #1F2937;
  margin: 0 0 12px 0;
  text-align: left;
  line-height: 1.3;
}

.resultado-subtitulo-sucesso {
  font-size: 14px;
  color: #6B7280;
  margin: 0 0 40px 0;
  text-align: left;
  line-height: 1.4;
}

.resultado-icones-sucesso {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
  width: 100%;
}

.resultado-icones-sucesso > div{
  display: flex;
  align-items: center;
  gap: 12px
}

.resultado-icone-mobile,
.resultado-icone-desktop {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.resultado-texto-mobile,
.resultado-texto-desktop {
  font-size: 14px;
  color: #6B7280;
  margin: 0;
  line-height: 1.4;
  text-align: left;
  flex: 1;
}

.resultado-botao-entrar {
  background-color: #1298d4;
  color: white;
  border: none;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: 100%;
  max-width: 320px;
  height: 48px;
  padding: 0 24px;
}

.resultado-botao-entrar:hover {
  background-color: #0e7ba8;
  transform: translateY(-1px);
}

.resultado-botao-entrar:active {
  background-color: #0c6891;
  transform: translateY(0);
}

/* Modal de Erro */
.resultado-modal-erro {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 400px;
  width: 100%;
  padding: 0 20px;
}

.resultado-titulo-erro {
  font-size: 28px;
  font-weight: 600;
  color: #1F2937;
  margin: 0 0 24px 0;
  text-align: center;
  line-height: 1.2;
}

.resultado-texto-erro {
  font-size: 16px;
  color: #6B7280;
  margin: 0 0 40px 0;
  line-height: 1.5;
  text-align: center;
  max-width: 320px;
}

.resultado-botao-fechar {
  background-color: transparent;
  color: #00a6da;
  border: 2px solid #00a6da;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: 100%;
  max-width: 320px;
  height: 48px;
  padding: 0 24px;
}

.resultado-botao-fechar:hover {
  background-color: #00a6da;
  color: white;
  transform: translateY(-1px);
}

.resultado-botao-fechar:active {
  background-color: #0088b8;
  transform: translateY(0);
}

/* Responsivo */
@media (max-width: 480px) {
  .resultado-alterar-senha-container {
    padding: 16px;
    min-height: 350px;
  }

  .resultado-modal-sucesso,
  .resultado-modal-erro {
    padding: 0 16px;
  }

  .resultado-titulo-sucesso {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .resultado-subtitulo-sucesso {
    font-size: 13px;
    margin-bottom: 24px;
  }

  .resultado-titulo-erro {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .resultado-icones-sucesso {
    gap: 16px;
    margin-bottom: 32px;
  }

  .resultado-texto-mobile,
  .resultado-texto-desktop {
    font-size: 13px;
    max-width: 260px;
  }

  .resultado-texto-erro {
    font-size: 14px;
    margin-bottom: 32px;
    max-width: 280px;
  }

  .resultado-botao-entrar,
  .resultado-botao-fechar {
    height: 44px;
    font-size: 15px;
  }
}
.modal-redefinir-senha-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.modal-redefinir-senha-container {
  background-color: #212644;
  border-radius: 8px;
  width: 424px;
  height: 363px;
  position: relative;
  padding: 40px 30px 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.modal-redefinir-senha-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: 2px solid #00a6da;
  color: #00a6da;
  font-size: 24px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: all 0.2s ease;
}

.modal-redefinir-senha-close:hover {
  background-color: #00a6da;
  color: white;
}

.modal-redefinir-senha-content {
  text-align: center;
  color: white;
  max-width: 320px;
  margin: 0 auto;
}

.modal-redefinir-senha-title {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 20px 0;
  line-height: 1.3;
  color: white;
}

.modal-redefinir-senha-text {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 30px 0;
  color: #bdc3c7;
}

.modal-redefinir-senha-buttons {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.modal-redefinir-senha-btn {
  padding: 15px 20px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-redefinir-senha-btn-primary {
  background-color: #00a6da;
  color: white;
  border: 2px solid #00a6da;
}

.modal-redefinir-senha-btn-primary:hover {
  background-color: #0088b8;
  border-color: #0088b8;
}

.modal-redefinir-senha-btn-secondary {
  background-color: transparent;
  color: #00a6da;
  border: 2px solid #00a6da;
}

.modal-redefinir-senha-btn-secondary:hover {
  background-color: #00a6da;
  color: white;
}

@media (max-width: 480px) {
  .modal-redefinir-senha-container {
    margin: 20px;
    padding: 30px 20px 20px;
  }
  
  .modal-redefinir-senha-title {
    font-size: 20px;
  }
  
  .modal-redefinir-senha-text {
    font-size: 14px;
  }
}
.alterar-senha-container {
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.alterar-senha-container > h1 {
  text-align: center;
  line-height: 45px;
  font-size: 32px;
  color: #222745;
  letter-spacing: 1px;
  margin: 30px 30px 0 30px;
}

.alterar-senha-container > p {
  font-size: 16px;
  color: #748497;
  margin-bottom: 0;
  letter-spacing: 0.5px;
  margin: 0 30px;
}

/* Manter estilos originais para compatibilidade caso existam outros usos */
.alterar-senha-container > form {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 10%;
}

.alterar-senha-container > form > div {
  margin-top: auto;
  display: flex;
  flex-direction: column;
}

.alterar-senha-container button {
  width: 100%;
  background-color: #1298d4;
  font-size: 14px;
  color: #fff;
  border-radius: 24px;
  outline: none;
  margin-top: auto;
  margin-bottom: 10px;
}

.alterar-senha-container button:disabled {
  background-color: #cfd4d9;
}

.input-with-error {
  position: relative;
  min-height: 80px;
  width: 100%;
}

.input-error input {
  border: 1px solid red;
}

.error-message {
  color: red;
  margin-top: 4px;
  margin-left: 15px;
  min-height: 20px;
}

/* Estilos específicos para os novos componentes */
.alterar-senha-container .escolher-metodo-container,
.alterar-senha-container .nova-etapa-container {
  margin: 0;
  padding: 30px;
  height: 100%;
}

@media (max-width: 768px) {
  .alterar-senha-container > h1 {
    font-size: 28px;
    line-height: 36px;
    margin: 20px 20px 0 20px;
  }
  
  .alterar-senha-container > p {
    margin: 0 20px;
  }
  
  .alterar-senha-container .escolher-metodo-container,
  .alterar-senha-container .nova-etapa-container {
    padding: 20px;
  }
}
.confidence-input > label {
  width: 100%;
  margin-left: 20px;
  color: #748497;
  font-size: 16px;
  margin-bottom: 5px;
}

.confidence-input-small > label {
  font-size: 13px;
}

.confidence-input-medium > label {
  font-size: 12px;
}

.confidence-input-modal {
  width: 100%;
}

.confidence-input-container {
  background-color: transparent;
  height: 48px;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-content: center;
  padding: 1px 0;
  border-radius: 30px;
}

.confidence-input-small > .confidence-input-container {
  height: 36px;
}

.confidence-input-medium > .confidence-input-container {
  height: 46px;
}

.confidence-input-container-error > input {
  border-color: red !important;
  border-style: solid !important;
  border-width: 1px !important;
}

.confidence-input-container > input {
  text-align: center;
  background-color: #fff;
  border: none;
  width: 100%;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #1298d4;
  padding: 0 10px;
}

.confidence-input-modal-container > input {
  text-align: center;
  background-color: #fff;
  border: none;
  width: 100%;
  border-radius: 30px;
  border-style: none;
  padding: 0 10px;
}

.confidence-input-container-password > input {
  padding-right: 40px;
  padding-left: 40px;
}

.confidence-input-modal-container-disabled > input:disabled {
  background-color: #cfd4d9 !important;
}

.confidence-input-small > .confidence-input-container > input {
  font-size: 16px;
}

.confidence-input-container > input:-webkit-autofill,
.confidence-input-container > input:-webkit-autofill:hover,
.confidence-input-container > input:-webkit-autofill:active,
.confidence-input-container > input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
}

.confidence-input-container > input::placeholder {
  color: #b7bfc9;
}

.confidence-input-container-loading {
  margin-top: 13px;
  margin-left: 10px;
  position: absolute;
}

.confidence-input-container-loading > div {
  width: 20px;
  height: 20px;
  border-width: 1px;
}

.confidence-input-container-eye {
  position: relative;
  right: 0;
  left: -35px;
  background-color: transparent;
  border: none !important;
  cursor: pointer;
  outline: none;
}

.confidence-input-container-eye::after {
  content: '';
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAAAXNSR0IArs4c6QAABLRJREFUWAnNV01sW0UQnlk7pLSAX50DSEjU/B3AiYgEd9ILEgeoUwrqqUpBgvqC6IEbAlccuCDRCyRBQknEBRVCEzhwqkjPSGDkpD0UgXvMoY4jUdRAvcM3z96X5+f34ucG0qyU7L7ZnZkvM9/MbogwcjO157yZ2nFd74dhcrO1FzLEPxnixfzM6tf7AhSLuTcE5MR+AGaaZ4rLJLQYAXYh9L3nS6MeG+vFkyL0Xcj7q37ELkgmJNuzJQeeKpI9/ODaIjO9HMiIvmnkiyfpNW6FZP/7chuUuhoQmPf52jiRyfkorfXImCaR3Wy+WazuBnk3qJTAvOmrBebWj1AuJDkXohUhWSLJLjfLT9WTzsXJe0HpqT4R82avlIzYi3EGE2TzVjLn0oKLB9UHmHezfj9v3VxB1XpEUveBMDdJxCNmD0afSQQ3fOhs8/SjSHPySAYFncMzqwtwfArkD4++5Pfm/vDo1l8lZilB9VhYGWmtiuHTO/Gu211HW40iEsqZcSJGAAQBCJtOX5XedG0CqhVmft5ZANeaIuZss1ycd7Lw3O0KO1pRbC0AMVLTHiL8JdKU2027UB6ytOZht12tMG0FEYsB5jdP5zwOkCpulIunNtaLr0Qa7Il8Y+0rStlgm289vSTGTCB9vzp/hmXOm16bct9uDiLVnTLEhWRTjXTlPq4qhX5ojBRfSttgO35W4DgohmjEgkjx1p9zOAgOJQDSjQrfvm3yb4Bj/+inP5heHChiqDwZPtQVMWb7ifa+jkXyQeWnaxXkuuSEwpmprgi5DcxDtvExsxlCKsNjsFRGgCl/0YwvOoPGvyqYP3AClNo5zX/wHVkgrQWNJaoJR+mX0PbgwAxPOX3Nkje7+o5+GxIu6MINi+vBrWNnNMe2XMi2+N3dkJ+GDtaVu86P6WAxflWIXHYbiMCc3/ycIDKzUNWJTFbea3Os69mDiF25npu99rg7lzS3edxuEQrODh+s6FmfU3LgvpJDjDAWtHEmAbOUqYTOTmTlxjVwog7y/77tXB7O2K1LO7ULvNdQWCEeC5Xc9eOD0g8ltzOq+U0CppcqonV++yzSyfI2yP9YF/mZjiRVpTZS6Af+fB6Xx1acTR+UfmgatV+4jQBYqFTdXqM8VrFsJhGdy04WkJ9ou10QxZPf4uJ2Q2hB7blPneG7e2iH1U7rpEgV7imabIb+Erens1avadmSNXglWKm2zMhq1ja+6HclaRtS/SgglfWAUmEUmMow0r+JYjq/MP2NTnJ148zoeNtc8u9YUHrcvwdbsoS/+EhE/TyispDUXN3ZBz797YlM5tYlOHjEyXRu3TP87ObrT/4clkXXiaD0YOeemsehY1FFIaqDR1UQvBrs4ZEHuUaiAJ3CnT57dgTlnMW9idxe/1k7v72B/jcSOrvjQzGovpBCz1JJvlEem7AiR8GLBRD/es+hGAGitmzFHt1YH31okM6fKlIx/nzO6RVlbCsgrqtAomy955+EGPLDbmzE7hhUHNC+spTA9haUok4BbO9BpQB2d0B18oyu/i0eZpOdT72pPmyUR99PVX2B0n+8wBVzHP0ieHEK8wF1cVdBKQAFhtbxGX6+t7b1kcr25fgXhjJoI2bH+fgAAAAASUVORK5CYII=);
  background-size: cover;
}

.confidence-input-container-eye-active::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAACLlBMVEVHcEwzmcw0mNw0mNsrldVAgL8A//8AgP80mNtVqv80mNs0mNo0mNszmNs0mNsrqtU0mNs0l9s0l9o1l9szmNs0mNo1ld80l9s1ltozmNo0mNs0mNsxntszmeY1mNo1mNs0mNs0mdszmdw0mds0mNs0l9s1mts1mNszmNw0mNs0l9w1mNs1l9w2mN0zmdozmds0mNs0l9wylt4uotE1mNs0mNs0mNs1l9s0mNs1mt00mNs4l9c0mNs0mNs3mN00mNszmdYzmNszmds0mNw1mNwyltw0mdo3kts0mNs0mNw1ldw0mNs7ndgzmdwtluEkkttAn98ul9w3m94yldo0mNw0mNs5juM0mNs0l9s0l9k0mNszmNw5nNU0mNs1mNs1l9s1mN00mNw0mNs0mNozmd01mNs0mdw0mNozmdk0l9szmNs3mNs1l9s0mNw2mt0zmNs0lts1l9szmNs0l9s0mN01l9szmNw0mNszmNs0l9w0mNs1mNszmds0mdszmdo0mNszmNs0mds0mNszmNw0l9w1mdsyl9w0mds5l9k1mNs3m9s0mds0mds1mNw0mNo1mts0l9s0mNs0mdszmNs1mNwzmd0zmNs0mNs2lNc0mNszmdk0mNs0mNs0l9ozmNs0mNs2mNs0mNs0l9o0mNs0mNs0l9s0mNs0mdozmdo1mNw0mNs0mNsyl9s0mNwyldw0mNs0mNs1mtozmdo0mdszmds2mNk0l9sxk9g1l9w0mNtultpXAAAAuXRSTlMABV78DAQBAvkD+sP4mvsG9erKh4aZGIAiaI30FQpvx+vbQaLGQD/p3/27TZE0WmnvLC4L7vPUluM1ySDd4iXnGaky2Fczpw7B5h2cDXMRBwgWFymmzgnTcTbIkBL2vVZDivCSLYiYtRS25CqMlyZ3TpuBXUqlbfeVWL5cI2tL0rN61597zEKOG2ocneDCWSvly7HQdDza/hOrKM+wZ3LZOd52xOhi8nU3SM3xR7QknuEwbpNVLzEaZZKaCSsAAAR9SURBVGje7VhnWxNBEA4J5S4hCcGEhBaVqhA60pTelGZDBASlKyqKvffeBXvvvXfv38nzmN3bm71NNhH8dPNxZnZ2d3bmndnR6TTSSCONNNKIm0Lq9fZq083CAUkaKHxkqrbvqA+ZNuMRXc7FURJFUYudXRHTYL7U81xiUuWarH88fGaK5IdW6cOCNm/VH5c4aJE7MTj7mfMkTtqoD8L8wfVSALR2ZaDOPxkpBUR7jgUUUSsyoAFjirn18JCrzWptcw0dbnU8E6BGxnJ++6lLlGvL43aGQp2C9/3gjZak8trPMZDrIpP7GLcPT/vUS2oacvjsbyUXxXvO+9JNcOaS2sMc5kUzsWC+Y4M//TaPhVjgEP2GTzKhPsEFBPkmYkmyv2A6Q7h0mBMww91ESO31rTtL1rx6gz/ssp7I62b5UoyV9U6dhcLGy9uibUajLdq8r4V6bMJNsWz7aUasNQkBbMsFoiZENVdAYNwl52Qay/7COVipAbi/Y7MFZHb/MhAdcvTZFjLKYrQcCyDaKlbT6DO7Cjx1MRaVhfh54ElQQ37a1PCtJB/coQGL7Gr2k+bjs3WA89vUEbQkBrhgP07QJNp+4iIkTQfgsOwaC6NPgZPcxvB3kQJHXRySWSAobmZXge1A9TWuInHQfj1G0FYYn3L8HHFfKSi44pZffEEMK5EMNSAEcKLcDwdrLmDczvHiTMQ5DA3F8KD4oU1KO3WIn1sF8xflVyTxcKfRDvHQ1wk4l9aR7LC5iP0CHumyKgIcQtw6qH8ASeaSsa7HhRU6SLcN+V+Bw2IRKgBUtIwiW0QvI9aiCKK7D5TeX5XsTpQz1AKXQF8hG206RucH8ukmJTsPJQ294huylk2dkoq6KULnAa/Zgp5epU6/88reYlYZ2mAF9waN7A2Wv/TKumkXDU6Hixy0i/AjGz8yH9mtZD9kPvJdi0qc4jD9QOmjOrJaVA3TEaoD2K8SpkSiZcMF+5DkHMndjbjfof5v1USToWIO7LRaEFQIp2VmHxMqzg6oQgUBdu3wSM1IIhzyekncjcHODB10lAF2BFw/AGsq5FajqDMvNDSvswgzBBdQfsqCa6LgRHYBST+74MAmq8/ALDhEySxPACVzNst+ylKlZpPNR8kkiv5a0HVUlajbLwfIkjjhq+iTbUs7aJHzVXcoHwJNxajvtoVsvIpBCMSoeCkFnF9s8Nd4ka2jGdxh6fZ4pXnBDvwfcsdv66hofndZgSymmNgi3gHjs+AoR/OraN9NCVAYWjfSnS4I6d1j66gYabrH1b4rPiDzAhikpFZyfkAUXyiLU+QzH+Y0cH+hlJ9AUz6P/cerAvkEKr+xlsEef/pVJ24F9I2FH/EFnl++dJs8vYF+xKlRQu+JJMa1xTftQjCjBHoY8lllGNI4Png12GEIY5xzPfOHq8dq7XF9GX/VXGb5l3HOzA+kZn6k9h+Ggv9hrDnzg9m/o+U1lTM4Wv57jVLWcLx0OobjXsCs2WGvvlRbmDv1TSysvVRtP1ATptNII4000kgjbvoDetP4oLYN4qkAAAAASUVORK5CYII=) !important;
}

.confidence-input-error {
  height: 24px;
}

.confidence-input-error > span {
  color: red;
  font-size: 13px;
  margin-left: 20px;
}

.confidence-input > label > img {
  margin-left: 5px;
}

.sign-container {
  margin: auto;
}

.sign-container > h1 {
  text-align: center;
  line-height: 45px;
  font-size: 32px;
  color: #222745;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

.sign-container > p {
  font-size: 16px;
  color: #748497;
  letter-spacing: 0.5px;
  text-align: center;
}

.sign-subtitulo {
  color: #6c757d;
}

.sign-message-area {
  min-height: 30px; 
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.sign-error-text {
  width: 230px;
  color: #F44336;
  font-size: 16px;
  font-weight: 200;
  text-align: center;
}


.sign-form {
  display: flex;
  flex-direction: column;
}

.sign-esqueci-minha-senha {
  text-align: center;
  color: #1298d4;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  margin-top: 6px;
  margin-bottom: 2.5rem;
  text-decoration: none;
  border-bottom: none;
}

.sign-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
}

.sign-voltar {
  color: #1298d4;
  font-weight: bold;
  cursor: pointer;
  background: none;
  border: none;
  padding: 10px 15px;
  font-size: 14px;
}

.sign-continuar {
  background-color: #adb5bd;
  color: white;
  border: none;
  border-radius: 24px;
  padding: 12px 30px;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
  flex-grow: 1;
  max-width: 200px;
}

.sign-continuar:not(:disabled) {
  background-color: #1298d4;
}

.sign-continuar:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}



.sign-erro {
  font-size: 16px;
  color: red;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

.sign-seta {
  height: 14px;
  width: 14px;
  margin-top: 20px;
  cursor: pointer;
}

.sign-esqueci-senha-voltar {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  cursor: pointer;
  color: #1298d4;
  width: -webkit-max-content;
  width: max-content;
  text-decoration: underline;
  font-size: 18px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.sign-esqueci-senha-botao-voltar {
  margin: 20px 0 10px 0 !important;
}

.sign-esqueci-senha-texto-subtitulo {
  text-align: center;
}

.sign-esqueci-senha-texto-footer {
  font-size: 12px !important;
  text-align: center;
}

.sign-suporte-contato {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sign-suporte-contato > p {
  margin: auto;
  font-size: 18px;
  color: #858c9b;
}

.sign-suporte-contato > h1 {
  font-size: 32px;
  color: #222745;
  margin-right: auto;
  margin-bottom: 1em;
}

.loading-box-login {
  display: block !important;
  text-align: center;
  margin-bottom: 10px;
}

.loading-spinner-cadastro {
  width: 2rem;
  height: 2rem;
}

@media (max-width: 840px) {
  .sign-container > h1 {
    font-size: 26px;
  }
}
.container-esqueci-senha h1 {
  text-align: left;
  font: normal normal normal 32px/40px Lato;
  letter-spacing: 0;
  color: #222745;
  opacity: 1;
  margin-bottom: 1rem;
}

.container-esqueci-senha p {
  text-align: left;
  font: normal normal normal 16px/24px Lato;
  letter-spacing: 0;
  color: #748497;
  opacity: 1;
}

.form-esqueci-senha {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-top: 10%;
  gap: 1.5rem;
  position: relative;
}

.form-esqueci-senha input {
  width: 18rem;
  height: 2.5rem;
  background: #FFFFFF 0 0 no-repeat padding-box;
  border: 1px solid #1298D4;
  border-radius: 20px;
  padding-inline: 1rem;
  text-align: center;
}

.buttons-container {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 18rem;
}

.form-esqueci-senha button {
  flex: 1;
  height: 2.5rem;
  background: #1298D4;
  border: none;
  border-radius: 25px;
  color: white;
  font: normal normal medium 16px/20px Lato;
  letter-spacing: 0;
  cursor: pointer;
  text-transform: uppercase;
}

.form-esqueci-senha button:disabled {
  background: #B0B0B0;
  cursor: not-allowed;
}

.form-esqueci-senha span {
  text-decoration: underline;
  font: normal normal medium 14px/16px Lato;
  letter-spacing: 0;
  color: #1298D4;
  opacity: 1;
  cursor: pointer;
  text-transform: uppercase;
  white-space: nowrap;
}

.error-message {
  color: red;
  font-size: 14px;
  position: absolute;
  bottom: 2rem;
  left: 10px;
}
.redefinir-senha-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 0px 24px;
  background: #ffffff;
}

.redefinir-senha-container h1 {
  text-align: left;
  font: normal normal 600 24px/32px Lato;
  margin: 0 0 12px 0;
}

.redefinir-senha-container p {
  text-align: left;
  font: normal normal 400 14px/20px Lato;
  color: #9ca3af;
  margin: 0 0 24px 0;
  line-height: 1.5;
}

.redefinir-senha-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;
}

/* OTP Inputs */
.otp-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.container-slot-forget {
  display: flex;
  align-items: center;
  gap: 8px;
}

.flex {
  display: flex;
  gap: 8px;
}

.slot {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  outline-width: 0px;
  width: 40px;
  height: 40px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  color: #374151;
  background: #ffffff;
}

.slot.selected {
  border: 2px solid #1298d4;
  box-shadow: 0 0 0 3px rgba(18, 152, 212, 0.2);
  background: #f8fcff;
}

.slot.not-selected {
  border: 1px solid #d1d5db;
}

.slot.filled {
  border: 2px solid #1298d4;
}

/* OTP Error */
.otp-error {
  color: #ef4444;
  font-size: 12px;
  text-align: left;
  margin-top: 8px;
  font-weight: 400;
}

/* OTP Slots with Error */
.container-slot-forget.has-error .slot {
  border-color: #ef4444 !important;
}

.container-slot-forget.has-error .slot.selected {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2) !important;
  background: #fef2f2 !important;
}

.container-slot-forget.has-error .slot.not-selected {
  border-color: #ef4444 !important;
}

.container-slot-forget.has-error .slot.filled {
  border-color: #ef4444 !important;
}

/* Resend Code */
.resend-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin-bottom: 24px;
}

.resend-container > span:first-child {
  font-size: 14px;
  color: #9ca3af;
  text-align: left;
  font-weight: 600;
}

.resend-container > span:not(:first-child) {
  font-size: 14px;
  color: #9ca3af;
  text-align: left;
  display: inline;
}

.redefinir-senha-container .resend-link {
  background: none !important;
  border: none !important;
  color: #1298d4 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  transition: color 0.2s !important;
  display: inline !important;
  vertical-align: baseline !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  font-family: inherit !important;
  font-weight: normal !important;
  outline: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  -webkit-appearance: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  box-shadow: none !important;
}

.redefinir-senha-container .resend-link:hover {
  color: #1298d4 !important;
  text-decoration: underline !important;
  background: none !important;
}

.timer-text {
  color: #9ca3af;
  font-size: 14px;
}

/* Section Titles */
.nova-senha-title {
  font-size: 16px;
  font-weight: 500;
  color: #374151;
  margin: 0 0 12px 0;
  text-align: left;
  padding-left: 10px;
}

.confirmar-senha-title {
  font-size: 16px;
  font-weight: 500;
  color: #374151;
  margin: 0 0 12px 0;
  text-align: left;
  padding-left: 10px;
}

/* Password Inputs */
.input-container {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
}

.password-input {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border: 2px solid #1298d4;
  border-radius: 24px;
  padding: 0 48px 0 20px;
  font-size: 16px;
  color: #374151;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}

.password-input:focus {
  border-color: #1298d4;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.password-input.error {
  border-color: #ef4444;
}

.password-input.error:focus {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.password-input::placeholder {
  color: #9ca3af;
}

.toggle-password {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 20px;
  height: 20px;
  transition: opacity 0.2s;
}

.toggle-password:hover {
  opacity: 0.7;
}

/* Password Requirements */
.password-requirements {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 16px 0;
}

.password-requirements p {
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: left;
  transition: color 0.2s;
}

.password-requirements p.valid {
  color: #374151;
  display: flex;
  align-items: center;
  gap: 6px;
}

.password-requirements p.invalid {
  color: #9ca3af;
}

.check-icon {
  color: #10b981;
  font-size: 14px;
  flex-shrink: 0;
}

/* Password Error Message */
.password-error {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 12px;
}

.password-error span {
  color: #ef4444;
  font-size: 12px;
  text-align: left;
}

/* Continue Button */
.continuar-button {
  width: 100%;
  height: 48px;
  color: white;
  border: none;
  border-radius: 24px;
  font-weight: 600;
  font-size: 16px;
  cursor: not-allowed;
  transition: background-color 0.2s;
  margin: 16px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}

.continuar-button:not(:disabled) {
  background-color: #1298d4;
  cursor: pointer;
}

.continuar-button:not(:disabled):hover {
  background-color: #1298d4;
}

/* Contact Info */
.contact-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

.contact-info p {
  font-size: 12px;
  color: #9ca3af;
  text-align: left;
  margin: 0;
  line-height: 1.4;
}

.whatsapp-link,
.cadastre-link {
  color: #1298d4;
  text-decoration: none;
}

.whatsapp-link:hover,
.cadastre-link:hover {
  text-decoration: underline;
}

/* Responsive */
@media (max-width: 480px) {
  .redefinir-senha-container {
    padding: 20px 16px;
    max-width: 100%;
  }

  .redefinir-senha-container h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .container-slot-forget {
    gap: 6px;
  }

  .flex {
    gap: 6px;
  }

  .slot {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }

  .password-input {
    height: 44px;
    padding: 0 44px 0 16px;
  }

  .continuar-button {
    height: 44px;
  }
}

.container-mfa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.container-mfa h1 {
  text-align: center;
  font: normal normal normal 32px/40px Lato;
  letter-spacing: 0;
  color: #222745;
  opacity: 1;
  margin-bottom: 1rem;
}

.container-mfa p {
  text-align: center;
  font: normal normal normal 16px/24px Lato;
  letter-spacing: 0;
  color: #748497;
  opacity: 1;
}

.container-mfa .mfa-btn-continuar,
.container-mfa .mfa-btn-voltar {
  gap: 1rem;
  display: flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
}

.container-mfa .mfa-btn-voltar {
  color: #1298d4;
  background-color: #fff;
  border: 1px solid #1298d4;
}

.mfa-radio-div {
  display: flex;
  align-items: center;
}

.mfa-radio-div label {
  margin: 10px 0 0 5px;
  font: normal normal normal 16px/19px Lato;
  color: #748497;
}

.mfa-radio-div input {
  margin: 0 0 0 0 !important;
  cursor: pointer !important;
  border-color: #1298d4 !important;
}

.otp-block-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 999;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.otp-block-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: #051c2c !important;
  padding: 1em 1em 1em 1em;
  border-radius: 5px;
  z-index: 9999;
  width: 350px;
  color: white;
  gap: 1em;
}

@media (max-width: 768px) {
  .otp-block-modal {
    width: 300px;
  }
}

.otp-block-modal img {
  align-self: flex-end;
  margin-left: auto;
  cursor: pointer;
}

.otp-block-modal p {
  text-align: center;
  font: normal normal normal 16px/17px Lato;
  margin-bottom: 20px;
  width: 200px;
}

.otp-block-modal button {
  background: transparent 0% 0% no-repeat padding-box;
  border-radius: 5px;
  width: 100%;
  height: 56px;
  color: #00a6da;
  font: normal normal normal 18px/22px Lato;
  letter-spacing: 0px;
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid #00a6da;
  cursor: pointer;
}

.otp-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 999;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.otp-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: #051c2c !important;
  padding: 1em 1em 1em 1em;
  border-radius: 5px;
  z-index: 9999;
  max-width: 400px;
  color: white;
  gap: 1em;
}

@media (max-width: 768px) {
  .otp-modal {
    max-width: 350px;
  }
}

.otp-modal .btn-close-otp {
  width: auto;
  height: auto;
  cursor: pointer;
  margin-left: auto;
  align-self: flex-end;
  background-color: transparent;
}

.otp-modal .btn-close-otp:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.otp-modal h3 {
  text-align: center;
  font: normal normal normal 20px/28px Lato, sans-serif;
}

.otp-modal div {
  display: flex;
  align-items: center;
  gap: 1em;
}

.otp-modal p {
  text-align: center;
  font: normal normal normal 16px/22px Lato, sans-serif;
  color: #fff;
}

.otp-modal .btn-send-otp {
  background: #00a6da 0% 0% no-repeat padding-box;
  border-radius: 5px;
  width: 100%;
  height: 56px;
  color: #fff;
  font: normal normal normal 18px/22px Lato, sans-serif;
  letter-spacing: 0px;
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid #00a6da;
  cursor: pointer;
}

.otp-modal .btn-send-otp:disabled {
  background-color: #cfd4d9;
  border: none;
  cursor: not-allowed;
}

.container-slot {
  display: flex;
  align-items: center;
}

.container-slot :disabled {
  background-color: transparent;
}

.otp-timer {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  width: 100%;
  gap: 0.5em !important;
}

.otp-timer div {
  display: flex;
  align-items: center;
  gap: 0.2em;
}

.otp-timer p {
  text-align: left;
  background: transparent;
  color: #fff;
  font: normal normal normal 14px/14px Lato, sans-serif;
  letter-spacing: 0px;
  border: none;
  border-radius: 0%;
  height: auto;
  width: auto;
  padding: 0%;
  margin: 0%;
}

.otp-timer span {
  color: #00a6da;
  background: transparent;
  font: normal normal normal 14px/14px Lato, sans-serif;
  letter-spacing: 0px;
  border: none;
  border-radius: 0%;
  height: auto;
  width: auto;
  padding: 0%;
  margin: 0%;
}

.otp-timer .resend-link {
  background: transparent;
  color: #00a6da;
  font: normal normal normal 14px/14px Lato, sans-serif;
  cursor: pointer;
  border: none;
  padding: 0%;
  margin: 0%;
  height: auto;
  width: auto;
}

.otp-timer .resend-link:hover {
  text-decoration: underline;
}

.otp-modal .otp-error-message {
  color: #f8810a;
  font: normal normal normal 14px/14px Lato, sans-serif !important;
  letter-spacing: 0px;
  border: none;
  border-radius: 0%;
  height: auto;
  width: auto;
  padding: 0%;
  margin: 0%;
}
.otp-success-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 999;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.otp-success-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: #051c2c !important;
  padding: 1em 1em 1em 1em;
  border-radius: 5px;
  z-index: 9999;
  width: 350px;
  color: white;
  gap: 1em;
}

@media (max-width: 768px) {
  .otp-success-modal {
    width: 300px;
  }
}

.otp-success-modal img {
  align-self: flex-end;
  margin-left: auto;
  cursor: pointer;
}

.otp-success-modal p {
  text-align: center;
  font: normal normal normal 16px/17px Lato;
  line-height: 20px;
}

.otp-success-modal button {
  background: transparent 0% 0% no-repeat padding-box;
  border-radius: 5px;
  width: 100%;
  height: 56px;
  color: #00a6da;
  font: normal normal normal 18px/22px Lato;
  letter-spacing: 0px;
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid #00a6da;
  cursor: pointer;
}
.password-requirements {
  width: full;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 14px;
  margin-left: 10px;
  font-family: lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #748497;
}

.password-requirements ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.link a {
  text-decoration: underline;
}

.password-requirements li {
  color: #748497;
  font-size: 12px;
  margin-bottom: 8px;
  line-height: 1.4;
}

.checkbox-row {
  display: flex;
  align-items: flex-start;
  text-align: left;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  margin-bottom: 100px;
}

.form-criar-senha .checkbox-row:first-of-type {
  margin-bottom: 40px;
}

.form-criar-senha .checkbox-row:last-of-type {
  margin-bottom: 40px;
}

/* Classe para remover espaçamento entre checkboxes */
.checkbox-row.compact {
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
}

.checkbox-row .confidence-input-container {
  display: flex;
  margin: 0;
}

.checkbox-row input[type='checkbox'] {
  margin-top: 3px;
  margin-right: 12px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  accent-color: #1298D4;
}

.checkbox-label {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #748497;
}

.checkbox-group-horizontal .checkbox-label {
  white-space: nowrap;
}

.checkbox-label a,
.checkbox-label a:link,
.checkbox-label a:visited,
.checkbox-label a:active,
.checkbox-label a:hover,
.checkbox-label a:focus {
  color: #1298D4 !important;
  font-size: 12px !important;
  text-decoration: underline !important;
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
  -webkit-text-decoration-style: solid !important;
          text-decoration-style: solid !important;
  -webkit-text-decoration-color: #1298D4 !important;
          text-decoration-color: #1298D4 !important;
  /* ALTERADO: De 'transparent' para a cor do link */
  text-decoration-thickness: 1px !important;
  /* ALTERADO: De '0' para '1px' */
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* ESTA REGRA FOI MANTIDA INTOCADA COMO SOLICITADO */
.checkbox-label a:hover,
.checkbox-label a:focus {
  text-decoration: underline !important;
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
  -webkit-text-decoration-style: solid !important;
          text-decoration-style: solid !important;
  -webkit-text-decoration-color: #1298D4 !important;
          text-decoration-color: #1298D4 !important;
  text-decoration-thickness: 1px !important;
}

/* ESTA REGRA FOI MANTIDA INTOCADA COMO SOLICITADO */
.form-criar-senha .checkbox-label a,
.form-criar-senha .checkbox-label a:link,
.form-criar-senha .checkbox-label a:visited,
.form-criar-senha .checkbox-label a:active {
  color: #1298D4 !important;
  font-size: 12px !important;
  text-decoration: underline !important;
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
  background-image: none !important;
  border-bottom: none !important;
}

.checkbox-group-horizontal {
  margin-bottom: 1px !important;
}

.checkbox-group-horizontal .checkbox-row {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: -8px !important;
}

.checkbox-group-horizontal .checkbox-row:last-child {
  margin-bottom: 0 !important;
}

.form-criar-senha {
  max-width: 400px;
  margin: 0 auto;
  padding: 16px;
}

.form-criar-senha>.confidence-input-container {
  margin-bottom: 12px;
}

.form-criar-senha button[type='submit'] {
  width: 100%;
  padding: 12px;
  background-color: #1298D4;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

.form-criar-senha button[type='submit']:hover:not(:disabled) {
  background-color: #0056b3;
}

.form-criar-senha button[type='submit']:disabled {
  background-color: #6c757d;
  cursor: not-allowed;
}


.password-requirements li {
  display: flex;
  align-items: left;
  width: 100%;
  list-style-type: none;
  margin-bottom: 8px;
  margin-left: 8px;
  transition: color 0.2s ease-in-out;
  font-size: 14px;
}

.password-requirements li svg {
  margin-right: 8px;
  flex-shrink: 0;
  font-size: 16px;
}

.password-requirements li.valid {
  color: #A7C96A;
}

.password-requirements li.valid svg {
  color: #A7C96A;
}

.password-requirements li.invalid svg {
  display: none;
}

.password-requirements li.invalid,
.password-requirements li.invalid svg {
  color: #A6ABAF;
}

.form-criar-senha a {
  color: #1298D4;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
}

.form-criar-senha a:hover {
  text-decoration: underline;
}

.loading-box-cadastro {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
}

.loading-spinner-cadastro {
  width: 20px;
  height: 20px;
  border-width: 2px;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* --- CÓDIGO ADICIONADO PARA VALIDAÇÃO DINÂMICA --- */

/* Ajusta o item da lista para dar espaço ao ícone
    .password-requirements li {
      position: relative;
    } */

/* Define a posição do ícone */
.password-requirements li::before {
  content: '';
  font-weight: bold;
  position: absolute;
  left: 5px;
  top: 1px;
}

/* Estilo para requisito VÁLIDO (verde) */
.password-requirements li.valid {
  color: #051C2C;
}

/* Estilo para requisito INVÁLIDO (vermelho) */
.password-requirements li.invalid {
  color: #A6ABAF;
}
/* .cadastro-resposta {
   height: 70%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  padding: 10px 32px; 
  text-align: center;
}

.cadastro-resposta img {
  height: 42px;
  width: 42px;
  margin: 0 auto 32px auto;
} */

.cadastro-resposta {
  padding: 10px; 
  flex-direction: column;
  align-content: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto 32px auto;
}


.cadastro-resposta h1 {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 32px;
  line-height: 100%; 
  color: #222745;
  letter-spacing: 0;
}
.cadastro-resposta p {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%; 
  color: #748497;
  letter-spacing: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}

.cadastro-resposta button {
  width: 100%;
  background-color: #1298d4;
  font-size: 14px;
  color: #fff;
  padding: 12px;
  border-radius: 24px;
}

.cadastro-resposta button:disabled {
  background-color: #cfd4d9;
}

.loading-spinner-cadastro-resposta {
  width: 2rem;
  height: 2rem;
  align-self: center;
}

@media (max-width: 840px) {
  .cadastro-resposta {
    padding: 0;
  }

  .cadastro-resposta h1 {
    font-size: 30px;
  }
}
.steps-item-default {
  display: inline-block;
  height: 15px;
  width: 15px;
  margin-top: 13px;
  background-color: #b7bfc9;
  border-radius: 100%;
}

.steps-item {
  display: flex;
}

.steps-item::after,
.steps-item::before {
  content: ' ';
  display: inline-block;
  height: 2px;
  width: 35px;
  margin-top: 20px;
  background-color: #cfd4d9;
}

.steps-item:first-child::before,
.steps-item:last-child::after {
  height: 0;
  background-color: transparent;
}

.steps-item > div {
  text-align: center;
}

.steps-item > div > div:nth-child(2) {
  position: relative;
  width: 1px;
  margin: auto;
}

.steps-item > div > div:nth-child(2)::after {
  content: '';
  display: block;
  height: 25px;
}

.steps-item > div > div > span {
  font-size: 12px;
  text-align: center;
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}

.steps-item > div > div > svg {
  margin: 0 auto;
  height: 35px;
  width: auto;
}

.steps-item > div > div > svg > *,
.steps-item > div > div > svg > g > * {
  stroke: #748497;
}

.steps-item-active > div > div > span {
  color: #1298d4;
}

/* stylelint-disable */
.steps-item-active > div > div > svg > *,
.steps-item-active > div > div > svg > g > * {
  stroke: #1298d4;
}
/* stylelint-enable */

.steps-item-active .steps-item-default {
  background-color: #1298d4;
}

@media (max-width: 768px) {
  .steps-item > div > div > svg {
    height: 30px;
  }

  .steps-item::after,
  .steps-item::before {
    width: 30px;
    margin-top: 20px;
  }
}

.steps-container {
  display: block;
  width: auto;
  overflow: auto;
  padding: 20px 0;
}

.steps-container ul {
  display: flex;
  list-style: none;
  list-style-type: none;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 0;
}
.cadastro-step {
  text-align: start;
  margin: auto;
  width: 100%;
}
.cadastro-step__subtitle > p {
  font-size: 16px;
  color: #1298d4;
  margin-bottom: 0;
  letter-spacing: 0.5px;
}
.cadastro-step > h1 {
  font-family: 'Lato', sans-serif; 
  font-weight: 400;               
  font-size: 30px;              
  font-style: normal;              
  line-height: 100%;              
  letter-spacing: 0%;   
  padding-bottom: 10px;          
  
  color: #222745;
                  
}

.cadastro-step > div {
  padding: 5px auto 15px auto;
  text-align: left;
}

.cadastro-step button {
  width: 100%;
  background-color: #1298d4;
  font-size: 14px;
  color: #fff;
  padding: 12px;
  outline: none;
  border-radius: 24px;
  margin-top: auto;
  margin-bottom: 10px;
}

.cadastro-step button:disabled {
  background-color: #cfd4d9;
}

.cadastro-step a {
  color: #1298d4 !important;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #1298d4;
  cursor: pointer;
  margin-bottom: 24px;
  white-space: nowrap;
}

.cadastro-step p {
  padding-bottom: 32px;
  font-size: 16px;
  margin-bottom: 0;
}

.cadastro-step .cadastro-termos-de-uso {
  padding: 16px 0 10px 0;
  text-align: center;
}

.cadastro-step .no-error .confidence-input-error {
  display: none;
}

.cadastro-step p a {
  font-size: 16px;
}

.cadastro-step .row {
  margin: 0 -5px !important;
}

.cadastro-step [class^='col-'] {
  padding: 0 5px !important;
}

.loading-box-cadastro {
  text-align: center;
  padding-bottom: 10px;
  margin: auto 0;
}

.loading-spinner-cadastro {
  width: 3rem;
  height: 3rem;
}

.cadastro-subtitile-informativo {
  color: #748497;
  text-align: center;
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  font-weight: 400;
  font-family: lato, sans-serif;
  
}

.cadastro-senha-informativo-negrito {
  color: #212529;
  text-align: center;
}
/* Estilos globais para o componente OfflineStepLayout */



.offline-step-layout__header {
  width: 100%;
  margin-bottom: 32px;
}

.offline-step-layout__titulo {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: #222745;
  line-height: 1;
  margin: 0;
  margin-bottom: 16px;
}

.offline-step-layout__subtitulo {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #8690A2;
  line-height: 1.5;
  margin: 0;
}

.offline-step-layout__content {
  width: 100%;
}
.resultado-redefinir-senha-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 0px 24px;
  background: #FFFFFF;
}

/* Modal de Sucesso */
.resultado-modal-sucesso {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
}

.resultado-titulo-sucesso {
  font-size: 24px;
  font-weight: 600;
  color: #1F2937;
  margin: 0 0 40px 0;
  text-align: left;
  line-height: 1.3;
}

.resultado-icones-sucesso {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
  width: 100%;
}

.resultado-icones-sucesso > div{
  display: flex;
  align-items: center;
  gap: 12px
}

.resultado-icone-mobile,
.resultado-icone-desktop {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.resultado-texto-mobile,
.resultado-texto-desktop {
  font-size: 14px;
  color: #6B7280;
  margin: 0;
  line-height: 1.4;
  text-align: left;
  flex: 1;
}

.resultado-botao-entrar {
  background-color: #1298d4;
  color: white;
  border: none;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: 100%;
  max-width: 320px;
  height: 48px;
  padding: 0 24px;
}

.resultado-botao-entrar:hover {
  background-color: #0e7ba8;
  transform: translateY(-1px);
}

.resultado-botao-entrar:active {
  background-color: #0c6891;
  transform: translateY(0);
}

/* Modal de Erro */
.resultado-modal-erro {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 400px;
  width: 100%;
  padding: 0 20px;
}

.resultado-titulo-erro {
  font-size: 28px;
  font-weight: 600;
  color: #1F2937;
  margin: 0 0 24px 0;
  text-align: center;
  line-height: 1.2;
}

.resultado-texto-erro {
  font-size: 16px;
  color: #6B7280;
  margin: 0 0 40px 0;
  line-height: 1.5;
  text-align: center;
  max-width: 320px;
}

.resultado-botao-fechar {
  background-color: transparent;
  color: #00a6da;
  border: 2px solid #00a6da;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: 100%;
  max-width: 320px;
  height: 48px;
  padding: 0 24px;
}

.resultado-botao-fechar:hover {
  background-color: #00a6da;
  color: white;
  transform: translateY(-1px);
}

.resultado-botao-fechar:active {
  background-color: #0088b8;
  transform: translateY(0);
}

/* Responsivo */
@media (max-width: 480px) {
  .resultado-redefinir-senha-container {
    padding: 16px;
    min-height: 350px;
  }

  .resultado-modal-sucesso,
  .resultado-modal-erro {
    padding: 0 16px;
  }

  .resultado-titulo-sucesso {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .resultado-titulo-erro {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .resultado-icones-sucesso {
    gap: 16px;
    margin-bottom: 32px;
  }

  .resultado-texto-mobile,
  .resultado-texto-desktop {
    font-size: 13px;
    max-width: 260px;
  }

  .resultado-texto-erro {
    font-size: 14px;
    margin-bottom: 32px;
    max-width: 280px;
  }

  .resultado-botao-entrar,
  .resultado-botao-fechar {
    height: 44px;
    font-size: 15px;
  }
}
.sign-pane > .slide-pane__content {
  padding: 0 68px !important;
  margin: 5% 0;
}

.modal-atualizar-cadastro h1 {
  font-size: 1.5rem;
  font-weight: bold;
}

.modal-simples-new .modal-atualizar-cadastro .modal-body {
  font-size: 1.1rem;
}

.modal-simples-new .modal-atualizar-cadastro .primary-button {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #128c7e;
}

.modal-simples-new .modal-atualizar-cadastro .primary-button img {
  width: 1.5rem;
}

@media (max-width: 840px) {
  .sign-pane > .slide-pane__content {
    padding: 0 45px !important;
    margin: 0;
  }
}
.modal-simples-container {
  text-align: center;
}

.modal-simples-container > .modal-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modal-simples-container label {
  font-size: 24px;
  height: auto;
}

.nao-possui-loja-modal > .modal-title > img {
  margin-bottom: 20px;
  height: 39px;
  width: 39px;
}

.nao-possui-loja-modal > .modal-title > h1 {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.nao-possui-loja-modal > .modal-body > label {
  color: #748497 !important;
  font-size: 16px !important;
  display: flex;
  flex-direction: column;
  height: auto;
}

.modal-simples-new {
  text-align: center;
}

.modal-simples-new .modal-header {
  padding: 0 !important;
  margin: 0 !important;
  height: 24px;
}

.modal-simples-new .modal-content {
  border-radius: 0;
  max-width: 400px;
  background-color: #212644;
  color: #ffffff;
  font: normal normal normal 20px/28px Lato;
  padding: 24px !important;
}

.modal-simples-new .modal-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 !important;
}

.modal-simples-new .modal-body {
  padding: 12px 14px 60px !important;
  font: normal normal normal 20px/28px Lato;
}

.modal-simples-new .modal-header .close {
  top: 24px !important;
  right: 24px !important;
  width: 24px !important;
  height: 24px !important;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iY2xvc2UtY2lyY2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjM2IC0yNTIpIj4KICAgIDxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMCwyMEExMCwxMCwwLDEsMCwwLDEwLDEwLjAyOSwxMC4wMjksMCwwLDAsMTAsMjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzggMjU0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBhNmRhIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgICA8cGF0aCBpZD0iVmVjdG9yLTIiIGRhdGEtbmFtZT0iVmVjdG9yIiBkPSJNMCw1LjY2LDUuNjYsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ1LjE3IDI2MS4xNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwYTZkYSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPHBhdGggaWQ9IlZlY3Rvci0zIiBkYXRhLW5hbWU9IlZlY3RvciIgZD0iTTUuNjYsNS42NiwwLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0NS4xNyAyNjEuMTcpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMGE2ZGEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgIDxwYXRoIGlkPSJWZWN0b3ItNCIgZGF0YS1uYW1lPSJWZWN0b3IiIGQ9Ik0wLDBIMjRWMjRIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNiAyNTIpIiBmaWxsPSJub25lIiBvcGFjaXR5PSIwIi8+CiAgPC9nPgo8L3N2Zz4K) 0 0 no-repeat;
  text-indent: -99999px;
}

.modal-simples-new .primary-button {
  display: block;
  border-radius: 4px;
  padding: 0 48px;
  height: 56px;
  font: normal normal bold 17px/56px Lato;
  width: 100%;
  margin: 0 auto !important;
  background-color: #00a6da;
  color: #ffffff;
}

.modal-simples-new .primary-button:hover {
  color: #ffffff;
}

.modal-simples-new .secundary-button {
  display: block;
  border-radius: 4px;
  padding: 0 48px;
  height: 56px;
  font: normal normal bold 17px/56px Lato;
  width: 100%;
  color: #00a6da !important;
  border: 1px solid #00a6da;
  border-radius: 4px;
  margin: 16px auto 0 !important;
  box-sizing: border-box;
  background: none;
}

.modal-indisponibilidade-especie .primary-button {
  background-color: #128c7e;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-indisponibilidade-especie .primary-button img {
  margin-right: 5px;
  height: 25px;
}

.modal-botao-whatsapp .primary-button {
  background-color: #128c7e;
}
.produto-simplificado {
  text-align: left;
  cursor: pointer;
  background-color: #f2f5f7;
  border-radius: 5px;
  padding: 15px 10px;
}

.produto-simplificado-tipo {
  margin-bottom: 10px;
  white-space: nowrap;
}

.produto-simplificado-tipo > span {
  display: block;
  color: #1298d4;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 16px;
}

.produto-simplificado-tipo > span > img {
  height: 16px;
  margin-right: 7.5px;
}

.produto-simplificado-resumo {
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* stylelint-disable */
.produto-simplificado-resumo > img {
  height: 35px;
  width: 35px;
  margin-right: 16px;
}
/* stylelint-enable */

.produto-simplificado-resumo > div {
  white-space: nowrap;
  overflow: hidden;
}

.produto-simplificado-resumo > div > span {
  display: block;
}

.produto-simplificado-resumo > div > span:first-child {
  color: #748497;
}

.produto-simplificado-resumo > div > span:last-child {
  font-weight: bold;
  font-size: 17px;
}

.header-carrinho-container {
  position: relative;
}

.header-carrinho-active {
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.header-carrinho-active > span {
  color: #222745 !important;
}

.header-carrinho-active > div > div > svg > * {
  stroke: #222745;
}

.header-carrinho {
  display: flex;
  cursor: pointer;
  padding: 18px 21px;
}

.header-carrinho > div {
  position: relative;
  margin-right: 10px;
}

.header-carrinho > span {
  color: #fff;
  font-size: 18px;
  -webkit-user-select: none;
          user-select: none;
}

.header-carrinho > div > div > svg {
  height: 23px;
}

.header-carrinho > div > span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -15px;
  top: -3px;
  font-size: 13px;
  color: #fff;
  height: 26px;
  width: 26px;
  border-radius: 100%;
  background-color: #d8292f;
}

.header-carrinho-total-produtos-loading {
  color: #fff;
  width: 14px;
  height: 14px;
  border-width: 1px;
}

.header-carrinho-produtos-loading {
  margin: 40px;
}

.header-carrinho-produtos {
  position: absolute;
  right: 0;
  z-index: 4;
  width: 400px;
  background-color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 5px 5px 6px -2px #00000029;
  padding: 8px 4px;
}

.header-carrinho-produtos > ul {
  max-height: 330px;
  padding: 0 4px;
  margin: 0;
  overflow: auto;
}

.header-carrinho-produtos > ul > li {
  margin: 5px 0;
  list-style-type: none;
}

.header-carrinho-produtos > ul > li:first-child {
  margin-top: 0;
}

.header-carrinho-produtos > ul > li:last-child {
  margin-bottom: 0;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* 1. CORREÇÃO DA COR DE FUNDO DO OVERLAY */
  /* Usando a cor #CFD4D9 do Figma com 75% de opacidade */
  background-color: rgba(207, 212, 217, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.modal-content {
  background-color: #051C2C; 
  color: white;
  padding: 40px;
  border-radius: 8px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  position: relative;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.modal-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: 1.5px solid #0DA6D4;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.2s;
}

.modal-close-button svg {
  color: #0DA6D4;
  width: 20px;
  height: 20px;
}

.modal-close-button:hover {
  background-color: rgba(13, 166, 212, 0.1);
}

.modal-body{
  margin-top: 10px;
}

.text-modal {
  font-family: 'Lato', sans-serif;
  font-size: 18px; 
  font-weight: 400;
  line-height: 1.4; 
  color: #FFFFFF;
  margin-bottom: 30px;
}



.modal-primary-button {
  background-color: #1298D4;
  color: white;
  border: none;
  padding: 14px 0;
  width: 100%;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 20px;
  transition: opacity 0.2s;
}

.modal-primary-button:hover {
  opacity: 0.9;
}

.modal-secondary-link {
  color: #1298D4;
  text-decoration: underline;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  transition: opacity 0.2s;
}

/* 2. CORREÇÃO DO HOVER NO LINK */
/* Garante que a cor não mude ao passar o mouse */
.modal-secondary-link:hover {
  color: #1298D4;
  opacity: 0.9;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(207, 212, 217, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.modal-content {
  background-color: #051C2C;
  color: white;
  padding: 40px;
  border-radius: 8px;
  max-width: 400px;
  width: 90%;
  text-align: center;
  position: relative;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.modal-close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: 1.5px solid #0DA6D4;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.2s;
}

.modal-close-button svg {
  color: #0DA6D4;
  width: 20px;
  height: 20px;
}

.modal-close-button:hover {
  background-color: rgba(13, 166, 212, 0.1);
}

.modal-body{
  margin-top: 10px;
}

.text-modal {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.modal-primary-button {
  background-color: #1298D4;
  color: white;
  border: none;
  padding: 14px 0;
  width: 100%;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 20px;
  transition: opacity 0.2s;
}

.modal-primary-button:hover {
  opacity: 0.9;
}

:root {
  --header-height: 80px;
}

button::-moz-focus-inner {
  border: 0;
}

.header {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  background-color: #222745;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.22);
  text-align: center;
  position: relative;
  box-sizing: border-box;
}

.header a {
  text-decoration: none;
  color: #fff;
}

.header-container {
  height: var(--header-height);
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  margin-left: auto;
  margin-right: auto;
  min-height: auto !important;
}

.header-container>div {
  min-width: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
}

.header-container>div>* {
  margin-right: 35px;
}

.header-container>div>*:last-child {
  margin-right: 0;
}

.logo {
  height: calc(var(--header-height) / 2);
  cursor: pointer;
}

@media (max-width: 992px) {
  :root {
    --header-height: 56px;
  }
}

@media (max-width: 576px) {
  .header-container {
    width: 100%;
  }
}
.banner-slider-container {
  cursor: pointer;
}

.banner-slider > a {
  height: 100%;
  display: block;
}

.carousel .slider {
  padding-bottom: 50px !important;
}

.carousel .slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  padding: 0 1px !important;
}

.carousel .control-dots .dot {
  background: #1a1d36 !important;
  height: 15px !important;
  width: 15px !important;
}

.body-header {
  margin: 40px 0 32px 0;
  display: flex;
}

.body-header-title-arrow,
.body-header-title-arrow img {
  height: 14px;
}

.body-header-title-subtitle {
  margin: 0 0 0 15px;
}

.body-header-title-subtitle h1,
.body-header-title-subtitle p {
  margin: 0;
}

.body-header-title-subtitle h1 {
  color: #222745;
  font-size: 24px;
  font-weight: bold;
}

.cambio-programado-body-titulo {
  font-size: 20px !important;
}

.body-header-title-subtitle p {
  margin-top: 8px;
  color: #748497;
  font-size: 16px;
}

.body-content {
  flex: 1;
  position: relative;
  background-color: white;
  box-shadow: 5px 5px 5px #cfd4d9;
  border-radius: 8px;
  padding: 32px;
  width: 100%;
}

.body-content > * {
  width: 100%;
}

.body-content-margin {
  margin: 32px auto;
}

@media (max-width: 840px) {
  .body-content {
    padding: 16px;
  }
}

.body {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.body > * {
  width: 100%;
}

.body * {
  text-align: left;
}

@media (max-width: 768px) {
  .body {
    margin: auto;
    width: 92% !important;
    padding: 0 10px;
  }
}

.titulo-atalhos {
  font-size: 24px;
}

.atalho-menu-item {
  font-family: Lato, sans-serif;
  color: #212529;
  border-radius: 5px;
  float: left;
  background-color: #fff;
  box-shadow: 5px 5px 5px #cfd4d9;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  outline: none;
  padding: 45px 0 0 10px;
  margin: 5px;
  width: 145px;
  height: 110px;
  margin-bottom: 2rem;
}

.atalho-menu-item-imagem {
  position: absolute;
  width: 35px;
  height: 29px;
  margin: 15px 0 15px 100px;
  pointer-events: none;
}

.atalho-menu-item-link {
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.atalho {
  border-radius: 8px;
  float: left;
  background-color: #fff;
  box-shadow: 5px 5px 5px #cfd4d9;
  cursor: pointer;
  font-family: Lato, sans-serif;
  font-weight: bold;
  color: #222745;
  outline: none;
}

.atalho.saldoExtrato {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAwCAYAAABDl2dmAAAAAXNSR0IArs4c6QAABG5JREFUaAXtmlGME0UYx+ebXe5OriHXjaLwokc4kHJH4oOJUWJIDE9q1Df17eId7YHBkOiTwRD0RWI0JkILXAgm+KBvPmlymHjE+CxpiyScyhkEErDtgfWupN3P/7S3pex2p3qp53k7k7Qz830zu9/8OvPtN9MlgeQcy42x5P2CaQuR6FWyaCYug0G+xvLtub2JszSQzu6XRB9HE0b4qGtMz9gAs081YcElEnRaMM+Fd1ndGibxIEY4Dg6WRTxhM4vNWEqKzueFieEDq3v4nUcXT2d3CBJPAsgjmDhCLnb5vXPXCLQgutEYJa31wERg1P98iAaOhpmBY+BoCGhUZuYYOBoCGpWtdNxo8DCi5V2NYqS/72cEOir0IyedRVkVTfIRuC4NGB8Sr4qtA5YVqX0V1hZ/hu9JTxfVnIjew0J6SghZABy1wup+Z7Y0MfJtVKF4445ncjcbTpib+ypPZ/IWAibOaYHhLxo4fiItdQOnBYa/aIJAPxEhTBAYZBKQmCAwgMQTmCDQI3E3N0HgXRaBkgkCA0jaC8yjvD2XutTAMXA0BDSqehAYpl83mXdklYYF17oyw0jKn4vJ7b+G3a8r8kMs4xsubhdudSeOGzYRi7J3XZfkrLR6pgrjQ1c8mS4Ph8NMdiafF8QPde1ADLHD2uMXNv6ZTFzTGbVk3RdsOYXcV3hTYnfT5pZDTqnOImoVgSfSiWJv/xtidHBBd6/wGUFgrs7BupjUkRpVQehfSgBzEod3uztdHrz2xCvlU53ahc8c9HR7+xOiMr+jW8tK2n0z5dTQ9U5GLUXvZPIJsB9t9OUp17bGXdddL2vcr2SSZB9OPJ8DmNdQ7UP+Suxo9t0/9o382OgT/NbCKY0OltDlXLDbypMwuS8S3iFRs7NKPa/eHtt6E1bO+iz92knnfsKK+FDJ11i0GVkonPBl5bvqSq+SSy8oG+EMLt5O1sG0NRmHn1Oegtz6+zheNZCvGjhMXH91BJPn0dipSw8ERrooIHaf8HQs5VWv3C7XLitMwQO42fP4Z2L5IZIos7SPlPZsm25nuF/GwjpCwn0WvoR6KpXpgeO594XLzWWF/6B68YR5DBCTaFNffgtsnfdfp7WuhYOGh3GhWPOx2NpzGcpUqyrnPf13blVKJc7FM9kP8F/lm/Ap2ySL0367fQ/fyfmJrb/prt0JzjtwcP/dzCHrU53xfl0xNfKWk8ktwOa9+FEdv17VEUjM4FgiXXTEJ+30rTItHLwj+BEaq8//JhVSwwdh7MF1mQtDRLVBON07TePXWL+UxhKzzXqHghZOh74rWn0rlbgEA9VnyWn5He2STV3+jgaOhjmc+uL+icjStIuOCjGBGiwzu/A5fBmhwSC8+0sDx/LfC3JvRYfEvSOV6g12Fk/XpURXbOxHziAuUB5+i5T8JUDd2yNqtcXhIyb6xpp//Oj0fbEb2JLwTgRQxgdhMsDVfFe80/d6c5rE0jPrbTH/Mui0DZ6iMIGwSSq7LH6YSw6fRXTNfwHDuE4NPdmzgwAAAABJRU5ErkJggg==);
}

.atalho.meusPedidos {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAArCAYAAADottG6AAACpklEQVR42u2ZPWgUQRTH1wjJJSa3s0sQREEMWviRwrQW2mmhpZVpLFQsLCwstFkbTWG84253ZtNoIUQ0haUgCCLBIOFyu/M2fuBHIYopRMTCQvDrzeZ2bw2XZI/9SjEDw3E3H/vbN/99b+89RUm59VUWdusMbms2vNBt/oMw/g07qDbQ/jrfoWzERqoOURlME9v7o08t/u3Uic1/qcxjivGktGHAt5gwitZeioJqjD/TKa/hp00oNP+7ERvelKzmzuLJjcaAgAmhUS6k7h5cOa1sukd1xj+FN8DguWIYPYWyq4xfb1sbFocmG8OrzRXWRll9COaXKVwo0OpGD2HwxdczA0eZmNXWXVNxt+Pc98vW568KYx8ynUOh1U33eOzTsuBcsK6vMj9SCLxmwakAYrDGD8Rdhw/ysXAdg8PF6J3yyQBCqczpXXmnvHUvApBq8fNouat+xyAUeg90i+Hv63SNwv3Q9zN4Fxk7k3ogExuia3u0WvBJu6PXuruW14rf0IMg+Oe8wNtxwHupGDO9yR5KyqciFjmrVBvbIj7+Uqj5OG6y1XqrC3sje463ZTk/EpUURucryeDFC5bQJob4DgEqVXi/nZzZHERsHHuY7IWLeb99r8D4zVzghcEYvxc8zIngg4ugW7yWFzyh/E5r7GNm8Bp1T7Respbw66bYm16c68cT/SnWDlh8rBB4f9xy93cToII2eINvLdecPR2lmhd8Jn9sJLyEl/ASXsJLeAkv4SW8hJfwEl7CFwWPG3xv5SJv5QWP13oQZs0SWcGGp8s5FO+rSAhlTj4xqwUFC1GgS2r58Ugd6bUoDBDTOZJJZ3A6Wt8SxYvkx8jgcd6JVqH7dI4S5aJR7/LKcmUm0Mx7K/L0XSWxYieL6s19WcmmZPJd3bD8Ay4KU8NEFYlZAAAAAElFTkSuQmCC);
}

.atalho.lojas {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAArCAYAAADottG6AAADiklEQVR42u1Z2WvUQBxOPXpuN9kI4gWi6IPi8SCi4g3isweKSgWfRH3x+ANcFa3VwtZuMrOK+qRILSo+eILaglbsscdMiogUFalYUTzAE6X6m2y2O92Yo2tLE9zAsMzON5Nvftd8SQShcA3XVd06RkTkiIzpa/lk52+vNylGnwPXg0I4PEIQET3sB9Kmhuk+IWNxCZOfMiIHbBs/eViw9FAGF8L0hpDpsNBxijDY4AcdizXshA1h8tIwyjnndSkxsNdcYJvT5ElLgXyBfIG8H8lDGWp1msiXNE9gPUdoKMhLdUnJ9U22nxo9JFiQBNbkw02lluTV1Nr+2I5yK2xFlK7isYFoYqYVNojIZh4bjJKFNvG+xpI8HMFnAVOUO6lcSUwAGdHDYyFhGnRxlHMFaslYGZPufmIKErJUTUw2rVtP58HY+xzN8iRYn5xuNkhiLoy9yuJIu2BSbZjeC6qpBbplI6mJQUy3wH9vs+MkzmHvyypdpGPrOsYHFLIeNMcbTn/UZLHad7ZhWHtTCJFdTJtIMa1XH4/Rb9CvyvSZzoL+TQnRCDQFSN/pw2aN1yK4l6JaL2xkv3DsQaWMtTYnPJTeo8xiIkrtAOI/LNfF9B1gVqfLK62SY+SLNTZdqk3kYaBWxKRaipFfuZNYza5UkouzidM0im1EV6JmqdrDYp53eXFdfAbzKLj6a9YY5CPzBAszHlsSaZsaQvQWrPOZ8+An6F+qON42zv6QqukQJSW5AojtARdvDdSTWcKGxpF/zSDwQihKlkLS7Qb3bgudiM9hG7OrFhUKnV2qkCkuHpOKWKKXROLT+DzM+4T1wvX/kGcxGcB0uR5KLhqLb9MiEHblKDnf7RqVKLXE6hxxT37vwzK7SmFZFVBqJb8MKwR5PKPe/SfyzIr5PByLKtnZT49g7fLAyZPuQSMPHjhj52q9Rrsg7xQyGSnNfgeNPCNnl0hlUTLJkTwc/Y4Jieh54/B64TvycJ8LxqH5zIfkSYNh+S7/hQ2mjYZYe+o78kzD2GG9TR6RK2ms9tiPYXPVuF+nt8inE7HZrnESnXqCPHt3k4c8eOQJ8kxowfzrTlbvsz6mt0EfrfME+WGRxL4hzzq5IomR4BKty+6rBRNufWshetGtdh9oy+vtgddamjzUXj+SFzE9rb8BCKh0maWbVG2jFNPCjh/FjMZCbahCJtP0V4LhxmJff0L+Azx2XjkDI1T1AAAAAElFTkSuQmCC);
}

.atalho.alertaCambio,
.atalho.cotacaoCambio {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAArCAYAAADottG6AAAFYElEQVR42u1ZW2hcRRg+Xpomm91zEwRFURFREfug1JcKVpGCFquoVVGpV6ogCj54wVu8oG2I7W72nDnTVryhqEQo8VYtikWstpZNdmdmpRpEUu3FJk1I0qRJ01z8/jm7NZE8mOScuIUMDLuZ3Z3zzT/ff/tiGPNj8rAD8Z7DRY/DVbfNpHdioK6rO9kO5G82L445G4rjNG0uu7Em6LPKtjiTzTZXY3agOsnieM1gdmAexQGaK9vqXI0C5LDNRGOSiVtdX91mBsW0E4gj9FlFWj+Rzl1mcvW2E8h9sPIgDtAPsMM0sXYYfw9aTHY6rPiVGeSXVwRoK5s7H+B2AmQH0cUljgfymMvloJ7a4nBcVsCh5NHwc9VtcdmWapQ3/m/AU4G4B3TYi8gyAmCHAIoo82kykCuTnrjGbMxfQIdLefklZja/3GFyEw7aS7dTPgTeb5xz4ElPLXUCtZcsq4Gwws2TvvDaT6c5mZZFCZZfnPBaz5zI9UQmvxiHbIf1D7qgk8nk+jkDbjKxCuHvEKy2Hwf4obxeky1cATBpzAN0oEkTvMf3P6jNymsnRKb36RB4HcLrO7EDr3699Rw3UH8BSB8euDWMMk1VLhObS3xvNwP5gu3ll06cFhMP4Dc7XC4GjEe3LDx+AF804NY66AZTnlgRr4MG8mPNba5GjJVNp9AEqC9oDdf/vF6bdjZWXXRwRKO22IBXefJSAP1TOx0Tz4YPlllQaNj05HUzLyXkfTaVETiExdSyWMCDLi9RuHO4/IMcsCrdcjFZDFGkfva1kPpdW5+rN2MqtlSz5jVXezSFmFhDdDHqt6dmuzcM8nMYteR3sYAnyoROKT4vRYvPsFaMxDBcNelbRPiMBzyypK4SmcpoGvniQYC/O5K9uay3KaRyeSAm2shuXeYGisdQ/2ecDWqcgsE8+Hnw8+AjafFEAQ31eIqpVyMv9lAPOZwME03onco6x6jh0DVM1DUTk0+iaRlB4z4aPfK1OQvZdIi6I1hndRyNDcqPfuw/kGwQp0e6+cKMuLDUBfWixL0p+naysAzJr4s6sloUgNFy0i/cQcDRVPRRaxf5za753nG5GiTrW6zwcLQVJVdhs4EOKq6SG8B/LXVdO6MGr3tVhMmPYhOseOFlHRQwJ3Zbs3Mmr3UFOqiD4GNnMpBXxdbtpHNnkMOiJRxEWH4xmmqSunx9nWp37DoQtZlaLpSzt77ly4e0aARnTQQzb/X+66hZt+ts0KaLmhwc5K2Zb5QVZ+EaD5dEpW/nSlrBs17BLR+hZ5tMrZohXUJBiZx1rkUtgN9F1td6T6Zl0fTowovbtMTB0HAHch9qmi2oP55DN3VDtSfOi1yBQ1a1WeFq5JPH0NB/SP5FwI9LInXbqqdxdcU3AF7rj2XVK6w9VI+rBSe1hwQmvP+G5DoklttrvPySlJe7iBIOHnZqWdfBdifp8iK949wFjS2Xk+wNQE/DMJ/g97/oPRFlyLdIHv/neWqMxC1wP2c0bK2dph4pbjGZqMMGX5abb1ikT/NxajlvP6V35ILdpAIjoY3RtLhoo4hVnqTT//v3WBvSKhzJ4rQHV9vNQKxzfHmXsXrjgmi46BcucWFlC2UxAH9NMgiBDhOY7EeMHiA1bQpwo6Wiri9UCUhdVh2kdVJ/AEreSVqnUZdLzKlz1YZKWl8JXJEkblDiXs1fXz5CKoOmCiIW1jsRvXpSvnjCqJSRyhSvxFX3huldtuMQmwD0cdtX91u+esaF0zmBoP+QdKd8+ZRRacP089cTjegGdJaEA5KiHDYxlCsEyeJrjYodiCrkD0SfkuTdGf7XRL5L2qZxQo31P9bEuf3fT27j5kB5ItkAAAAASUVORK5CYII=);
}

@media (min-width: 768px) and (max-width: 769px) {
  .carrosselAtalhos {
    margin-left: auto;
    width: 95%;
  }

  .carrosselAtalhos p {
    font-size: 20px;
  }

  .carrosselAtalhos .slick-slide {
    height: 120px;
  }

  .atalho {
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 73px 4px;
    width: 110px !important;
    height: 80px !important;
    font-size: 14px;
    margin-right: 10px;
  }

  .fonte {
    position: relative;
    margin: 2px;
    left: 6px;
    top: 35px;
  }
}

@media (max-width: 840px) {
  .carrosselAtalhos {
    margin-left: auto;
    width: 95%;
  }

  .carrosselAtalhos p {
    font-size: 16px;
  }

  .carrosselAtalhos .slick-slide {
    height: 79px;
  }

  .atalho {
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: 50px 4px;
    width: 80px !important;
    height: 60px !important;
    font-size: 12px;
    margin-right: 10px;
  }

  .fonte {
    position: relative;
    margin: 2px;
    left: 6px;
    top: 25px;
  }
}

@media (max-width: 1024px) {
  .carrosselAtalhos {
    margin-left: auto;
    width: 95%;
  }

  .carrosselAtalhos p {
    font-size: 16px;
  }

  .carrosselAtalhos .slick-slide {
    height: 79px;
  }

  .atalho {
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: 50px 4px;
    width: 80px !important;
    height: 60px !important;
    font-size: 12px;
    margin-right: 10px;
  }

  .fonte {
    position: relative;
    margin: 2px;
    left: 6px;
    top: 25px;
  }
}

@media (min-width: 1024px) {
  .carrosselAtalhos {
    width: 100%;
  }

  .carrosselAtalhos p {
    font-size: 24px;
    font-family: Ubuntu, sans-serif;
    font-weight: bold;
    color: #222745;
  }

  .carrosselAtalhos .slick-slide {
    width: 150px !important;
    height: 114px;
    top: 2px;
    left: 2px;
    margin-top: 12px;
    margin-left: 1px;
  }

  .atalho {
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 90px 10px;
    margin-right: 20px;
    font-size: 18px;
    width: 130px !important;
    height: 105px !important;
  }

  .fonte {
    margin-top: 50px;
    margin-left: 10px;
    line-height: 1.2;
  }
}

.expired-token-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 999;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.expired-token-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: #051c2c !important;
  padding: 1em 2em 1em 2em;
  border-radius: 5px;
  max-width: 400px;
  z-index: 9999;
  color: white;
  gap: 1em;
}

.expired-token-modal img {
  align-self: flex-end;
  margin-left: auto;
  cursor: pointer;
}

.expired-token-modal p {
  text-align: left;
  font: normal normal normal 18px/28px Lato;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}

footer {
  width: 100%;
  overflow: hidden;
}

footer ul {
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
}

footer > div:last-child {
  text-align: center;
  width: 100%;
  padding: 5px;
  background-color: #1a1d36;
}

footer > div:last-child > span {
  color: #fff;
  font-size: 13px;
  font-family: Montserrat, sans-serif;
}

footer > div:last-child > a {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  border-bottom: solid thin #fff;
  margin-left: 10px;
}

footer > div:first-child {
  width: 100%;
  text-align: center;
  background-color: #b8bfc8;
}

footer > div:first-child > div {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  color: #1a1d36;
  margin: auto;
}

footer > div:first-child > div > div {
  text-align: left;
  padding: 20px;
  max-width: 240px;
}

footer > div:first-child > div > div > span,
footer > div:first-child > div > div > span > a {
  color: #1a1d36;
  font-size: 17px;
  font-family: Lato, sans-serif;
}

footer > div:first-child > div > div > ul {
  padding-top: 5px;
  font-size: 13px;
}

footer > div:first-child > div > div:nth-child(1) > span,
footer > div:first-child > div > div:nth-child(2) > span,
footer > div:first-child > div > div:nth-child(3) > span {
  font-weight: bold;
}

footer > div:first-child > div > div:nth-child(1) > ul {
  white-space: normal;
}

footer > div:first-child > div > div:nth-child(1) > ul > li:nth-child(1) {
  color: #1a1d36;
  font-size: 14px;
}

footer > div:first-child > div > div:nth-child(1) > ul > li:nth-child(2) {
  color: #1a1d36;
  font-size: 12px;
  padding-top: 8px;
}

footer > div:first-child > div > div:nth-child(4) {
  max-width: 300px;
}

footer > div:first-child > div > div:nth-child(4) > ul > li {
  display: inline-block;
}

footer > div:first-child > div > div:nth-child(4) > ul > li:first-child {
  margin-right: 5px;
}

footer > div:first-child > div > div:nth-child(4) > ul > li > a {
  display: block;
}

footer > div:first-child > div > div:nth-child(4) > ul > li img {
  height: 35px;
}

footer > div:first-child > div > div:nth-child(5) > ul > li {
  display: inline-block;
}

footer > div:first-child > div > div:nth-child(5) > ul > li img {
  height: 27px;
  margin-right: 18px;
}

footer > div:first-child > div > div:nth-child(5) > ul > li:last-child img {
  margin-right: 0;
}

footer > div:first-child > div > div:nth-child(6) > ul > li img {
  height: 40px;
}

.footer-link-simulador {
  color: #1a1d36;
  font-size: 13px;
}

.footer-link-simulador:hover {
  font-weight: bold;
  font-size: 13px;
}

@media (max-width: 1317px) {
  footer > div:first-child > div {
    width: 80%;
  }

  footer > div:first-child > div > div {
    width: 33%;
    max-width: 100% !important;
  }

  footer > div:first-child > div > div:nth-child(4) > ul > li img {
    height: 30px;
  }
}

@media (max-width: 768px) {
  footer > div:first-child > div > div {
    text-align: center;
    width: 100%;
    padding: 10px;
    max-width: 100% !important;
  }

  footer > div:last-child > span {
    display: block;
  }
}

.logout-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 999;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.logout-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: #051c2c !important;
  padding: 1em 2em 1em 2em;
  border-radius: 5px;
  max-width: 400px;
  z-index: 9999;
  color: white;
  gap: 1em;
}

.logout-modal img {
  /* A imagem precisa ficar na direita */
  align-self: flex-end;
  margin-left: auto;
  cursor: pointer;
}

.logout-modal p {
  text-align: left;
  font: normal normal normal 18px/28px Lato;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}

.minha-compra-container {
  position: relative;
}

.minha-compra {
  display: flex;
  justify-content: center;
  cursor: pointer;
  padding: 14px 21px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
}

.minha-compra > div {
  position: relative;
  margin-right: 10px;
}

.minha-compra > span {
  color: #222745;
  font-size: 18px;
  -webkit-user-select: none;
          user-select: none;
}

.minha-compra > img {
  width: 25px;
  height: 25px;
  margin-top: 3px;
}

.minha-compra > div > div > svg {
  height: 25px;
}

.minha-compra > div > span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -15px;
  top: -3px;
  font-size: 15px;
  color: #fff;
  height: 26px;
  width: 26px;
  border-radius: 100%;
  background-color: #d8292f;
}

.minha-compra > div > div > svg > * {
  stroke: #222745;
  stroke-width: 1.6px;
}

.minha-compra-produtos {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  max-height: 480px;
  padding: 0 10px;
  border-radius: 30px 30px 6px 6px;
  box-shadow: 5px 5px 5px #cfd4d9;
}

.minha-compra-produtos > ul {
  flex: 1;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  overflow: auto;
}

.minha-compra-produtos > ul > li {
  list-style-type: none;
  padding: 5px 0;
}

.minha-compra-produtos > ul > li:first-child {
  margin-top: 0;
}

.minha-compra-produtos > ul > li:last-child {
  margin-bottom: 0;
}

.minha-compra-produtos > button {
  margin: 15px;
  width: 100%;
}

.minha-compra-produtos > .minha-compra > span {
  color: #222745;
}

.minha-compra-produtos > .minha-compra > div > div > svg > * {
  stroke: #222745;
}

.loading-page-block {
  pointer-events: none;
}

.loading-spinner {
  color: #222745;
}

.loading-spinner-simulador {
  color: #222745;
  position: absolute;
  width: 60px;
  height: 60px;
  margin-top: 25%;
  margin-left: 45%;
  z-index: 1;
}

.informativo-cambio-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 1rem;
  gap: 1rem;
}

@media (max-width: 768px) {
  .informativo-cambio-buttons {
    flex-direction: column;
    gap: 25px;
    margin-top: 0;
  }
}

.container-informativo-cambio-container {
  display: flex;
  flex-direction: column;
  width: 80%;
}

@media (max-width: 768px) {
  .container-informativo-cambio-container {
    gap: 20px;
    flex-direction: column;
  }
}

.loading-spinner-repetir-remessas {
  color: #222745;
  position: absolute;
  width: 60px;
  height: 60px;
  margin-top: 95px;
  margin-left: 140px;
  z-index: 1;
}

.simulador-container {
  padding: 1.5rem 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .simulador-container {
    flex-direction: row;
  }
}

.informativos-sem-simulador {
  padding: 1.5rem 0;
  display: flex;
  flex-direction: column;
}

.blocoSimuladorNew {
  width: 100%;
  float: left;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 4px;
}

.blocoMensagem {
  display: flex;
  width: 100%;
  flex-direction: column;
  float: left;
  color: #222745;
  margin: 10px 0 10px 5px;
}

@media (min-width: 600px) {
  .blocoMensagem {
    width: 60%;
    padding-left: 48px;
    margin: 0;
  }
}

.blocoMensagem div.botao-informativo {
  text-align: center;
}

.blocoMensagem button.botao-base {
  background-color: transparent;
  border-radius: 5px;
  font-family: Ubuntu, sans-serif;
  font-weight: normal;
  height: 56px;
  margin: 0 auto;
  text-align: center;
  width: 376px;
}

.blocoMensagem button.botao-base img {
  height: 24px;
  width: 24px;
}

.blocoMensagem button.botao-busca {
  border: 1px solid #00a6da;
  color: #00a6da;
  margin-bottom: 24px;
}

.blocoMensagem button.botao-busca img {
  color: #00a6da;
}

.blocoMensagem button.botao-whatsapp {
  border: 1px solid #128c7e;
  color: #128c7e;
}

.blocoMensagem button.botao-whatsapp img {
  color: #128c7e;
}

.blocoMensagem button img {
  margin-right: 7px;
}

.bloco-mensagem-sem-simulador {
  width: 98%;
  display: flex;
  flex-direction: column;
}

.blocoMensagem h2,
.bloco-mensagem-sem-simulador h2 {
  font-size: 32px;
  color: #222745;
  font-weight: 100;
}

.blocoMensagem h2.remessa-titulo {
  font-size: 28px;
}

.blocoMensagem p,
.blocoMensagem .informativo,
.blocoMensagem ul,
.bloco-mensagem-sem-simulador .descricao-adicional,
.bloco-mensagem-sem-simulador .sub-descricao,
.bloco-mensagem-sem-simulador ul {
  font-size: 18px;
  color: #748497;
  font-weight: 25;
}

.bloco-mensagem-sem-simulador .sub-descricao {
  margin-bottom: 1rem;
}

.bloco-mensagem-sem-simulador .descricao-adicional {
  margin-bottom: 1rem;
}

.blocoMensagem .fonte-remessa {
  font-size: 14px;
}

.blocoMensagem .caixa-destaque {
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  margin: 25px 0;
}

.blocoMensagem .caixa-destaque-item {
  flex: 1;
  padding: 25px 10px 20px 10px;
}

.blocoMensagem .caixa-destaque-separador {
  border-left: 1px solid #748497;
  margin: 20px 0;
}

.blocoMensagem .caixa-destaque-titulo,
.blocoMensagem .caixa-destaque-titulo-maior {
  color: #f8810a;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.2em;
  margin: 0 0 9px 0;
  text-align: center;
  white-space: nowrap;
}

.blocoMensagem .caixa-destaque-titulo-maior {
  font-size: 24px;
}

.blocoMensagem .caixa-destaque-descricao {
  color: #748497;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  margin: 0;
  text-align: center;
}

.bloco-mensagem-sem-simulador > ul,
.blocoMensagem > ul {
  list-style: none;
  padding: 0;
}

.bloco-mensagem-sem-simulador > ul > li::before,
.blocoMensagem > ul > li::before {
  content: '\2022';
  color: #222743;
  font-weight: bold;
  display: inline-block;
  width: 0.8em;
}

.bloco-mensagem-sem-simulador b {
  color: #222745;
  font-weight: bold;
}

.bloco-mensagem-sem-simulador a {
  color: #1298d4;
}

.bloco-mensagem-botao a {
  color: #1298d4;
}

.blocoSimulador .cidadeCotacao {
  color: #5b96c3;
  font-size: 18px;
  padding: 5px 0;
}

.blocoSimulador button {
  background-color: #1298d4;
  width: 100%;
  height: 52px;
  color: #fff;
  font-size: 16px;
  border-radius: 30px;
  padding: 10px 10px;
  font-family: Lato, sans-serif;
  font-weight: bold;
  outline: none;
  border: none;
  margin-top: 0.5rem;
}

.bloco-mensagem-botao .botaoWhatsapp,
.blocoMensagem .botaoWhatsapp {
  background-color: #f2f5f7;
  color: #2c8c7e;
  height: 56px;
  width: 100%;
  max-width: 320px;
  border-radius: 5px;
  border: 1px solid #2c8c7e;
  font-family: Lato, sans-serif;
  font-weight: bold;
  outline: none;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;
}

.bloco-mensagem-botao .botaoWhatsapp img,
.blocoMensagem .botaoWhatsapp img {
  padding-right: 10px;
  width: 30px;
  height: 30px;
}

.bloco-mensagem-botao .botaoWhatsapp span,
.blocoMensagem .botaoWhatsapp span {
  vertical-align: middle;
}

.blocoSimulador button:disabled {
  background-color: #cfd4d9;
}

.simulador-moedas-dropdown-new {
  display: flex;
  width: 20%;
  margin: 30px 0 0;
  color: #162443;
  background-color: #fff;
  min-width: 120px;
}
.prefix-moeda {
  font: normal normal normal 18px/34px Lato;
  color: #051c2c;
  margin-left: 8px;
}

.simulador-cidades-espaco-vazio {
  margin-top: 1.5rem;
}

.dropdown-paises-overlay {
  position: relative;
  margin-bottom: 1.5rem;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.simulador-paises-dropdown-new {
  width: 100%;
  height: 52px;
  color: #162443;
  background-color: #fff;
  border-bottom: 1px solid #cccccc;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}

.label-dropdown {
  display: block;
  width: 100%;
  height: 21px;
  font: normal normal normal 12px/26px Lato;
  letter-spacing: 0px;
  color: #788791;
  opacity: 1;
  margin-bottom: -8px;
}

.simulador-paises-dropdown-new-open {
  width: 100%;
  height: 52px;
  color: #162443;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #cccccc;
}

.simulador-paises-dropdown-new-pais {
  margin-left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: normal normal normal 24px/60px Lato;
  letter-spacing: 0px;
  color: #051c2c;
}

.simulador-paises-dropdown-new-arrow {
  margin-right: 0;
  width: 30px;
  height: 30px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.simulador-paises-dropdown-new-titulo {
  color: #748497;
  margin-left: 0;
  margin-bottom: 0.5rem;
}

.simulador-calculadora {
  width: 100%;
  max-width: 440px;
}

.simulador-tabs {
  border: 1px solid #1298d4;
  border-radius: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-left: 0;
  margin-bottom: 1rem;
}

.simulador-tabs .nav-link {
  padding: 0;
  flex: 1;
  color: #1298d4;
  font-weight: normal;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 0;
  margin: 0 auto;
  text-align: center;
}

.simulador-tabs .nav-link:hover {
  border-color: transparent;
}

.simulador-tabs .nav-item.show .nav-link,
.simulador-tabs .nav-link.active {
  border: none;
  color: #fff;
  background-color: #1298d4;
}

.simulador-remessas-loading {
  text-align: center;
  width: 350px;
}

.simulador-remessas-loading-texto {
  text-align: center;
}

.simulador-informativo-negrito {
  font-weight: bold !important;
}

.historico-container {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  background-color: white;
  padding: 16px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
}

.historico-container-previous {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}

.historico-container span {
  font: normal normal normal 18px/22px Lato;
  margin: 0;
  padding: 0;
  letter-spacing: 0px;
  cursor: pointer;
  color: #00a6da;
}

.simulador-especie-botoes {
  display: flex;
  flex-direction: row;
  color: #1298d4;
  height: 44px;
  margin-bottom: 20px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: lighter;
  align-items: center;
  border: 1px solid #1298d4;
  cursor: pointer;
}

.simulador-especie-botoes-esquerda {
  width: 51%;
  text-align: center !important;
  height: 44px;
  padding-top: 11px;
}

.simulador-especie-botoes-esquerda-ativo {
  border-left: 1px solid #1298d4;
  background-color: #1298d4;
  border-radius: 30px 0 0 30px;
  color: #fff;
}

.simulador-especie-botoes-direita {
  width: 49%;
  text-align: center !important;
  height: 44px;
  padding-top: 11px;
}

.simulador-especie-botoes-direita-ativo {
  margin-left: 1px;
  background-color: #1298d4;
  border-radius: 0 30px 30px 0;
  color: #fff;
}
.button-simulador {
  width: 100%;
  border-radius: 4px;
}

.link-icon {
  position: relative;
  display: block;
  text-align: right;
  cursor: pointer;
  font: normal normal normal 18px/22px Lato;
  color: #00a6da !important;
  margin-bottom: 16px;
}
.wrap-inputTroca {
  position: relative;
  display: flex;
}
.wrap-inputTroca .iconTroca {
  position: relative;
  margin: 48px 0 0 16px;
}
.wrap-inputTroca .iconTroca .linkTroca {
  position: relative;
  display: block;
  padding: 0;
  margin: 10px 0 0;
  cursor: pointer;
}
.wrap-modal-new {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2;
}
.wrap-modal-new .modal-new {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 10px 10px 0px 0px;
  box-sizing: border-box;
  padding: 48px 48px 24px;
}
.wrap-modal-new .modal-new strong {
  font: normal normal bold 16px/20px Lato;
  color: #051c2c;
}
.wrap-modal-new .modal-new p {
  font: normal normal normal 14px/20px Lato;
  color: #788791;
}
.button-clean {
  background-color: #fff;
  color: #1298d4;
  height: 48px;
  width: 100%;
  border-radius: 30px;
  font-family: Lato, sans-serif;
  font-weight: bold;
  outline: none !important;
  border: none;
  text-align: center !important;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.texto-legal {
  font: normal normal normal 12px/12px Lato;
  padding: 16px 0 0;
  margin: 0;
  color: #788791;
  text-align: center;
}

@media (max-width: 440px) {
  .blocoSimuladorNew .dropdown-paises-overlay {
    margin-bottom: 0;
  }

  .blocoSimuladorNew .link-icon {
    font: normal normal normal 14px/17px Lato;
  }

  .blocoSimuladorNew .simulador-moedas-dropdown-new {
    min-width: 112px;
  }

  .blocoSimuladorNew .simulador-paises-dropdown-new,
  .blocoSimuladorNew .simulador-paises-dropdown-new-open {
    height: 40px;
  }

  .blocoSimuladorNew .simulador-paises-dropdown-new-pais {
    font: normal normal normal 14px/40px Lato;
  }

  .blocoSimuladorNew .busca-new .selectBusca .buscaComponent__menu {
    /* box-shadow: none; */
  }

  .blocoSimuladorNew .busca-new .selectBusca .buscaComponent__option {
    margin-left: 16px;
    /* width: 100%; */
    font: normal normal normal 14px/24px Lato;
    box-sizing: border-box;
  }

  .blocoSimuladorNew .busca-new .bordaBusca {
    width: 100%;
    height: 52px;
    margin: 0;
  }

  .blocoSimuladorNew .busca-new .selectBusca .searchIcon {
    margin-right: 0;
  }

  .blocoSimuladorNew .busca-new .selectBusca .buscaComponent__value-container {
    padding-left: 0;
    margin-left: 0;
  }

  .blocoSimuladorNew .prefix-moeda {
    font: normal normal normal 14px/34px Lato;
    margin-left: 4px;
  }

  .blocoSimuladorNew .wrapper-input-new .input-new {
    font: normal normal normal 16px/24px Lato;
    height: 24px;
  }

  .blocoSimuladorNew .wrapper-input-new {
    margin: 12px 0 0;
  }

  .blocoSimuladorNew .wrap-inputTroca .iconTroca {
    margin-left: 8px;
  }

  .blocoSimuladorNew .wrap-inputTroca .iconTroca .linkTroca {
    margin: 0;
  }

  .blocoSimuladorNew .wrap-inputTroca .iconTroca .linkTroca img {
    width: 24px;
  }

  .blocoSimuladorNew .busca-new .dropdown-iso {
    font: normal normal normal 14px/24px Lato;
  }

  .blocoSimuladorNew .busca-new .nome-moeda {
    font: normal normal normal 12px/24px Lato;
  }

  .blocoSimuladorNew .simulador-especie-botoes {
    font-size: 11px;
    line-height: 21px;
  }

  .blocoSimuladorNew .texto-legal {
    font: normal normal normal 9px/12px Lato;
    padding: 16px 42px 0;
  }
}

@media (min-width: 441px) and (max-width: 1024px) {
  .blocoSimuladorNew .dropdown-paises-overlay {
    margin-bottom: 0;
  }

  .blocoSimuladorNew .cidadeCotacao {
    position: relative;
  }

  .blocoSimuladorNew .busca-new .bordaBusca {
    width: 100%;
    margin: 0;
  }

  .blocoSimuladorNew .busca-new .selectBusca .buscaComponent__value-container {
    padding-left: 0;
    margin-left: 0;
  }

  .simulador-container {
    flex-direction: column;
  }

  .blocoMensagem {
    display: block;
    width: 100%;
    padding: 0;
    margin: 48px 0;
  }

  .simulador-calculadora {
    max-width: 100%;
  }

  .bloco-mensagem-sem-simulador {
    margin: auto;
  }

  .bloco-mensagem-botao {
    text-align: center;
  }
}

.busca-new {
  width: 100%;
  margin: -1px 0 1%;
  position: absolute;
  z-index: 1;
}

.busca-new .selectBusca {
  font-family: Lato, sans-serif;
}

.busca-new .title-dropdown {
  position: relative;
  font: normal normal normal 12px/24px Lato;
  color: #788791;
}

.busca-new .dropdown-flag {
  width: 46px;
  height: 34px;
  margin: -4px 4px 4px -5px;
  box-sizing: border-box;
}

.busca-new .dropdown-flag.padding {
  padding: 5px;
}

.busca-new .dropdown-iso {
  font: normal normal normal 18px/32px Lato;
  color: #051C2C;
}

.busca-new .selectBusca .buscaComponent__control {
  border-radius: 0;
  border: none;
  width: 100%;
  height: 60px;
  font: normal normal normal 14px/60px Lato;
  letter-spacing: 0px;
  color: #788791;
  position: relative;
  box-shadow: 0px 3px 6px #00000029;
} 
.css-14el2xx-placeholder {
  color: #C7C6C6 !important;
}

.busca-new .selectBusca .buscaComponent__value-container {
  justify-content: left;
  margin-left: 16px;
}

.busca-new .buscaComponent__indicator-separator {
  display: none;
}

.busca-new .selectBusca .buscaComponent__menu {
  border: none;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 0;
  width: 100%;
  font-size: 20px;
  text-align: left;
  margin: -1px 0 0 0;
  padding-bottom: 16px;
}

.busca-new .selectBusca .buscaComponent__option {
  padding: 4px 0 0 0;
  margin-left: 24px;
  margin-top: 0;
  width: 90%;
  cursor: pointer;
  box-shadow: none;
  font: normal normal normal 16px/24px Lato;
}

.busca-new .nome-moeda {
  font: normal normal normal 12px/32px Lato;
  color: #788791;
  padding-left: 8px;
}

.busca-new .selectBusca .searchIcon {
  margin-right: 16px;
}

.busca-new .bordaBusca {
  width: 90%;
  height: 52px;
  margin: 0 5%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  border-radius: 0;
  border:none !important;
  border-bottom: 1px solid #cccccc !important;
}

.buscaComponent__option.buscaComponent__option--is-focused.css-1n7v3ny-option{
  background: none !important;
}

.carrosell-produtos > .horizontal-menu {
  align-items: stretch !important;
  color: #222745;
  font-family: Lato, sans-serif;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.titulo-produtos-link {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.titulo-produtos-link a {
  display: flex;
}

.titulo-produtos-link a h1,
.titulo-produtos-link a h1:hover {
  color: #1298d4;
  border-bottom: 1px solid currentColor;
  max-height: 22px;
  font-size: 16px;
  margin: 0;
  line-height: 1.3;
}

.titulo-produtos-link a img {
  border-bottom: 0 !important;
  width: 20px;
  height: 20px;
}

.slide-produtos-arrow-right,
.slide-produtos-arrow-left {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.slide-produtos-arrow-left::after,
.slide-produtos-arrow-right::before {
  content: ' ';
  display: block;
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  pointer-events: none;
}

.slide-produtos-arrow-left::after {
  right: -100px;
  background: linear-gradient(
    to right,
    #f3f5f7 0%,
    rgba(243, 245, 247, 0.72) 28%,
    rgba(243, 245, 247, 0.01) 99%,
    rgba(243, 245, 247, 0) 100%
  );
}

.slide-produtos-arrow-right::before {
  left: -100px;
  background: linear-gradient(to right, rgba(243, 245, 247, 0) 0%, #f3f5f7 70%);
}

.menu-item {
  border-radius: 5px;
  float: left;
  background-color: #fff;
  box-shadow: 5px 5px 5px #cfd4d9;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  outline: none;
  padding: 50px 0 0 10px;
  margin: 5px;
  width: 200px;
  height: 115px;
  margin-bottom: 2rem;
}

.menu-item > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 60px;
}

.menu-item-imagem {
  position: absolute;
  width: 38px;
  height: 27px;
  margin: 15px;
  pointer-events: none;
}

.menu-item-imagem-chip {
  position: absolute;
  height: 27px;
  margin: 15px;
  pointer-events: none;
}

.menu-item-imagem-cambio {
  position: absolute;
  height: 27px;
  margin: 15px;
  pointer-events: none;
}

.menu-item-imagem-tarifa-zero {
  position: absolute;
  margin-left: 93px;
  margin-top: -10px;
  pointer-events: none;
}

.menu-item-badge {
  position: absolute;
  margin-left: 97px;
  margin-top: -10px;
  pointer-events: none;
}

.menu-item-seta {
  display: block;
  position: absolute;
  margin-top: 0.6rem;
  margin-left: 4.2rem;
}

.menu-item.active {
  background-color: #1298d4;
  color: #fff;
}

.menu-wrapper {
  padding-top: 10px;
}

.linha {
  position: relative;
  background-color: #1298d4;
  height: 3px;
  bottom: 0.9rem;
  z-index: -1;
}

.titulo-produtos {
  font-size: 24px;
}

.slide-produtos-arrow-right {
  cursor: pointer;
  margin-right: -100px;
}

.slide-produtos-arrow-left {
  cursor: pointer;
  margin-left: -50px;
}

.hide-card {
  display: none !important;
}

@media (max-width: 840px) {
  .menu-item {
    border-radius: 5px;
    float: left;
    background-color: #fff;
    box-shadow: 5px 5px 5px #cfd4d9;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    outline: none;
    padding: 40px 0 0 10px;
    margin: 5px;
    width: 153px;
    height: 95px;
    margin-bottom: 2rem;
  }

  .menu-item > div {
    height: 48px;
  }

  .menu-item-imagem {
    position: absolute;
    width: 32px;
    height: 22px;
    margin: 15px;
    pointer-events: none;
  }

  .menu-item-imagem-tarifa-zero {
    position: absolute;
    margin-left: 46px;
    margin-top: -10px;
    pointer-events: none;
  }

  .menu-item-badge {
    position: absolute;
    margin-left: 50px;
    margin-top: -10px;
    pointer-events: none;
  }

  .menu-item-seta {
    display: block;
    position: absolute;
    margin-top: 0.7rem;
    margin-left: 3rem;
  }

  .slide-produtos-arrow-right,
  .slide-produtos-arrow-left {
    display: none;
  }

  .titulo-produtos-link a {
    display: none;
  }
}

.selectBuscaCidade {
  font-family: Lato, sans-serif;
}

.selectBuscaCidade .buscaCidadeComponent__control {
  border-radius: 0 0 6px 6px;
  border: none;
  box-shadow: 5px 5px 5px #cfd4d9;
  width: 100%;
  height: 50px;
  font-size: 1.1rem;
  position: absolute;
}

.selectBuscaCidade .buscaCidadeComponent__value-container {
  justify-content: left;
  margin-left: 15%;
}

.buscaCidadeComponent__indicator-separator {
  display: none;
}

.selectBuscaCidade .buscaCidadeComponent__menu {
  border: none;
  box-shadow: 5px 5px 5px #cfd4d9;
  border-radius: 0 0 6px 6px;
  margin-top: 45px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
  font-size: 20px;
  text-align: left;
}

.selectBuscaCidade .buscaCidadeComponent__option {
  padding: 0.9rem 0 0 0;
  margin-left: 10%;
  margin-top: 0.1rem;
  width: 80%;
  box-shadow: 0 1px #cfd4d9;
  cursor: pointer;
}

.cidadeCotacao p {
  text-align: center;
  font-family: Lato, sans-serif;
  color: #748497;
  font-size: 19px;
  margin-bottom: 0;
}

.cidade {
  color: #1298d4;
  cursor: pointer;
}

.selectBuscaCidade .searchIcon {
  margin-right: 3rem;
}

.cidade-arrow {
  width: 5%;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.white-box {
  background-color: white;
  box-shadow: 5px 5px 5px #cfd4d9;
  border-radius: 6px 6px 0 0;
}

.cidade-transparent-box {
  width: 100%;
  height: 40px;
  margin-top: -40px;
  background-color: transparent;
  position: absolute;
}

.bordaBuscaCidade {
  width: 80%;
  height: 40px;
  margin-left: 10%;
  margin-top: 5px;
  border: solid #cfd4d9;
  border-width: 1px;
  border-radius: 20px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

@media (max-width: 1350px) {
  .selectBuscaCidade .buscaCidadeComponent__control {
    font-size: 17px;
  }

  .selectBuscaCidade .buscaCidadeComponent__menu {
    font-size: 17px;
  }

  .cidadeCotacao p {
    font-size: 17px;
  }
}

.header-collapsible {
  cursor: pointer;
  margin: 0 0 8px;
  font: normal normal normal 14px/14px Lato;
  color: #00a6da;
  text-align: right !important;
}

.content-collapsible {
  position: relative;
}

.container-collapsible {
  margin-bottom: 10px;
  position: relative;
}

.icon {
  margin: 0 4px 2px;
}

.icon-drop-up {
  transform: rotate(-180deg);
  transition: transform 150ms ease;
}

.historico-cotacao {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.historico-cotacao-days {
  display: flex;
  flex-direction: row;
  margin: 10px 0 10px 0;
}

.historico-cotacao-days p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #788791;
  font-weight: 400;
  text-align: left;
  padding-inline: 5px;
}

.historico-cotacao-days p:hover {
  color: #00a6da;
  cursor: pointer;
  text-decoration: underline;
}

.historico-cotacao-days-active {
  color: #00a6da !important;
  cursor: pointer;
  text-decoration: underline;
}

.historico-cotacao-days span {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #788791;
  font-weight: 400;
  text-align: left;
  padding-inline: 5px;
}

.historico-cotacao-subtext {
  margin: 10px 0 0 0;
}
.historico-cotacao-subtext p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #212644;
  font-weight: 400;
  text-align: left;
}

.historico-cotacao-cambio {
  margin: 10px 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.historico-cotacao-cambio img {
  width: 80px;
  height: 62px;
}

.historico-cotacao-cambio div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.historico-cotacao-cambio span {
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #051c2c;
  font-weight: 400;
  text-align: left;
  padding-inline: 5px;
  cursor: default;
}

.historico-cotacao-cambio p {
  margin: 0;
  padding: 0;
  font-size: 24px;
  color: #051c2c;
  font-weight: 400;
  text-align: left;
  padding-inline: 5px;
  margin-bottom: 3px;
}

.historico-cotacao-line {
  margin: 10px 0 20px 0;
  border-bottom: 1px solid #cccccc;
}

.historico-cotacao-cotacao {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 15px;
}

.historico-cotacao-cotacao p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #212644;
  font-weight: 400;
  text-align: left;
}

.historico-cotacao-cotacao a {
  background-color: #00a6da;
  color: #fff;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  font-weight: 600;
}

.historico-container .busca-new .selectBusca .buscaComponent__option {
  color: #051C2C;
}

@media (max-width: 440px) {
  .historico-cotacao-subtext {
    margin: 10px auto 0;
    padding: 0 36px;
  }

  .historico-cotacao-subtext p,
  .historico-cotacao-cotacao p {
    color: #788791;
    font-size: 12px;
    text-align: center;
  }

  .historico-cotacao-cambio img {
    width: 28px;
    height: auto;
  }

  .historico-cotacao-cambio span {
    font-size: 14px;
  }

  .historico-cotacao-cambio p {
    font-size: 18px;
  }

  .historico-cotacao-cotacao a {
    font-size: 11px;
  }

  .historico-container .busca-new .selectBusca .buscaComponent__option {
    font: normal normal normal 14px/24px Lato;
  }
}

.seguros-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #748497;
  font-size: 18px;
  margin-top: 5px;
}

.seguros-flex > div {
  margin: 10px 10px 0 0;
  width: calc(1 / 3 * 100% - (1 - 1 / 3) * 10px);
  display: flex;
  align-items: flex-start;
}

.seguros-flex div strong {
  color: #424b5a;
}

.seguros-flex > div > img {
  margin-right: 10px;
  margin-top: 5px;
}

.seguros-flex > div:nth-child(3n) {
  margin-right: 0;
}

.seguros-flex::after {
  content: '';
  flex: auto;
}

.seguros-flex > div:nth-child(-n + 3) {
  margin-top: 0;
}

.seguros-cards-container {
  display: inline-flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.seguros-cards-container .item {
  display: flex;
  flex-direction: column;
  width: calc(33% - 13.33px);
}

.seguros-cards-container .item .descricao {
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: 0% 0% no-repeat padding-box padding-box #fff;
  box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
  border-radius: 0 0 5px 5px;
}

.seguros-cards-container .item .imagem img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}

.seguros-cards-container .item .descricao .info {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  display: inline-flex;
}

.seguros-cards-container .item .descricao .info div {
  margin-right: 8px;
}

.seguros-cards-container .item .descricao .titulo {
  color: #172444;
  font-size: 21px;
  font-family: Ubuntu, Lato, sans-serif;
  font-weight: 700;
  text-align: center;
}

.seguros-cards-container .item .descricao .subtitulo {
  color: #172444;
  text-align: center;
  font-size: 18px;
  font-family: Lato, sans-serif;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0 45px;
}

.seguros-cards-container .item .descricao .valor {
  color: #172444;
  text-align: center;
  font-size: 18px;
}

.seguros-cards-container .item .descricao .valor span {
  font-size: 28px;
  font-weight: bold;
}

.botao-new {
  display: block;
  background-color: transparent !important;
  font-family: Ubuntu, sans-serif;
  font-weight: normal;
  height: 56px;
  line-height: 56px;
  width: 320px;
  border: 1px solid #00a6da;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0 auto 24px;
  color: #00a6da;
  text-align: center !important;
}

.especialistButton {
  width: 100%;
  display: flex;
  justify-content: center;
}

.botaoWhatsappSpan {
  width: 100%;
  max-width: 108px;
}

@media (min-width: 1200px) {
  .botaoWhatsappSpan {
    max-width: -webkit-max-content;
    max-width: max-content;
  }
}

@media (max-width: 768px) {
  .botao-new {
    width: 290px !important;
  }
}

.botao-new-inverse {
  display: block;
  background-color: #00a6da;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  height: 56px;
  line-height: 56px;
  text-align: center;
  width: 320px;
  border: 1px solid #00a6da;
  border-radius: 5px;
  box-sizing: border-box;
  color: white;
}

@media (max-width: 768px) {
  .botao-new-inverse {
    width: 290px !important;
  }
}

.info-container {
  display: flex;
  gap: 20px;
  width: 100%;
  margin-top: 10px;
  flex-direction: column;
}

 @media(min-width: 768px) {
  .info-container {
    flex-direction: row;
  } 
}

.informativo-cambio-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 85%;
}

.informativo .btn-moeda-em-especie-disponibilidade {
  width: auto;
  height: auto;
  font-size: 18px;
  cursor: pointer;
  display: inline;
  color: #1298d4;
  font-style: italic;
  background-color: transparent;
}

@media (max-width: 768px) {
  .informativo-cambio-container {
    flex-direction: column-reverse;
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .seguros-flex > div {
    width: 100%;
    margin-bottom: 15px;
  }

  .seguros-cards-container .item {
    width: 100%;
  }
}

.disponibilidade-entrega {
  max-width: 390px !important;
}

.tab-cambio-programado {
  --color-text-secondary: #748497;
  --color-text-primary: #222745;
  --color-blue: #00a6da;
  --color-green: #2c8c7e;
  --border-radius: 5px;
  --button-height: 56px;
  --button-min-width: 320px;
  --font-size-text: 18px;
  --font-size-button: 16px;
  --font-weight-normal: 400;
  --font-weight-bold: 800;
  --spacing-large: 2rem;
  --spacing-small: 10px;
}

.tab-cambio-programado p {
  font-size: var(--font-size-text);
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-normal);
  line-height: 1.5;
}

.tab-cambio-programado strong {
  color: var(--color-text-primary);
}

.tab-cambio-programado .cambio-programado-buttons {
  width: 100%;
  display: flex;
  margin: var(--spacing-large) 0;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--spacing-small);
}

.tab-cambio-programado .cambio-programado-whatsapp {
  display: flex;
  justify-content: flex-start;
}

.primary-cambio-button,
.secondary-cambio-button,
.wpp-cambio-button {
  border: 1px solid transparent;
  border-radius: var(--border-radius);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-bold);
  cursor: pointer;
  min-width: var(--button-min-width);
  height: var(--button-height);
  transition: all 0.2s ease;
  outline: none;
}

.primary-cambio-button:focus,
.secondary-cambio-button:focus,
.wpp-cambio-button:focus {
  box-shadow: 0 0 0 2px rgba(0, 166, 218, 0.3);
}

.secondary-cambio-button {
  background-color: transparent;
  color: var(--color-blue);
  border-color: var(--color-blue);
}

.wpp-cambio-button {
  background-color: transparent;
  color: var(--color-green);
  border-color: var(--color-green);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-small);
}

.tab-cheque-internacional h1 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px;
}

.tab-cheque-internacional p,
.tab-cheque-internacional ul {
  font-size: 18px;
  color: #748497;
  font-weight: 25;
}

.tab-cheque-internacional strong {
  color: #222745;
}

.tab-chip-internacional {
  display: flex;
}

.tab-chip-internacional .side-bar {
  width: 100%;
  max-width: 440px;
}

.tab-chip-internacional .informativo {
  padding-left: 44px;
}

.tab-chip-internacional .informativo p {
  color: #748497;
  font-size: 18px;
}

.tab-chip-internacional .informativo .container-whatsapp {
  display: flex;
  justify-content: center;
}

.tab-chip-internacional .side-bar .side-bar-buttons {
  width: 100%;
  display: flex;
  flex-direction: row;
  color: #1298d4;
  margin-bottom: 20px;
  border-radius: 30px;
  font-size: 14px;
  align-items: center;
  border: 1px solid #1298d4;
  cursor: pointer;
}

.tab-chip-internacional .side-bar button.side-bar-botao {
  width: 50%;
  text-align: center;
  height: 42px;
  font-weight: lighter;
  background-color: transparent;
  color: #1298d4;
}

.tab-chip-internacional .side-bar .side-bar-botao.side-bar-botao-ativo {
  border-left: 1px solid #1298d4;
  background-color: #1298d4;
  color: #fff;
}

.tab-chip-internacional .side-bar .side-bar-botao.esq {
  border-radius: 30px 0px 0 30px;
}

.tab-chip-internacional .side-bar .side-bar-botao.dir {
  border-radius: 0 30px 30px 0px;
}

.tab-chip-internacional .side-bar .side-bar-conteudo .titulo {
  position: relative;
}

.tab-chip-internacional .side-bar .side-bar-conteudo .titulo img {
  position: absolute;
  right: 0;
  top: -30px;
}

.tab-chip-internacional .side-bar .side-bar-conteudo ul {
  color: #748497;
  padding-left: 20px;
  font-size: 18px;
}

.tab-chip-internacional .side-bar .side-bar-conteudo a {
  width: 100%;
  border-radius: 5px;
  display: flex;
  background: #1298d4;
  color: #ffffff;
  height: 48px;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .tab-chip-internacional {
    flex-direction: column;
  }

  .tab-chip-internacional .informativo {
    padding-left: 0;
    padding-top: 15px;
  }
}

.tab-dhl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
}

.tab-dhl h1 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px;
}

.tab-dhl-texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 15px;
}

.tab-dhl-texto span {
  font-size: 18px;
  margin-bottom: 16px;
  color: #748497;
}

.tab-dhl-botao {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.tab-dhl-botao a:first-child {
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid #2c8c7e;
  color: #2c8c7e;
  width: 320px;
  height: 56px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.tab-dhl-botao a:first-child img {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

.tab-dhl-botao a:last-child {
  border-radius: 5px;
  background-color: #00a6da;
  color: white;
  width: 320px;
  height: 56px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.tab-atracoes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
}

.tab-atracoes h1 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px;
}

.tab-atracoes .tab-atracoes-botao {
  border-radius: 5px;
  background-color: #00a6da;
  color: white;
  width: 320px;
  height: 56px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.tab-atracoes-texto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 15px;
}

.tab-atracoes-texto span {
  font-size: 18px;
  margin-bottom: 16px;
  color: #748497;
}

.tab-atracoes-texto b {
  color: black;
}

.tab-receber-dinheiro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
}

.tab-receber-dinheiro h1 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px;
}

.tab-receber-dinheiro-botao {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.tab-receber-dinheiro-botao .tab-receber-dinheiro-btn-whatsapp {
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid #2c8c7e;
  color: #2c8c7e;
  width: 320px;
  height: 56px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.tab-receber-dinheiro-botao .tab-receber-dinheiro-btn-whatsapp img {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

.tab-receber-dinheiro-botao .tab-receber-dinheiro-endereco-lojas {
  border-radius: 5px;
  background-color: #00a6da;
  color: white;
  width: 320px;
  height: 56px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.tab-receber-dinheiro-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 15px;
}

.tab-receber-dinheiro-text span {
  font-size: 18px;
  margin-bottom: 16px;
  color: #748497;
}

.tab-receber-dinheiro-list {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.tab-seguros {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
}

.tab-seguros-title {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.tab-seguros-title h1 {
  font-size: 32px;
  font-weight: bold;
}

.tab-seguros-title h3 {
  font-size: 24px;
  font-weight: 500;
}

.tab-seguros-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 15px;
}

.tab-seguros-text span {
  font-size: 18px;
  margin-bottom: 16px;
  color: #748497;
}

.tab-seguros-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  width: 100%;
}

.tab-seguros-list > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tab-seguros-list > div > div {
  display: flex;
  align-items: center;
}

.tab-seguros-list > div > div > svg {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

.tab-seguros-list > div > div > span {
  font-weight: bold;
  font-size: 18px;
}

.tab-seguros-list > div p {
  color: #748497;
  font-size: 18px;
}

.tab-seguros-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
  width: 100%;
  margin-top: 16px;
}

.tab-seguros-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  overflow: hidden;
}

.tab-seguros-card img:first-child {
  width: 100%;
  max-height: 200px;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}

.tab-seguros-card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
  flex-grow: 1;
}

.tab-seguros-card-content-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.tab-seguros-card-content-info > span {
  font-size: 14px;
}

.tab-seguros-card-content-info > svg {
  height: 20px;
  width: 20px;
  color: #007bff;
}

.tab-seguros-card-content-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  gap: 0.5rem;
}

.tab-seguros-card-content-header > h1 {
  font-size: 21px;
  font-weight: 700;
}

.tab-seguros-card-content-header > h2 {
  font-size: 18px;
  font-weight: 600;
  max-width: 250px;
  text-align: center;
}

.tab-seguros-card-content-header.centered {
  flex-grow: 1;
  justify-content: center;
}

.tab-seguros-card-bottom {
  margin-top: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.tab-seguros-card-content-value {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.tab-seguros-card-content-value > span {
  font-size: 18px;
}

.tab-seguros-card-content-value > p {
  font-size: 28px;
  font-weight: 700;
  margin-top: 10px;
}

.tab-seguros-card-content > div > a {
  border-radius: 5px;
  background-color: #00a6da;
  color: white !important;
  width: 100%;
  height: 56px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.tab-conta-global .tab-conta-global-texto {
  font-size: 1.2rem;
  color: #748497;
  font-weight: normal;
}

.tab-conta-global .tab-conta-global-botoes {
  gap: 2rem;
  display: flex;
  margin-top: 2rem;
  justify-content: center;
}

.tab-conta-global .tab-conta-global-botoes img {
  width: 175px;
}

.wrapper-input-new {
  position:relative;
  width:100%;
  margin-left: 8px;
}

.wrapper-input-new .input-new {
  background-color: #fff;
  width: 100%;
  border: none;
  font: normal normal normal 36px/60px Lato;
  color:#051C2C;
  height: 48px;
  margin-bottom: 0;
}

.wrapper-input-new .label-input-new {
  width: 100%;
  height: 21px;
  font: normal normal normal 12px/26px Lato;
  letter-spacing: 0px;
  color: #788791;
  opacity: 1;
  margin-bottom: 0;
}

.inputMoeda {
  position: relative;
  width: 100%;
  min-height: 50px;
  border-radius: 0;
  color: #162443;
  background-color: #fff;
  margin-bottom:16px;
  border-bottom: 1px solid #cfd4d9;
  box-shadow: none;
}

.inputMoeda-open {
  position: relative;
  width: 100%;
  min-height: 50px;
  border-radius: 0;
  color: #162443;
  background-color: #fff;
  box-shadow: none;
  margin-bottom: 0.5rem;
}

.inputMoeda-flex {
  width: 100%;
  display: flex;
}

.inputValor {
  width: 75%;
  outline: none;
  padding-right: 15%;
  background-color: transparent;
  border: none;
  font-size: 20px;
  text-align: center;
}

.inputBuscaMoeda {
  float: left;
  width: 335px;
  position: relative;
  margin-left: -348px;
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 25px;
  display: none;
}

.simulador-moedas-dropdown-arrow {
  margin-top: 2%;
  width: 30px;
  height: 30px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.inputBuscaMoeda .item {
  cursor: pointer;
  padding: 10px 0 5px;
  border-bottom: solid 1px #f5f7f9;
}

.inputBuscaMoeda .item:hover {
  cursor: pointer;
  padding: 10px 0 5px;
}

.inputBuscaMoeda .default.text {
  display: none;
}

.inputBuscaMoeda .search {
  background-color: #f5f7f9;
  padding: 10px;
  width: 315px;
  border-radius: 0;
}

.flag {
  width: 46px;
  height: 34px;
  padding: 0 !important;
}

.flag.padding{
  padding: 5px 0 !important;
}

.flag-small {
  width: 30px;
  height: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
  .inputMoeda {
    width: 300px;
    height: 36px;
    border-radius: 10px;
    color: #162443;
    background-color: #fff;
    margin-left: 35px;
  }
}

.modal-fixo {
  text-align: center;
}

.modal-fixo .modal-header {
  padding: 0 !important;
  margin: 0 !important;
  height:24px;
}

.modal-fixo .modal-content {
  border-radius: 0;
  max-width: 400px;
  background-color: #212644;
  color:#ffffff;
  font: normal normal normal 20px/28px Lato;
  padding: 24px !important;
}

.modal-fixo .modal-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 !important;
}

.modal-body {
  padding: 12px 0 24px !important;
}

.modal-header .close {
  top:24px !important;
  right:24px !important;
  width: 24px !important;
  height: 24px !important;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iY2xvc2UtY2lyY2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjM2IC0yNTIpIj4KICAgIDxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMCwyMEExMCwxMCwwLDEsMCwwLDEwLDEwLjAyOSwxMC4wMjksMCwwLDAsMTAsMjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzggMjU0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBhNmRhIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgICA8cGF0aCBpZD0iVmVjdG9yLTIiIGRhdGEtbmFtZT0iVmVjdG9yIiBkPSJNMCw1LjY2LDUuNjYsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ1LjE3IDI2MS4xNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwYTZkYSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPHBhdGggaWQ9IlZlY3Rvci0zIiBkYXRhLW5hbWU9IlZlY3RvciIgZD0iTTUuNjYsNS42NiwwLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0NS4xNyAyNjEuMTcpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMGE2ZGEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgIDxwYXRoIGlkPSJWZWN0b3ItNCIgZGF0YS1uYW1lPSJWZWN0b3IiIGQ9Ik0wLDBIMjRWMjRIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNiAyNTIpIiBmaWxsPSJub25lIiBvcGFjaXR5PSIwIi8+CiAgPC9nPgo8L3N2Zz4K) 0 0 no-repeat;
  text-indent: -99999px;
}

.primary-button-fixo {
  display: block;
  border-radius: 4px;
  padding: 0 48px;
  height: 56px;
  font: normal normal bold 17px/56px Lato;
  width: 100%;
  margin: 0 auto !important;
  background-color: #00A6DA;
  color:#ffffff;
}
.primary-button-fixo:hover {
  color:#ffffff;
}
.secundary-button-fixo {
  display: block;
  border-radius: 4px;
  padding: 0 48px;
  height: 56px;
  font: normal normal bold 17px/56px Lato;
  width: 100%;
  color: #00A6DA !important;
  border: 1px solid #00A6DA;
  border-radius: 4px;
  margin:16px auto 0 !important;
  box-sizing: border-box;
  background: none;
}
.select-container {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #222745;
}

.ocupacao-select-container > label {
  width: 100%;
  margin-left: 20px;
  color: #748497;
  font-size: 16px;
  margin-bottom: 5px;
}

.parcelas-container,
.parcela-container-active,
.ocupacao-container,
.ocupacao-container-active {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.parcelas-container,
.parcela-container-active,
.ocupacao-container,
.ocupacao-container-active {
  background-color: #fff;
  border: none;
  width: 100%;
  border-radius: 30px;
  border-style: none;
  padding: 0 10px;
  cursor: pointer;
  height: 56px;
}

.ocupacao-container,
.ocupacao-container-active {
  height: 48px !important;
}

.parcelas-container h1 {
  color: #222745;
  font-size: 16px;
  font-weight: bold;
}

.parcela-container-active,
.ocupacao-container-active {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-bottom: 1px;
}

.arrow-img,
.arrow-img-rotate {
  width: 35px;
  transition: 0.6s;
  position: absolute;
}

.arrow-img-rotate {
  transform: rotate(180deg);
}

.parcela-item-selectd {
  padding: 20px 10px;
  margin-right: auto;
  width: 90%;
}

.parcela-item div,
.ocupacao-item div {
  display: flex;
  padding: 16px 8px 13px 20px;
  width: 90%;
}

.parcela-item,
.ocupacao-item {
  flex-direction: column;
}

.parcela-item,
.parcela-item-selectd,
.ocupacao-item {
  background-color: #fff;
  cursor: pointer;
  display: flex;
}

.parcela-item:hover,
.ocupacao-item:hover {
  background-color: rgb(226, 226, 226);
}

.ocupacao-item-selected,
.ocupacao-item-initial {
  padding: 20px 10px;
  margin-right: auto;
  width: 90%;
  text-align: left;
}

.parcela-item-selected-list,
.ocupacao-item-selected-list {
  background-color: rgb(218, 218, 218);
}

.parcela-item-selectd {
  background-color: transparent;
  margin-bottom: 0;
}

.parcela-item div h1,
.parcela-item div h2,
.parcela-item-selectd h1,
.parcela-item-selectd h2 {
  margin: 0;
}

.parcela-item div h1,
.parcela-item-selectd h1 {
  font-size: 18px !important;
  font-weight: bold;
}

.parcela-item div h2,
.parcela-item-selectd h2 {
  color: #748497;
  font-size: 18px;
  font-weight: 100;
  margin-left: 15px !important;
}

.parcela-item div h1:last-child,
.parcela-item-selectd h1:last-child {
  margin-left: auto;
}

.trackYParcelas {
  width: 4px !important;
  background: transparent !important;
}

.thumbYParcelas {
  background: #b9b9b9 !important;
}

.thumbYParcelas:hover,
.thumbYParcelas:active {
  background: #8f8f8f !important;
}

.ocupacao-item-selected h1,
.ocupacao-item h1 {
  font-size: 14px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 !important;
}

.ocupacao-item-initial h1 {
  color: #748497 !important;
  font-size: 16px !important;
  font-weight: 100 !important;
  margin: 0 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.4;
}

.options-list {
  height: 230px;
  overflow: auto;
  margin-bottom: 30px;
  background-color: #fff;
  scrollbar-color: #b9b9b9 transparent;
  scrollbar-width: thin;
  position: absolute;
  z-index: 1;
  width: 92%;
}

.options-list::-webkit-scrollbar {
  width: 8px;
}

.options-list::-webkit-scrollbar-track {
  box-shadow: transparent;
}

.options-list::-webkit-scrollbar-thumb {
  background: #b9b9b9;
  border-radius: 2px;
}

.options-list::-webkit-scrollbar-thumb:hover {
  background: #8f8f8f;
}

@media (max-width: 840px) {
  .parcela-item div h1,
  .parcela-item-selectd h1,
  .parcela-item div h2,
  .parcela-item-selectd h2 {
    font-size: 14px !important;
  }

  .options-list {
    height: 240px;
  }
}

.modal-money-gram-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.modal-money-gram-container > .modal-header > label {
  color: #222745;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.modal-money-gram-container > .modal-body {
  width: 95%;
  margin: 0 auto 0 auto;
}

.modal-money-gram-container > .modal-body > form > .confidence-input-modal > .confidence-input-modal-container > input {
  text-align: left;
  padding: 0 20px;
}

.modal-money-gram-container > .modal-body > form > .confidence-input-modal > .confidence-input-error {
  text-align: center;
}

.modal-money-gram-container > .modal-body > form > .confidence-input-modal > .confidence-input-error > span {
  margin-left: 0;
}

.bloco-informativo {
  display: flex;
  align-items: center;
  background-color: #fdf5db;
  padding: 10px;
  margin-top: 10px;
}

.bloco-informativo > div {
  margin: 15px;
}

.bloco-informativo > label {
  color: #222745;
  text-align: left;
}

.modal-money-gram-container > .modal-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 840px) {
  .modal-money-gram-container > .modal-body {
    width: 100%;
  }

  .bloco-informativo > div {
    margin: 10px;
  }

  .bloco-informativo > label {
    font-size: 14px;
  }
}

.dropdown-historico {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: #ed612e;
  border-radius: 5px;
  padding: 8px;
  padding-inline: 20px;
  color: white;
  font-weight: 600;
  font-size: 18px;
}

@media (max-width: 440px) {
  .dropdown-historico {
    font-size: 14px;
    padding-inline: 10px;
  }

  .dropdown-historico svg {
    width:21px;
  }
}

.container-ptax {
  background-color: #222745;
  color: #fff;
  text-align: center;
  padding: 32px;
  height: 250px;
  width: 400px;
}

.container-ptax > h1 {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 25px;
}

.container-ptax > h3 {
  text-align: center;
  font-size: 20px;
  margin: 0;
}

@media (max-width: 768px) {
  .container-ptax {
    width: 97%;
  }
}

.repetir-remessas > p {
  color: #748497;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.repetir-remessas > ul {
  list-style-type: none;
  margin: 0;
  padding: 24px 0;
}

.repetir-remessa {
  position: relative;
  cursor: pointer;
  padding: 10px 15px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 6px #0000002e;
  border-bottom: 1px solid #0000002e;
}

.repetir-remessa:hover {
  box-shadow: 0 2px 6px #0000003f;
}

.repetir-remessa-favorecido {
  color: #1298d4;
  font-size: 20px;
  display: block;
}

.repetir-remessa-arrow-next {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
}

.repetir-remessa-dados {
  display: flex;
  align-items: center;
}

.repetir-remessa-flag {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  overflow: hidden;
}

.repetir-remessa-flag > img {
  width: 100%;
  height: 100%;
}

.repetir-remessa-transacao {
  font-size: 16px;
  margin-right: 20px;
}

.repetir-remessa-transacao > img {
  height: 17px;
  margin: -5px 15px 0 15px;
}

.repetir-remessa-transacao > span {
  color: #222745;
  font-weight: bold;
}

.repetir-remessa-transacao-moeda {
  font-size: 12px;
  margin-right: 5px;
}

.repetir-remessa-transacao-banco {
  color: #748497 !important;
  display: block;
  font-size: 12px;
}

@media (max-width: 840px) {
  .repetir-remessas > p {
    text-align: center;
    margin: 0 auto;
  }
}

.wrapper-cash-simulator {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-width: 380px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 10px 0 10px 0;
  padding-top: 10px;
  max-height: -webkit-max-content;
  max-height: max-content;
}

.location-label {
  font-size: 16px;
  color: #212644;
  margin-right: 10px;
}

.location-value {
  font-size: 16px;
  color: #36a3f7;
  cursor: pointer;
}

.location-value svg {
  margin-left: 5px;
  vertical-align: middle;
}

.wrapper-cash-simulator .exchange-rate {
  margin: 0 0 8px;
  border-bottom: 15px;
  width: 100%;
  text-align: center;
  background-color: #F0FAFF;
  padding: 4px 0;
}

.exchange-rate-label {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.tab-selector {
  display: flex;
  margin-bottom: 15px;
  border-bottom: 2px solid #f0f0f0;
}

.tab {
  flex: 1;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  color: #999;
  cursor: pointer;
  transition: color 0.3s;
}

.tab.active {
  color: #36a3f7;
  border-bottom: 2px solid #36a3f7;
  margin-bottom: -2px;
}

.helper-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #f0f0f0;
  color: #999;
}

.location-selector {
  margin-bottom: 12px;
  position: relative;
  width: 100%;
  text-align: center;
}

.location-search {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 5px;
  z-index: 1;
}

.location-search input {
  width: 100%;
  height: 40px;
  padding: 15px 40px 15px 15px;
  border: 1px solid #e0e0e0;
  border-radius: 30px;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  transition: background-color 0.3s;
  text-transform: none;
}

.location-search input::placeholder {
  text-align: center;
  color: #999;
}

.search-input-wrapper {
  position: relative;
}

.search-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.purchase-button:hover {
  background-color: #2c8ad9;
}

.cities-results {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 10;
}

.city-item {
  padding: 12px 15px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s;
}

.city-item:hover {
  background-color: #f7fbff;
}

.city-item:last-child {
  border-bottom: none;
}

.purchase-button {
  width: calc(100% - 30px);
  margin: 8px 15px 20px;
  padding: 12px;
  background-color: #36a3f7;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.purchase-button:hover:not(:disabled) {
  background-color: #2c8ad9;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(54, 163, 247, 0.3);
}

.purchase-button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.purchase-button.loading {
  background-color: #36a3f7;
  cursor: wait;
  pointer-events: none;
}

.button-loading-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.button-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid white;
  border-radius: 50%;
  animation: button-spin 1s linear infinite;
}

@keyframes button-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-indicator {
  padding: 40px 20px;
  text-align: center;
  color: #666;
  font-size: 16px;
}

.error-message {
  padding: 20px;
  text-align: center;
  color: #d32f2f;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.retry-button {
  margin-top: 15px;
  padding: 8px 16px;
  background-color: #36a3f7;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}

.retry-button:hover {
  background-color: #2c8ad9;
}

.wrapper-cash-simulator {
  transition: opacity 0.3s ease-in-out;
}

.wrapper-cash-simulator.loading {
  opacity: 0.7;
}

.currency-input-container {
  transition: opacity 0.2s ease-in-out;
}

.wrapper-cash-simulator.loading-state {
  justify-content: center;
  align-items: center;
}

.converter-loading-container {
  width: 100%;
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-text {
  display: none;
}

.wrapper-cash-simulator,
.wrapper-cash-simulator.loading,
.wrapper-cash-simulator.loading-state {
  width: 100%;
  max-width: 380px;
}

.amount-limit-modal-simulator .modal-body-simulator {
  padding: 40px 30px 30px;
  text-align: center;
}

.amount-limit-modal-simulator .modal-title-simulator {
  color: white;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 30px 0;
  padding-right: 30px;
  text-align: center;
}

.amount-limit-modal-simulator .primary-button-simulator {
  background: #36a3f7;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.2s;
}

.amount-limit-modal-simulator .primary-button-simulator:hover {
  background: #2c8ad9;
}

@media (max-width: 480px) {
  .amount-limit-modal-simulator .modal-body-simulator {
    padding: 30px 20px 20px;
  }

  .amount-limit-modal-simulator .modal-title-simulator {
    font-size: 16px;
    padding-right: 25px;
  }
}
.currency-converter {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: opacity 0.2s ease;
}

.currency-converter.calculating {
  opacity: 0.95;
}

.currency-input-wrapper {
  margin-bottom: 0;
  position: relative;
  transition: all 0.2s ease;
}

.input-label {
  font-size: 14px;
  color: #B7BECD;
  padding: 0;
  text-align: center;
  background-color: transparent;
  font-weight: 400;
  width: -webkit-max-content;
  width: max-content;
}

.currency-input-container {
  display: flex;
  align-items: flex-end;
  padding: 6px 15px 2px;
  position: relative;
  border-bottom: 2px solid #eee;
  margin: 0 20px;
  width: calc(100% - 40px);
  transition: border-color 0.2s ease;
}

.currency-content {
  padding-bottom: 7px;
}

.currency-flag {
  width: 36px;
  min-width: 36px;
  margin-right: 8px;
  object-fit: cover;
}

.currency-code {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
  width: auto;
  margin-right: 15px;
  min-width: 70px;
  white-space: nowrap;
}

.currency-code svg {
  margin-left: 4px;
  color: #36a3f7;
  min-width: 22px
}

.currency-content {
  padding-bottom: 7px;
}

.currency-input {
  flex: 1;
  font-size: 32px;
  font-weight: 600;
  text-align: left;
  border: none;
  outline: none;
  background: transparent;
  color: #333;
  padding: 0;
  margin-right: 0;
  width: 100%;
  min-width: 0;
}

.swap-arrows {
  position: absolute;
  right: 20px;
  top: 60%;
  transform: translateY(-50%);
  z-index: 2;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
}

.swap-arrows-button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.swap-arrows-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.swap-arrows-button:hover:not(:disabled) {
  transform: scale(1.1);
}

.swap-arrows-button svg {
  color: #36a3f7;
  stroke-width: 2px;
}

.converter-calculation-indicator {
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  background: rgba(255, 255, 255, 0.95);
  padding: 6px 14px;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
}

.calculation-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #666;
  font-weight: 500;
}

.calculation-spinner {
  width: 14px;
  height: 14px;
  border: 1.5px solid #f3f3f3;
  border-top: 1.5px solid #36a3f7;
  border-radius: 50%;
  animation: calculation-spin 1s linear infinite;
}

@keyframes calculation-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.você-compra-label,
.voce-paga-label {
  color: #B7BECD;
}

.currency-converter > *:not(:last-child) {
  margin-bottom: 0;
}

.currency-input {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #333;
}

.currency-input-container.loading {
  border-bottom-color: #36a3f7;
}

.currency-input-container.loading .currency-input {
  opacity: 0.7;
}

@media (max-width: 290px) {
  .currency-input-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
  }
}

@media (max-width: 360px) {
  .currency-input {
    font-size: 24px;
  }
  
  .currency-code {
    min-width: 60px;
    font-size: 14px;
  }
  
  .currency-flag {
    width: 28px;
    min-width: 28px;
  }
  
  .currency-input-container {
    padding: 6px 10px 2px;
    margin: 0 15px;
    width: calc(100% - 30px);
  }
  
  .converter-calculation-indicator {
    bottom: -30px;
    padding: 5px 10px;
  }
  
  .calculation-status {
    font-size: 11px;
    gap: 6px;
  }
  
  .calculation-spinner {
    width: 12px;
    height: 12px;
    border-width: 1px;
  }
}

.currency-converter {
  animation: converter-fade-in 0.3s ease-out;
}

@keyframes converter-fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.currency-converter.calculating .currency-input-container {
  position: relative;
}

.currency-converter.calculating .currency-input-container::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #36a3f7, transparent);
  animation: loading-line 2s ease-in-out infinite;
  width: 100%;
}

@keyframes loading-line {
  0%, 100% {
    transform: translateX(-100%);
    opacity: 0;
  }
  50% {
    transform: translateX(0);
    opacity: 1;
  }
}
.currency-selector {
  position: relative;
  display: inline-block;
}

.currency-selector-toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.currency-dropdown {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 280px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 100;
  padding: 10px;
  margin-left: 10px;
}

.currency-search-wrapper {
  position: relative;
  margin-bottom: 10px;
}

.currency-search-input {
  width: 100%;
  padding: 12px 40px 12px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 30px;
  font-size: 14px;
  outline: none;
}

.currency-search-input:focus {
  border-color: #36a3f7;
}

.currency-search-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.currency-list {
  max-height: 300px;
  overflow-y: auto;
}

.currency-item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  transition: background-color 0.2s;
}

.currency-item:last-child {
  border-bottom: none;
}

.currency-item:hover {
  background-color: #f7fbff;
}

.currency-item.active {
  background-color: #f0faff;
}

.currency-list-flag {
  width: 30px;
  height: 20px;
  margin-right: 10px;
  object-fit: cover;
}

.currency-list-code {
  font-weight: 600;
  width: 50px;
  font-size: 14px;
}

.currency-list-name {
  color: #666;
  font-size: 14px;
}

.currency-empty-state {
  padding: 20px;
  text-align: center;
  color: #999;
  font-size: 14px;
}
.monetary-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.container-currency {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.monetary-input {
  font-size: 32px;
  font-weight: 600;
  text-align: left;
  border: none;
  outline: none;
  background: transparent;
  color: #333;
  padding: 0;
  margin-right: 0;
  width: 100%;
  min-width: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  transition: opacity 0.2s ease, color 0.2s ease;
}

.container-currency {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.monetary-input::placeholder {
  color: #ccc;
  opacity: 0.7;
}

.monetary-input:focus {
  outline: none;
  border-color: transparent;
}

.monetary-input:disabled,
.monetary-input[readonly] {
  opacity: 0.6;
  cursor: not-allowed;
}

.monetary-input::-webkit-outer-spin-button,
.monetary-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.monetary-input[type=number] {
  -webkit-appearance: textfield;
          appearance: textfield;
}

.monetary-input-loading {
  opacity: 0.7;
  color: #666;
  transition: opacity 0.2s ease, color 0.2s ease;
}

.monetary-input-focused {
  opacity: 1;
  color: #333;
}

/* Indicador de loading */
.monetary-input-loading-indicator {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.monetary-input-spinner {
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #36a3f7;
  border-radius: 50%;
  animation: monetary-input-spin 1s linear infinite;
}

@keyframes monetary-input-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Ajustes para telas menores */
@media (max-width: 360px) {
  .monetary-input {
    font-size: 24px;
  }
  
  .monetary-input-spinner {
    width: 16px;
    height: 16px;
    border-width: 1.5px;
  }
  
  .monetary-input-loading-indicator {
    right: 6px;
  }
}

/* Animação suave para mudanças de estado */
.monetary-input-wrapper {
  transition: all 0.2s ease;
}

/* Estado de carregamento ativo */
.monetary-input-wrapper.loading {
  opacity: 0.8;
}

/* Efeito de pulso durante carregamento (opcional) */
.monetary-input-loading {
  animation: monetary-input-pulse 2s ease-in-out infinite;
}

@keyframes monetary-input-pulse {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.9;
  }
}

/* Remove animação quando focado */
.monetary-input-focused.monetary-input-loading {
  animation: none;
  opacity: 1;
}
.loading-dots-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 160px;
}

.loading-dots {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  border-radius: 50%;
  background-color: #36a3f7;
  animation: loading-bounce 1.4s infinite ease-in-out both;
}

.loading-dot:nth-child(1) {
  animation-delay: -0.32s;
}

.loading-dot:nth-child(2) {
  animation-delay: -0.16s;
}

.loading-small .loading-dot {
  width: 8px;
  height: 8px;
  margin: 0 3px;
}

.loading-medium .loading-dot {
  width: 12px;
  height: 12px;
  margin: 0 4px;
}

.loading-large .loading-dot {
  width: 16px;
  height: 16px;
  margin: 0 5px;
}

@keyframes loading-bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.currency-taxes {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 2px 0;
  position: relative;
}

.currency-taxes-content {
  background-color: #F0FAFF;
  padding: 12px;
  border-radius: 8px;
  margin: 0 15px;
  position: relative;
  z-index: 1;
}

.currency-taxes-content::after {
  content: '';
  position: absolute;
  bottom: -12px;
  right: 15px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #F0FAFF;
  z-index: 1;
}

.tax-detail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 14px;
  align-items: flex-start;
}

.tax-detail:last-of-type {
  margin-bottom: 6px;
}

.tax-label {
  flex: 3;
  color: #333;
  padding-right: 10px;
  max-width: 200px;
  line-height: 1.4;
}

.tax-value {
  flex: 1;
  font-weight: 600;
  color: #333;
  text-align: right;
  min-width: 80px;
}

.tax-close-button {
  background: none;
  border: none;
  color: #36a3f7;
  font-size: 14px;
  padding: 0;
  margin-top: 4px;
  cursor: pointer;
  display: block;
  margin-left: auto;
  text-align: right;
  font-weight: 500;
  text-decoration: underline;
  letter-spacing: 0.5px;
}

.tax-close-button:hover {
  color: #2c8ad9;
  text-decoration: none;
}

.calculation-summary {
  margin-bottom: 12px;
  padding-top: 6px;
  border-top: 1px solid #e0e0e0;
}

.calculation-summary .tax-label {
  max-width: 100%;
  text-align: center;
}

.calculation-summary small {
  font-style: italic;
  color: #666;
  line-height: 1.3;
}

.tax-breakdown {
  background-color: #f8f9fa;
  border-radius: 6px;
  padding: 12px;
  margin: 12px;
  border: 1px solid #e9ecef;
}

.tax-breakdown h4 {
  margin: 0 0 10px 0;
  font-size: 16px;
  color: #333;
  font-weight: 600;
}

.breakdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  font-size: 14px;
  padding: 3px 0;
}

.breakdown-item:last-child {
  margin-bottom: 0;
}

.breakdown-item.total {
  border-top: 1px solid #dee2e6;
  margin-top: 8px;
  padding-top: 8px;
  font-size: 15px;
}

.breakdown-item.vet {
  background-color: #e3f2fd;
  margin: 6px -6px 0 -6px;
  padding: 6px;
  border-radius: 4px;
  font-size: 15px;
}

.breakdown-item span:first-child {
  color: #555;
}

.breakdown-item span:last-child {
  color: #333;
  font-weight: 500;
  min-width: 100px;
  text-align: right;
}

@media (max-width: 360px) {
  .currency-taxes-content {
    margin: 0 10px;
    padding: 10px;
  }
  
  .tax-detail {
    flex-direction: column;
    gap: 3px;
  }
  
  .tax-label {
    max-width: 100%;
    padding-right: 0;
  }
  
  .tax-value {
    text-align: left;
    font-size: 16px;
  }
  
  .breakdown-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }
  
  .breakdown-item span:last-child {
    text-align: left;
    min-width: auto;
    font-size: 16px;
  }
}
.modal-overlay-simulator {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

.modal-content-simulator {
  background: #212644 !important;
  color: white !important;
  border-radius: 12px;
  max-width: 400px;
  width: 100%;
  position: relative;
  animation: modalSlideIn-simulator 0.3s ease-out;
}

.modal-close-button-simulator {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
}

.modal-close-button-simulator:hover {
  background-color: transparent;
}

.modal-body-simulator {
  padding: 40px 30px 30px;
  text-align: center;
}

.modal-title-simulator {
  color: white;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 30px 0;
  padding-right: 30px;
}

.whatsapp-button-simulator {
  background: #25d366;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background-color 0.2s;
}

.whatsapp-button-simulator:hover {
  background: #1fa855;
}

.secondary-button-simulator {
  background: transparent;
  color: #36a3f7;
  border: 2px solid #36a3f7;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  transition: all 0.2s;
}

.secondary-button-simulator:hover {
  background: #36a3f7;
  color: white;
}

@keyframes modalSlideIn-simulator {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 480px) {
  .modal-content-simulator {
    margin: 10px;
    max-width: none;
  }

  .modal-body-simulator {
    padding: 30px 20px 20px;
  }

  .modal-title-simulator {
    font-size: 16px;
    padding-right: 25px;
  }
}
.exchange-info {
  font-size: 14px;
  color: #333;
  margin: 8px 15px 12px;
  display: flex;
  align-items: center;
  justify-content: center; 
  font-weight: 500;
}

.info-icon {
  margin-left: 5px;
  display: inline-flex;
  width: 28px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  cursor: pointer;
}
.tab-selector {
  display: flex;
  border-bottom: 3px solid #f0f0f0;
  width: 100%;
}

.tab {
  flex: 1;
  text-align: center;
  padding: 12px;
  font-size: 16px;
  color: #999;
  cursor: pointer;
  transition: color 0.3s, border-color 0.3s;
}

.tab.active {
  color: #36a3f7;
  border-bottom: 3px solid #36a3f7;
  margin-bottom: -3px;
}

.tab.disabled {
  background-color: #fff;
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.simulator-error {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-width: 380px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 10px;
  min-height: 400px;
  padding: 40px 20px;
}

.error-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 300px;
}

.error-title {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin: 20px 0 15px 0;
}

.error-message {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 30px;
}

.retry-button {
  background-color: #36a3f7;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
}

.retry-button:hover:not(:disabled) {
  background-color: #2c8ad9;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(54, 163, 247, 0.3);
}

.retry-button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.retry-spinner {
  animation: retry-spin 1s linear infinite;
}

@keyframes retry-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width: 360px) {
  .simulator-error {
    margin: 5px;
    min-width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    padding: 30px 15px;
    min-height: 350px;
  }
  
  .error-title {
    font-size: 18px;
  }
  
  .error-message {
    font-size: 14px;
  }
}
.wrapper-ppc-simulator {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-width: 380px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px;
  gap:10px;
  max-height: -webkit-max-content;
  max-height: max-content;
}

.ppc-header {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  padding: 0 20px;
}

.ppc-title {
  font-size: 18px;
  font-weight: 600;
  color: #212644;
  margin-bottom: 8px;
}

.ppc-subtitle {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}

.wrapper-ppc-simulator .exchange-rate {
  margin: 0 0 8px;
  border-bottom: 15px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  text-align: center;
  background-color: #F0FAFF;
  padding: 4px 0;
}

.exchange-rate-label {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.purchase-button {
  width: calc(100% - 30px);
  margin: 8px 15px 20px;
  padding: 12px;
  background-color: #36a3f7;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

@media (min-width: 300px) {
  .purchase-button {
    font-size: 16px;
  }
}

.purchase-button:hover:not(:disabled) {
  background-color: #2c8ad9;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(54, 163, 247, 0.3);
}

.purchase-button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.purchase-button.loading {
  background-color: #36a3f7;
  cursor: wait;
  pointer-events: none;
}

.button-loading-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.button-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid white;
  border-radius: 50%;
  animation: button-spin 1s linear infinite;
}

@keyframes button-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-indicator {
  padding: 40px 20px;
  text-align: center;
  color: #666;
  font-size: 16px;
}

.error-message {
  padding: 20px;
  text-align: center;
  color: #d32f2f;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.retry-button {
  margin-top: 15px;
  padding: 8px 16px;
  background-color: #36a3f7;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}

.retry-button:hover {
  background-color: #2c8ad9;
}

.wrapper-ppc-simulator {
  transition: opacity 0.3s ease-in-out;
}

.wrapper-ppc-simulator.loading {
  opacity: 0.7;
}

.currency-input-container {
  transition: opacity 0.2s ease-in-out;
}

.wrapper-ppc-simulator.loading-state {
  justify-content: center;
  align-items: center;
}

.converter-loading-container {
  width: 100%;
  min-height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-text {
  display: none;
}

.wrapper-ppc-simulator,
.wrapper-ppc-simulator.loading,
.wrapper-ppc-simulator.loading-state {
  width: 100%;
  max-width: 380px;
}

@media (max-width: 360px) {
  .ppc-title {
    font-size: 16px;
  }
  
  .ppc-subtitle {
    font-size: 13px;
  }
}
.currency-converter {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: opacity 0.2s ease;
}

.currency-converter.calculating {
  opacity: 0.95;
}

.currency-input-wrapper {
  margin-bottom: 0;
  position: relative;
  transition: all 0.2s ease;
}

.input-label {
  font-size: 14px;
  color: #B7BECD;
  padding: 0;
  text-align: center;
  background-color: transparent;
  font-weight: 400;
  width: -webkit-max-content;
  width: max-content;
}

.currency-input-container {
  display: flex;
  align-items: flex-end;
  padding: 6px 15px 2px;
  position: relative;
  border-bottom: 2px solid #eee;
  margin: 0 20px;
  width: calc(100% - 40px);
  transition: border-color 0.2s ease;
}

.currency-flag {
  width: 36px;
  min-width: 36px;
  margin-right: 8px;
  object-fit: cover;
}

.currency-code {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
  width: auto;
  margin-right: 15px;
  min-width: 70px;
  white-space: nowrap;
}

.currency-code svg {
  margin-left: 4px;
  color: #36a3f7;
  min-width: 22px;
}

.currency-content {
  padding-bottom: 7px;
}

.currency-input {
  flex: 1;
  font-size: 32px;
  font-weight: 600;
  text-align: left;
  border: none;
  outline: none;
  background: transparent;
  color: #333;
  padding: 0;
  margin-right: 0;
  width: 100%;
  min-width: 0;
}

.converter-calculation-indicator {
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  background: rgba(255, 255, 255, 0.95);
  padding: 6px 14px;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
}

.calculation-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #666;
  font-weight: 500;
}

.calculation-spinner {
  width: 14px;
  height: 14px;
  border: 1.5px solid #f3f3f3;
  border-top: 1.5px solid #36a3f7;
  border-radius: 50%;
  animation: calculation-spin 1s linear infinite;
}

@keyframes calculation-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.você-compra-label,
.voce-paga-label {
  color: #B7BECD;
}

.currency-converter > *:not(:last-child) {
  margin-bottom: 0;
}

.currency-input {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #333;
}

.currency-input-container.loading {
  border-bottom-color: #36a3f7;
}

.currency-input-container.loading .currency-input {
  opacity: 0.7;
}

@media (max-width: 360px) {
  .currency-input {
    font-size: 24px;
  }
  
  .currency-code {
    min-width: 60px;
    font-size: 14px;
  }
  
  .currency-flag {
    width: 28px;
    min-width: 28px;
  }
  
  .currency-input-container {
    padding: 6px 10px 2px;
    margin: 0 15px;
    width: calc(100% - 30px);
  }
  
  .converter-calculation-indicator {
    bottom: -30px;
    padding: 5px 10px;
  }
  
  .calculation-status {
    font-size: 11px;
    gap: 6px;
  }
  
  .calculation-spinner {
    width: 12px;
    height: 12px;
    border-width: 1px;
  }
}

.currency-converter {
  animation: converter-fade-in 0.3s ease-out;
}

@keyframes converter-fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.currency-converter.calculating .currency-input-container {
  position: relative;
}

.currency-converter.calculating .currency-input-container::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #36a3f7, transparent);
  animation: loading-line 2s ease-in-out infinite;
  width: 100%;
}

@keyframes loading-line {
  0%, 100% {
    transform: translateX(-100%);
    opacity: 0;
  }
  50% {
    transform: translateX(0);
    opacity: 1;
  }
}
.lista-taxas {
  margin: 0;
  border: none;
  background: #f7f7f7 0% 0% no-repeat padding-box;
  border-radius: 8px;
  padding: 16px 24px 16px 60px;
  box-sizing: border-box;
}

.lista-taxas .item-taxas,
label {
  display: flex;
  height: 32px;
  margin: 0;
}

.lista-taxas label:first-child {
  font-weight: normal;
}
.lista-taxas label:last-child {
  font-weight: bold;
}
.lista-taxas .texto-taxas {
  font: normal normal normal 14px/32px Lato;
  color: #788791;
  width: 150px;
}
.lista-taxas .valor-taxas {
  font: normal normal normal 14px/32px Lato;
  color: #788791;
  width: 140px;
}

.circulo-taxas {
  position: absolute;
  margin-left: -36px;
  margin-top: 4px;
  border: none;
  background: none;
  box-sizing: border-box;
  height: 32px;
  border-radius: 0;
}
.linha-taxas {
  position: absolute;
  margin-left: -27.7px;
  border-left: 1px solid #788791;
  background: none;
  box-sizing: border-box;
  height: 16px;
  border-radius: 0;
  margin-top: 24px;
}
.texto-adicional {
  text-align: right;
  font: normal normal normal 14px/14px Lato;
  letter-spacing: 0px;
  color: #788791;
  margin-top: 16px;
}
.link-info {
  position: absolute;
  top: 90px;
  right: 24px;
  cursor: pointer;
}
.link-info.com-taxa {
  top: 106px;
}

@media (max-width: 440px) {
  .lista-taxas {
    padding: 16px 8px 16px 32px;
  }

  .circulo-taxas {
    margin-left: -22px;
  }

  .linha-taxas {
    margin-left: -14.7px;
  }

  .lista-taxas .texto-taxas {
    font: normal normal normal 12px/32px Lato;
    width: 55%;
  }

  .lista-taxas .valor-taxas {
    font: normal normal normal 14px/32px Lato;
    width: 45%;
  }

  .texto-adicional {
    text-align: center;
    font: normal normal normal 9px/14px Lato;
  }

  .link-info {
    top: 94px;
    right: 10px;
    width: 24px;
  }

  .link-info.com-taxa {
    top: 110px;
  }

  .wrap-modal-new .modal-new {
    padding: 30px 10px 24px !important;
  }

  .wrap-modal-new .modal-new p {
    font: normal normal normal 12px/20px Lato !important;
  }

  .wrap-modal-new .modal-new strong {
    font: normal normal bold 14px/20px Lato !important;
  }
}

.banner-fundo {
  background-color: white;
  box-shadow: 5px 5px 5px #cfd4d9;
  border-radius: 10px;
  min-height: 100px;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.banner-img {
  width: 100%;
  height: 170px;
}

.banner-content {
  margin: 4%;
}

.banner-titulo {
  color: #222745;
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0;
}

.banner-texto {
  color: #748497;
  white-space: pre-line;
  margin: 20px 0;
}

.banner-button {
  min-width: 130px;
  min-height: 35px;
  padding: 10px 25px;
  background-color: #1298d4;
  color: #fff;
  font-size: 16px;
  border-radius: 30px;
  outline: none !important;
  border: none;
}

.banner-button-wrapper {
  margin: 25px 0;
}

.banner-button-wrapper a:hover {
  color: white;
  text-decoration: none;
}

.botao-dados {
  margin: 24px auto 1% auto;
}

.row-with-gap {
  gap: 2.5rem;
}

.editable-field {
  position: relative;
  width: 100%;
}

.editable-field input {
  width: 100%;
  padding-right: 30px;
}

.editable-field input:disabled {
  background-color: #f0f0f0;
  color: #a0a0a0;
  border-color: #d0d0d0;
  cursor: not-allowed;
}

.edit-icon {
  position: absolute;
  right: -30px;
  top: 55%;
  transform: translateY(-50%);
  cursor: pointer;
}

.meus-enderecos-fundo {
  background-color: white;
  border-radius: 10px;
  margin: 15px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.endereco-listagem-agrupar {
  margin: 3%;
  margin-right: 0;
  width: 80%;
}

.endereco-listagem-principal {
  margin: 0;
  margin-left: 10px;
  color: #0c4091;
  font-size: 14px;
}

.endereco-listagem-agrupar .endereco-info {
  font-size: 14px;
  color: #222745;
  margin: 0;
}

.meus-end-list {
  overflow: hidden !important;
  max-height: 400px;
}

.endereco-listagem-agrupar div {
  font-size: 14px;
  color: #222745;
  margin: 0;
  display: flex;
  align-items: center;
}

/* arrumar */

.endereco-listagem-acoes {
  margin: 3%;
}

.endereco-principal-dot-blue {
  height: 7px;
  width: 7px;
  background-color: #0c4091;
  border-radius: 50%;
}

.titulo-endereco {
  color: #222745;
  font-size: 24px;
  font-weight: bold;
  margin-left: 15px;
}

.endereco-listagem-lixeira {
  width: 25px;
}

.endereco-listagem-lixeira:hover {
  cursor: pointer;
}

.endereco-listagem-editar {
  width: 25px;
  margin-right: 10px;
}

.setaM {
  position: relative;
  top: 18px !important;
  width: 14px;
  height: 14px;
  margin-left: 6%;
  border: none !important;
  outline: none;
}

.setaM::-moz-focus-inner {
  border: 0;
}

.seta-endereco {
  height: 14px;
  display: flex;
  align-items: center;
  margin: 30px auto;
}

.botao-novo-endereco {
  text-align: center;
  margin: 20px auto;
  width: 100%;
}

@media (max-width: 840px) {
  h5 {
    font-size: 10px;
    left: 15px;
    top: 20px;
  }

  .f {
    height: 40px;
  }

  .input {
    font-size: 10px;
  }

  .endereco-listagem-acoes {
    width: 20%;
  }

  .endereco-listagem-editar,
  .endereco-listagem-lixeira {
    width: 20px;
  }

  .meus-end-list {
    overflow: hidden !important;
    width: 100%;
    height: 100% !important;
  }

  .meus-enderecos-fundo {
    width: 94%;
  }
}

.endereco-botao {
  background-color: #1298d4;
  width: 290px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  border-radius: 30px;
  font-family: Lato, sans-serif;
  font-weight: bold;
  outline: none !important;
  border: none;
  margin: 20px;
}

.endereco-botao:disabled {
  background-color: #cfd4d9;
}

.inputEnderecos {
  border-radius: 30px;
  border: none;
  text-align: center;
  padding: 10px;
  border-color: #1298d4;
  border-style: solid;
  border-width: 1px;
  height: 36px !important;
}

.inputEnderecos-error {
  border-radius: 30px;
  border: none;
  text-align: center;
  padding: 10px;
  border-color: red;
  border-style: solid;
  border-width: 1px;
  height: 36px !important;
}

.inputEnderecos-sm {
  width: 100px;
  border-radius: 30px;
  border: none;
  text-align: center;
  padding: 10px;
  border-color: #1298d4;
  border-style: solid;
  border-width: 1px;
  height: 36px !important;
}

.dados-campo-mensagem-erro {
  position: absolute;
  color: red;
  font-size: 13px;
  margin-left: 8px;
  width: 90%;
}

@keyframes cssAnimation {
  to {
    width: 0;
    height: 0;
    overflow: hidden;
  }
}

.inputEnderecos:disabled {
  background-color: #f5f7f9;
  border-color: #1298d4;
  border-width: 1px;
}

.inputEnderecos-sm:disabled {
  background-color: #f5f7f9;
  border-color: #1298d4;
}

.inputEnderecos-lg {
  width: 95%;
  border-radius: 30px;
  border: none;
  text-align: center;
  padding: 10px;
  border-color: #1298d4;
  border-style: solid;
  border-width: 1px;
  height: 36px !important;
}

.inputEnderecos-lg:disabled {
  background-color: #f5f7f9;
  border-color: #1298d4;
}

.endereco-input-titulo {
  color: #748497;
  font-size: 13px;
  margin-left: 5px;
}

.endereco-input-titulo-container > h5 {
  color: #748497;
  font-size: 13px;
}

.endereco-fundo {
  margin: 20px 5px;
  background-color: white;
  box-shadow: 5px 5px 5px #cfd4d9;
  border-radius: 10px;
  padding: 2%;
}

.endereco-input-titulo-container {
  margin-top: 15px;
}

.editar-endereco-container {
  margin: 0 20px;
}

.margin-col {
  margin-top: 20px;
}

.endereco-linha-form {
  display: flex;
}

.loading-spinner-editar-enderecos {
  margin: 20px 0;
}

@media (max-width: 840px) {
  .inputEnderecos,
  .inputEnderecos-sm,
  .inputEnderecos-lg,
  .inputEnderecos-error {
    width: 100%;
  }

  .endereco-linha-form {
    flex-direction: column;
  }

  .endereco-botao {
    width: 100%;
    margin: 0;
  }

  .editar-endereco-container {
    margin: 0;
  }
}

.auto-complete-container {
  width: 100%;
  margin: 0 0 20px 0;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.style-modal {
  min-height: 180px;
}

.react-autosuggest__input {
  position: relative;
  width: 386px;
  padding: 10px;
  font-size: 16px;
  border: 0;
  background-color: #fff;
  border-radius: 28px;
  box-shadow: 5px 5px 5px #cfd4d9;
  text-align: center;
}

.react-autosuggest__input--focused {
  outline: none;
}

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 5px 0px 9px -2px rgba(207, 212, 217, 1);
}

.react-autosuggest__suggestions-container {
  display: none;
}

.react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  z-index: 1;
  border: 0;
  background-color: #fff;
  font-size: 16px;
  color: #222745;
  font-weight: 400;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  box-shadow: 1px 1px 1px #cfd4d957;
  width: 386px;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 5px;
  color: #222745;
  font-size: 18px;
  border-bottom: 1px solid rgba(85, 85, 85, 0.164);
}

.react-autosuggest__suggestion > div {
  display: flex;
}

.react-autosuggest__suggestion > div > div:last-child {
  display: flex;
  flex-direction: column;
}

.react-autosuggest__suggestion > div > div:last-child > span:last-child {
  color: #748497;
  font-size: 13px;
}

.react-autosuggest__suggestion:first-child {
  border-top: 1px solid rgba(85, 85, 85, 0.164);
}

.react-autosuggest__suggestion:last-child {
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  border-bottom: 1px solid rgba(85, 85, 85, 0.164);
  box-shadow: none !important;
}

.react-autosuggest__suggestion--highlighted {
  background-color: #ddd;
}

.react-autosuggest__suggestion--highlighted:last-child {
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  border-bottom: 1px solid rgba(85, 85, 85, 0.164);
}

.loja-lista-titulo > img {
  width: 14px;
  margin: 0 10px;
}

.loading-spinner-autocomplete {
  color: #222745;
  position: absolute;
  z-index: 2;
  top: 15px;
  left: 25px;
  width: 1rem;
  height: 1rem;
  border-width: thin;
}

@media (max-width: 768px) {
  .react-autosuggest__input,
  .react-autosuggest__suggestions-container--open {
    width: 320px;
  }

  .react-autosuggest__suggestions-container--open {
    font-size: 15px;
  }

  .react-autosuggest__suggestion > div > div:last-child > span:last-child {
    color: #748497;
    font-size: 13px;
  }

  .loja-lista-titulo > img {
    width: 13px;
    margin: 0 10px;
  }
}

@media (max-width: 360px) {
  .react-autosuggest__input,
  .react-autosuggest__suggestions-container--open {
    width: 280px;
  }
}

.lojas-titulo {
  color: #222745;
  font-size: 24px;
  font-weight: bold;
  margin-left: 15px;
}

.lojas-titulo-seta {
  height: 14px;
  display: flex;
  align-items: center;
  margin: 30px auto;
}

.lojas-card-list-message {
  color: #748497;
  font-size: 17px;
  text-align: center;
  margin: 10px 0;
}

.lojas-search-input {
  width: 96%;
  text-align: center;
  border-radius: 30px;
  border-style: solid;
  border-width: 0;
  box-shadow: 5px 5px 5px #cfd4d9;
  padding: 10px;
  margin-bottom: 10px;
}

.lojas-card {
  background-color: white;
  box-shadow: 5px 5px 5px #cfd4d9;
  padding: 14px;
  border-radius: 10px;
  margin: 10px 10px 10px 0;
  display: flex;
}

.lojas-card:hover {
  cursor: pointer;
}

.lojas-card-title {
  font-weight: bold;
  margin-bottom: 5px;
}

.lojas-card-description {
  color: #748497;
  font-size: 15px;
}

.lojas-card-horarios {
  color: #748497;
  font-size: 13px;
  margin-top: 7px;
}

.lojas-card-telefone {
  color: #748497;
  font-size: 13px;
  margin-top: 7px;
}

.lojas-card-telefone a {
  color: #1298d4;
}

.lojas-google-maps-iframe {
  width: 100%;
  height: 450px;
}

.lojas-card-icon {
  margin-right: 14px;
}

.lojas-card-icon img {
  width: 14px;
}

.texto {
  text-align: center;
  margin: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.texto > h1 {
  font-size: 18px;
  color: #1298d4;
  margin: 0;
}

.texto > img {
  width: 18px;
  height: 18px;
  margin: 5px;
}

@media (max-width: 992px) {
  .lojas-card {
    width: 95%;
  }

  .lojas-google-maps-iframe {
    margin-top: 25px;
  }
}

.situacao-documento {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: auto 0;
  border-radius: 8px;
  min-height: 350px;
}

.situacao-documento > img {
  margin-bottom: 30px;
  height: 60px;
  width: 60px;
}

.situacao-documento > span {
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  color: #545e67;
  font-weight: 600;
}

@media (max-width: 840px) {
  .situacao-documento > span {
    font-size: 16px;
  }
}
.verification-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.verification-container h1 {
  margin-bottom: 20px;
}

.verification-container p {
  color: #888;
  margin-bottom: 30px;
  font-size: 20px;
  text-align: center;
  max-width: 750px;
}

.verification-container.analise-manual p {
  max-width: none;
}

.verification-container-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.verification-container-button button {
  font-weight: lighter;
}

.home-button {
  background-color: #fff;
  border: 1px solid #1298d4;
  color: #1298d4;
  font-weight: lighter;
}

.card-info {
  font-size: 17px;
  margin-left: 40px;
  margin-right: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.card-info-text {
  color: #1a86cc;
  font-size: 17px;
}

.meus-cartoes-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.meus-cartoes-aviso-erro {
  padding: 40px;
}

.meus-cartoes-aviso-erro > p {
  margin-bottom: 0;
  font-size: 19px;
  text-align: center;
}

.list-info-card {
  position: relative;
  cursor: pointer;
  padding: 10px 15px;
  background-color: #fff;
  border-radius: 4px;
  width: 90%;
  height: 68px;
  box-shadow: 0 2px 6px #0000002e;
  text-decoration: none;
  margin-bottom: 1px;
}

.cartoes-carrosel {
  position: relative;
  cursor: pointer;
  padding: 10px 15px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 6px #0000002e;
  border-bottom: 1px solid #0000002e;
  margin-right: 12px;
}

.cartoes-carrosel:disabled {
  opacity: 0.9;
}

.cartao-image {
  grid-column-start: 1;
  padding: 15px 0 0 10px;
}

.slide-cartao-img {
  width: 158px;
  height: 99px;
  pointer-events: none;
  margin: 5px;
}

.slide-cartao {
  position: relative;
  border-radius: 5px;
  margin-right: 10px;
  float: left;
  background-color: #fff;
  box-shadow: 5px 5px 5px #cfd4d9;
  cursor: pointer;
  outline: none;
  width: 465px;
  text-align: center;
  display: grid;
  flex-direction: row;
}

.slide-cartao-arrow {
  cursor: pointer;
}

.slide-info {
  padding: 15px 0 0 10px;
  display: flex;
  flex-direction: column;
  grid-column-start: 1;
  grid-row-start: 1;
  color: #748497;
}

.slide-cartao.active {
  background-color: #e4e3e3;
  color: #fff;
}

.card-info-cartao {
  font-size: 18px;
  height: 30px;
}

.card-info-cartao-nome {
  width: 270px;
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.slider-position-cartoes {
  width: 100%;
}

.slider-position-cartao {
  width: calc(90% + 15px);
  margin: auto;
}

.infos-position {
  grid-column-start: 2;
  display: grid;
  width: 50%;
}

.cartao-status {
  right: 5px;
  position: absolute;
  padding-top: 5px;
}

.icon-status {
  grid-column-start: 4;
  width: 17px;
  height: 17px;
  margin: auto 0 auto 5px;
}

.card-info-saldo {
  color: #222745;
  font-size: 22px;
  font-weight: bold;
}

.card-info-saldo-loading {
  width: 20px;
  height: 20px;
  font-size: 0.8rem;
  font-weight: normal;
}

.card-info-status-green {
  color: #2ec222;
  font-size: 0.8rem;
  display: flex;
  flex-direction: row;
}

.card-info-status-red {
  color: red;
  font-size: 0.8rem;
  display: flex;
  flex-direction: row;
}

.scroll-menu-arrow--disabled {
  visibility: hidden;
  pointer-events: none;
}

.meus-cartoes {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 768px) {
  .slider-position-cartoes,
  .slider-position-cartao {
    width: 90% !important;
  }

  .slide-cartao {
    width: 99%;
    height: 50%;
    display: flex;
    flex-direction: row;
    margin: 0;
  }

  .slide-cartao-img {
    width: 100%;
    height: 70%;
  }

  .slick-next {
    right: -15px;
  }

  .cartao-image {
    grid-column-start: none;
    width: 28%;
    height: 100%;
  }

  .slide-info {
    grid-column-start: none;
    padding-left: 10px;
  }

  .card-info {
    margin-left: 20px;
  }

  .card-info-cartao-nome {
    width: 165px;
    font-size: 1.1em;
  }

  .card-info-saldo {
    font-size: 18px;
  }

  .card-info-cartao {
    font-size: 14px;
  }

  .cartao-status {
    font-size: 0.8em;
    text-align: right;
  }

  .infos-position {
    display: flex;
    flex-direction: column;
  }

  .icon-status {
    bottom: 0;
    grid-column-start: 4;
  }
}

.meus-cartoes-body-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  box-shadow: none;
  margin: 0;
}

.extrato-aviso {
  text-align: center;
  color: #748497;
  margin: 15px 0;
}

.extrato-cartao-header {
  background-color: white;
  box-shadow: 5px 5px 5px #cfd4d9;
  border-radius: 10px;
  width: 100%;
  padding-top: 20px;
}

.extrato-cartao-imagem-titulo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.extrato-cartao-imagem {
  margin-right: 16px;
  margin-left: 5px;
}

.extrato-cartao-titulo {
  display: inline-grid;
  color: #748497;
}

.extrato-cartao-numero {
  font-size: 18px;
}

.extrato-cartao-nome {
  font-weight: bold;
  font-size: 23px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.extrato-cartao-moedas {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 15px;
}

.extrato-cartao-moedas-linha {
  height: 2px;
  width: 90%;
  margin-left: 15px;
  margin-top: 15px;
  background-color: #1298d4;
}

.extrato-cartao-moedas-seta {
  margin-left: 50%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #1298d4;
}

.extrato-cartao-moedas-imagem {
  width: 32px;
  margin: 10px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.extrato-cartao-saldo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f5f7f9;
  padding: 10px 30px;
}

.extrato-cartao-saldo-texto {
  color: #748497;
}

.extrato-cartao-saldo-valor {
  color: #1298d4;
  font-weight: bold;
}

.extrato-listagem {
  margin-bottom: 30px;
}

.extrato-listagem-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  margin: 1px 0 1px 0;
  padding: 15px 40px;
  border-radius: 4px;
}

.extrato-listagem-card-descricao {
  word-break: break-word;
  font-weight: bold;
}

.extrato-listagem-card-nome-comercial {
  word-break: break-word;
  color: #999;
  font-size: 12px;
}

.extrato-listagem-card-valor {
  font-weight: bold;
  text-align: right;
  color: #92d048;
  min-width: 100px;
}

.extrato-listagem-card-valor-negativo {
  font-weight: bold;
  text-align: right;
  color: #d8292f;
  min-width: 100px;
}

.extrato-listagem-card-data {
  color: #999;
  font-size: 12px;
  font-weight: none;
  text-align: right;
}

.loading-spinner-extrato-cartao {
  color: #222745;
  position: absolute;
  width: 60px;
  height: 60px;
  margin: 20px 0;
}

.loading-page-block-extrato {
  pointer-events: none;
  text-align: center;
}

.extrato-cartao-download-button {
  border-radius: 4px;
  width: 100px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-weight: unset;
}

@media (max-width: 840px) {
  .extrato-listagem-card {
    padding: 15px 10px;
  }
}

.extrato-datepicker {
  background-color: white;
  width: 220px;
  padding: 10px;
  box-shadow: 5px 5px 5px #cfd4d9;
  position: absolute;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.extrato-datepicker-header {
  display: flex;
  text-align: center;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center;
}

.extrato-datepicker-header-ano {
  font-size: 20px;
  color: #3286d7;
}

.extrato-datepicker-month-list {
  width: 100%;
}

.extrato-datepicker-month {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
}

.extrato-datepicker-month:hover {
  background-color: #f5f7f9;
  cursor: pointer;
}

.extrato-datepicker-month-disabled {
  display: inline-block;
  width: 50px;
  height: 50px;
  color: #748497;
  text-align: center;
  pointer-events: none;
}

.extrato-datepicker-header-arrow {
  width: 40px;
}

.extrato-datepicker-header-arrow-disabled {
  visibility: hidden;
  width: 40px;
}

.extrato-datepicker-header-arrow:hover {
  cursor: pointer;
}

.extrato-datepicker-label {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.extrato-datepicker-label-text {
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
}

.extrato-datepicker-label img {
  width: 30px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.carrinho {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.carrinho .body-header {
  margin: 15px;
}

.carrinho .body-content {
  background-color: transparent;
  box-shadow: none;
  padding: 0 16px 16px 16px;
}

.carrinho-resumo-title {
  display: block;
  color: #748497;
  font-size: 24px;
  padding-bottom: 16px;
  position: absolute;
  top: -50px;
}

@media (max-width: 768px) {
  .carrinho .header {
    margin-bottom: 75px;
  }

  .carrinho-resumo-title {
    margin-top: 16px;
    position: unset;
  }
}

.not-found-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #222745;
  color: #ffffff;
  max-width: 100%;
  overflow: hidden !important;
  min-height: 100vh;
}

.not-found-container > span:first-child {
  font-size: 119px;
  font-weight: bold;
  margin-top: auto;
}

.not-found-container > span:nth-child(2) {
  font-size: 24px;
}

.not-found-container > img {
  width: 120%;
  margin-top: auto;
}

.not-found-container > a {
  margin: 40px;
  text-align: center;
}

@media (max-width: 840px) {
  .not-found-container > span:first-child {
    font-size: 86px;
  }

  .not-found-container > span:nth-child(2) {
    font-size: 18px;
  }

  .not-found-container > a {
    width: 100%;
  }

  .not-found-container > img {
    width: 240%;
  }
}

.carrinho-produto-detalhes .modal-content {
  background-color: #f5f7f9;
  padding: 20px;
}

.carrinho-produto-detalhes .modal-header {
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.carrinho-produto-detalhes .modal-body {
  background-color: #fff;
  border-radius: 10px;
}

.carrinho-produto-detalhes-tipo > span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #1298d4;
}

.carrinho-produto-detalhes-tipo > span > img {
  height: 18px;
  margin-right: 5px;
}

.carrinho-produto-detalhes-tipo-nome {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
}

.carrinho-produto-detalhes-tipo-cartao {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #748497;
}

.carrinho-produto-detalhes-tipo-final {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #748497;
}

.carrinho-produto-detalhes-tipo-operacao {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
}

.carrinho-produto-detalhes-resumo {
  margin-top: 10px;
}

.carrinho-produto-detalhes-resumo > div,
.carrinho-produto-detalhes-resumo > div > ul > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.carrinho-produto-detalhes-resumo > div > ul {
  padding: 10px 0;
  margin: 0;
  width: 100%;
}

.carrinho-produto-detalhes-resumo > div > ul > li > span {
  color: #748497;
  font-size: 11px;
  padding: 2px 0;
}

.carrinho-produto-detalhes-resumo > div > div:last-child > span {
  font-size: 11px;
  margin-right: 5px;
}

.carrinho-produto-detalhes-resumo > div > ul > li:last-child > span {
  padding: 0;
}

.carrinho-produto-detalhes-resumo > div > ul > li:nth-last-child(2) > span {
  font-size: 16px;
  font-weight: bold;
  color: #222745;
}

.carrinho-produto-detalhes-resumo > div:first-child {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  color: #222745;
}

.carrinho-produto-detalhes-resumo > div > div > img {
  width: 25px;
  margin-right: 10px;
}

.carrinho-produto-detalhes-resumo > div > ul > li > span > img {
  width: 15px;
  margin-right: 5px;
}

/* stylelint-disable */

.carrinho-produto {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 6px #00000029;
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}

.carrinho-produto-tipo {
  margin-bottom: 10px;
  white-space: nowrap;
}

.carrinho-produto-tipo > span {
  display: block;
  color: #1298d4;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 16px;
}

.carrinho-produto-resumo > img {
  height: 35px;
  width: 35px;
  margin-right: 16px;
}

.carrinho-produto-tipo > span > img {
  height: 16px;
  margin-right: 7.5px;
}

.carrinho-produto-desconto {
  height: 30px;
  width: 100%;
  background-color: #1298d4;
  text-align: center;
  white-space: nowrap;
  color: #fff;
}

.carrinho-produto-desconto > span {
  line-height: 30px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.carrinho-produto-troca-cartao {
  height: 30px;
  width: 100%;
  background-color: #cfd4d9;
  padding: 0 21px;
  display: flex;
  white-space: nowrap;
  margin-bottom: auto;
}

.carrinho-produto-troca-cartao > span {
  line-height: 30px;
  font-size: 14px;
}

.carrinho-produto-resumo > div > span {
  display: block;
  font-size: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #222745;
}

.carrinho-produto-troca-cartao > span:first-child {
  text-overflow: ellipsis;
  overflow: hidden;
}

.carrinho-produto-troca-cartao > span:last-child {
  color: #1298d4;
  cursor: pointer;
  margin-left: auto;
}

.carrinho-produto-troca-cartao > span:last-child > div {
  width: 1rem;
  height: 1rem;
  border-width: 0.1rem;
  cursor: default;
}

.carrinho-produto-content {
  position: relative;
  padding: 16px;
}

.carrinho-produto-content > div {
  display: flex;
  align-items: center;
}

.carrinho-produto-content-disabled {
  background-color: #e8eaed;
}

.carrinho-produto-resumo {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.carrinho-produto-resumo > div {
  white-space: nowrap;
  overflow: hidden;
}

.carrinho-produto-resumo-span-desconto {
  text-decoration: line-through;
  font-size: 14px !important;
}

.carrinho-produto-resumo > div span:first-child {
  color: #748497;
}

.carrinho-produto-resumo > div span:last-child {
  font-weight: bold;
  font-size: 17px;
}

.carrinho-produto-resumo > div > div > * {
  display: inline-block;
  vertical-align: middle;
}

.carrinho-produto-edicao > input {
  font-size: 18px;
  border: 1px solid #1298d4;
  border-radius: 5px;
  padding: 10.5px 0;
}

.carrinho-produto-resumo > div > div > input {
  margin-left: 5px;
  border-radius: 5px;
  text-align: center;
}

.carrinho-produto-botoes {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}

.carrinho-produto-botoes > ul {
  padding: 0;
  margin: 0;
}

.carrinho-produto-botoes > ul > li {
  display: inline;
}

.carrinho-produto-botoes > ul > li > img {
  height: 20px;
  margin: 0 8px;
  cursor: pointer;
}

.carrinho-produto-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px;
}

.carrinho-produto-edicao {
  display: flex;
  align-items: center;
}

.carrinho-produto-edicao > a {
  color: #1298d4 !important;
  font-size: 14px;
  border-bottom: 1px solid #1298d4;
  cursor: pointer;
  white-space: nowrap;
  margin-left: 15px;
}

@media (max-width: 840px) {
  .carrinho-produto-resumo > div > span {
    font-size: 14px;
  }

  .carrinho-produto-botoes {
    position: unset;
    margin-left: auto;
    display: block;
    white-space: nowrap;
  }

  .carrinho-produto-edicao > input {
    font-size: 14px;
    border: 1px solid #1298d4;
    border-radius: 5px;
    padding: 9.5px 0;
  }

  .carrinho-produto-resumo > div span:last-child {
    font-size: 15px;
  }
}

.carrinho-total {
  text-align: center;
}

.carrinho-total > ul {
  padding: 0;
  margin: 0 0 30px 0;
}

.carrinho-total > ul > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  margin-bottom: 12px;
}

.carrinho-total > ul > li > span,
.carrinho-total > ul > li > div > span {
  color: #748497;
}

.carrinho-total > ul > li > span > img {
  height: 20px;
  margin-left: 8px;
}

.carrinho-total > ul > li > h3,
.carrinho-total > ul > li > div > h3 {
  color: #222745;
  font-size: 24px;
  margin: 0;
}

.carrinho-total button {
  max-width: 330px;
  width: 100%;
}

.tooltip-titulo {
  padding: 5px 5px 5px 5px;
  font-size: 18px;
  text-align: left;
}

.tooltip-descricao {
  padding: 5px 5px 5px 5px;
  text-align: left;
}

.total-carrinho-mg-cupom {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media (max-width: 768px) {
  .carrinho-total > ul > li > span:first-child {
    display: flex;
    align-items: center;
  }
}

.timer {
  background-color: #222845;
  padding: 15px 0;
  margin-bottom: 15px;
  border-radius: 5px;
  color: #fff;
}

.timer-container {
  display: flex;
  align-items: center;
  justify-content: space-between !important;
  margin: 0 !important;
  width: 100% !important;
}

.timer-container > span:first-child {
  font-size: 16px;
  padding-right: 15px;
}

.timer-container > span:last-child {
  font-size: 20px;
  font-weight: bold;
}

.loading-box-timer {
  text-align: center;
  padding: 15px;
}

@media (max-width: 768px) {
  .loading-box-timer {
    display: none;
  }

  .timer-container {
    margin: 0 auto !important;
    display: flex;
    align-items: center;
    justify-content: space-between !important;
  }

  .timer {
    position: fixed;
    z-index: 1;
    margin: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    border-top: 1px solid #3a4367;
    top: var(--header-height);
  }

  .timer-scrolled {
    top: 0 !important;
  }
}

.cross-sell-card {
  position: relative;
  width: 100%;
  cursor: pointer;
}

.cross-sell-card:hover {
  opacity: 0.7;
}

.cross-sell-card > img {
  width: 100%;
}

.cross-sell-card > span {
  display: flex;
  align-items: center;
  position: absolute;
  right: 25px;
  top: 20px;
  color: #1298d4 !important;
  font-size: 19px;
}

.cross-sell-card > span > a {
  font-size: 14px;
  margin-left: 7px;
  line-height: 17px;
  border-bottom: 1px solid #1298d4;
}

.cross-sell-card > div {
  position: absolute;
  left: 25px;
  top: 20px;
  bottom: 20px;
  width: 55%;
}

.cross-sell-card > div > span {
  display: block;
  white-space: normal;
}

.cross-sell-card > div > span:nth-child(1) {
  color: #d8292f;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 4px;
}

.cross-sell-card > div > span:nth-child(2) {
  color: #222745;
  font-size: 16px;
  font-weight: bold;
}

.cross-sell {
  width: 100%;
  margin: 0 -10px;
}

.cross-sell > span {
  display: block;
  color: #222745;
  font-size: 20px;
  font-weight: bold;
  padding: 8px 10px;
}

.cross-sell > ul {
  padding: 0;
  margin: 0;
  overflow-x: auto;
  white-space: nowrap;
}

.cross-sell > ul > li {
  list-style-type: none;
  display: inline-block;
  width: 33.3%;
  min-width: 300px;
}

@media (max-width: 480px) {
  .cross-sell > ul > li {
    width: 100%;
    min-width: auto;
  }
}

.inputMoeda {
  position: relative;
  width: 100%;
  min-height: 50px;
  color: #162443;
  background-color: #fff;
  margin-bottom: 0.5rem;
}

.inputMoeda-open {
  position: relative;
  width: 100%;
  min-height: 50px;
  border-radius: 30px 30px 0 0;
  color: #162443;
  background-color: #fff;
  box-shadow: 5px 5px 5px #cfd4d9;
  margin-bottom: 0.5rem;
}

.inputMoeda-flex {
  width: 100%;
  display: flex;
}

.inputValor {
  width: 75%;
  outline: none;
  padding-right: 15%;
  background-color: transparent;
  border: none;
  font-size: 20px;
  text-align: center;
}

.inputBuscaMoeda {
  float: left;
  width: 335px;
  position: relative;
  margin-left: -348px;
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 25px;
  display: none;
}

.simulador-moedas-dropdown-arrow {
  margin-top: 10%;
  width: 30px;
  height: 30px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.inputBuscaMoeda .item {
  cursor: pointer;
  padding: 10px 0 5px;
  border-bottom: solid 1px #f5f7f9;
}

.inputBuscaMoeda .item:hover {
  cursor: pointer;
  padding: 10px 0 5px;
}

.inputBuscaMoeda .default.text {
  display: none;
}

.inputBuscaMoeda .search {
  background-color: #f5f7f9;
  padding: 10px;
  width: 315px;
  border-radius: 10px;
}

.flag {
  width: 45px;
  height: 45px;
}

.flag-small {
  width: 30px;
  height: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
  .inputMoeda {
    width: 300px;
    height: 36px;
    border-radius: 10px;
    color: #162443;
    background-color: #fff;
    margin-left: 35px;
  }
}

.adicionar-moeda > div > div > .modal-header,
.adicionar-moeda > div > div > .modal-footer {
  justify-content: center;
  padding-bottom: 0;
}

.adicionar-moeda > div > div > .modal-header > .modal-title {
  color: #222745;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.adicionar-moeda-input-valor-disabled > div {
  background-color: #f5f7f9 !important;
}

.adicionar-moeda-input-valor {
  text-align: center;
}

.adicionar-moeda-input-valor > label {
  color: #222745;
  font-size: 11px;
}

.adicionar-moeda-input-valor > div {
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 27px;
  background-color: #fff;
  height: 54px;
  width: 100%;
  max-width: 350px;
  padding: 7px;
  margin: 0 auto;
}

.adicionar-moeda-input-valor > div > img {
  height: 100%;
}

.adicionar-moeda-input-valor > div > input {
  width: 100%;
  padding: 0;
}

.adicionar-moeda-valores-fixos {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 20px 0 0 0;
  width: 100%;
}

.adicionar-moeda-valores-fixos > li {
  list-style-type: none;
  border: 1px solid #1298d4;
  border-radius: 26px;
  width: 65px;
  text-align: center;
  margin: 0 5px;
  color: #1298d4;
  cursor: pointer;
  font-size: 14px;
  padding: 3.5px 0;
  -webkit-user-select: none;
          user-select: none;
}

.adicionar-moeda-valores-fixos > li:hover {
  background: #1298d4;
  color: white;
}

@media (max-width: 768px) {
  .adicionar-moeda > div > div {
    padding: 32px 0;
  }
}

.carrinho-minha-compra > hr {
  margin-top: 30px;
  margin-bottom: 16px;
}

.novo-endereco-modal-bloco {
  display: flex;
  width: 100%;
  padding: 10px;
}

.novo-endereco-titulo {
  font-size: 24px;
  font-weight: bold;
  color: #222745;
}

.novo-endereco-modal {
  text-align: left;
}

.novo-endereco-modal-cep > label {
  text-align: left;
  font-size: 10px;
}

.novo-endereco-modal-button {
  width: 100%;
}

.novo-endereco-modal-cep {
  width: 60%;
}

.novo-endereco-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.novo-endereco-center > label {
  font-size: 12px;
}

.novo-endereco-modal-header {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 840px) {
  .novo-endereco-titulo {
    margin-top: 40px;
  }

  .novo-endereco-modal-close {
    left: 30px;
    top: 20px;
    position: relative;
  }
}

.novo-endereco-modal-checkbox {
  margin: 0 12px 4px 0;
}

.novo-endereco-modal-checkbox-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 6px;
}

.modal {
  background-color: rgba(0, 0, 0, 0.8);
}

.modal-dialog {
  width: 100%;
  max-width: 500px;
}

.my-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.my-modal > .modal-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.my-modal-texto-cartao {
  margin-left: 0;
}

.my-modal-ajuda-cartao {
  display: grid;
  flex-direction: column;
  align-items: center;
}

.modal-ajuda-cartao-container {
  max-width: 400px !important;
}

.my-modal-exit-icon {
  grid-column-start: 4;
  width: 15px !important;
}

.my-modal-cartao-icon {
  grid-column-start: 2;
  width: 250px !important;
}

.modal-ajuda-info-bold {
  font-weight: bold;
  text-align: center;
}

.modal-ajuda-cartao-texto {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modal-ajuda-cartao-texto > h1 {
  font-size: 15px;
}

.my-modal-btn:focus {
  outline: none;
}

.my-modal-texto {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #222745;
}

.my-modal-header {
  width: 100%;
}

.modal-header > img {
  width: 50px;
}

.modal-header > h1 {
  font-size: 24px;
  text-align: center;
  width: 100%;
}

.modal-body p {
  color: white;
  font-size: 16px !important;
}

.botaoModalContinuar {
  height: 40px !important;
  width: 50% !important;
  float: right;
  border-radius: 30px;
  background-color: #1298d4;
  border: 1px solid #1298d4;
  outline: none !important;
}

.botaoModalCancelar {
  height: 40px !important;
  width: 50% !important;
  background-color: transparent;
  float: left;
  border-radius: 30px;
  border: 1px solid #1298d4;
  color: #1298d4;
  outline: none !important;
}

.botaoModalCancelar:hover {
  background-color: transparent;
  color: #1298d4;
  border-color: #1298d4;
}

.botaoModalCancelar:active {
  background-color: transparent;
  color: #1298d4;
  border-color: #1298d4;
}

.modal-endereco-nao-entregavel-img-titulo {
  display: flex;
}

.modal-endereco-nao-entregavel-img-titulo > label {
  color: #1298d4;
  margin: auto 10px;
}

.modal-endereco-nao-entregravel-titulo {
  font-size: 20px;
  color: #1a1d36;
  font-weight: bold;
  text-align: center;
}

.modal-endereco-nao-entregravel-subTitulo {
  margin-top: 25px;
  font-size: 16px;
  color: #748497;
  text-align: center;
}

.loading-box-modal {
  position: absolute;
  margin: 70px auto;
  left: 0;
  right: 0;
  text-align: center;
}

.loading-spinner-modal {
  width: 4rem;
  height: 4rem;
}

.loading-box-modal-confirmacao {
  position: absolute;
  margin: 40px auto;
  left: 0;
  right: 0;
  text-align: center;
}

.loading-spinner-modal-confirmacao {
  width: 4rem;
  height: 4rem;
}

.forma-entrega-informativo {
  text-align: center;
  color: #748497;
  margin-bottom: 10px;
  min-height: 110px;
}

.forma-entrega-recebimento {
  color: #222745;
  font-size: 12px;
  margin-top: 10px;
  background-color: #fdf5db;
  display: flex;
  text-align: left;
  padding: 10px;
  align-items: center;
}

.forma-entrega-recebimento > div {
  margin: 20px;
}

.forma-entrega-titulo {
  font-weight: bold;
  color: #222745;
  font-size: 18px;
  margin-top: 10px;
}

.forma-entrega-radio-container {
  display: flex;
  cursor: pointer;
  align-items: center;
  border-bottom: 1px solid rgba(107, 107, 107, 0.272);
  min-height: 95px;
  margin: 0;
}

.forma-entrega-endereco {
  color: #222745;
  margin: auto 0;
}

.forma-entrega-endereco-data {
  color: #748497;
  margin: auto 0;
}

.forma-entrega-endereco-n-entregavel {
  color: #748497;
}

.forma-entrega-endereco-titulo {
  font-weight: bold;
}

.forma-entrega-endereco > span {
  color: #748497;
  font-size: 16px;
}

.forma-entrega-radio {
  margin-top: 6px;
  margin-right: 10px;
}

.forma-entrega-botao-novo-endereco {
  width: 100%;
  background-color: transparent;
  color: #1298d4;
  border: 1px solid #1298d4;
  margin-top: 20px;
}

.forma-entrega-botao-continuar {
  width: 100%;
  background-color: #1298d4;
  color: white;
  margin-top: 20px;
}

.forma-entrega-botao-guia-24h {
  width: 100%;
  background-color: white;
  border: 1px solid #1298d4;
  color: #1298d4;
  margin-top: 20px;
}

.endereco-nao-entregavel[type='radio'] {
  border: 1px solid #748497;
  background-color: transparent;
  border-radius: 10px;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 15px;
  position: relative;
  -webkit-appearance: none;
  pointer-events: none;
}

.endereco-entregavel[type='radio'] {
  border: 1px solid #1298d4;
  background-color: transparent;
  border-radius: 10px;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: 15px;
  position: relative;
  -webkit-appearance: none;
}

.endereco-entregavel[type='radio']::after {
  background-color: transparent;
  border-radius: 25px;
  content: '';
  display: block;
  height: 12px;
  margin-top: 3px;
  margin-left: 3px;
  width: 12px;
}

@media (max-width: 840px) {
  .endereco-entregavel[type='radio'] {
    height: 18px;
  }

  .endereco-entregavel[type='radio']::after {
    margin-top: 2px;
    margin-left: 2px;
  }
}

/* ====================================
   Retirada Loja - Filtro Base
   ==================================== */

   .retirada-loja-filtro {
    display: flex;
    text-align: center;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  
  .retirada-loja-filtro:hover {
    opacity: 0.8;
  }
  
  .retirada-loja-filtro h1 {
    font-size: 16px !important;
    color: #1298d4;
    border-bottom: 1px solid currentColor;
    margin: 0;
    height: 20px;
    line-height: 20px;
  }
  
  .retirada-loja-filtro > img {
    margin-right: 5px;
    margin-top: 5px;
  }
  
  .retirada-loja-filtro > :last-child {
    width: 15px;
    height: 10px;
    margin: 0;
  }
  
  /* ====================================
     Títulos e Textos
     ==================================== */
  
  .retirada-loja-titulo {
    text-align: center;
    color: #222745;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  
  .retirada-loja-modal-titulo {
    text-align: center;
    color: #fff !important;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    line-height: 1.3;
  }
  
  /* ====================================
     Modal Específico
     ==================================== */
  
  .retirada-loja-filtro-modal .modal-dialog {
    max-width: 400px;
    margin: 1.75rem auto;
  }
  
  .retirada-loja-filtro-modal .modal-content {
    background: linear-gradient(135deg, #3c4064 0%, #2a2d52 100%);
    border: none;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    min-height: auto;
  }
  
  .retirada-loja-filtro-modal .modal-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: none;
    padding: 25px 25px 15px;
    position: relative;
    background: transparent;
  }
  
  .retirada-loja-filtro-modal .modal-header .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
    background: none;
    border: none;
    color: #1298d4;
    opacity: 0.8;
    font-size: 18px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
  }
  
  .retirada-loja-filtro-modal .modal-header .btn-close:hover {
    opacity: 1;
    background: rgba(18, 152, 212, 0.1);
    transform: scale(1.1);
  }
  
  .retirada-loja-filtro-modal .modal-body {
    padding: 0 25px 25px;
    width: 100%;
    background: transparent;
  }
  
  .retirada-loja-filtro-modal .modal-body .form-control,
  .retirada-loja-filtro-modal .modal-body input {
    width: 100%;
    max-width: 100%;
    border-radius: 25px;
    border: none;
    padding: 12px 20px;
    font-size: 14px;
    background: white;
    color: #333;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  
  .retirada-loja-filtro-modal .modal-body .form-control:focus,
  .retirada-loja-filtro-modal .modal-body input:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(18, 152, 212, 0.2);
  }
  
  .retirada-loja-filtro-modal-button {
    width: 100%;
    margin-top: 15px;
    padding: 12px 24px;
    background: #1298d4;
    color: white;
    border: none;
    border-radius: 25px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.2s ease;
  }
  
  /* ====================================
     Link de Localização
     ==================================== */
  
  .retirada-loja-link-localizacao {
    color: #1298d4;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 8px;
    transition: all 0.2s ease;
    background: rgba(18, 152, 212, 0.1);
    border: 1px solid rgba(18, 152, 212, 0.2);
  }
  
  .retirada-loja-link-localizacao:hover {
    background: rgba(18, 152, 212, 0.15);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(18, 152, 212, 0.2);
  }
  
  .retirada-loja-link-localizacao:focus {
    outline: 2px solid #1298d4;
    outline-offset: 2px;
  }
  
  .retirada-loja-link-localizacao > img {
    margin-right: 6px;
    margin-bottom: 0;
    width: 16px;
    height: 16px;
    display: block;
    filter: brightness(0) saturate(100%) invert(47%) sepia(96%) saturate(1028%) hue-rotate(180deg) brightness(94%) contrast(95%);
  }
  
  .retirada-loja-link-localizacao-texto {
    margin-left: 0;
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #1298d4;
  }
  
  /* ====================================
     Etapas de Processo
     ==================================== */
  
  .etapa-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  
  .etapa-item .etapa-item-linha {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 15px;
  }
  
  .etapa-item .etapa-item-linha:first-child {
    margin-top: 0;
  }
  
  .etapa-item .etapa-item-linha .etapa-item-icone {
    width: 50px;
    min-width: 50px;
    padding-top: 5px;
    display: flex;
    justify-content: center;
  }
  
  .etapa-item .etapa-item-linha:first-child .etapa-item-icone {
    padding-top: 3px;
  }
  
  .etapa-item .etapa-item-linha .etapa-item-texto {
    width: 100%;
    padding-left: 15px;
    line-height: 1.5;
  }
  
  /* ====================================
     Avisos e Mensagens
     ==================================== */
  
  .forma-entrega-atm-aviso {
    color: #748497;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    padding: 15px 0;
  }
  
  /* ====================================
     Responsividade
     ==================================== */
  
  @media (max-width: 840px) {
    .retirada-loja-filtro {
      margin-top: 20px;
    }
  
    .retirada-loja-filtro-modal .modal-dialog {
      max-width: 350px;
      margin: 1rem auto;
    }
  
    .retirada-loja-link-localizacao {
      font-size: 12px;
      padding: 8px 12px;
      margin-bottom: 15px;
    }
  
    .retirada-loja-link-localizacao-texto {
      font-size: 12px;
    }
  
    .retirada-loja-modal-titulo {
      font-size: 18px;
    }
  
    .forma-entrega-botao-continuar,
    .forma-entrega-botao-guia-24h {
      max-width: 100%;
      width: 100%;
    }
  
    .etapa-item .etapa-item-linha .etapa-item-icone {
      width: 40px;
      min-width: 40px;
    }
  
    .etapa-item .etapa-item-linha .etapa-item-texto {
      padding-left: 10px;
    }
  }
  
  @media (max-width: 576px) {
    .retirada-loja-filtro-modal .modal-dialog {
      max-width: 320px;
      margin: 0.5rem auto;
    }
  
    .retirada-loja-filtro-modal .modal-header {
      padding: 20px 20px 10px;
    }
  
    .retirada-loja-filtro-modal .modal-body {
      padding: 0 20px 20px;
    }
  
    .retirada-loja-modal-titulo {
      font-size: 16px;
      color: white !important;
    }
  
    .retirada-loja-link-localizacao {
      margin-bottom: 15px;
      padding: 8px 10px;
      font-size: 11px;
    }
  
    .retirada-loja-link-localizacao > img {
      margin-right: 4px;
      width: 14px;
      height: 14px;
    }
  
    .retirada-loja-link-localizacao-texto {
      font-size: 11px;
    }
  }
.forma-entrega,
.forma-entrega-dados {
  background-color: white;
  border-radius: 8px;
  padding: 20px 0;
}

.forma-entrega-dados {
  margin-top: 10px;
}

.forma-entrega-conteudo {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.forma-entrega-texto {
  text-align: center;
  color: #1a1d36;
  font-weight: bold;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  min-height: 70px;
}

.forma-entrega-botao {
  background-color: #f2f5f7;
  max-width: 150px;
  height: 80px;
  color: #1298d4;
  box-shadow: 0 3px 6px #00000029;
  font-size: 15px;
  border-radius: 4px;
  border: none;
  margin: 20px 0 20px 0;
  display: flex;
  justify-content: space-between;
}

.forma-entrega-botao-desabilitado {
  background-color: #cfd4d9 !important;
  color: #fff !important;
  cursor: not-allowed !important;
  margin-bottom: 10px !important;
}

.forma-entrega-botao div:first-child,
.forma-entrega-botao .forma-entrega-botao-active div:first-child {
  width: 50%;
  height: 70px;
  align-items: flex-end;
  display: flex;
}

.forma-entrega-botao div img {
  width: 25px;
}

.icon-delivery {
  width: 30px !important;
  height: 21px;
}

.forma-entrega-botao-active {
  background-color: #1298d4;
  color: #fff;
}

.forma-entrega-botao div h1,
.forma-entrega-botao .forma-entrega-botao-active div h1 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}

.trackYFormaEntrega {
  width: 4px !important;
  background: transparent !important;
}

.thumbYFormaEntrega {
  background: #222745 !important;
}

.modal-orientacao-retirada-caixa-24h .modal-title {
  width: 245px;
  margin: 0 auto;
}

.modal-orientacao-retirada-caixa-24h .modal-body label {
  text-align: left;
  letter-spacing: -0.3px;
  line-height: 1.2;
}

@media (min-width: 1024px) and (max-width: 1124px) {
  .forma-entrega-botao {
    min-width: 150px;
    font-size: 13px;
  }
}

@media (max-width: 840px) {
  .col-padding {
    padding-right: 5px;
    padding-left: 5px;
  }

  .forma-entrega {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
  }

  .forma-entrega-texto {
    min-height: 75px;
  }

  .forma-entrega-botao {
    display: flex;
    min-width: 150px;
    font-size: 10px;
  }

  .icon-forma-entrega {
    width: 90%;
  }
}

/* ====================================
   Modal Forma de Pagamento - Base
   ==================================== */

   .modal-forma-pagamento .modal-dialog {
    max-width: 450px;
    margin: 1.75rem auto;
  }
  
  .modal-forma-pagamento .modal-content {
    background: linear-gradient(135deg, #3c4064 0%, #2a2d52 100%);
    border: none;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }
  
  .modal-simulacao-container {
    position: relative;
    width: 100%;
  }
  
  /* ====================================
     Loading Overlay
     ==================================== */
  
  .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(60, 64, 100, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    border-radius: 16px;
  }
  
  .loading-spinner {
    color: #1298d4;
    width: 3rem;
    height: 3rem;
  }
  
  /* ====================================
     Header
     ==================================== */
  
  .modal-simulacao-container .modal-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: none;
    padding: 25px 25px 15px;
    background: transparent;
  }
  
  .modal-header-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .modal-simulacao-container .modal-header .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #1298d4;
    opacity: 0.8;
    font-size: 18px;
    background: none;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    transition: all 0.2s ease;
  }
  
  .modal-simulacao-container .modal-header .btn-close:hover {
    opacity: 1;
    background: rgba(18, 152, 212, 0.1);
    transform: scale(1.1);
  }
  
  .modal-simulacao-container h1 {
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    margin: 0;
    line-height: 1.3;
  }
  
  .store-address {
    color: #a8b2c7 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    line-height: 1.4;
  }
  
  /* ====================================
     Body e Opções de Pagamento
     ==================================== */
  
  .modal-simulacao-container .modal-body {
    padding: 0 25px 20px;
    background: transparent;
  }
  
  .modal-simulacao-opcoes {
    margin-bottom: 20px;
  }
  
  .payment-options-list {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .payment-section {
    margin-bottom: 20px;
  }
  
  .payment-section:last-child {
    margin-bottom: 0;
  }
  
  .payment-option-item {
    margin-bottom: 12px;
    list-style: none;
  }
  
  .payment-option-item:last-child {
    margin-bottom: 0;
  }
  
  .payment-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
    border: 2px solid transparent;
  }
  
  .payment-option:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    border-color: rgba(18, 152, 212, 0.2);
  }
  
  .payment-option-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
  }
  
  .payment-option-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  
  .payment-option h1 {
    color: #222745 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    line-height: 1.2;
  }
  
  .payment-option-value {
    color: #748497;
    font-weight: 600;
    font-size: 15px;
    white-space: nowrap;
  }
  
  .payment-limit {
    color: #748497;
    font-size: 12px;
    font-weight: 400;
  }
  
  /* ====================================
     Radio Buttons
     ==================================== */
  
  .payment-option input[type="radio"] {
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: #1298d4;
    cursor: pointer;
  }
  
  .payment-option input[type="radio"]:disabled {
    accent-color: #748497;
    cursor: not-allowed;
  }
  
  /* ====================================
     Seção Online
     ==================================== */
  
  .online-section {
    margin-top: 25px;
  }
  
  .section-divider {
    display: flex;
    align-items: center;
    margin: 20px 0;
  }
  
  .section-divider hr {
    flex: 1;
    border: none;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    margin: 0;
  }
  
  .divider-text {
    color: #a8b2c7;
    font-size: 14px;
    font-weight: 400;
    margin: 0 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  
  .section-title {
    text-align: center;
    margin-bottom: 15px;
  }
  
  .section-title h2 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
  }
  
  /* ====================================
     Opções Desabilitadas
     ==================================== */
  
  .option-disabled {
    background: #f5f6f8 !important;
    cursor: not-allowed !important;
    opacity: 0.7;
  }
  
  .option-disabled:hover {
    transform: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    border-color: transparent !important;
  }
  
  .option-disabled h1,
  .option-disabled .payment-option-value,
  .option-disabled .payment-limit {
    color: #748497 !important;
  }
  
  /* ====================================
     Seção Informativa
     ==================================== */
  
  .informativo-container {
    background: linear-gradient(135deg, #fef7e6 0%, #fdf5db 100%);
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 20px;
    border: 1px solid rgba(255, 193, 7, 0.2);
  }
  
  .informativo-container img {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-top: 2px;
  }
  
  .informativo-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
  }
  
  .informativo-main {
    color: #856404;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
  }
  
  .informativo-secondary {
    color: #856404;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    opacity: 0.8;
    margin: 0;
  }
  
  /* ====================================
     Footer
     ==================================== */
  
  .modal-simulacao-container .modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 25px 25px;
    border: none;
    background: transparent;
  }
  
  .confirm-button {
    background: linear-gradient(135deg, #1298d4 0%, #0d7ab8 100%);
    color: white;
    border: none;
    border-radius: 25px;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    max-width: 300px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(18, 152, 212, 0.3);
  }
  
  .confirm-button:hover:not(:disabled) {
    background: linear-gradient(135deg, #0d7ab8 0%, #0a6ba3 100%);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(18, 152, 212, 0.4);
  }
  
  .confirm-button:disabled {
    background: #6c757d;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
    opacity: 0.6;
  }
  
  .confirm-button .spinner-border-sm {
    width: 1rem;
    height: 1rem;
  }
  
  /* ====================================
     Responsividade
     ==================================== */
  
  @media (max-width: 768px) {
    .modal-forma-pagamento .modal-dialog {
      max-width: 95%;
      margin: 1rem auto;
    }
  
    .modal-simulacao-container .modal-header {
      padding: 20px 20px 15px;
    }
  
    .modal-simulacao-container .modal-body {
      padding: 0 20px 15px;
    }
  
    .modal-simulacao-container .modal-footer {
      padding: 15px 20px 20px;
    }
  
    .modal-simulacao-container h1 {
      font-size: 18px;
    }
  
    .store-address {
      font-size: 12px !important;
    }
  
    .payment-option {
      padding: 14px 16px;
    }
  
    .payment-option h1 {
      font-size: 15px !important;
    }
  
    .payment-option-value {
      font-size: 14px;
    }
  
    .informativo-container {
      padding: 14px 16px;
    }
  
    .informativo-main {
      font-size: 13px;
    }
  
    .informativo-secondary {
      font-size: 12px;
    }
  }
  
  @media (max-width: 480px) {
    .modal-forma-pagamento .modal-dialog {
      max-width: 98%;
      margin: 0.5rem auto;
    }
  
    .payment-option {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }
  
    .payment-option-left {
      width: 100%;
    }
  
    .payment-option-value {
      align-self: flex-end;
      font-weight: 700;
    }
  
    .confirm-button {
      padding: 12px 30px;
      font-size: 15px;
    }
  }
.forma-entrega-data-card {
  background-color: white;
  border-radius: 8px;
  margin: 10px 0;
  padding: 20px 50px;
  justify-content: center;
}

.forma-entrega-data-titulo {
  text-align: center;
  color: #222745;
  font-size: 20px;
  font-weight: bold;
}

.forma-entrega-datas {
  color: #222745;
  font-size: 16px;
  margin: 20px 0 20px 0;
}

.forma-entregas-datas-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.forma-entrega-datas-container {
  text-align: center;
}

.forma-entrega-datas-texto {
  display: flex;
  justify-content: flex-start;
  width: 300px;
}

.forma-entrega-datas-radio-container {
  display: flex;
  margin-bottom: 10px;
  cursor: pointer;
}

.forma-entrega-salvar {
  text-align: center;
}

.forma-entrega-voltar {
  text-align: center;
}

.forma-entrega-voltar-button {
  background-color: transparent;
  color: #1298d4;
  border: 1px solid #1298d4;
  margin-bottom: 10px;
}

.forma-entrega-botoes-container {
  display: flex;
  justify-content: center;
}

.forma-entrega-subtitulo {
  text-align: center;
  font-size: 11px;
  color: #748497;
}

.forma-entrega-titulo-correios {
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
}

.forma-entrega-botao-periodo {
  background-color: #fff;
  color: #1298d4;
  box-shadow: 0 3px 6px #00000029;
  width: 116px;
  height: 46px;
  font-size: 13px;
  padding: 10px 0;
  margin: 20px;
  outline: none !important;
  border: none;
  border-radius: 30px;
}

.forma-entrega-botao-periodo-active {
  background-color: #1298d4;
  color: #fff;
}

.forma-entrega-botao-periodo > h1 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.forma-entrega-botao-periodo > p {
  font-size: 11px;
  text-align: center;
}

.d0-texto {
  margin-left: 5px;
  font-size: 16px;
  color: #d11c2b;
  font-weight: bold;
}

.forma-entregas-datas-container img {
  width: 19px;
  margin-left: 5px;
  margin-bottom: 7px;
  cursor: pointer;
}

@media (max-width: 840px) {
  .forma-entrega-data-card {
    padding: 10px;
  }

  .forma-entrega-data-titulo {
    white-space: nowrap;
  }

  .forma-entrega-botao-periodo {
    margin: 10px;
    padding: 0;
  }
}

.modal-info-size {
  max-width: 380px;
}

.modal-info-container > .modal-body {
  padding: 0 !important;
}

.modal-info-container > .modal-header {
  padding: 0 0 5px 0 !important;
}

.modal-info-container > .modal-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.modal-info-container button {
  width: 100%;
}

.header-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  width: 100%;
}

.header-info img {
  width: 30px;
  margin-bottom: 15px;
}

.header-info h1 {
  font-size: 20px;
  color: #1a1d36;
  font-weight: bold;
}

.header-info h2 {
  font-size: 16px;
  color: #d8292f;
  font-weight: 100;
  margin-bottom: 15px;
}

.header-info h3 {
  font-size: 12px;
  color: #748497;
  font-weight: 100;
  margin-bottom: 15px;
}

.transferencia {
  align-self: flex-start;
}

.transferencia li {
  margin: 0 !important;
}

.transferencia img {
  margin: 0 20px 0 0 !important;
}

.body-info {
  padding-left: 10px;
}

.body-info li {
  display: flex;
  margin-bottom: 25px;
}

.body-info li:first-child {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.body-info li:first-child div {
  display: flex;
  align-items: center;
}

.body-info li label {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.body-info li img {
  margin-right: 15px;
  align-self: flex-start;
}

.body-info li:first-child img,
.body-info li:nth-child(2) img {
  width: 30px;
  height: 20px;
}

.body-info li:last-child img {
  width: 30px;
  height: 26px;
}

.body-info li h1,
.body-info li label h1 {
  color: #222745;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.body-info li label h2 {
  font-size: 15px;
  font-weight: 300;
  color: #222745;
  margin: 0;
}

.bandeiras-container {
  display: flex;
  height: 48px;
}

.bandeiras-container img {
  align-self: center !important;
  margin-right: 10px !important;
}

.bandeiras-container img:first-child {
  height: 21px !important;
  width: 58px !important;
}

.bandeiras-container img:nth-child(2) {
  width: 38px !important;
  height: 34px !important;
}

.bandeiras-container img:nth-child(3) {
  width: 40px !important;
  height: 40px !important;
}

.bandeiras-container img:nth-child(4) {
  height: 29px !important;
  width: 45px !important;
}

.bandeiras-container img:nth-child(5) {
  height: 26px !important;
  width: 59px !important;
}

.carrinho-entrega-botao {
  text-align: center;
}

.carrinho-revisao-bloco-loja-horario {
  margin-top: 3px;
}

.carrinho-revisao-bloco-loja-titulo {
  margin-top: 5px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .carrinho-entrega-esconder-mobile {
    display: none;
  }

  .carrinho-revisao-bloco-loja-horario {
    font-size: 15px;
  }
}

.carrinho.revisao.detalhes-da-entrega {
  display: flex;
  flex-direction: column;
}

.carrinho.revisao.detalhes-da-entrega p {
  font-weight: bold !important;
}

.modal-local-memoravel-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.input-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.local-memoravel-texto {
  text-align: left;
  color: #222745;
  font-size: 12px;
  background-color: #fdf5db;
  display: flex;
  padding: 10px;
}

.local-memoravel-texto > div {
  margin: auto 10px;
}

.loading-box-modal-local-memoravel {
  position: absolute;
  margin: 80px auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
}

.residencia-exterior {
  color: #fff;
  font-size: 16px;
}

.carrinho-cupom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 21px 16px;
  margin-bottom: 15px;
  border-radius: 5px;
  box-shadow: 0 3px 6px #00000029;
  font-size: 16px;
}

.carrinho-cupom>span {
  color: #222745;
  font-weight: bold;
}

.carrinho-cupom>a {
  color: #1298d4 !important;
  border-bottom: 1px solid #1298d4;
  font-weight: bold;
  cursor: pointer;
}

.carrinho-cupom-modal .modal-header {
  justify-content: center;
  font-size: 24px;
  color: #222745;
  font-weight: bold;
}

.carrinho-cupom-modal .modal-footer {
  justify-content: center;
}

.carrinho-cupom-modal .modal-footer>button {
  width: 100%;
}
.carrinho-revisao-bloco {
  background-color: #cfd4d959;
  padding: 22px 34px;
  width: 100%;
  border-radius: 8px;
  margin: 8px 0;
}

.carrinho-revisao-bloco:first-child {
  margin-top: 0;
}

.carrinho-revisao-bloco h4 {
  color: #222745;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}

.carrinho-revisao-bloco h5 {
  color: #222745;
  font-size: 16px;
  font-weight: bold;
}

.carrinho-revisao-bloco span {
  color: #748497;
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
}

.carrinho-revisao-bloco-link-alteracao {
  color: #1298d4 !important;
  font-size: 16px;
  text-decoration: underline !important;
  cursor: pointer;
  float: right;
  font-weight: normal;
}

.carrinho-revisao-bloco-d0 {
  display: flex;
  width: 60%;
  justify-content: space-between;
}

.container-revisao-d0 {
  display: flex;
  flex-direction: row;
}

.alerta-d0 {
  display: flex;
  align-items: center;
  background-color: #fdf5db;
  border-radius: 5px;
  padding: 15px;
  width: 100%;
}

.alerta-d0 > img {
  height: 21px;
  margin-right: 15px;
}

.alerta-d0 > span {
  color: #222745;
  font-size: 12px;
}

.parcelas {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 120px;
}

@media (max-width: 768px) {
  .carrinho-revisao-esconder-mobile {
    display: none;
  }

  .container-revisao-d0 {
    flex-direction: column;
  }

  .parcelas {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
  }

  .parcelas > span:first-child {
    margin-right: 5px;
  }

  .carrinho-revisao-bloco-d0 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}

.escala-likert-modal-revisao {
  position: absolute;
  top: 20%;
  left: 40%;
}

.escala-likert-revisao-pedido {
  display: none;
}

.escala-likert-blank {
  height: 85vh;
  width: 100vw;
  background-color: #f6f6f6;
}

.carrinho-minha-compra > hr {
  margin-top: 30px;
  margin-bottom: 16px;
}

.link-adicionar-moedas {
  color: #1298d4;
}

.retirada-loja-filtro {
  display: flex;
  text-align: center;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.retirada-loja-filtro h1 {
  font-size: 16px !important;
  color: #1298d4;
  border-bottom: 1px solid currentColor;
  margin: 0;
  height: 20px;
}

.retirada-loja-titulo {
  text-align: center;
  color: #222745;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.retirada-loja-modal-titulo {
  text-align: center;
  color: #222745;
  font-size: 24px;
  font-weight: bold;
}

.retirada-loja-link-localizacao {
  color: #1298d4;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 20px;
}

.retirada-loja-link-localizacao > img {
  margin-bottom: 4px;
  width: 14px;
}

.retirada-loja-link-localizacao-texto {
  margin-left: 5px;
  cursor: pointer;
}

.retirada-loja-filtro > img {
  margin-right: 5px;
  margin-top: 5px;
}

.retirada-loja-filtro > :last-child {
  width: 15px;
  height: 10px;
  margin: 0;
}

.retirada-loja-filtro:hover {
  cursor: pointer;
}

.retirada-loja-filtro-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.retirada-loja-filtro-modal .modal-body {
  padding-top: 0;
}

.retirada-loja-filtro-modal-button {
  width: 100%;
}

@media (max-width: 840px) {
  .retirada-loja-filtro {
    margin-top: 20px;
  }

  .retirada-loja-link-localizacao {
    font-size: 14px;
  }
}

.forma-entrega,
.forma-entrega-dados {
  background-color: white;
  border-radius: 8px;
  padding: 20px 0;
}

.forma-entrega-dados {
  margin-top: 10px;
}

.forma-entrega-conteudo {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.forma-entrega-texto {
  text-align: center;
  color: #1a1d36;
  font-weight: bold;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  min-height: 70px;
}

.forma-entrega-botao {
  background-color: #f2f5f7;
  max-width: 150px;
  height: 80px;
  color: #1298d4;
  box-shadow: 0 3px 6px #00000029;
  font-size: 15px;
  border-radius: 4px;
  border: none;
  margin: 20px 0 20px 0;
  display: flex;
  justify-content: space-between;
}

.forma-entrega-botao div:first-child,
.forma-entrega-botao .forma-entrega-botao-active div:first-child {
  width: 50%;
  height: 70px;
  align-items: flex-end;
  display: flex;
}

.forma-entrega-botao div img {
  width: 25px;
}

.icon-delivery {
  width: 30px !important;
  height: 21px;
}

.forma-entrega-botao-active {
  background-color: #1298d4;
  color: #fff;
}

.forma-entrega-botao div h1,
.forma-entrega-botao .forma-entrega-botao-active div h1 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}

.trackYFormaEntrega {
  width: 4px !important;
  background: transparent !important;
}

.thumbYFormaEntrega {
  background: #222745 !important;
}

@media (min-width: 1024px) and (max-width: 1124px) {
  .forma-entrega-botao {
    min-width: 150px;
    font-size: 13px;
  }
}

@media (max-width: 840px) {
  .col-padding {
    padding-right: 5px;
    padding-left: 5px;
  }

  .forma-entrega {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
  }

  .forma-entrega-texto {
    min-height: 75px;
  }

  .forma-entrega-botao {
    display: flex;
    min-width: 150px;
    font-size: 10px;
  }

  .icon-forma-entrega {
    width: 90%;
  }
}

.forma-entrega-data-card {
  background-color: white;
  border-radius: 8px;
  margin: 10px 0;
  padding: 20px 50px;
  justify-content: center;
}

.forma-entrega-data-titulo {
  text-align: center;
  color: #222745;
  font-size: 20px;
  font-weight: bold;
}

.forma-entrega-datas {
  color: #222745;
  font-size: 16px;
  margin: 20px 0 20px 0;
}

.forma-entregas-datas-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.forma-entrega-datas-container {
  text-align: center;
}

.forma-entrega-datas-texto {
  display: flex;
  justify-content: flex-start;
  width: 300px;
}

.forma-entrega-datas-radio-container {
  display: flex;
  margin-bottom: 10px;
  cursor: pointer;
}

.forma-entrega-salvar {
  text-align: center;
}

.forma-entrega-voltar {
  text-align: center;
}

.forma-entrega-voltar-button {
  background-color: transparent;
  color: #1298d4;
  border: 1px solid #1298d4;
  margin-bottom: 10px;
}

.forma-entrega-botoes-container {
  display: flex;
  justify-content: center;
}

.forma-entrega-subtitulo {
  text-align: center;
  font-size: 11px;
  color: #748497;
}

.forma-entrega-titulo-correios {
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
}

.forma-entrega-botao-periodo {
  background-color: #fff;
  color: #1298d4;
  box-shadow: 0 3px 6px #00000029;
  width: 116px;
  height: 46px;
  font-size: 13px;
  padding: 10px 0;
  margin: 20px;
  outline: none !important;
  border: none;
  border-radius: 30px;
}

.forma-entrega-botao-periodo-active {
  background-color: #1298d4;
  color: #fff;
}

.forma-entrega-botao-periodo > h1 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.forma-entrega-botao-periodo > p {
  font-size: 11px;
  text-align: center;
}

.d0-texto {
  margin-left: 5px;
  font-size: 16px;
  color: #d11c2b;
  font-weight: bold;
}

.forma-entregas-datas-container img {
  width: 19px;
  margin-left: 5px;
  margin-bottom: 7px;
  cursor: pointer;
}

@media (max-width: 840px) {
  .forma-entrega-data-card {
    padding: 10px;
  }

  .forma-entrega-data-titulo {
    white-space: nowrap;
  }

  .forma-entrega-botao-periodo {
    margin: 10px;
    padding: 0;
  }

  .forma-entrega-informacao-container div {
    max-width: 100%;
  }
}

.forma-entrega-informacao-container {
  margin-top: 28px;
  margin-bottom: 30px;
  font-size: 14px;
}

.forma-entrega-informacao-container div {
  width: 345px;
  margin: 0 auto;
}

.carrinho-entrega-botao {
  text-align: center;
}

.carrinho-revisao-bloco-loja-horario {
  margin-top: 3px;
}

.carrinho-revisao-bloco-loja-titulo {
  margin-top: 5px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .carrinho-entrega-esconder-mobile {
    display: none;
  }

  .carrinho-revisao-bloco-loja-horario {
    font-size: 15px;
  }
}

.carrinho-revisao-bloco {
  background-color: #cfd4d959;
  padding: 22px 34px;
  width: 100%;
  border-radius: 8px;
  margin: 8px 0;
}

.carrinho-revisao-bloco:first-child {
  margin-top: 0;
}

.carrinho-revisao-bloco h4 {
  color: #222745;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}

.carrinho-revisao-bloco h5 {
  color: #222745;
  font-size: 16px;
  font-weight: bold;
}

.carrinho-revisao-bloco span {
  color: #748497;
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
}

.carrinho-revisao-bloco-link-alteracao {
  color: #1298d4 !important;
  font-size: 16px;
  text-decoration: underline !important;
  cursor: pointer;
  float: right;
  font-weight: normal;
}

.carrinho-revisao-bloco-d0 {
  display: flex;
  width: 60%;
  justify-content: space-between;
}

.container-revisao-d0 {
  display: flex;
  flex-direction: row;
}

.alerta-d0 {
  display: flex;
  align-items: center;
  background-color: #fdf5db;
  border-radius: 5px;
  padding: 15px;
  width: 100%;
}

.alerta-d0 > img {
  height: 21px;
  margin-right: 15px;
}

.alerta-d0 > span {
  color: #222745;
  font-size: 12px;
}

.parcelas {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 120px;
}

@media (max-width: 768px) {
  .carrinho-revisao-esconder-mobile {
    display: none;
  }

  .container-revisao-d0 {
    flex-direction: column;
  }

  .parcelas {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
  }

  .parcelas > span:first-child {
    margin-right: 5px;
  }

  .carrinho-revisao-bloco-d0 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}

.recarga-cartao {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.botao-novo-cartao {
  background-color: transparent;
  color: #1298d4;
  border: 1px solid #1298d4;
  margin-top: 20px;
}

.botao-novo-cartao:disabled {
  color: white;
}

.recarga-flex {
  display: flex;
}

.recarga-cartao-card {
  margin: 0 0 15px;
  border-radius: 5px;
  float: left;
  background-color: #fff;
  box-shadow: 5px 5px 5px #cfd4d9;
  cursor: pointer;
  outline: none;
  width: 100%;
  height: 147px;
  text-align: center;
  padding: 20px;
}

.recarga-cartao-card-saldo {
  margin: 0 0 15px;
  border-radius: 5px;
  float: left;
  background-color: #fff;
  box-shadow: 5px 5px 5px #cfd4d9;
  cursor: pointer;
  outline: none;
  width: 100%;
  min-height: 250px;
  text-align: center;
  padding: 20px;
}

.recarga-info-saldo {
  display: flex;
  flex-direction: column;
  color: #748497;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recarga-item-radio {
  padding: 40px 0;
}

.recarga-item {
  padding: 0 20px;
}

.recarga-cartao-saldo {
  text-align: right;
  margin: auto 0 auto auto;
  -webkit-user-select: none;
          user-select: none;
}

.recarga-cartao-saldo > span {
  color: #1298d4;
  text-decoration: underline;
  font-size: 18px;
  white-space: nowrap;
  text-align: right;
}

.recarga-cartao-card-info {
  display: flex;
  flex-direction: row;
}

.recarga-info {
  flex-direction: column;
  color: #748497;
  padding: 20px 0;
}

.recarga-saldo {
  display: flex;
  flex-direction: row;
}

.recarga-info-saldo-unidade {
  display: flex;
  flex-direction: row;
}

.recarga-info-saldo-unidade > span {
  font-size: 16px;
  color: #1a1d36;
  margin-top: 10px;
  margin-bottom: 0;
}

.recarga-info-saldo-unidade > label {
  font-size: 24px;
  font-weight: bold;
  color: #1a1d36;
  margin-left: 5px;
}

.recarga-info > span {
  font-size: 18px;
}

.recarga-info > h1 {
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recarga-cartao-img {
  width: 158px;
  height: 99px;
  pointer-events: none;
  margin: 5px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.recarga-saldos-moeda {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 20px;
}

.recarga-saldos {
  margin: 0 20px 0 0;
  text-align: left;
  color: #748497;
  white-space: nowrap;
}

.tooltipContainer {
  display: inline-block;
  text-align: center;
  margin: 10px 0 10px 0;
}

input[type='radio'] {
  background-color: transparent;
  border: 1px solid #1298d4;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  flex: 0 0 20px;
  height: 20px;
  width: 20px;
  margin-right: 15px;
  margin-top: 2px;
  position: relative;
  -webkit-appearance: none;
}

input[type='radio']::after {
  background-color: transparent;
  border-radius: 25px;
  content: '';
  display: block;
  height: 12px;
  margin-top: 3px;
  margin-left: 3px;
  width: 12px;
}

input[type='radio']:checked::after {
  background-color: #1298d4;
}

@media (max-width: 1317px) {
  .recarga-saldos-moeda {
    margin-top: 20px;
    flex-direction: column;
    grid-row-start: 5;
    grid-column-start: 2;
    grid-column-end: 5;
    grid-template-columns: auto;
  }

  .recarga-item {
    padding: 0 10px;
  }

  .recarga-saldos {
    margin-right: 10px;
    display: grid;
    font-size: 20px;
  }

  .recarga-saldos > span {
    margin-left: 50px;
  }

  .recarga-info-saldo-unidade {
    grid-column-start: 2;
    justify-content: center;
    margin-left: auto;
  }
}

@media (max-width: 840px) {
  .recarga-flex {
    display: grid;
  }

  .recarga-cartao-card {
    padding: 10px;
    height: 95px;
    grid-template-columns: 10% 30% auto;
  }

  .recarga-cartao-card-saldo {
    height: 80%;
    padding: 10px;
    position: relative;
    grid-column-start: 2;
  }

  .recarga-info-saldo {
    grid-column-start: 3;
  }

  .recarga-cartao-saldo {
    padding: 0;
    text-align: left;
    margin: auto auto auto 0;
    grid-column-start: 3;
    grid-row-start: 2;
  }

  .recarga-cartao-img {
    width: 100px;
    height: 60px;
    margin: 0;
    box-shadow: 0 10px 5px #cfd4d9;
  }

  .recarga-item-radio {
    padding: 10px 0;
  }

  .recarga-info {
    padding: 0;
    width: 100%;
  }

  .recarga-info > span {
    font-size: 14px;
  }

  .recarga-info > h1 {
    font-size: 16px;
    margin-bottom: 0;
  }

  .recarga-cartao-saldo > span {
    font-size: 14px;
  }

  .recarga-info-saldo-unidade {
    grid-column-start: 4;
    justify-content: center;
    margin: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  .tooltipContainer {
    width: 100%;
  }

  input[type='radio'] {
    flex: 0 0 18px;
    height: 18px;
    width: 18px;
  }

  input[type='radio']::after {
    flex: 0 0 12px;
    height: 12px;
    margin-top: 2px;
    margin-left: 2px;
    width: 12px;
  }

  .recarga-saldos-moeda {
    flex-direction: column;
    margin: 0;
  }

  .recarga-saldos {
    margin-bottom: 10px;
    margin-right: 0;
    display: grid;
  }

  .recarga-saldos > span {
    margin-top: auto;
    margin-bottom: auto;
    font-weight: bold;
    font-size: 16px;
    margin-left: 25px;
  }

  .recarga-info-saldo-unidade > span {
    margin-top: auto;
    margin-bottom: auto;
    font-weight: bold;
    font-size: 14px;
  }

  .recarga-info-saldo-unidade > label {
    font-weight: bold;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 14px;
  }
}

.remessa {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.remessa .body-header-title-subtitle h1 {
  color: #788791;
  font-weight: normal;
  font-size: 24px;
}

.remessa .body-header-title-subtitle p {
  color: #212644;
  font-size: 20px;
}

.remessa .body-header-title-subtitle p a {
  margin-right: 8px;
}

.remessa .body-header {
  margin: 15px 0 15px 0;
}

.remessa .body-content {
  background-color: transparent;
  box-shadow: none;
  padding: 0 0 32px 0;
}

.remessa-resumo-title {
  display: block;
  color: #748497;
  font-size: 24px;
  padding-bottom: 16px;
  position: absolute;
  top: -50px;
}

.remessa .horizontal-divisor {
  border-top: 1px solid #ccc;
  margin: 15px 20px;
}

@media (max-width: 768px) {
  .remessa .header {
    margin-bottom: 50px;
  }

  .remessa .body-content {
    padding: 0 0 16px 0;
  }

  .remessa-resumo-title {
    margin-top: 16px;
    position: unset;
  }
}

.timer-new {
  display: flex;
  background-color: #c2deef;
  padding: 0;
  height: 64px;
  margin: 15px 0 15px 48px;
  border-radius: 5px;
  color: #051c2c;
  box-sizing: border-box;
}

.timer-new.blue {
  background-color: #00a6da;
  color: #ffffff;
}

.timer-new.red {
  background-color: #da292f;
  color: #ffffff;
}

.timer-new .icone-relogio {
  position: relative;
  margin: 0 8px 0 0;
}

.timer-new .box-left {
  position: relative;
  margin: 8px 0;
  padding: 0 18px;
  border-right: 1px solid #051c2c;
  box-sizing: border-box;
}

.timer-new.blue .box-left,
.timer-new.red .box-left,
.timer-new.orange .box-left {
  border-right: 1px solid #fff;
}

.timer-new .box-left .label {
  position: relative;
  font: normal normal normal 12px/12px Lato;
  margin: 0;
  display: block;
}

.timer-new .box-left .wrap-texto {
  position: relative;
  display: flex;
  margin: 0;
}

.timer-new .box-left .font-small {
  display: block;
  position: relative;
  font: normal normal bold 12px/48px Lato;
  padding-right: 4px;
}

.timer-new .box-left .font-big {
  display: block;
  position: relative;
  font: normal normal bold 32px/32px Lato;
}

.timer-container-new {
  display: flex;
  align-items: center;
  justify-content: space-between !important;
  margin: 0 !important;
  width: 100% !important;
}

.timer-container-new > span:first-child {
  font-size: 14px;
  line-height: 20px;
  padding-right: 15px;
}

.timer-container-new > span:last-child {
  font-size: 32px;
  line-height: 64px;
  font-weight: bold;
}

.loading-box-timer-new {
  text-align: center;
  padding: 15px;
}

/* Styles Modal Timer */
.modal-timer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(185, 185, 185, 0.7);
  z-index: 10000;
}

.modal-timer .box-modal-timer {
  position: absolute;
  width: 480px;
  left: 50%;
  margin-left: -240px;
  top: 50%;
  margin-top: -140px;
  background-color: #051c2c;
  color: #ffffff;
  padding: 24px 32px;
  border-radius: 5px;
  min-height: 280px;
}
.modal-timer .icone-fechar {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.modal-timer .title-modal {
  font: normal normal normal 20px/28px Lato;
}
.modal-timer .subtitle-modal {
  font: normal normal normal 14px/19px Lato;
}
.modal-timer .texto-small-modal {
  font: normal normal normal 12px/16px Segoe UI;
  color: #c7c6c6;
}
.modal-timer .texto-big-modal {
  font: normal normal 300 32px/32px Lato;
  color: #c7c6c6;
}
.modal-timer .texto-small-modal.white,
.modal-timer .texto-big-modal.white {
  color: #ffffff;
}
.modal-timer .flex-modal {
  display: flex;
  justify-content: center;
}
.modal-timer .icone-de-para {
  margin: 28px 16px 0;
}
.modal-timer .footer-modal-timer {
  margin: 24px 24px 0;
}
.modal-timer .footer-modal-timer .texto-small-modal {
  text-align: center;
  margin: 0;
}

/* Styles Mobile */
@media (max-width: 400px) {
  .loading-box-timer-new {
    display: none;
  }

  .timer-new {
    position: fixed;
    z-index: 1;
    margin: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    border-top: 1px solid #3a4367;
    top: var(--header-height);
    justify-content: space-between !important;
  }

  .timer-new.red .box-left .wrap-texto,
  .timer-new.blue .box-left .wrap-texto {
    color: #ffffff !important;
  }

  .timer-new .icone-relogio {
    display: none;
  }

  .timer-scrolled-new {
    top: 0 !important;
  }

  .timer-new .box-left .font-small {
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
  }

  .timer-new .box-left .font-big {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
  }

  .timer-container-new {
    margin: 0 auto !important;
    width: 200px !important;
    justify-content: space-between !important;
  }

  .timer-container-new > span:last-child {
    font-size: 26px;
    line-height: 32px;
  }

  .timer-container-new > span:first-child {
    font-size: 12px;
    line-height: 16px;
    padding-right: 7px;
  }

  .timer-new .box-left .label {
    margin: 8px 0 0;
  }

  .modal-timer .box-modal-timer {
    width: 100%;
    max-width: 300px;
    margin-left: -150px;
  }

  .modal-timer p {
    color: #ffffff;
  }

  .modal-timer .texto-big-modal {
    font: normal normal 300 14px/32px Lato;
  }

  .modal-timer .icone-fechar {
    right: 8px;
    top: 8px;
  }
}

@media (min-width: 401px) and (max-width: 767px) { 
  .loading-box-timer-new {
    display: none;
  }

  .timer-new {
    position: fixed;
    z-index: 1;
    margin: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    border-top: 1px solid #3a4367;
    top: var(--header-height);
    justify-content: space-between !important;
  }

  .timer-new.red .box-left .wrap-texto,
  .timer-new.blue .box-left .wrap-texto {
    color: #ffffff !important;
  }

  .timer-new .icone-relogio {
    display: none;
  }

  .timer-scrolled-new {
    top: 0 !important;
  }

  .timer-new .box-left .font-small {
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
  }

  .timer-new .box-left .font-big {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
  }

  .timer-container-new {
    margin: 0 auto !important;
    width: 200px !important;
    justify-content: space-between !important;
  }

  .timer-container-new > span:last-child {
    font-size: 26px;
    line-height: 32px;
  }

  .timer-container-new > span:first-child {
    font-size: 12px;
    line-height: 16px;
    padding-right: 7px;
  }

  .timer-new .box-left .label {
    margin: 8px 0 0;
  }

  .modal-timer .box-modal-timer {
    width: 100%;
    max-width: 400px;
    margin-left: -200px;
  }

  .modal-timer p {
    color: #ffffff;
  }

  .modal-timer .texto-big-modal {
    font: normal normal 300 24px/32px Lato;
  }
}

/* Styles Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .timer-new.red .box-left .wrap-texto,
  .timer-new.blue .box-left .wrap-texto {
    color: #ffffff !important;
  }

  .timer-new .icone-relogio {
    display: none;
  }

  .timer-new .box-left .font-small {
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
  }

  .timer-new .box-left .font-big {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
  }

  .timer-container-new {
    margin: 0 auto !important;
    width: 200px !important;
    justify-content: space-between !important;
  }

  .timer-container-new > span:last-child {
    font-size: 26px;
    line-height: 32px;
  }

  .timer-container-new > span:first-child {
    font-size: 12px;
    line-height: 16px;
    padding-right: 10px;
  }

  .timer-new .box-left .label {
    margin: 8px 0 0;
  }

  .modal-timer p {
    color: #ffffff;
  }
}

/* Styles Tablet Big Resolution */
@media (min-width: 1025px) and (max-width: 1200px) {
  .timer-new .icone-relogio {
    display: none;
  }
}

.steps-item-default {
  display: inline-block;
  height: 15px;
  width: 15px;
  margin-top: 13px;
  background-color: #c7c6c6;
  border-radius: 100%;
}

.steps-item {
  display: flex;
}

.steps-item::after,
.steps-item::before {
  content: ' ';
  display: inline-block;
  height: 1px;
  width: 35px;
 
  background-color: #c7c6c6;
}

.steps-item:first-child::before,
.steps-item:last-child::after {
  height: 0;
  background-color: transparent;
}

.steps-item > div {
  text-align: center;
}

.steps-item > div > div:nth-child(2) {
  position: relative;
  width: 1px;
  margin: auto;
}

.steps-item > div > div:nth-child(2)::after {
  content: '';
  display: block;
  height: 25px;
}

.steps-item > div > div > span {
  font-size: 12px;
  text-align: center;
  position: absolute;
  bottom: 0;
  display: block;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #c7c6c6;
}

.steps-item > div > div > svg {
  margin: 0 auto;
  height: 24px;
  width: auto;
}
.steps-item > div > div > svg,
.steps-item > div > div > svg *,
.steps-item > div > div > svg > *,
.steps-item > div > div > svg > g,
.steps-item > div > div > svg > g > *,
.steps-item > div > div > svg > g > g,
.steps-item > div > div > svg > g > g > * {
  stroke: #c7c6c6 !important;
}

.steps-item-active > div > div > span {
  color: #00a6da !important;
}

/* stylelint-disable */
.steps-item-active > div > div > svg,
.steps-item-active > div > div > svg *,
.steps-item-active > div > div > svg > *,
.steps-item-active > div > div > svg > g,
.steps-item-active > div > div > svg > g > *,
.steps-item-active > div > div > svg > g > g,
.steps-item-active > div > div > svg > g > g > * {
  stroke: #00a6da !important;
}
/* stylelint-enable */

.steps-item-active .steps-item-default {
  background-color: #00a6da;
}

@media (max-width: 768px) {
  .steps-item::after,
  .steps-item::before {
    width: 5vw;
  }
  .steps-item > div > div > span {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .steps-item > div > div > svg {
    height: 24px;
  }

  .steps-item::after,
  .steps-item::before {
    width: 2vw;
    margin-top: 14px;
  }
  .steps-item > div > div > span {
    display: none;
  }
}
.steps-container-new {
  display: block;
  width: auto;
  overflow: auto;
  padding: 25px 0;
}

.steps-container-new ul {
  display: flex;
  list-style: none;
  list-style-type: none;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: fit-content;
  padding: 0;
}
@media (max-width: 767px) {
  .steps-container-new ul {
    margin: 0 auto !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .steps-container-new ul {
    margin: 0 auto;
  }
}

.wrap-novofavorecido-new {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}

.wrap-novofavorecido-new .row-form {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 24px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}

.wrap-novofavorecido-new .row-form .col-left,
.wrap-novofavorecido-new .row-form .col-right {
  position: relative;
  width: 440px;
  box-sizing: border-box;
  margin-left: 88px;
}

.wrap-novofavorecido-new .row-form .col-full {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.wrap-novofavorecido-new .title-novofavorecido {
  font: normal normal normal 20px/32px Lato;
  color: #212644;
}

.wrap-novofavorecido-new .subtitle-novofavorecido {
  font: normal normal 600 18px/32px Lato;
  color: #788791;
  margin: 0 0 24px;
}

.wrap-novofavorecido-new .icone-cadastrar-favorecido {
  margin: 0 8px 4px 0;
}

.wrap-novofavorecido-new .fieldset-novofavorecido {
  position: relative;
  margin: 0 0 32px 0;
}

.wrap-novofavorecido-new .fieldset-novofavorecido .simulador-paises-dropdown-new,
.wrap-novofavorecido-new .fieldset-novofavorecido .simulador-paises-dropdown-new-open {
  background: none !important;
}

.wrap-novofavorecido-new .fieldset-novofavorecido.pointer {
  cursor: pointer;
}

.wrap-novofavorecido-new .fieldset-novofavorecido .readonly {
  cursor: not-allowed;
}

.wrap-novofavorecido-new .fieldset-novofavorecido .simulador-paises-dropdown-new-pais {
  padding-left: 24px;
}

.wrap-novofavorecido-new .fieldset-novofavorecido .simulador-moedas-dropdown-new {
  margin: 8px 0 0;
  background: none !important;
  padding: 0 0 4px 24px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}

.wrap-novofavorecido-new .fieldset-novofavorecido .simulador-moedas-dropdown-new .prefix-moeda {
  margin-right: 10px;
}

.wrap-novofavorecido-new .fieldset-novofavorecido .simulador-moedas-dropdown-new .nome-moeda {
  display: block;
  width: 100%;
  font: normal normal normal 12px/34px Lato;
  color: #788791;
}

.wrap-novofavorecido-new .fieldset-novofavorecido .simulador-moedas-dropdown-new .simulador-moedas-dropdown-arrow {
  cursor: pointer;
}

.wrap-novofavorecido-new input:disabled {
  background: none !important;
}

.wrap-novofavorecido-new .switch .slider.round {
  cursor: default;
}

.switch {
  position: relative;
  width: 44px;
  height: 24px;
  float: right;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
  width: 44px !important;
  height: 24px;
}

.slider.round:before {
  border-radius: 50%;
}
.novo-fav-modal-button {
  width: 376px;
  height: 56px;
  border-radius: 5px;
  background-color: #CFD4D9;
}
.row-buttons{
  position: relative;
  left: 250px !important;
}
.fieldset-novofavorecido label {
  width: 100%;
  height: 21px;
  font: normal normal normal 12px/26px Lato;
  letter-spacing: 0px;
  color: #788791;
  opacity: 1;
  margin: 0;
  text-align: left;
  padding: 0;
}

.fieldset-novofavorecido input,
.fieldset-novofavorecido input:read-only {
  border: none;
  background: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  text-align: left;
  padding: 0;
}

.fieldset-novofavorecido .confidence-input-disabled label,
.fieldset-novofavorecido .confidence-input-disabled input {
  color: #545454 !important;
  border-color: #ccc !important;
  background: none !important;
}

.fieldset-novofavorecido .confidence-input-error > span {
  color: red;
  font-size: 13px;
  margin-left: 0;
}

.fieldset-novofavorecido .confidence-input-container-error > input {

  border: none !important;
  border-bottom: 1px solid red !important;
}

.fieldset-novofavorecido .confidence-input-error {
  height: auto !important;
}

.wrap-novofavorecido-new .form-check-input {
  cursor: pointer !important;
}

.wrap-checkbox {
  margin-left: 12px;
}

.wrap-checkbox .form-check-input {
  position: absolute;
  margin-top: 0px;
  margin-left: -32px;
  width: 24px;
  height: 24px;
  border: 1px solid #00A6DA !important;
}

.novo-favorecido-search {
  position: absolute;
  background-color: white;
  border: 1px solid #cfd4d9;
  border-radius: 8px;
  width: 100%;
  box-shadow: 5px 5px 5px #cfd4d9;
  margin-top: -20px;
  z-index: 1;
}

.novo-favorecido-search-input {
  position: relative;
  width: 75%;
}

.novo-favorecido-search-item {
  padding: 10px;
  border-bottom: 1px solid #cfd4d9;
}

.novo-favorecido-search-item:hover {
  cursor: pointer;
  background-color: #e0e0e0;
}

.novo-favorecido-search-item-codigo {
  font-weight: bold;
  font-size: 15px;
}

.novo-favorecido-search-item-tipo {
  font-size: 12px;
  color: #748497;
}

.novo-favorecido-search-nenhum-item {
  font-size: 15px;
  color: #748497;
  margin: 10px;
  text-align: center;
}

.primary-button-new {
  display: block;
  border-radius: 4px;
  padding: 0 48px;
  height: 56px;
  font: normal normal bold 17px/56px Lato;
  width: 376px !important;
  margin:16px 0 0 !important;
  background-color: #00A6DA;
  color:#ffffff;
}
.primary-button-new:hover {
  color:#ffffff;
}
.secundary-button-new {
  display: block;
  border-radius: 4px;
  padding: 0 48px;
  height: 56px;
  font: normal normal bold 17px/56px Lato;
  width: 376px !important;
  color: #00A6DA !important;
  border: 1px solid #00A6DA;
  border-radius: 4px;
  margin:16px 0 0 !important;
  box-sizing: border-box;
  background: none;
}
.wrap-primary-button-new {
  display: block;
  border-radius: 4px;
  padding: 0 48px;
  width: 376px !important;
  height: 56px;
  font: normal normal bold 17px/56px Lato;
  position: relative;
  background-color: #00a6da;
  color: #ffffff;
}
.wrap-primary-button-new:hover {
  color: #ffffff;
}
.wrap-secundary-button-new {
  display: block;
  border-radius: 4px;
  padding: 0 48px;
  height: 56px;
  font: normal normal bold 17px/56px Lato;
  width: 376px !important;
  color: #00a6da !important;
  border: 1px solid #00a6da;
  border-radius: 4px;
  margin: 16px 0 0 !important;
  box-sizing: border-box;
  background: none;
}
.linkiban {
  padding-left: 3px;
  color: #00a6da;
}
.novo-modal-fav .modal-content {
  background-color: #212644 !important;
}

.novo-modal-fav .title-fav {
  color: white;
  font-size: 18px;
  text-align: center;
}

.novo-modal-fav .sub-fav {
  color: white;
  font-size: 15px;
  text-align: center;
}

.novo-modal-fav .button-next,
.novo-modal-fav .button-back {
  margin: 20px auto !important;
  width: 100% !important;
  left: 0;
}

.novo-modal-fav .novo-endereco-modal-close {
  left: 0;
  top: 0;
  position: relative;
}

.novo-modal-fav .modal-header .close {
  top: 0px !important;
  right: 0px !important;
}

.helper-text.info{
  font-size: small;
  color: #00A6DA;
}

@media (max-width: 767px) {
  .wrap-novofavorecido-new .row.row-buttons {
    position: static;
    margin: 0;
    width: 100%;
  }

  .wrap-novofavorecido-new .row.row-buttons .primary-button-new,
  .wrap-novofavorecido-new .row.row-buttons .secundary-button-new {
    padding: 0;
    position: static;
    width: 100% !important;
  }

  .wrap-novofavorecido-new .row-form .col-left,
  .wrap-novofavorecido-new .row-form .col-right {
    margin-left: 0px;
  }

  .wrap-checkbox .form-check-label {
    font-size: 14px;
  }

  .wrap-novofavorecido-new .row-buttons > div {
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .wrap-novofavorecido-new .row.row-buttons {
    position: static;
    margin: 0;
    width: 100%;
  }

  .wrap-novofavorecido-new .row.row-buttons .primary-button-new,
  .wrap-novofavorecido-new .row.row-buttons .secundary-button-new {
    padding: 0;
    position: static;
    width: 100% !important;
  }
}

@media (max-width: 1024px) {
  .wrap-novofavorecido-new .title-novofavorecido,
  .wrap-novofavorecido-new .subtitle-novofavorecido {
    font-size: 16px;
  }

  .wrap-novofavorecido-new input[type='text'],
  .wrap-novofavorecido-new input[type='checkbox'],
  .wrap-novofavorecido-new .simulador-paises-dropdown-new-pais,
  .wrap-novofavorecido-new .prefix-moeda {
    font-size: 14px;
  }

  .wrap-novofavorecido-new .row.row-buttons {
    display: flex;
    flex-direction: column;
    position: static;
    margin: 0;
    width: 100%;
  }

  .wrap-novofavorecido-new .row.row-buttons .col-6 {
    padding: 0;
    max-width: initial;
  }

  .wrap-novofavorecido-new .row.row-buttons .primary-button-new,
  .wrap-novofavorecido-new .row.row-buttons .secundary-button-new {
    padding: 0;
    position: static;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .wrap-novofavorecido-new .row-form .col-left,
  .wrap-novofavorecido-new .row-form .col-right {
    margin-left: 0;
    width: 100%;
  }
}

@media (min-width: 1025px) and (max-width: 1180px) {
  .wrap-novofavorecido-new .row-buttons {
    position: initial;
    margin: 0 auto;
  }
}
.modal-open .modal {
  background-color: rgba(255, 255, 255, 0.25) !important; 
}

.modal-new-container {
  text-align: center;
}

.modal-new-container .modal-header {
  padding: 0 !important;
  margin: 0px 48px 20px !important;
  height:auto;
}

.modal-new-container .modal-content {
  border-radius: 4px;
  max-width: 400px;
  background-color: #212644;
  color:#ffffff;
  font: normal normal normal 20px/28px Lato;
  padding: 24px 24px 25px !important;
  border-radius: 5px !important;
}

.modal-new-container .modal-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  padding: 0 !important;
}

.modal-new-container .modal-body {
  padding: 0px 0px 0px !important;
}

.modal-header .close {
  top:24px !important;
  right:24px !important;
  width: 24px !important;
  height: 24px !important;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iY2xvc2UtY2lyY2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjM2IC0yNTIpIj4KICAgIDxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMCwyMEExMCwxMCwwLDEsMCwwLDEwLDEwLjAyOSwxMC4wMjksMCwwLDAsMTAsMjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzggMjU0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBhNmRhIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgICA8cGF0aCBpZD0iVmVjdG9yLTIiIGRhdGEtbmFtZT0iVmVjdG9yIiBkPSJNMCw1LjY2LDUuNjYsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ1LjE3IDI2MS4xNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwYTZkYSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPHBhdGggaWQ9IlZlY3Rvci0zIiBkYXRhLW5hbWU9IlZlY3RvciIgZD0iTTUuNjYsNS42NiwwLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0NS4xNyAyNjEuMTcpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMGE2ZGEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgIDxwYXRoIGlkPSJWZWN0b3ItNCIgZGF0YS1uYW1lPSJWZWN0b3IiIGQ9Ik0wLDBIMjRWMjRIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNiAyNTIpIiBmaWxsPSJub25lIiBvcGFjaXR5PSIwIi8+CiAgPC9nPgo8L3N2Zz4K) 0 0 no-repeat;
  text-indent: -99999px;
  opacity: 1 !important;
}

.primary-button-new {
  display: block;
  border-radius: 4px;
  padding: 0 48px;
  width: 160px;
  height: 56px;
  font: normal normal bold 17px/56px Lato;
  position: relative;
  left: 10px;
  background-color: #00A6DA;
  color:#ffffff;
}
.primary-button-new:hover {
  color:#ffffff;
}
.secundary-button-new {
  display: block;
  border-radius: 4px;
  padding: 0 48px;
  height: 56px;
  font: normal normal bold 17px/56px Lato;
  width: 160px;
  color: #00A6DA !important;
  border: 1px solid #00A6DA;
  border-radius: 4px;
  position: relative;
  right: 10px;
  box-sizing: border-box;
  background: none;
}
.wrap-favorecidos {
  position: relative;
}

.favorecidos-listagem-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-shadow: 0 3px 6px #00000029;
  margin: 1px 0;
  padding: 20px;
  background-color: white;
  cursor: pointer;
}

.favorecidos-listagem-vazia {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
  margin: 20px 0 150px 0 !important;
}

.favorecidos-listagem-vazia p {
  font-size: 18px;
  color: #748497;
}

.favorecidos-card-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.favorecidos-card {
  margin: 0 20px 15px;
}

.favorecidos-card .card-favorecido {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 330px;
}

.favorecidos-card .card-favorecido-texto {
  cursor: pointer;
  height: 100%;
}

.favorecidos-listagem-card-toggle {
  color: #4aafdd;
  font-size: 18px;
  cursor: pointer;
  margin-right: 10px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.favorecidos-listagem-card-arrow {
  width: 30px;
}

.favorecidos-listagem-card-edit {
  margin-right: 20px;
  cursor: pointer;
}

.favorecidos-listagem-card-edit-image {
  width: 20px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.favorecidos-listagem-card-remove {
  width: 20px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.favorecidos-listagem-card-title {
  font-size: 20px;
  font-weight: bold;
}

.favorecidos-listagem-card-description {
  font-size: 17px;
  color: #748497;
}

.favorecidos-listagem-novo-button {
  background-color: transparent;
  border: 1px solid #00a6da;
  border-radius: 5px;
  color: #00a6da;
  font-size: 18px;
  margin-top: 20px;
  height: 56px;
  width: 376px;
}

.form-favorecido-tooltip-new {
  width: 18px;
  height: 18px;
}

.favorecidos-divisor {
  margin: 15px 0;
}

.favorecidos-ver-ocultos {
  color: #1298d4;
  cursor: pointer;
  font-size: 14px;
  text-align: right !important;
  margin-right: 20px;
}

.favorecidos-ver-ocultos img.drop-up {
  transform: rotate(-180deg);
  transition: transform 150ms ease;
}

.pesquisa-favorecido {
  margin-bottom: 30px;
  position: absolute;
  right: 0;
}

@media (max-width: 1024px) {
  .wrap-favorecidos {
    margin-top: 30px;
  }

  .wrap-favorecidos .pesquisa-favorecido {
    margin-bottom: initial;
    margin-top: initial;
    position: initial;
    text-align: initial;
  }

  .favorecidos-card .card-favorecido {
    max-width: 100%;
  }
  .favorecidos-listagem-novo-button {
    max-width: 100%;
  }
  .favorecidos-card {
    flex-grow: 1;
    margin: 10px auto;
  }

  .favorecidos-card .card-favorecido {
    width: 300px;
  }
  .favorecidos-ver-ocultos {
    margin-right: 0px;
  }
}

@media (max-width: 767px) {
  .wrap-favorecidos .pesquisa-favorecido .ui-search {
    margin-left: auto;
    margin-top: auto;
    padding-right: initial;
    position: initial;
    text-align: center !important;
    width: 100%;
  }

  .wrap-favorecidos .pesquisa-favorecido .ui-search span {
    display: flex;
    margin: 0 6px;
    width: initial;
  }

  .wrap-favorecidos .pesquisa-favorecido .ui-search span input {
    flex-grow: 1;
  }

  .card-base.card-favorecido {
    width: 100%;
  }

  .wrap-novofavorecido-new .title-novofavorecido,
  .wrap-novofavorecido-new .subtitle-novofavorecido {
    font-size: 16px;
  }

  .wrap-novofavorecido-new input[type='text'],
  .wrap-novofavorecido-new input[type='checkbox'],
  .wrap-novofavorecido-new .simulador-paises-dropdown-new-pais,
  .wrap-novofavorecido-new .prefix-moeda {
    font-size: 14px;
  }
}

@media (min-width: 767px) and (max-width: 1024px) {
  .wrap-favorecidos .pesquisa-favorecido {
    margin-bottom: 30px;
    margin-top: -120px;
  }

  .wrap-novofavorecido-new .title-novofavorecido,
  .wrap-novofavorecido-new .subtitle-novofavorecido {
    font-size: 16px;
  }

  .wrap-novofavorecido-new input[type='text'],
  .wrap-novofavorecido-new input[type='checkbox'],
  .wrap-novofavorecido-new .simulador-paises-dropdown-new-pais,
  .wrap-novofavorecido-new .prefix-moeda {
    font-size: 14px;
  }
}

.ui-search {
  width: 100%;
  position: relative;
  margin-top: -80px;
  margin-left: auto;
  margin-right: 0;
  padding-right: 21px;
  text-align: right !important;
  margin-bottom: 10px;
}

@media all and (min-width: 960px) and (max-width: 1024px) {
  .ui-search {
    margin-top: -80px;
    text-align: right !important;
    max-width: 376px;
  }
}

@media all and (min-width: 320px) and (max-width: 959ox) {
  .ui-search {
    margin-top: -60px;
    text-align:  center !important;
    margin-left: 10px;
    max-width: 376px;
  }
}

.ui-search-relative {
  position: relative;
  text-align: right !important;
  margin: 0 0 20px 0;
}

.ui-search span,
.ui-search-relative span {
  border-bottom: solid 1px #ccc;
  display: inline-block;
  text-align: right;
  width: 443px;
}

.ui-search input[type='text'],
.ui-search-relative input[type='text'] {
  background-color: transparent;
  border: none;
  padding-bottom: 18px;
  color: #748497;
  font-size: 14px;
  width: 90%;
}

@media (max-width: 767px) {
  .ui-search span,
  .ui-search-relative span {
    border-bottom: solid 1px #ccc;
    display: inline-block;
    text-align: right;
    width: 100%;
  }

  .ui-search-relative {
    margin: 0 auto 20px;
    max-width: 358px;
  }
  .ui-search span,
  .ui-search-relative span {
    width: 300px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .ui-search-relative {
    margin: 0 auto 20px;
    max-width: 680px;
  }
  .ui-search span,
  .ui-search-relative span {
    width: 300px;
  }
}

@media (min-width: 1025px) and (max-width: 1180px) {
  .ui-search-relative {
    margin: 0 auto 20px;
    max-width: 725px;
  }
}

div.card-base {
  display: flex;
  background-color: #fff;
  box-shadow: 0 3px 6px #00000029;
  width: 358px;
  min-height: 131px;
}

div.card-icone-texto {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: #788791;
  font-size: 16px;
}

div.card-icone-texto img {
  margin-right: 4px;

}

div.card-favorecido {
  padding: 12px 17px;
}

div.card-favorecido div.card-favorecido-nome {
  color: #051c2c;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

div.card-favorecido div.card-favorecido-conta {
  color: #788791;
  font-size: 14px;
}

div.card-favorecido div.card-favorecido-botoes {
  border-top: 1px solid #d2d2d2;
  justify-content: space-between;
  display: flex;
  margin-top: 10px;
  padding-top: 10px;
}

div.card-favorecido div.card-favorecido-botoes span {
  cursor: pointer;
}

div.card-favorecido div.card-favorecido-botoes span a {
  color: #00a6da;
  font-size: 14px;
}

div.card-favorecido div.card-favorecido-botoes span img {
  height: 18px;
  width: 18px;
  margin-left: 4px;
}

.body-header-new {
  margin: 0 0 32px 0;
  display: flex;
}

.body-header-title-arrow-new img {
  height: 24px;
  width: 24px;
  margin: 0 8px 4px 0;
}

.body-header-title-subtitle-new {
  margin: 0 0 0 15px;
}

.body-header-title-subtitle-new h1 {
  font: normal normal normal 24px/32px Lato;
  color: #788791;
  margin: 0;
}

.body-header-title-subtitle-new p {
  margin-top: 28px;
  font: normal normal normal 20px/32px Lato;
  letter-spacing: 0px;
  color: #212644;
}

@media (max-width: 767px) {
  .body-header-new {
    margin: 0;
  }

  .body-header-title-subtitle-new {
    margin: 0 0 0 6px;
  }

  .body-header-title-subtitle-new h1 {
    font-size: 12px;
    line-height: 24px;
  }

  .body-header-title-subtitle-new p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
  }
}

.body-content {
  flex: 1;
  position: relative;
  background-color: white;
  box-shadow: 5px 5px 5px #cfd4d9;
  border-radius: 8px;
  padding: 32px;
  width: 100%;
}

.body-content > * {
  width: 100%;
}

.body-content-margin {
  margin: 32px auto;
}

@media (max-width: 840px) {
  .body-content {
    padding: 16px;
  }
}

.body {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.body > * {
  width: 100%;
}

/* .body * {
  text-align: left;
} */

@media (max-width: 768px) {
  .body {
    margin: auto;
    width: 92% !important;
    padding: 0 10px;
  }
}

@media (min-width: 1024px) {
  .container.body-remessa {
    width: 100%;
    justify-content: flex-start;
  }
}

div.card {
  display: flex;
  background-color: #fff;
  box-shadow: 0 3px 6px #00000029;
  width: 358px;
  height: 131px;
}

div.card-icone-texto {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: #788791;
  cursor: pointer;
  font: normal normal 600 16px/26px Lato;
}
div.card-icone-texto.selected {
  color: #00A6DA !important;
  font: normal normal 600 16px/26px Lato;
}
div.card {
  background-color: #fff;
  box-shadow: 0 3px 6px #00000029;
  width: 358px;
  min-height: 131px;
  height: auto;
  margin: 0 6px 15px;
}

div.card-icone-texto-link {
  display: flex;
  flex-direction: column;
  color: #788791;
  font-size: 16px;
  padding: 0;
  justify-content: space-between;
}

.title-card-link {
  color: #051c2c;
  font: normal normal 600 normal 16px/24px Lato, sans-serif;
}

.sub-title-card-link {
  color: #051c2c;
  font: normal normal normal 14px/18px Lato, sans-serif;
  margin: 8px 0 0;
}

.hr-card-link {
  margin-top: 3px;
  margin-bottom: 2px;
  border: 0;
  border-top: 1px solid #d2d2d2;
}

.documents-card-link {
  color: #00a6da;
  text-align: right;
  font: normal normal normal 14px/24px Lato;
  cursor: pointer;
}

.card-bottom {
  display: block;
  margin-top: 5px;
  border-top: 1px solid #d2d2d2;
  padding: 10px 16px;
  background-color: #fff;
}

.card-top {
  display: block;
  cursor: pointer;
  padding: 16px 16px 0;
  text-decoration: none;
}

.wrap-modal {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(207, 212, 217, 0.75);
  z-index: 1000;
}
.modal-custom {
  position: absolute;
  top: 50%;
  width: 400px;
  min-height: 240px;
  margin-top: -120px;
  left: 50%;
  margin-left: -200px;
  background-color: #051c2c;
  color: #fff;
  padding: 24px !important;
  z-index: 1001;
  border-radius: 4px;
}
.modal-custom .button-close {
  position: absolute;
  top: 24px !important;
  right: 24px !important;
  width: 24px !important;
  height: 24px !important;
  cursor: pointer;
  z-index: 1001;
  display: block;
}
.modal-custom .title-modal {
  font: normal normal normal 20px/28px Lato;
  text-align: left;
  margin: 0 0 12px;
}
.modal-custom .subtitle-modal {
  font: normal normal normal 12px/18px Lato;
  text-align: left;
  margin: 0 0 24px;
}
.modal-custom .text-footer-modal {
  color: #fff;
  text-align: left;
  margin: 0;
  font: normal normal normal 14px/18px Lato;
}

@media (max-width: 400px) {
  .modal-custom {
    max-width: 300px;
    width: 100%;
    margin-left: -150px;
    min-height: 205px;
    margin-top: -102.5px;
  }

  .modal-custom p {
    color: #ffffff;
  }

  .modal-custom .title-modal {
    font: normal normal normal 16px/28px Lato;
  }

  
  .modal-custom .button-close {
    top: 8px !important;
    right: 8px !important;
  }
}

@media (min-width: 401px) and (max-width: 767px) {
  .modal-custom {
    max-width: 400px;
    width: 100%;
    margin-left: -200px;
  }

  .modal-custom p {
    color: #ffffff;
  }
}


@media (min-width: 768px) and (max-width: 1024px) {
  .modal-custom {
    max-width: 400px;
    width: 100%;
    margin-left: -200px;
  }

  .modal-custom p {
    color: #ffffff;
  }
}

.motivo-remessa-motivos {
  list-style-type: none;
  padding: 0;
}

.motivo-remessa-motivos > li {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 35px 20px;
  box-shadow: 0 3px 6px #00000029;
  margin-bottom: 1px;
  border-radius: 5px;
  cursor: pointer;
}

.motivo-remessa-motivos > li > input {
  margin-right: 20px;
}

.motivo-remessa-motivos > li > div > span:nth-child(1) {
  display: block;
  font-size: 22px;
  font-weight: bold;
}

.motivo-remessa-motivos > li > div > span:nth-child(2) {
  display: block;
  font-size: 17px;
  color: #818fa1;
  font-weight: 200;
}

.motivo-remessa-motivos > li > div > ul {
  padding: 0;
}

.motivo-remessa-motivos > li > div > ul > li {
  display: inline;
  font-size: 14px;
  margin-right: 10px;
}

.motivo-remessa-motivos > li > div > ul > li > span:first-child {
  color: #27a0d8;
}

.motivo-remessa-motivos > li > div > ul > li > span:last-child {
  color: #818fa1;
}

.motivo-remessa-botoes {
  text-align: center;
}

.card-people-send {
  margin-top: 10px;
  margin-bottom: 60px;
  width: 100% !important;
}

.card-one-people {
  padding-right: 30px;
}

.card-two-people {
  padding-left: 30px;
}

.title-motivo {
  color: #788791;
  text-align: left;
  font: normal normal normal 24px/32px Lato;
  margin-bottom: 10px;
}

.title-motivo-envio {
  color: #212644;
  text-align: left;
  font: normal normal normal 20px/32px Lato;
  margin-bottom: 5px;
}

.sub-title-motivo-envio {
  color: #788791;
  text-align: left;
  font: normal normal normal 12px/26px Lato;
  margin: 0 0 20px 20px;
}

.motivo-divisor {
  margin: 0 0 24px !important;
}

.wrap-cards {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
  margin: 0 0 24px;
}

.iconInfo {
  margin: 0 0 5px 5px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .body-remessa {
    width: 100% !important;
  }

  .step-wrapper {
    justify-content: center;
  }

  .card-people-send {
    margin: 10px auto 16px !important;
  }

  .motivo-remessa-motivos > li > div > ul > li {
    display: block;
  }

  .card-people-send .card-icone-texto {
    min-height: 65px;
  }

  .wrap-cards {
    justify-content: center;
    margin: 0 auto;
  }

  .title-motivo-envio {
    font: normal normal normal 16px/24px Lato;
  }

  .sub-title-motivo-envio {
    color: #788791;
    text-align: left;
    font: normal normal normal 12px/26px Lato;
    margin: 0 0 20px;
    color: #00a6da;
  }

  .sub-title-motivo-envio .item-tooltip:nth-child(1) {
    padding-left: 0;
  }

  .sub-title-motivo-envio .item-tooltip {
    flex: auto;
    max-width: 150px;
  }

  .motivo-divisor {
    margin: 15px 0 !important;
  }

  .ui-search-relative span {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  .body-remessa {
    width: 100% !important;
    justify-content: start !important;
  }

  .card-people-send {
    margin: 10px auto 60px !important;
  }

  .wrap-cards {
    justify-content: center;
    margin: 0 auto 24px;
  }

  .sub-title-motivo-envio .item-tooltip {
    flex: auto;
    max-width: 150px;
  }
}

.carrinho-cupom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 21px 16px;
  margin-bottom: 15px;
  border-radius: 5px;
  box-shadow: 0 3px 6px #00000029;
  font-size: 16px;
}

.carrinho-cupom > span {
  color: #222745;
  font-weight: bold;
}

.carrinho-cupom > a {
  color: #1298d4 !important;
  border-bottom: 1px solid #1298d4;
  font-weight: bold;
  cursor: pointer;
}

.carrinho-cupom-modal .modal-header {
  justify-content: center;
  font-size: 24px;
  color: #222745;
  font-weight: bold;
}

.carrinho-cupom-modal .modal-footer {
  justify-content: center;
}

.carrinho-cupom-modal .modal-footer > button {
  width: 100%;
}

div.remessa-revisao-vertical-margin {
  margin: 32px 0;
}

div.remessa-revisao-cupom {
  color: #748497;
  font-size: 14px;
  width: 443px;
}

div.remessa-revisao-cupom-input {
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
}

div.remessa-revisao-cupom-input input,
div.remessa-revisao-cupom-input input::placeholder {
  background-color: transparent;
  border: none;
  color: #c7c6c6;
  flex: 1;
  font-size: 16px;
  padding: 15px 1px;
}

div.remessa-revisao-cupom-input-invalido {
  border-bottom: 1px solid #f00;
}

div.remessa-revisao-cupom-erro-texto {
  color: #da292f;
  font-size: 14px;
}
@media (max-width: 767px) {
  div.remessa-revisao-cupom {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  div.remessa-revisao-cupom {
    width: 100%;
  }
}

.remessa-revisao-bloco {
  background-color: #cfd4d9;
  padding: 22px 34px;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 16px;
}

.remessa-revisao-bloco h4 {
  color: #222745;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}

.remessa-revisao-bloco h5 {
  color: #222745;
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}

.remessa-revisao-bloco span {
  color: #748497;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.remessa-revisao-bloco a {
  color: #1298d4 !important;
  border-bottom: 1px solid #1298d4;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}

.remessa-revisao-bloco > ul {
  padding: 0;
}

.remessa-revisao-bloco > ul > li {
  list-style-type: none;
  padding: 18px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #748497;
}

.remessa-revisao-bloco > ul > li:last-child {
  padding-bottom: 0;
}

.remessa-revisao-bloco > ul > li > * {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
}

.remessa-revisao-bloco > ul > li:last-child > div {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.remessa-revisao-bloco > ul > li:last-child > div > .confidence-input {
  width: 100%;
}

.remessa-revisao-bloco > ul > li:last-child > div > span,
.remessa-revisao-bloco > ul > li:last-child > div > .confidence-input {
  margin-right: 10px;
}

@media (max-width: 768px) {
  .remessa-revisao-bloco > ul > li > * {
    display: block;
  }

  .remessa-revisao-esconder-mobile {
    display: none;
  }
}

p.remessa-revisao-previsao-titulo {
  color: #788791;
  font-weight: 600;
  font-size: 18px;
}

p.remessa-revisao-previsao-texto {
  color: #051c2c;
  font-size: 16px;
}

p.remessa-revisao-prazo-pagamento {
  color: #212644;
  font-size: 24px;
}

div.remessa-revisao-termos-condicoes {
  color: #051c2c;
  font-size: 16px;
  margin-top: 48px;
  text-align: center;
}

div.remessa-revisao-termos-condicoes a {
  color: #00a6da;
  text-decoration: underline;
}

div.remessa-revisao-concluir-pedido {
  padding-top: 32px;
  text-align: center;
}

div.remessa-revisao-concluir-pedido button {
  border-radius: 5px;
  font-size: 18px;
  height: 56px;
  padding: 17px 0;
  text-transform: uppercase;
  width: 376px;
}

.row-flex {
  display: flex;
  justify-content: space-between;
}
.row-flex .col-left,
.row-flex .col-right {
  max-width: 440px;
}

@media (max-width: 767px) {
  .revisao .row-flex.row {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 30px;
    flex-direction: column;
  }

  .revisao > .flex {
    justify-content: center;
  }

  .revisao .row-flex.row .col-left {
    padding: 0;
  }

  .revisao .row-flex.row .col-right {
    padding-right: 0;
    padding-left: 0;
    padding-top: 15px;
  }

  div.remessa-revisao-concluir-pedido button {
    width: 100%;
  }
}

div.remessa-detalhespedido {
  border-radius: 5px;
  box-shadow: 0 3px 6px #00000029;
  padding: 16px;
  width: 100%;
}

div.remessa-detalhespedido-card {
  max-width: 100% !important;
}

div.remessa-detalhespedido-card.fixed {
  position: fixed;
  width: 330px !important;
  z-index: 10000;
}

div.remessa-detalhespedido-valores {
  border-bottom: solid 1px #ccc;
  display: flex;
  align-items: flex-end;
  padding-bottom: 8px;
  padding-top: 5px;
}

div.remessa-detalhespedido-moeda {
  width: 124px;
  color: #051c2c;
  font-size: 18px;
}

div.remessa-detalhespedido-moeda img {
  margin-right: 8px;
}

div.remessa-detalhespedido-valor-numerico {
  display: flex;
  flex-direction: column;
}

span.remessa-detalhespedido-valor-titulo {
  color: #788791;
  font-size: 12px;
}

span.remessa-detalhespedido-valor-numero {
  font: normal normal normal 32px/39px Lato;
  color: #051c2c;
}

div.remessa-paineltaxas {
  position: relative;
  background-color: #f7f7f7;
  color: #788791;
  padding: 17px 24px;
  font: normal normal normal 14px/26px Lato;
}

div.remessa-paineltaxas-linha:first-child {
  display: flex;
  margin-top: 0;
  justify-content: flex-start;
}

div.remessa-paineltaxas-linha {
  display: flex;
  margin-top: 5px;
  justify-content: flex-start;
}

div.remessa-paineltaxas-linha > div:nth-child(1) {
  margin: -2px 16px 0px 0;
  width: 16px;
}

div.remessa-paineltaxas-linha > div:last-child {
  flex-basis: 90px;
}

div.remessa-paineltaxas-linha .descricao-taxas {
  flex-basis: 145px;
}

div.remessa-paineltaxas-linha .valor-taxas {
  white-space: nowrap;
}

div.remessa-paineltaxas .bold {
  font-weight: bold;
  color: #051c2c;
}

div.remessa-paineltaxas .linha-taxas {
  position: absolute;
  margin-left: 7.3px;
  border-left: 1px solid #788791;
  background: none;
  box-sizing: border-box;
  height: 14px;
  border-radius: 0;
  margin-top: 21px;
}

@media (max-width: 767px) {
  div.remessa-detalhespedido {
    padding: 10px;
  }

  div.remessa-paineltaxas {
    padding: 20px 10px;
    font: normal normal normal 14px/28px Lato;
  }

  div.remessa-paineltaxas-linha > div:nth-child(1) {
    margin-right: 7px;
  }

  div.remessa-paineltaxas .linha-taxas {
    height: 18px;
  }

  span.remessa-detalhespedido-valor-numero {
    font: normal normal normal 18px/39px Lato;
  }

  div.remessa-detalhespedido-card {
    width: 100% !important;
    margin: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  span.remessa-detalhespedido-valor-numero {
    font: normal normal normal 18px/39px Lato;
  }
  div.remessa-detalhespedido-card {
    width: 100% !important;
    margin: 0 !important;
  }
}

div.remessa-revisao-resumo-titulo {
  color: #788791;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}

div.remessa-revisao-resumo-titulo > div.remessa-revisao-resumo-titulo:first-of-type {
  margin-top: 0;
}

div.remessa-revisao-resumo-texto {
  color: #051c2c;
  font-size: 16px;
}

div.remessa-revisao-resumo-subtitulo {
  color: #748497;
  font-size: 14px;
  margin-bottom: 12px;
  margin-top: 24px;
}

div.remessa-revisao-resumo-alterar-favorecido {
  display: flex;
  margin-bottom: 12px;
  margin-top: 32px;
}

div.remessa-revisao-resumo-alterar-favorecido a {
  color: #00a6da;
  text-decoration: underline;
}

div.remessa-revisao-resumo-alterar-favorecido > div:nth-child(1) {
  flex: 2;
  margin-bottom: 0;
  margin-top: 0;
}

div.remessa-revisao-resumo-alterar-favorecido > div:nth-child(2) {
  flex: 1;
}

.modal-natureza-container {
  text-align: center;
}

.check-style {
  cursor: pointer !important;
}

.modal-natureza-container .texto-natureza {
  font-size: 17px;
  color: #222745;
  text-align: center;
  margin-bottom: 20px;
}

.body-modal-natureza {
  width: 100%;
  text-align: center;
}

.body-modal-natureza .radio-group {
  display: flex;
  text-align: left;
  margin: 0 0 0 30%;
}

.modal-natureza-container .textarea {
  margin: auto;
  width: 100%;
  margin-top: 20px;
  height: 60px;
}

.modal-natureza-container .justificativa-modal-natureza {
  width: calc(100% - 40px) !important;
  margin: 0 auto;
}

.modal-natureza-container .justificativa-modal-natureza #justificativa {
  width: 100%;
  height: 65px;
  margin-top: 20px;
  border-color: #dbdbdb;
  border-radius: 5px;
  border-width: thin;
}

.modal-natureza-container .radio-group .radio-text {
  display: inline-flex;
  vertical-align: top;
  margin-left: -10px;
}

.modal-natureza-container .modal-footer > .row {
  width: unset !important;
}

.modal-natureza-container button {
  width: 266px !important;
  margin: auto;
}

.modal-natureza-container .btn-cancelar button {
  margin-top: 15px;
  background-color: transparent;
  color: #1298d4;
  outline: none !important;
  border: solid;
  border-color: #1298d4;
  border-radius: 30px;
  border-width: thin;
}

@media (min-width: 840px) {
  .modal-natureza > .modal-dialog {
    max-width: 750px !important;
  }

  .modal-natureza-container .textarea {
    width: 70%;
  }

  .body-modal-natureza .radio-group {
    padding: 0 15px 0 0;
    margin: unset;
    display: inline-block;
  }

  .modal-natureza-container .justificativa-modal-natureza #justificativa {
    width: 75%;
    height: 97px;
    padding: 10px 20px;
  }

  .modal-natureza-container .modal-footer > .row {
    width: 100% !important;
    margin-right: unset !important;
  }

  .modal-natureza-container button {
    width: 363px !important;
  }

  .modal-natureza-container .btn-cancelar button {
    display: none;
  }
}

.favorecidos-lista-subtitulo {
  color: #788791;
  font-size: 18px;
  margin-bottom: 16px;
  margin-left: 7px;
}

.card-conta-favorecido {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 32px 20px;
  height: 184px !important;
  margin-bottom: 24px;
  width: 100% !important;
}

.card-conta-favorecido-titulo-pais {
  color: #051c2c;
  font-size: 18px;
}

img.card-conta-favorecido-bandeira-moeda {
  margin-right: 12px;
}

.card-conta-favorecido-codigo-moeda {
  color: #051c2c;
  font-size: 18px;
  margin-right: 6px;
}

.card-conta-favorecido-nome-moeda {
  color: #788791;
  font-size: 12px;
}

.card-conta-favorecido-info-banco {
  color: #788791;
  font-size: 14px;
}

.card-conta-favorecido-acoes-conta {
  display: flex;
  flex-direction: row;
}

.card-conta-favorecido-botao-acao {
  color: #00a6da;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 24px ;
}

.card-conta-favorecido-botao-acao img {
  width: 24px;
}

@media (max-width: 1024px) {
  .favorecidos-header-wrapper {
    flex-direction: column;
  }

  .favorecidos-header-wrapper .body-header-new {
    margin-bottom: 32px;
  }

  .favorecidos-header-wrapper .body-header-title-subtitle-new {
    margin-left: 0;
  }

  .favorecidos-header-wrapper .body-header-title-subtitle-new h1 {
    color: #051C2C;
    font-size: 16px;
  }

  .favorecidos-header-wrapper .ui-search {
    margin: 0;
    padding:0;
  }

  .favorecidos-header-wrapper .ui-search span {
    width: 100%;
  }

  .favorecidos-header-wrapper .ui-search span input {
    color: #748497;
    font-size: 14px;
  }

  .favorecidos-container {
    margin-top: 34px;
  }

  .favorecidos-container .favorecidos-lista-subtitulo {
    font-size: 14px;
    margin-left: 7px;
  }

  .favorecidos-container .card.card-conta-favorecido {
    max-width: initial;
  }
}

@media (max-width: 767px) {
  .favorecidos-container .card-conta-favorecido {
    flex-direction: column;
    padding: 10px;
  }

  .favorecidos-container .card-conta-favorecido .card-conta-favorecido-info-banco {
    color: #788791;
    font-size: 12px;
  }

  .favorecidos-container .card-conta-favorecido .card-conta-favorecido-titulo-pais {
    color: #051C2C;
    font-size: 14px;
  }

  .favorecidos-container .card-conta-favorecido .card-conta-favorecido-acoes-conta {
    border-top: solid 1px #C7C6C6;
    justify-content: end;
    padding-top: 10px;
  }

  .favorecidos-container .card-conta-favorecido .card-conta-favorecido-acoes-conta
  .card-conta-favorecido-botao-acao span {
    display: none;
  }
}

.favorecidos-header-wrapper {
  display: flex;
  margin-top: 32px;
}

.favorecidos-header-wrapper .ui-search {
  margin-top: 0px;
  width: auto;
}

.favorecidos-container .favorecidos-container-buttons-new {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}

.favorecidos-container .favorecidos-button-new {
  font-size: 18px;
  border: 1px solid #00a6da;
  border-radius: 5px;
  height: 56px;
  text-transform: uppercase;
  width: 376px;
}

.favorecidos-container .favorecidos-button-new-primary {
  background-color: #00a6da;
}
.favorecidos-container .favorecidos-button-new-outline {
  background-color: transparent;
  color: #00a6da;
}

.favorecidos-container .favorecidos-button-separator-new {
  width: 56px;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .favorecidos-container .favorecidos-button-new-outline {
    background-color: transparent;
    color: #00a6da;
    margin-bottom: 20px;
  }
}
.pedido-total {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.pedido-total > li {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 16px;
  color: #748497;
}

.pedido-total > li > span > img {
  margin-left: 10px;
}

.pedido-total > li:last-child > span:last-child {
  font-size: 18px;
  font-weight: bold;
  color: #222745;
}

.reference-number-container {
  margin: 20px;
}

.reference-number-container > div > * {
  text-align: center;
}

.reference-number-container > div > h1:first-child {
  color: #222745;
  font-size: 20px;
}

.reference-number-container > div > h1:last-child {
  color: #748497;
  font-size: 14px;
  margin: 10px;
}

.reference-number-bloco-pontilhado {
  display: flex;
  flex-direction: row;
  border: 2px dashed #1298d4;
  border-radius: 8px;
  padding: 10px 15px;
  font-size: 25px;
}

.reference-number-bloco-pontilhado > img {
  cursor: pointer;
}

.reference-number-bloco-pontilhado > img,
.reference-number-bloco-pontilhado > label {
  margin-left: auto;
  margin-bottom: 0;
}

.pedido-produto {
  border: 2px dashed #1298d4;
  border-radius: 4px;
  padding: 16px;
  width: 100%;
  margin: 0 auto 10px auto;
}

.pedido-produto > hr {
  margin: 5px 0;
}

.pedido-produto-tipo > span {
  display: flex;
  align-items: center;
  color: #748497;
  font-size: 15px;
}

.pedido-produto-tipo > span > img {
  height: 16px;
  padding-right: 10px;
}

.pedido-produto-cartao {
  padding: 8px 0;
}

.pedido-produto-cartao > * {
  display: block;
  overflow: hidden;
}

.pedido-produto-cartao > span {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pedido-produto-cartao > div {
  display: flex;
  justify-content: space-between;
}

.pedido-produto-cartao > div > span {
  font-size: 12px;
  color: #748497;
}

.pedido-produto-moeda {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 5px;
}

.pedido-produto-moeda > span:nth-child(1) {
  display: flex;
  align-items: center;
  font-size: 18px;
}

.pedido-produto-moeda > span:nth-child(1) > img {
  height: 25px;
  margin-right: 10px;
}

.pedido-produto-moeda > span:nth-child(2) {
  font-size: 18px;
  font-weight: bold;
}

.pedido-produto-moeda > span:nth-child(2) > span {
  font-size: 12px;
  margin-right: 5px;
}

.pedido-produto-valores {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.pedido-produto-valores > li {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.pedido-produto-valores > li span {
  font-size: 13px;
  color: #748497;
}

.pedido-produto-valores > li > span:first-child {
  margin-right: 10px;
}

.pedido-produto-valores > li:last-child span {
  font-size: 16px;
  font-weight: bold;
}

.pedido-produto-valores > li:last-child > div > span {
  display: block;
  text-align: right;
}

.pedido-produto-valores > li:last-child > div > span:last-child {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
}

.pedido-produto-valores > li:last-child > div > span:last-child > img {
  height: 17px;
  margin-right: 5px;
}

.money-gram-motivo {
  color: #222745 !important;
  margin-bottom: 10px;
  font-size: 16px !important;
}

.pedido-moneygran-favorecido > span {
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #222745;
  padding-bottom: 8px;
}

.pedido-moneygran-favorecido > ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.pedido-moneygran-favorecido > ol > li {
  padding: 6px 0;
}

.pedido-moneygran-favorecido > ol > li > span {
  display: block;
  color: #748497;
  font-size: 12px;
  font-weight: bold;
}

.pedido-moneygran-favorecido > ol > li > span:first-child {
  font-size: 12px;
}

.pedido-moneygran-favorecido > ol > li > span:last-child {
  font-size: 12px;
}

.pedido-moneygran-favorecido .pedido-money-gram-prazo-retirada span:first-child {
  color: #222745;
  margin-bottom: 10px;
  font-size: 16px;
}

.pedido-moneygran-favorecido .pedido-money-gram-prazo-retirada span:last-child {
  font-size: 1rem;
  font-weight: normal;
}

.pedido-remessa-favorecido > span {
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #222745;
  padding-bottom: 8px;
}

.pedido-remessa-favorecido > ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.pedido-remessa-favorecido > ol > li {
  padding: 8px 0;
}

.pedido-remessa-favorecido > ol > li > span {
  display: block;
  color: #748497;
}

.pedido-remessa-favorecido > ol > li > span:first-child {
  font-size: 12px;
}

.pedido-remessa-favorecido > ol > li > span:last-child {
  font-size: 16px;
}

.pedido-carrinho-entrega > span {
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #222745;
  padding-bottom: 8px;
}

.pedido-carrinho-entrega > ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.pedido-carrinho-entrega > ol > li {
  padding: 8px 0;
}

.pedido-carrinho-entrega > ol > li > span {
  display: block;
  color: #748497;
}

.pedido-carrinho-entrega > ol > li > span:first-child {
  font-size: 12px;
}

.pedido-carrinho-entrega > ol > li > span:last-child {
  font-size: 16px;
}

.pedido-pagamento-boleto {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f3f5f7;
  padding: 25px;
  margin: 0 35px 15px 35px;
  border-radius: 5px;
}

.pedido-pagamento-boleto > div {
  margin-right: auto;
}

.pedido-pagamento-boleto > div > span:first-child {
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 5px;
}

.pedido-pagamento-boleto > div > span:last-child {
  color: #748497;
  font-size: 14px;
  margin-right: auto;
}

.pedido-pagamento-boleto > button {
  border: 1px solid #1298d4;
  color: #1298d4;
  background-color: transparent;
  font-size: 10px;
  font-weight: normal;
  padding: 14px;
  width: 100%;
  max-width: 120px;
  margin-left: 15px;
}

@media (max-width: 768px) {
  .pedido-pagamento-boleto {
    margin: 0 0 15px 0;
    flex-direction: column;
  }

  .pedido-pagamento-boleto > button {
    margin: 7.5px 0 !important;
    max-width: 100%;
  }
}

.files-upload {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.files-upload-dropzone {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  background-color: #f5f7f9;
  border-radius: 8px;
  border: 2px dashed #95d0eb;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  padding: 10px;
  height: 100%;
}

.files-upload-dropzone-accepted {
  background-color: #c0decb;
  border: 2px dashed #668e74;
}

.files-upload-dropzone-rejected {
  background-color: #edc1c1;
  border: 2px dashed #9a5656;
}

.files-upload-dropzone > .dropzone-state {
  text-align: center;
  margin-bottom: 16px;
  padding: 0 20%;
}

.files-upload-dropzone > .dropzone-state-compressed {
  margin-bottom: 0;
}

.files-upload-files > li img {
  height: 25px;
  width: 25px;
}

.files-upload-dropzone > .dropzone-state > img {
  display: block;
  margin: 0 auto 8px auto;
}

.files-upload-dropzone > span {
  font-size: 12px;
  text-align: center;
}

.files-upload-files > li > span {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 32px;
}

.files-upload-dropzone > .dropzone-state > span {
  display: block;
  font-size: 14px;
  text-align: center;
}

.files-upload-files {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0;
  padding: 0;
  width: 100%;
}

.files-upload-files li {
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 8px;
  background-color: #1298d4;
  width: 100%;
  color: #fff;
  padding: 0 20px;
  height: 100%;
  min-height: 50px;
  max-height: 75px;
  margin: 5px 0;
}

.files-upload-files > li:first-child {
  margin-top: 0 !important;
}

.files-upload-files > li:last-child {
  margin-top: 10px;
}

.files-upload-files > li img:first-child {
  margin-right: 32px;
}

.files-upload-files > li img:last-child {
  margin-left: auto;
  cursor: pointer;
}

@media (max-width: 992px) {
  .files-upload-dropzone > .dropzone-state {
    padding: 0;
  }

  .files-upload-dropzone {
    margin-top: 16px;
  }

  .files-upload-dropzone > span {
    padding: 0 10%;
    font-size: 12px;
    text-align: center;
  }
}

.pedido-pagamento-transferencia-comprovante-enviado {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  border-radius: 5px;
  background-color: #fff;
  padding: 25px;
}

.pedido-pagamento-transferencia-comprovante-enviado > span {
  font-size: 14px;
  color: #748497;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pedido-pagamento-transferencia-comprovante-enviado > img {
  height: 40px;
}

.pedido-pagamento-transferencia-envio {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.pedido-pagamento-transferencia-envio > span {
  color: #2ec222;
  font-size: 16px;
  font-weight: bold;
}

.pedido-pagamento-transferencia-envio > button {
  font-size: 13px;
}

.pedido-pagamento-transferencia {
  overflow: hidden;
  border-radius: 5px;
  margin: 0 35px 15px 35px;
}

.pedido-pagamento-transferencia > div:first-child {
  display: flex;
  align-items: center;
  background-color: #fdf5db;
  padding: 15px;
}

.pedido-pagamento-transferencia > div:first-child > img {
  height: 30px;
  margin-right: 10px;
}

.pedido-pagamento-transferencia > div:first-child > span {
  color: #222745;
  font-size: 12px;
  line-height: 14px;
}

.pedido-pagamento-transferencia > div:last-child {
  background-color: #f3f5f7;
  padding: 25px;
}

.pedido-pagamento-transferencia-banco {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}

.pedido-pagamento-transferencia-banco > *:nth-child(1) {
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 8px;
}

.pedido-pagamento-transferencia-banco > *:nth-child(2) {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
}

/* stylelint-disable */
.pedido-pagamento-transferencia-banco > *:nth-child(2) > img {
  height: 32px;
  border-radius: 100%;
  margin-right: 10px;
}

.pedido-pagamento-transferencia-banco > *:nth-child(2) > span {
  color: #222745;
  font-size: 14px;
}

.pedido-pagamento-transferencia-banco > *:nth-child(3) > span,
.pedido-pagamento-transferencia-banco > *:nth-child(4) > span,
.pedido-pagamento-transferencia-banco > *:nth-child(5) > span {
  color: #748497;
  font-size: 14px;
  margin-right: 19px;
  white-space: nowrap;
}

/* stylelint-enable */

.pedido-pagamento-transferencia-comprovante-upload > .dropzone-state {
  padding: 0 10px;
}

.pedido-pagamento-tranferencia-informativo {
  text-align: center;
}

.pedido-pagamento-tranferencia-informativo > label {
  color: #748497;
  font-size: 14px;
  text-align: center;
}

@media (max-width: 768px) {
  .pedido-pagamento-transferencia {
    margin: 0 0 15px 0;
  }

  .pedido-pagamento-transferencia > div:last-child {
    flex-direction: column;
  }

  .pedido-pagamento-tranferencia-informativo {
    width: 95%;
  }
}

.pedido-natureza-operacao {
  text-align: center;
  margin: 0 35px;
}

.pedido-natureza-operacao-upload {
  margin: 40px 0;
}

.pedido-natureza-operacao-upload-disabled {
  margin: 40px 0;
  background-color: #ebebe4;
  border-color: #ebebe4;
}

.pedido-natureza-operacao-upload-disabled:hover {
  cursor: unset;
}

.pedido-natureza-operacao-justificativa-explicacao {
  font-size: 17px;
  color: #222745;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pedido-instrucoes {
  justify-content: center;
  align-items: center;
}

.pedido-intrucoes-subtitulo {
  width: 90%;
}

.pedido-natureza-operacao-arquivos {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.pedido-natureza-operacao-arquivo {
  background-color: #1298d4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px;
  width: 45%;
  margin: 10px 0;
}

.pedido-natureza-operacao-arquivo-nome {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.pedido-natureza-operacao-arquivo-nome > img {
  margin-right: 5px;
}

.pedido-natureza-operacao-arquivo-preview {
  height: 45px;
  width: 45px;
}

.pedido-natureza-operacao-arquivo-trash:hover {
  cursor: pointer;
}

.pedido-natureza-operacao-arquivo > div {
  color: white;
  text-align: center;
}

.pedido-natureza-operacao-justificativa {
  display: flex;
  align-items: center;
  margin: 10px 0;
}

.pedido-natureza-operacao-justificativa-text-area {
  width: 100%;
  height: 140px;
}

.pedido-natureza-operacao-justificativa-texto {
  font-size: 17px;
  text-align: center;
  padding: 0 10px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.pedido-natureza-operacao-justificativa-explicacao {
  font-size: 14px;
  color: #748497;
}

.pedido-natureza-operacao-upload-descricao {
  font-size: 13px;
  text-align: center;
}

.pedido-natureza-operacao-upload-titulo {
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.pedido-natureza-modal {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.pedido-documentos-btn {
  margin: 24px auto 24px auto;
  font-size: 13px;
}

.pedido-comprovantes-container {
  margin-bottom: 10px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  column-gap: 15px;
}

.pedido-comprovantes-container button {
  width: 210px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: normal;
}

.pedido-comprovantes-container button:disabled {
  background-color: transparent !important;
}

.pedido-comprovantes-container button img {
  margin-right: 10px;
  margin-top: -3px;
}

.modal-reagendamento-container {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  flex-direction: column;
}

.modal-reagendamento-container .modal-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.infos-container {
  display: flex;
  flex-direction: column;
}

.infos-container span:nth-child(1) {
  color: #222745;
  font-size: 20px;
  font-weight: bold;
}

.infos-container span:nth-child(2) {
  color: #748497;
  font-size: 14px;
}

.infos-container span:nth-child(3) {
  color: #748497;
  font-size: 12px;
}

.data-card {
  display: flex;
  padding: 15px;
  text-align: left;
  background-color: #ffff;
  border-radius: 4px;
  margin: 10px;
  color: #222745;
  box-shadow: 2px 2px 2px #00000029;
  width: 344px;
  cursor: pointer;
}

.loading-box-modal-reagendamento {
  position: absolute;
  margin: 50% auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
}

@media (max-width: 768px) {
  .data-card {
    width: 100%;
    margin: 10px 0;
  }
}

@media (max-width: 360px) {
  .data-card > span {
    font-size: 12px;
  }
}

.modal-forma-pagamentos {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.modal-forma-pagamentos-texto {
  width: 85%;
}

.modal-forma-pagamentos-subTexto {
  width: 92%;
}

.modal-forma-pagamentos > img {
  margin-right: 10px;
  margin-bottom: 0.5em;
}

.modal-forma-pagamentos > h1 {
  color: #222745;
  font-weight: bold;
  font-size: 24px;
  white-space: nowrap;
}

.modal-forma-pagamentos-texto > h2 {
  text-align: center;
  color: #748497;
  font-size: 16px;
}

.modal-forma-pagamentos-subTexto > h2 {
  text-align: center;
  color: #748497;
  font-size: 16px;
}

.modal-forma-pagamentos-bancos {
  background-color: #ffff;
  border-radius: 28px;
  text-align: left;
  margin-top: 10px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.modal-forma-pagamentos-bancos > h1 {
  font-size: 18px;
  color: #222745;
  margin-bottom: auto;
  margin-top: auto;
}

.modal-forma-pagamentos-bancos > img {
  height: 35px;
  margin-right: 10px;
}

.modal-forma-pagamentos-bancos > :first-child > input {
  margin-top: 0 !important;
}

.botao-modal-pagamentos-confirmar {
  width: 100%;
  height: 50px;
}

.modal-forma-pagamentos-boleto {
  text-align: center;
  padding: 0 10px;
}

.modal-forma-pagamentos-boleto-titulo {
  font-size: 22px;
  font-weight: bold;
  color: #222745;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.modal-forma-pagamentos-boleto-titulo > div {
  display: flex;
}

.modal-forma-pagamentos-boleto-titulo-img {
  margin-right: 7px;
  width: 28px;
}

.modal-forma-pagamentos-boleto-descricao {
  color: #8ea4b8;
}

.modal-forma-pagamentos-boleto-importante {
  font-weight: bold;
  color: #d8292f;
  margin-bottom: 10px;
}

.modal-forma-pagamentos-boleto-info {
  font-weight: bold;
  color: #222745;
}

.modal-forma-pagamentos-boleto-endereco {
  padding: 20px 45px;
  padding-bottom: 0;
  color: #8ea4b8;
  text-align: left;
}

.modal-forma-pagamentos-boleto-endereco > div {
  margin: 10px;
}

.modal-forma-pagamentos-aviso {
  text-align: center;
  padding: 0 40px;
}

.modal-forma-pagamentos-aviso-info {
  width: 30px;
  margin-bottom: 10px;
}

.modal-forma-pagamentos-aviso-titulo {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
}

.modal-forma-pagamentos-aviso-descricao {
  font-size: 15px;
  color: #8ea4b8;
}

.modal-forma-pagamentos-conta-desc {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}

.modal-forma-pagamentos-aviso-numero {
  color: #748497;
  padding: 20px;
  border-bottom: 1px solid #cfd4d9;
}

.modal-forma-pagamentos-aviso-numero-agencia {
  margin-right: 4px;
  color: #0bbaff;
}

.modal-forma-pagamentos-aviso-numero > label {
  font-weight: bold;
}

@media (max-width: 840px) {
  .modal-forma-pagamentos-texto {
    width: 100%;
  }

  .modal-forma-pagamentos-subTexto {
    width: 100%;
  }
}

.pedido-body {
  margin: 1% auto;
}

.pedido-content {
  display: flex !important;
  margin: 0 auto;
  max-width: 900px;
  justify-content: center !important;
}

.pedido-pendencias {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid #d8292f;
  margin: 0 35px 15px 35px;
}

.pedido-natureza-operacao-justificativa-explicacao {
  font-size: 17px;
  color: #222745;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pedido-instrucoes {
  justify-content: center;
  align-items: center;
}

.pedido-intrucoes-subtitulo {
  width: 80%;
  margin: 0 0 25px 0;
}

.pedido-pendencias > img {
  height: 30px;
  margin-right: 10px;
}

.pedido-pendencias > span {
  color: #d8292f;
  font-size: 12px;
  line-height: 14px;
}

.pedido-numero {
  padding-bottom: 11px;
}

.pedido-numero > span {
  display: block;
  text-align: center;
}

.pedido-numero > span:nth-child(1) {
  color: #748497;
  font-size: 13px;
}

.pedido-numero > span:nth-child(2) {
  color: #222745;
  font-size: 27px;
  font-weight: bold;
}

.pedido-content > .row > [class*='col-'] {
  padding: 0 50px;
}

.pedido-content > .row > [class*='col-']:nth-child(2) {
  border-left: 1px solid #dadee2;
}

.pedido-status {
  text-align: center;
}

.pedido-pagamento {
  text-align: center;
}

.pedido-conta-bancaria {
  text-align: center;
}

.pedido-status > div > * {
  text-align: center;
  display: block;
}

.pedido-status > div > span:last-child {
  color: #748497;
}

.pedido-status-cinza {
  color: #748497;
}

.pedido-status-azul {
  color: #1298d4;
}

.pedido-status-laranja {
  color: #d98a38;
}

.pedido-status-verde {
  color: #2c9319;
}

.pedido-status-vermelho {
  color: #d8292f;
}

.pedido-pagamento-btn {
  margin: 24px auto 24px auto;
  font-size: 13px;
}

.pedido-conta-bancaria-btn {
  margin: 0 auto 24px auto;
  font-size: 13px;
}

.pedido-botoes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 16px auto;
}

.pedido-botoes > button {
  margin: 8px auto;
  font-size: 13px;
}

.pedido-reference-number-informativo {
  background-color: #222745;
  color: #fff !important;
  font-weight: bold;
  border-radius: 4px;
  display: block;
  margin: 0 35px 15px 35px;
  text-align: center;
  padding: 10px;
  font-size: 15px;
}

.pagamento-d0-info {
  display: flex;
  justify-content: center;
  margin: 10px;
}

.pagamento-d0-info > img {
  height: 20px;
  margin-right: 10px;
}

.pagamento-d0-info > h1 {
  color: #222745;
  font-size: 18px;
}

.modal-pedido-orientacao-retirada-caixa-24h .modal-title img {
  width: 95%;
  height: auto;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha:last-child {
  margin-bottom: 0;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha .passos-texto {
  text-align: left;
  margin-left: 16px;
}

@media (max-width: 768px) {
  .pedido-pendencias {
    margin: 0 0 15px 0;
  }

  .pedido-content .row > [class*='col-'] {
    padding: 0 15px;
  }

  .pedido-content .row > [class*='col-']:nth-child(2) {
    border-left: none;
    border-top: 1px solid #dadee2;
    margin-top: 16px;
    padding-top: 16px;
  }

  .pedido-reference-number-informativo {
    margin: 0 0 15px 0;
  }
}

.pedido-body {
  margin: 1% auto;
}

.pedido-content {
  margin: 0 auto;
  max-width: 900px;
}

.pedido-pendencias {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid #d8292f;
  margin: 0 35px 15px 35px;
}

.pedido-pendencias > img {
  height: 30px;
  margin-right: 10px;
}

.pedido-pendencias > span {
  color: #d8292f;
  font-size: 12px;
  line-height: 14px;
}

.alerta-forma-recebimento {
  display: flex;
  align-items: center;
  background-color: #fdf5db;
  border-radius: 5px;
  padding: 15px;
  width: 435px;
  margin: 0 auto;
  margin-bottom: 36px;
}

.alerta-forma-recebimento > img {
  height: 21px;
  margin-right: 15px;
}

.alerta-forma-recebimento > span {
  color: #222745;
  font-size: 12px;
}

.pedido-numero {
  padding-bottom: 11px;
}

.pedido-numero > span {
  display: block;
  text-align: center;
}

.pedido-numero > span:nth-child(1) {
  color: #748497;
  font-size: 13px;
}

.pedido-numero > span:nth-child(2) {
  color: #222745;
  font-size: 27px;
  font-weight: bold;
}

.pedido-content > .row > [class*='col-'] {
  padding: 0 50px;
}

.pedido-content > .row > [class*='col-']:nth-child(2) {
  border-left: 1px solid #dadee2;
}

.pedido-status {
  text-align: center;
  width: 100%;
}

.pedido-pagamento {
  text-align: center;
  width: 100%;
}

.pedido-conta-bancaria {
  text-align: center;
}

.pedido-status > div > * {
  text-align: center;
  display: block;
}

.pedido-status > div > span:last-child {
  color: #748497;
}

.pedido-status-cinza {
  color: #748497;
}

.pedido-status-azul {
  color: #1298d4;
}

.pedido-status-laranja {
  color: #d98a38;
}

.pedido-status-verde {
  color: #2c9319;
}

.pedido-status-vermelho {
  color: #d8292f;
}

.pedido-pagamento-btn {
  margin: 24px auto 24px auto;
  font-size: 13px;
}

.pedido-conta-bancaria-btn {
  margin: 0 auto 24px auto;
  font-size: 13px;
}

.pedido-botoes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 16px auto;
}

.pedido-botoes > button {
  margin: 8px auto;
  font-size: 13px;
}

.pedido-reference-number-informativo {
  background-color: #222745;
  color: #fff !important;
  font-weight: bold;
  border-radius: 4px;
  display: block;
  margin: 0 35px 15px 35px;
  text-align: center;
  padding: 10px;
  font-size: 15px;
}

.pagamento-d0-info {
  display: flex;
  justify-content: center;
  margin: 10px;
}

.pagamento-d0-info > img {
  height: 20px;
  margin-right: 10px;
}

.pagamento-d0-info > h1 {
  color: #222745;
  font-size: 18px;
}

@media (max-width: 768px) {
  .pedido-pendencias {
    margin: 0 0 15px 0;
  }

  .pedido-content .row > [class*='col-'] {
    padding: 0 15px;
  }

  .pedido-content .row > [class*='col-']:nth-child(2) {
    border-left: none;
    border-top: 1px solid #dadee2;
    margin-top: 16px;
    padding-top: 16px;
  }

  .pedido-reference-number-informativo {
    margin: 0 0 15px 0;
  }

  .alerta-forma-recebimento {
    width: 100%;
  }
}

.ajuda-list {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.ajuda-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  color: #1298d4;
  border-bottom: 1px solid #bcc4ce;
  cursor: pointer;
}

.ajuda-list-item:hover {
  color: #1298d4;
}

.ajuda-list-item:not([href]):not([tabindex]) {
  color: #1298d4;
}

.ajuda-list-item:not([href]):not([tabindex]):hover {
  color: #1298d4;
}

.ajuda-list-item-subTitle {
  color: #748497;
  margin-left: 5px;
  font-weight: normal;
  font-size: 14px;
}

.ajuda-list-item-arrow {
  color: #1298d4;
  height: 36px;
  width: 36px;
}

.money-gram {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.money-gram .body-header {
  margin: 15px;
}

.money-gram .body-content {
  background-color: transparent;
  box-shadow: none;
  padding: 0 16px 16px 16px;
}

.money-gram-resumo-title {
  display: block;
  color: #748497;
  font-size: 24px;
  padding-bottom: 16px;
  position: absolute;
  top: -50px;
}

@media (max-width: 768px) {
  .money-gram .header {
    margin-bottom: 75px;
  }

  .money-gram-resumo-title {
    margin-top: 16px;
    position: unset;
  }
}

.favorecidos-listagem-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-shadow: 0 3px 6px #00000029;
  margin: 1px 0;
  padding: 20px;
  background-color: white;
  cursor: pointer;
}

.favorecidos-listagem-vazia {
  text-align: center;
  margin: 20px 0 20px 0;
}

.favorecidos-listagem-card-toggle {
  color: #4aafdd;
  font-size: 18px;
  cursor: pointer;
  margin-right: 10px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.favorecidos-listagem-card-arrow {
  width: 30px;
}

.favorecidos-listagem-card-edit {
  margin-right: 20px;
  cursor: pointer;
}

.favorecidos-listagem-card-edit-image {
  width: 20px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.favorecidos-listagem-card-remove {
  width: 20px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.favorecidos-listagem-card-title {
  font-size: 20px;
  font-weight: bold;
}

.favorecidos-listagem-card-description {
  font-size: 17px;
  color: #748497;
}

.favorecidos-listagem-novo-button {
  margin-top: 20px;
}

.form-favorecido-tooltip {
  margin-left: 8px;
  margin-bottom: 2px;
  width: 18px;
}

.carrinho-total {
  text-align: center;
}

.carrinho-total > ul {
  padding: 0;
  margin: 0 0 30px 0;
}

.carrinho-total > ul > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  margin-bottom: 12px;
}

.carrinho-total > ul > li > span,
.carrinho-total > ul > li > div > span {
  color: #748497;
}

.carrinho-total > ul > li > span > img {
  height: 20px;
  margin-left: 8px;
}

.carrinho-total > ul > li > h3,
.carrinho-total > ul > li > div > h3 {
  color: #222745;
  font-size: 24px;
  margin: 0;
}

.carrinho-total button {
  max-width: 330px;
  width: 100%;
}

.tooltip-titulo {
  padding: 5px 5px 5px 5px;
  font-size: 18px;
  text-align: left;
}

.tooltip-descricao {
  padding: 5px 5px 5px 5px;
  text-align: left;
}

.total-carrinho-mg-cupom {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media (max-width: 768px) {
  .carrinho-total > ul > li > span:first-child {
    display: flex;
    align-items: center;
  }
}

.body-content-favorecidos-moneygram {
  padding: 0 16px !important;
}

@media (max-width: 768px) {
  .money-gram-favorecidos-esconder-mobile {
    display: none;
  }
}

.confidence-input-container-error > select {
  border-color: red !important;
}

.confidence-input-container-error > div:not(.confidence-input-error) {
  border-color: red !important;
  border-style: solid;
  border-width: 1px;
}

.confidence-input-container > select {
  text-align-last: center;
  border: none;
  width: 100%;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #1298d4;
  padding: 0 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAWNJREFUaIHt1NFKwmAYxvH/O3YYBIKXUIggwuYFRNekJyNQKD8Eu6YQw7P0JFyg9xAEnTX3dRCWjqbtczvq/R2Nuffb8/iioJRSSimllFL/TTiMB+3RsnHqOe3RshEO44HrvOcyFJh4jEjf38j0lBLt0bLhb2SKSD8w8djljMIFAhOPBekCIFL3U2/WMetW0XN2wtcBBOmG5uW26DlOG8ioWZJJkRIds275qTfbhv8mkhR9uRQdgMwWfrwK/tVTdPF8aLZj1i1LMgFq+5/Y3jxq3hfN4rSBRdTsAXeZ27WUj8fQrIK8udzw1t64hAfHDWz9tgmLfRP863l0udi9H5pVYEkeBDnfP8Xtm986qQD8rURV4aGEAnC4xNd1NeGhpALwewlJeQewHmf7T5cTHkosALn/ThnlhYeSC8CxEuWGhwoKQF6J8sNDRQUgW6Ka8JULh/EgNPGR34RSSimllFJKufkE5COYR1FVDF8AAAAASUVORK5CYII=) no-repeat right;
  background-size: 35px;
}

.confidence-input-container > select > option {
  text-align: center;
}

.confidence-input-container > select:invalid,
select option[value=''] {
  color: #999;
}

.confidence-input-small > .confidence-input-container > select {
  font-size: 16px;
}

.confidence-input-container > select::placeholder {
  color: #b7bfc9;
}

.money-gram-novo-favorecido {
  background-color: white;
  border-radius: 8px;
  padding: 20px 90px;
}

.money-gram-novo-favorecido-button {
  text-align: center;
  margin: 20px 0;
}

@media (max-width: 992px) {
  .money-gram-novo-favorecido {
    padding: 20px;
  }
}

.botao-ver-mais {
  border: none !important;
  text-align: center;
}

.botao-ver-mais > button {
  position: relative;
  background-color: transparent;
  color: #27a0d8;
  border: 1px solid #27a0d8;
  margin: 20px auto;
}

.botao-ver-mais > button > img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  margin: auto;
  width: 30px;
}

.motivos-money-gram-container {
  list-style-type: none;
  padding: 0;
}

.motivos-money-gram-container > li {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 25px 20px;
  box-shadow: 0 3px 6px #00000029;
  margin-bottom: 1px;
  border-radius: 5px;
  cursor: pointer;
  min-height: 128px;
}

.motivos-money-gram-container > li > div > span:nth-child(1) {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #222745;
}

.motivos-money-gram-container > li > div > span:nth-child(2) {
  display: block;
  font-size: 17px;
  color: #818fa1;
  font-weight: 200;
}

.motivos-money-gram-container > li > div > .receber-money-gram-natureza-list {
  padding: 0;
}

.motivos-money-gram-container > li > div > .receber-money-gram-natureza-list > li {
  display: block;
  font-size: 14px;
  margin-right: 10px;
  color: #818fa1;
}

.motivos-money-gram-container > li > div > .receber-money-gram-natureza-list > li > span:first-child {
  color: #27a0d8;
}

@media (max-width: 768px) {
  .motivos-money-gram-container > li > div > .receber-money-gram-natureza-list > li {
    display: block;
  }
}

.moneygram-revisao-modal-container {
  overflow-y: scroll;
}

.moneygram-revisao-modal > div > .modal-content {
  padding: 0 !important;
}

.moneygram-revisao-modal > .modal-dialog {
  max-width: 830px;
}

.moneygram-revisao-modal > div > div > .modal-header {
  background-color: #fdf5db;
  height: 50px;
}

.moneygram-revisao-modal-titulo-texto {
  font-size: 15px;
  font-weight: bold;
  margin-left: 5px;
}

.moneygram-revisao-modal-titulo {
  margin: auto;
  display: flex;
}

.moneygram-revisao-modal-titulo > img {
  margin-right: 10px;
}

.moneygram-revisao-modal-aviso {
  margin: 15px;
}

.moneygram-revisao-modal-descricao {
  margin-bottom: 10px;
}

.moneygram-revisao-modal-list {
  margin: 20px;
}

.moneygram-revisao-modal-list:nth-child(2) {
  padding-left: 80px;
}

.moneygram-revisao-modal-concluir {
  margin: auto;
}

.moneygram-revisao-modal-check {
  margin: 15px 40px;
}

.moneygram-revisao-modal-termos {
  font-weight: bold;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

@media (max-width: 840px) {
  .moneygram-revisao-modal > div > div > .modal-header {
    background-color: #fdf5db;
    height: 70px;
  }

  .moneygram-revisao-modal-titulo > img {
    margin-right: 20px;
  }
}

.money-gram-revisao-bloco {
  background-color: #e6e9ed;
  padding: 22px 34px;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 16px;
}

.money-gram-revisao-bloco h4 {
  color: #222745;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
}

.money-gram-revisao-bloco h5 {
  color: #222745;
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
}

.money-gram-revisao-bloco span {
  color: #748497;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.money-gram-revisao-bloco a {
  color: #1298d4;
  border-bottom: 1px solid #1298d4;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}

.money-gram-revisao-bloco > ul {
  padding: 0;
}

.money-gram-revisao-bloco > ul > li {
  list-style-type: none;
  padding: 10px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #748497;
}

.money-gram-revisao-bloco > ul > li:last-child {
  padding-bottom: 0;
}

.money-gram-revisao-bloco > ul > li > * {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.money-gram-revisao-bloco > ul > li:last-child > div {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.money-gram-revisao-bloco > ul > li:last-child > div > .confidence-input {
  width: 100%;
}

.money-gram-revisao-bloco > ul > li:last-child > div > span,
.money-gram-revisao-bloco > ul > li:last-child > div > .confidence-input {
  margin-right: 10px;
}

.money-gram-revisao-bloco-alerta {
  display: flex;
  align-items: center;
  background-color: #fdf5db;
  border-radius: 5px;
  padding: 15px;
  width: 100%;
  margin-top: 20px;
}

.money-gram-revisao-bloco-alerta > img {
  height: 29px;
  margin-right: 15px;
}

.money-gram-revisao-bloco-alerta > span {
  color: #222745;
  font-size: 16px;
}

.moneygram-revisao-pagamento-bloco-dados-pessoas {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.moneygram-revisao-pagamento-bloco-dados-pessoas li {
  margin-right: 30px;
}

.money-gram-revisao-bloco-originador {
  display: flex !important;
  align-items: flex-start !important;
}

.money-gram-revisao-bloco-originador > div {
  width: 100%;
}

.money-gram-revisao-bloco-originador > .confidence-input-container > input {
  width: 80%;
}

.atualizar-doc-originador {
  margin: 5px 0 0 15px;
  color: #1298d4 !important;
}

.atualizar-doc-originador-disabled {
  margin: 5px 0 0 15px;
  pointer-events: none;
  color: #565656 !important;
  border-bottom: 1px solid #565656 !important;
}

.money-gram-revisao-edit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.money-gram-revisao-edit-btn {
  color: #1298d4 !important;
  margin-top: -10px;
  margin-bottom: 15px;
}

@media (max-width: 768px) {
  .money-gram-revisao-bloco > ul > li > * {
    display: block;
  }

  .money-gram-revisao-esconder-mobile {
    display: none;
  }

  .money-gram-revisao-bloco-originador {
    flex-direction: column;
    align-items: center !important;
  }

  .money-gram-revisao-bloco-originador > .confidence-input {
    margin: 0 !important;
  }

  .atualizar-doc-originador,
  .atualizar-doc-originador-disabled {
    margin: 0;
  }
}

.carrinho-total {
  text-align: center;
}

.carrinho-total > ul {
  padding: 0;
  margin: 0 0 30px 0;
}

.carrinho-total > ul > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  margin-bottom: 12px;
}

.carrinho-total > ul > li > span,
.carrinho-total > ul > li > div > span {
  color: #748497;
}

.carrinho-total > ul > li > span > img {
  height: 20px;
  margin-left: 8px;
}

.carrinho-total > ul > li > h3,
.carrinho-total > ul > li > div > h3 {
  color: #222745;
  font-size: 24px;
  margin: 0;
}

.carrinho-total button {
  max-width: 330px;
  width: 100%;
}

.tooltip-titulo {
  padding: 5px 5px 5px 5px;
  font-size: 18px;
  text-align: left;
}

.tooltip-descricao {
  padding: 5px 5px 5px 5px;
  text-align: left;
}

.total-carrinho-mg-cupom {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media (max-width: 768px) {
  .carrinho-total > ul > li > span:first-child {
    display: flex;
    align-items: center;
  }
}

.motivos-money-gram-container {
  list-style-type: none;
  padding: 0;
}

.motivos-money-gram-container > li {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 25px 20px;
  box-shadow: 0 3px 6px #00000029;
  margin-bottom: 1px;
  border-radius: 5px;
  cursor: pointer;
  min-height: 128px;
}

.motivos-money-gram-container > li > div > span:nth-child(1) {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #222745;
}

.motivos-money-gram-container > li > div > span:nth-child(2) {
  display: block;
  font-size: 17px;
  color: #818fa1;
  font-weight: 200;
}

.motivos-money-gram-container > li > div > ul {
  padding: 0;
}

.motivos-money-gram-container > li > div > ul > li {
  display: inline;
  font-size: 14px;
  margin-right: 10px;
}

.motivos-money-gram-container > li > div > ul > li > span:first-child {
  color: #27a0d8;
}

.motivos-money-gram-container > li > div > ul > li > span:last-child {
  color: #818fa1;
}

@media (max-width: 768px) {
  .motivos-money-gram-container > li > div > ul > li {
    display: block;
  }
}

.conta-bancaria-body {
  margin: 1% auto;
}

.body-content-conta-bancaria {
  background-color: transparent;
  box-shadow: none;
  padding: 0 !important;
}

.conta-bancaria-form {
  background-color: white;
  box-shadow: 0 3px 6px #00000029;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 15px 15px 30px 15px;
  text-align: left;
}

.conta-bancaria-form form {
  width: 320px;
  margin: 0 auto;
}

.conta-bancaria-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  box-shadow: 0 3px 6px #00000029;
  padding: 20px 15px 20px 15px;
  border-radius: 3px;
  margin-bottom: 15px;
}

.conta-bancaria-list-editavel {
  cursor: pointer;
}

.conta-bancaria-listagem-card-edit-image {
  cursor: pointer;
  width: 20px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.conta-bancaria-listagem-card-remove {
  cursor: pointer;
  width: 20px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.conta-bancaria-listagem-card-toggle {
  color: #4aafdd;
  font-size: 18px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.conta-bancaria-resumo {
  width: 100%;
  float: left;
  margin-top: -71px;
}

.conta-bancaria-resumo-titulo {
  color: #748497;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 36px;
}

.conta-bancaria-resumo-produto {
  display: flex;
  background-color: #e7eaed;
  border-radius: 5px;
  padding: 18px 15px 12px 15px;
}

.conta-bancaria-resumo-total {
  display: flex;
}

.body-content-conta-bancaria .forma-entrega-recebimento {
  margin-top: 0;
}

@media (max-width: 768px) {
  .conta-bancaria-esconder-mobile {
    display: none;
  }
}

.contratosBody {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.containerContratos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.headerContainer {
  display: flex;
  width: 93%;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .headerContainer {
    flex-direction: column;
  }
}

.headerTitulo {
  font: normal normal normal 18px/20px Lato;
  margin-bottom: 35px;
}

.headerFilterTitulo {
  font-size: 14px;
  margin: 0 10px 0 0;
  opacity: 0.4;
}

.filterContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.botao-new {
  display: block;
  background-color: white;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  height: 56px;
  line-height: 56px;
  text-align: center;
  width: 100% !important;
  max-width: 320px;
  border: 1px solid #00a6da;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0 auto 24px;
  color: #00a6da;
}

.botao-new-inverse {
  display: block;
  background-color: #00a6da;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  height: 56px;
  line-height: 56px;
  text-align: center;
  width: 320px;
  border: 1px solid #00a6da;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0 auto 24px;
  color: white;
}

.bottomButtons {
  display: flex;
  justify-content: space-between;
  margin: 77px 0 57px 0;
  width: 80% !important;
}

@media (max-width: 768px) {
  .bottomButtons {
    flex-direction: column-reverse;
    margin: 57px 0 57px 0;
    width: 100% !important;
  }
}

.multiFilters {
  display: flex;
  flex-direction: column;
}

.filterMoedaOption {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.filterIcon {
  display: flex;
  align-items: center;
}

.filterIso {
  margin: 0 0 0 5px;
}

.filterLabel {
  margin: 7px 0 0 5px;
  font: normal normal normal 12px/60px Lato;
  color: #788791;
}

.cardContainer {
  display: flex;
  height: 280px;
  width: 880px;
  background-color: white;
  margin: 56px 0 0 0;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
}

@media (max-width: 768px) {
  .cardContainer {
    flex-direction: column-reverse;
    height: 100%;
    width: 100%;
  }
}

.cardLeft {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cardObjetivo {
  display: flex;
  padding: 20px;
  justify-content: space-between;
  align-items: center;
  width: 488px;
  height: 65px;
}

@media (max-width: 768px) {
  .cardObjetivo {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    margin: 0 0 10px 0;
    padding: 0 20px 0 20px;
    gap: 10px;
  }
}

.objetivo {
  margin: 10px 0 0 0;
  font: normal normal 600 24px/29px Lato;
}

.detalhesContainer {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.detalhes {
  font: normal normal normal 14px/17px Lato;
  color: #48b2eb;
  margin: 1px 0 0 0;
}

.detalhesIcon {
  height: 24px;
  width: 24px;
  color: #48b2eb;
  margin: 0 4px 0 0;
}

.cardSaldo {
  display: flex;
  padding: 20px;
  justify-content: left;
  align-items: center;
  width: 488px;
  height: 10px;
}

@media (max-width: 768px) {
  .cardSaldo {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin: 10px 0 45px 0;
    padding: 0 20px 0 20px;
  }
}

.card-saldo-value {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.cardSaldoTitulo {
  font: normal normal normal 18px/24px Lato;
  margin: 0 13px 0 0;
}

@media (max-width: 768px) {
  .cardSaldoTitulo {
    font: normal normal normal 14px/20px Lato;
  }
}

.cardSaldoBandeira {
  height: 34px;
  width: 36px;
  margin: 0 13px 0 0;
}

.cardSaldoMoeda {
  font: normal normal normal 18px/24px Lato;
  margin: 0 13px 0 0;
}

@media (max-width: 768px) {
  .cardSaldoMoeda {
    font: normal normal normal 14px/20px Lato;
  }
}

.cardSaldoValor {
  font: normal normal normal 24px/29px Lato;
  margin: 1px 0 0 0;
}

@media (max-width: 768px) {
  .cardSaldoValor {
    font: normal normal normal 18px/24px Lato;
  }
}

.cardModalidade {
  display: flex;
  padding: 20px;
  justify-content: left;
  align-items: center;
  width: 488px;
  height: 10px;
}

.cardModalidadeTitulo {
  font: normal normal normal 18px/22px Lato;
  margin: 0;
}

@media (max-width: 768px) {
  .cardModalidadeTitulo {
    font: normal normal normal 14px/20px Lato;
  }
}

.cardModalidadeIcon {
  color: #051c2c;
  width: 24px;
  height: 24px;
  margin: 0 13px 0 0;
  font-weight: 600;
}

.cardPagamento {
  display: flex;
  padding: 20px;
  justify-content: left;
  align-items: center;
  width: 488px;
  height: 10px;
  margin-bottom: 15px;
}

.cardPagamentoTitulo {
  font: normal normal normal 18px/22px Lato;
  margin: 0;
}

@media (max-width: 768px) {
  .cardPagamentoTitulo {
    font: normal normal normal 13px/20px Lato;
  }
}

.cardPagamentoIcon {
  color: #051c2c;
  width: 24px;
  height: 24px;
  margin: 0 13px 0 0;
  font-weight: 600;
}

.cardBottomBarProgress {
  display: flex;
}

.cardProgresso {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 86px;
  min-height: 86px;
  background-color: rgb(94, 140, 163, 1);
  border-radius: 0px 0px 0px 5px;
  padding: 7px 0 0 5px;
}

.cardProgressoCancelado {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  min-height: 86px;
  background-color: rgb(207, 154, 157, 1);
  border-radius: 0px 0px 0px 5px;
  padding: 7px 0 0 5px;
}

.cardProgressoFinalizado {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 86px;
  min-height: 86px;
  background-color: rgb(108, 149, 34, 1);
  border-radius: 0px 0px 0px 5px;
  padding: 7px 0 0 5px;
}

.cardProgressoDocumentacao {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 62px;
  min-height: 86px;
  background-color: #f8810a;
  border-radius: 0px 0px 0px 5px;
}

.cardProgressoPerc {
  font: normal normal normal 28px/39px Lato;
  color: white;
  text-align: center;
  height: 15px;
}

.cardProgressoTexto {
  text-align: center;
  font: normal normal normal 14px/17px Lato;
  margin-top: 5px;
  color: white;
}

.cardStatus {
  display: flex;
  align-items: center;
  min-width: 426px;
  padding: 10px 0 0 20px;
  background-color: rgb(94, 140, 163, 0.5);
}

.cardStatusCancelado {
  display: flex;
  align-items: center;
  min-width: 426px;
  padding: 10px 0 0 20px;
  background-color: rgb(207, 154, 157, 0.5);
}

.cardStatusFinalizado {
  display: flex;
  align-items: center;
  min-width: 426px;
  padding: 10px 0 0 20px;
  background-color: rgb(108, 149, 34, 0.5);
}

.cardStatusDocumentacao {
  display: flex;
  align-items: center;
  min-width: 426px;
  padding: 10px 0 0 20px;
  background-color: #f8810a;
}

@media (max-width: 768px) {
  .cardStatus {
    width: 100%;
    min-width: auto;
    padding-right: 5px;
    border-radius: 0 0 5px 0;
  }
  .cardStatusCancelado {
    min-width: auto;
    width: 100%;
    padding-right: 5px;
    border-radius: 0 0 5px 0;
  }
  .cardStatusFinalizado {
    min-width: auto;
    width: 100%;
    padding-right: 5px;
    border-radius: 0 0 5px 0;
  }
  .cardStatusDocumentacao {
    min-width: auto;
    width: 100%;
    padding-right: 5px;
    border-radius: 0 0 5px 0;
  }
}

.cardStatusTexto {
  text-align: left;
  font: normal normal normal 14px/17px Lato;
}

.documentacao-text {
  display: flex;
  align-items: center;
  gap: 1em;
  margin: 0 0 15px 0;
}

.documentacao-text p {
  font: normal normal normal 14px/17px Lato;
  color: #fff;
  margin: 0 0 0 0;
}

.documentacao-text img {
  margin: 0 0 0 0;
}

.semContratoTitulo {
  font: normal normal normal 24px/32px Lato;
  text-align: center;
  margin-top: 40px;
}

.semContratoSubTitulo {
  font: normal normal normal 18px/32px Lato;
  text-align: center;
  color: #7d8792;
}

.imagemPadrao {
  height: 280px;
  width: 392px;
  border-radius: 0 5px 5px 0;
  box-shadow: 0px 3px 6px #00000029;
}

@media (max-width: 768px) {
  .imagemPadrao {
    height: 200px;
    width: 100%;
    border-radius: 5px 5px 0 0;
    box-shadow: 0px 3px 6px #00000029;
  }
}

.loading-spinner-contratos {
  color: #222745;
  position: absolute;
  width: 60px;
  height: 60px;
  margin: 40px 0;
}

.detalhesContratosWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.detalhesContratosContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tituloDetalhesContainer {
  display: flex;
  flex-direction: column;
}

.tituloDetalhes {
  font: normal normal medium 36px/40px Lato;
  text-align: center;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .tituloDetalhes {
    font-size: x-large;
  }
}

.subtituloDetalhes {
  font: normal normal normal 20px/40px Lato;
  text-align: center;
  color: #7d8792;
}

@media (max-width: 768px) {
  .subtituloDetalhes {
    font: normal normal normal 14px/32px Lato;
  }
}

.bodyContainer {
  display: flex;
  margin: 10px;
}

@media (max-width: 768px) {
  .bodyContainer {
    flex-direction: column;
  }
}

.leftContainer {
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  .leftContainer {
    margin: 20px 0 0 0;
    flex-direction: column-reverse;
  }
}

.objetivoTitulo {
  font: normal normal normal 16px/19px Lato;
  color: #7d8792;
  text-align: left;
}

@media (max-width: 768px) {
  .objetivoTitulo {
    font: normal normal normal 14px/16px Lato;
  }
}

.objetivoInput {
  margin: 0 0 10px 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #cccccc;
  background-color: transparent;
  width: 100%;
}

.objetivoInput::placeholder {
  color: #cccccc;
}

.objetivoInput,
.objetivoInput::placeholder {
  font: normal normal normal 28px/34px Lato;
}

@media (max-width: 768px) {
  .objetivoInput,
  .objetivoInput::placeholder {
    font: normal normal normal 24px/28px Lato;
  }
}

.imagemPadraoAviao {
  width: 680px;
  height: 443px;
}

@media (max-width: 768px) {
  .imagemPadraoAviao {
    width: 100%;
    height: 100%;
    margin: 0 0 20px 0;
    border-radius: 5px;
  }
}

.tituloDetalhesOpcao {
  font: normal normal normal 16px/19px Lato;
  color: #7d8792;
  margin: 23px 0 7px 0;
}

@media (max-width: 768px) {
  .tituloDetalhesOpcao {
    font: normal normal normal 14px/16px Lato;
  }
}

.tituloDetalhesOpcaoData {
  font: normal normal normal 16px/19px Lato;
  color: #7d8792;
  margin: 10px 0 7px 0;
}

@media (max-width: 768px) {
  .tituloDetalhesOpcaoData {
    font: normal normal normal 14px/16px Lato;
  }
}

.rightContainer {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 20px;
}

@media (max-width: 768px) {
  .rightContainer {
    margin: 0;
  }
}

.dataInicio {
  text-align: left;
  font: normal normal normal 28px/28px Lato;
  color: #051c2c;
}

@media (max-width: 768px) {
  .dataInicio {
    font: normal normal normal 20px/20px Lato;
  }
}

.saldoAtual {
  display: flex;
  align-items: center;
}

.saldoAtualMoeda {
  margin: 0 10px 0 5px;
  font: normal normal normal 18px/20px Lato;
}

@media (max-width: 768px) {
  .saldoAtualMoeda {
    font: 500 normal normal 14px/16px Lato;
  }
}

.flagSaldo {
  width: 36px;
  height: 34px;
  margin: 0;
}

.saldoAtualSaldo {
  margin: 0;
  text-align: left;
  font: normal normal normal 28px/34px Lato;
  letter-spacing: 0px;
  color: #051c2c;
}

@media (max-width: 768px) {
  .saldoAtualSaldo {
    font: 500 normal normal 20px/24px Lato;
  }
}

.valorParcelas {
  text-align: left;
  font: normal normal normal 20px/24px Lato;
  color: #051c2c;
}

@media (max-width: 768px) {
  .valorParcelas {
    font: normal normal normal 14px/16px Lato;
  }
}

.modalidadeContainer {
  display: flex;
}

.modalidadeDescricao {
  font: normal normal normal 18px/22px Lato;
  text-align: left;
}

@media (max-width: 768px) {
  .modalidadeDescricao {
    font: normal normal normal 14px/16px Lato;
  }
}

.modalidadeIcon {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

.esfera-nao-paga {
  background: #cccccc 0% 0% no-repeat padding-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 10px 0 0;
}

.esfera-paga {
  background: #a7c96a 0% 0% no-repeat padding-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 10px 0 0;
}

.esfera-pulada {
  background: #5e8ca3 0% 0% no-repeat padding-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin: 0 10px 0 0;
}

.parcelasContratosMinhasParcelas {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 250px;
}

.parcelasContratosContainer {
  display: flex;
  align-items: center;
  margin-top: 18px;
}

.parcelasContratosDataClicavel {
  margin: 0;
  cursor: pointer;
  text-decoration: underline;
  font: normal normal normal 18px/22px Lato;
  color: #48b2eb;
}

@media (max-width: 768px) {
  .parcelasContratosDataClicavel {
    font: normal normal normal 14px/16px Lato;
  }
}

.parcelasContratosData {
  margin: 0;
  text-align: left;
  font: normal normal normal 18px/22px Lato;
  color: #cccccc;
}

@media (max-width: 768px) {
  .parcelasContratosData {
    font: normal normal normal 14px/16px Lato;
  }
}

.legenda-detalhes-container {
  display: flex;
  margin: 20px 0 0 0;
  align-items: center;
}

.legenda-detalhes-container label {
  display: flex;
  margin: 0 0 0 10px;
  align-items: center;
}

.legendaPago {
  font: normal normal normal 14px/32px Lato;
  margin: 0 10px 0 0;
}

@media (max-width: 768px) {
  .legendaPago {
    font: normal normal normal 12px/15px Lato;
    margin: 0 3px 0 0;
  }
}

.detalhesSubtexto {
  text-align: left;
  font: normal normal normal 12px/15px Lato;
}

@media (max-width: 768px) {
  .detalhesSubtexto {
    font: normal normal normal 10px/12px Lato;
  }
}

.botao-new-inverse-disabled {
  display: block;
  background-color: #c7c6c6;
  font-family: Ubuntu, sans-serif;
  font-weight: bold;
  height: 56px;
  line-height: 56px;
  text-align: center;
  width: 320px;
  border: 1px solid #c7c6c6;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0 auto 24px;
  color: white;
}

.botao-new-inverse-disabled .icon-button {
  margin: 0 8px 0 0;
}

.objetivoDefinido {
  text-align: left;
  font: normal normal normal 28px/34px Lato;
  color: #051c2c;
}

@media (max-width: 768px) {
  .objetivoDefinido {
    font: normal normal normal 20px/24px Lato;
  }
}

.cambio-detalhes-cancelar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 0 0;
  gap: 5px;
}

.cambio-detalhes-cancelar img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.cambio-detalhes-cancelar span {
  font: normal normal normal 14px/16px Lato;
  color: #00a6da;
  margin: 0 0 0 5px;
  cursor: pointer;
}

.detalhes-contrato-botoes {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 40px 0 0 0;
}

@media (max-width: 768px) {
  .detalhes-contrato-botoes {
    flex-direction: column;
  }
}

.cambio-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 999;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.cambio-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: #051c2c !important;
  padding: 1em 2em 1em 2em;
  border-radius: 5px;
  z-index: 9999;
  max-width: 400px;
  color: white;
  gap: 1em;
}

@media (max-width: 768px) {
  .cambio-modal {
    max-width: 350px;
  }
}

.cambio-modal img {
  /* A imagem precisa ficar na direita */
  align-self: flex-end;
  margin-left: auto;
  cursor: pointer;
}

.cambio-modal h3 {
  text-align: center;
  font: normal normal normal 20px/28px Lato;
}

.cambio-modal div {
  display: flex;
  align-items: center;
  gap: 1em;
}

.cambio-modal p {
  text-align: center;
  font: normal normal normal 16px/22px Lato;
  color: #fff;
}

.cambio-modal button:nth-child(1) {
  background: #051c2c 0% 0% no-repeat padding-box;
  border-radius: 5px;
  width: 150px;
  height: 56px;
  color: #00a6da;
  font: normal normal bold 18px/22px Lato;
  letter-spacing: 0px;
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid #00a6da;
  cursor: pointer;
}

.cambio-modal button:nth-child(2) {
  background: #00a6da 0% 0% no-repeat padding-box;
  border-radius: 5px;
  width: 150px;
  height: 56px;
  color: white;
  font: normal normal bold 18px/22px Lato;
  letter-spacing: 0px;
  padding: 0.5em 1em 0.5em 1em;
  border: none;
  cursor: pointer;
}

.motivo-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 999;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.motivo-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: #051c2c !important;
  padding: 1em 2em 1em 2em;
  border-radius: 5px;
  z-index: 9999;
  max-width: 400px;
  color: white;
  gap: 1em;
}

@media (max-width: 768px) {
  .motivo-modal {
    max-width: 350px;
  }
}

.motivo-modal img {
  /* A imagem precisa ficar na direita */
  align-self: flex-end;
  margin-left: auto;
  cursor: pointer;
}

.motivo-modal h3 {
  text-align: center;
  font: normal normal normal 20px/28px Lato;
}

.motivo-modal-options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
  gap: 0.1em;
}

.motivo-modal-options div {
  display: flex;
  align-items: center;
  gap: 0.1em;
}

.motivo-modal-options label {
  font: normal normal normal 16px/22px Lato;
  margin: 10px 0 0 0;
}

.motivo-modal-options input {
  cursor: pointer !important;
}

.motivo-modal-options textarea {
  width: 340px !important;
  height: 100px;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 1em;
  font: normal normal normal 16px/22px Lato;
}

@media (max-width: 768px) {
  .motivo-modal-options textarea {
    width: 290px !important;
  }
}

.motivo-modal-buttons {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 1em;
}

.motivo-modal button:nth-child(1) {
  background: #051c2c 0% 0% no-repeat padding-box;
  border-radius: 5px;
  max-width: 160px;
  height: 56px;
  color: #00a6da;
  font: normal normal bold 18px/22px Lato;
  letter-spacing: 0px;
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid #00a6da;
  cursor: pointer;
}

.motivo-modal button:nth-child(2) {
  background: #00a6da 0% 0% no-repeat padding-box;
  border-radius: 5px;
  max-width: 160px;
  height: 56px;
  color: white;
  font: normal normal bold 18px/22px Lato;
  letter-spacing: 0px;
  padding: 0.5em 1em 0.5em 1em;
  border: none;
  cursor: pointer;
}

.motivo-modal-textarea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5em;
}

.motivo-modal-textarea div {
  display: flex;
  justify-content: flex-end;
  gap: 1.5em;
  width: 100%;
}

.motivo-modal-textarea .span {
  font: normal normal normal 12px/14px Lato;
  color: #00a6da;
}

.motivo-modal-textarea .limit {
  font: normal normal normal 12px/14px Lato;
  color: #f8810a;
}

.motivo-modal-textarea .error {
  font: normal normal normal 12px/14px Lato;
  color: #f8810a;
}

.confirmation-cancel-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 999;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.confirmation-cancel-modal {
  display: grid;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 300px;
  max-width: 400px;
  background-color: #051c2c !important;
  padding: 1em 2em 1em 2em;
  border-radius: 5px;
  z-index: 9999;
  color: white;
}

@media (max-width: 768px) {
  .confirmation-cancel-modal {
    max-width: 350px;
  }
}

.confirmation-cancel-modal h3 {
  text-align: center;
  font: normal normal normal 20px/28px Lato;
}

.confirmation-cancel-modal p {
  text-align: center;
  font: normal normal normal 16px/22px Lato;
  margin: 0;
  padding: 0;
  color: #fff;
}

.confirmation-cancel-modal button {
  background: #051c2c 0% 0% no-repeat padding-box;
  border-radius: 5px;
  max-width: 160px;
  justify-self: center;
  height: 56px;
  color: #00a6da;
  font: normal normal bold 18px/22px Lato;
  letter-spacing: 0px;
  padding: 0.5em 1em 0.5em 1em;
  border: 1px solid #00a6da;
  cursor: pointer;
}

.pedidosContratosWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.pedidosContratosTitulo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 56px;
  margin-top: 32px;
}

.pedidosContratosTitulo h1 {
  text-align: center;
  font: normal normal normal 28px/29px Lato;
  color: #051c2c;
  margin: 0;
}

.pedidosContratosStatusBar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .pedidosContratosStatusBar {
    flex-direction: column;
    max-width: 370px;
    width: 100%;
  }
}

.pedidosContratosStatusAtivo {
  display: flex;
  background-color: #6c9522;
  height: 48px;
  width: 536px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  margin-left: -5px;
  justify-content: center;
  align-items: center;
}

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

.pedidosContratosStatus {
  display: flex;
  background-color: #f8810a;
  height: 48px;
  width: 536px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  margin-left: -5px;
  justify-content: center;
  align-items: center;
}

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

.pedidosContratosStatusText {
  text-align: center;
  font: normal normal normal 24px/29px Lato;
  color: #fff;
  margin: 0;
}

.pedidosContratosDates {
  display: flex;
  background-color: #fff;
  height: 48px;
  width: 368px;
  box-shadow: 0px 3px 6px #00000029;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  justify-content: space-evenly;
  align-items: center;
}

@media (max-width: 768px) {
  .pedidosContratosDates {
    width: 100%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 5px;
    margin-left: -5px;
    margin-top: -5px;
    z-index: -1;
  }
}

.pedidosContratosDatesText {
  text-align: left;
  font: normal normal normal 14px/19px Lato;
  letter-spacing: 0px;
  color: #051c2c;
  margin: 0;
}

.pedidosContratosDatesDivisor {
  height: 80%;
  border: 0.5px solid;
  border-color: rgb(5, 28, 44, 0.1);
}

.pedidos-contrato-body-info {
  display: flex;
  margin: 57px 0 0 0;
}

@media (max-width: 768px) {
  .pedidos-contrato-body-info {
    flex-direction: column-reverse;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}

.pedidosContratosDetails {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 0 0 0 100px;
}

@media (max-width: 768px) {
  .pedidosContratosDetails {
    margin: 0;
    max-width: 370px;
  }
}

.pedidosContratosDetailsOption {
  text-align: left;
  font: normal normal normal 16px/19px Lato;
  color: #7d8792;
}

@media (max-width: 768px) {
  .pedidosContratosDetailsOption {
    font: normal normal normal 14px/16px Lato;
  }
}

.pedidosContratosDetailsModalidade {
  display: flex;
}

.modalidadeIcon {
  width: 24px;
  height: 24px;
}

.modalidadeText {
  text-align: left;
  font: normal normal normal 18px/22px Lato;
}

@media (max-width: 768px) {
  .modalidadeText {
    font: normal normal normal 16px/19px Lato;
  }
}

.dataVencimentoText {
  text-align: left;
  font: normal normal normal 28px/34px Lato;
}

@media (max-width: 768px) {
  .dataVencimentoText {
    font: normal normal normal 24px/29px Lato;
  }
}

.valorText {
  text-align: left;
  font: normal normal normal 28px/24px Lato;
  margin-right: 5px;
}

@media (max-width: 768px) {
  .valorText {
    font: normal normal normal 24px/29px Lato;
  }
}

.parcelaText {
  text-align: left;
  font: normal normal normal 20px/24px Lato;
}

@media (max-width: 768px) {
  .parcelaText {
    font: normal normal normal 16px/19px Lato;
  }
}

.pagamentoText {
  text-align: left;
  font: normal normal normal 20px/24px Lato;
}

@media (max-width: 768px) {
  .pagamentoText {
    font: normal normal normal 16px/19px Lato;
  }
}

.linhaDigitavel {
  text-align: left;
  font: normal normal normal 24px/32px Lato;
  width: 60%;
}

@media (max-width: 768px) {
  .linhaDigitavel {
    font: normal normal normal 18px/24px Lato;
  }
}

.boletoCode {
  display: flex;
  align-items: center;
}

.copiarIcon {
  width: 24px;
  height: 24px;
  margin: 0 30px 0 0;
  cursor: pointer;
}

.baixarIcon {
  width: 24px;
  height: 24px;
  margin: 0;
  cursor: pointer;
}

.footerText {
  margin-top: 32px;
  font: normal normal normal 18px/32px Lato;
  color: #788791;
}

@media (max-width: 768px) {
  .footerText {
    font: normal normal normal 16px/24px Lato;
  }
}

.cotacaoBox {
  display: flex;
  width: auto;
  height: 435px;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  align-items: flex-start;
  flex-direction: column;
  padding: 15px;
}

@media (max-width: 768px) {
  .cotacaoBox {
    width: 100%;
    max-width: 370px;
    height: 505px;
    margin-bottom: 57px;
  }
}

.cotacaoBoxMoeda {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.cotacaoBoxTitulo {
  font: normal normal normal 12px/26px Lato;
  color: #788791;
  margin: 0;
}

.cotacaoBoxFlag {
  width: 56px;
  height: 52px;
}

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

.cotacaoBoxIso {
  font: normal normal normal 18px/60px Lato;
  margin: 0 0 0 16px;
}

.cotacaoBoxValor {
  font: normal normal normal 32px/60px Lato;
  margin: 0;
}

@media (max-width: 768px) {
  .cotacaoBoxValor {
    font-size: 24px;
  }
}

.cotacaoBoxDivisor {
  height: 50px;
  border: 0.5px solid;
  border-color: rgb(5, 28, 44, 0.1);
  margin-left: 30px;
}

.cotacaoBoxDivisorHorizontal {
  width: 100%;
  border: 0.5px solid;
  border-color: rgb(5, 28, 44, 0.1);
}

.taxasBox {
  width: 321px;
  height: 200px;
  background: #f7f7f7 0% 0% no-repeat padding-box;
  margin-top: 25px;
  align-items: flex-start;
  flex-direction: column;
  padding: 10px;
}

@media (max-width: 768px) {
  .taxasBox {
    width: 100%;
    height: 260px;
  }
}

.taxasBoxCirculo {
  display: flex;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #788791;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.taxasBoxCirculoTexto {
  margin: 0 0 0 1px;
  font-size: 12px;
  color: #788791;
}

.taxasBoxLink {
  height: 15px;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid;
  border-color: rgb(5, 28, 44, 0.2);
  margin-left: 7px;
}

.taxasBoxInfoContainer {
  display: flex;
  align-items: center;
}

.taxasBoxInfo {
  font: normal normal normal 14px/26px Lato;
  color: #788791;
  margin: 0;
}

.taxasBoxInfoValue {
  font: normal normal bold 14px/26px Lato;
  margin: 0;
  color: #788791;
}

.tooltipIcon {
  margin: 0 0 0 15px;
}

.input-cp {
  margin: 0 0 0 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #cccccc;
  border-bottom-width: 1px;
  background-color: transparent;
  width: 100%;
}

.input-cp::-webkit-calendar-picker-indicator {
  display: none;
}

.input-cp:focus {
  outline: none;
}

.label-input-cp {
  font: normal normal normal 15px/19px Lato;
  color: #7d8792;
  margin: 10px 0 5px 0;
}

.input-cp::placeholder {
  color: #cccccc;
}

.input-cp,
.input-cp::placeholder {
  font: normal normal normal 22px/28px Lato;
}

@media (max-width: 767px) {
  .input-cp,
  .input-cp::placeholder {
    font: normal normal normal 18px/22px Lato;
  }
}

.tags {
  display: flex;
  flex-direction: row;
  /* flex-wrap: wrap;s */
  width: 100%;
  color: black;
  gap: 0.2rem;
  border: 1px solid;
  border-left: none;
  border-top: none;
  border-right: none;
  border-color: #cccccc;
}

@media (max-width: 768px) {
  .tags {
    flex-wrap: wrap;
  }
}

.tags-autocomplete {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.single-tag {
  list-style: none;
  display: flex;
  align-items: center;
  margin: -10px 0 10px 0;
  padding: 0 10px;
  padding-right: 5px;
  border: 1.5px solid #051c2c;
  border-radius: 5px;
  white-space: nowrap;
  color: #051c2c;
}

@media (max-width: 768px) {
  .single-tag {
    font-size: 12px;
    padding: 0, 5px;
  }
}

i {
  display: flex;
  padding: 6px;
  border: none;
  background-color: unset;
  cursor: pointer;
  color: #051c2c;
}

@media (max-width: 768px) {
  i {
    padding: 3px;
  }
}

.single-tag-icon:hover {
  color: #ff0000;
  transform: scale(1.3);
}

@media (max-width: 768px) {
  .single-tag-icon:hover {
    transform: scale(1);
    color: #051c2c;
  }
}

.error {
  color: red;
}

.cambio-select {
  width: -webkit-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: solid 0.5px #c1cdd6;
  padding: 10px;
  margin: 0 0 0 0;
}

.cambio-select-placeholder {
  font: normal normal normal 18px/22px Lato !important;
  letter-spacing: 0px;
  color: #c7c6c6 !important;
  margin: 0 0 0 0;
}

.cambio-select-options {
  display: flex;
  flex-direction: column;
  position: absolute;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: none;
  background-color: #f6f6f6;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.cambio-select-options span {
  cursor: pointer;
  padding: 5px 10px;
}

.cambio-select-options span:hover {
  background-color: #e6e6e6;
}

.cambio-select-label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cambio-select-label img {
  width: 30px;
  height: 30px;
  margin: 0 0 0 0;
}

.cambio-select-label span {
  font: normal normal normal 18px/22px Lato;
  letter-spacing: 0px;
  color: #051c2c;
  margin: 0 0 0 0;
}

.cambio-select-label p {
  font: normal normal normal 12px/16px Lato;
  letter-spacing: 0px;
  color: #788791;
  margin: 0 0 0 0;
  align-self: flex-end;
}

@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  -webkit-clip-path: circle(0);
          clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.input-cp-icon-reduce {
  margin: 0 0 0 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #cccccc;
  border-bottom-width: 1px;
  background-color: transparent;
  font: normal normal normal 28px/34px Lato;
  width: 100%;
}

@media (min-width: 768px) {
  .input-cp-icon-reduce {
    width: 45%;
  }
}

.input-cp-icon {
  margin: 0 0 0 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #cccccc;
  border-bottom-width: 1px;
  background-color: transparent;
  font: normal normal normal 28px/34px Lato;
  width: 100%;
}

.input-group {
  width: 60%;
}

@media (max-width: 767px) {
  .input-cp-icon input,
  .input-cp-icon-reduce input {
    font: normal normal normal 18px/22px Lato;
  }
}

.form-control {
  background-color: transparent !important;
  cursor: pointer !important;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #cccccc !important;
  border-radius: 0%;
  font: normal normal normal 22px/28px Lato;
}

.input-group-text {
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #cccccc;
  border-radius: 0%;
}

.input-cp-icon:focus,
.input-group-text:focus,
.form-control:focus {
  outline: none !important;
  background-color: transparent;
  box-shadow: none;
}

.label-input-cp-icon {
  font: normal normal normal 15px/24px Lato;
  color: #7d8792;
  margin: 10px 0 0 0;
}

@media (max-width: 767px) {
  .label-input-cp-icon {
    font: normal normal normal 14px/24px Lato;
  }
}

.form-control::placeholder,
.input-cp-icon::placeholder {
  color: #cccccc;
}

.input-cp-icon,
.form-control::placeholder,
.input-cp-icon::placeholder {
  font: normal normal normal 18px/22px Lato;
}

@media (max-width: 767px) {
  .input-cp-icon,
  .input-cp-icon-reduce,
  .form-control::placeholder,
  .input-cp-icon::placeholder {
    font: normal normal normal 16px/22px Lato;
  }
}

.novo-contrato-detalhes-cartao {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 340px;
  padding-block: 0.9rem;
  background-color: white;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  margin: 0 0 20px 0;
}

@media (max-width: 768px) {
  .novo-contrato-detalhes-cartao {
    width: 100%;
  }
}

.novo-contrato-detalhes-dados-cartao {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}

@media (max-width: 768px) {
  .novo-contrato-detalhes-dados-cartao {
    flex-direction: column;
    gap: 0;
  }
}

.novo-contrato-detalhes-cartao p {
  text-align: right;
  font: normal normal normal 14px/17px Lato;
  letter-spacing: 0px;
  color: #292d32;
  margin: 0 0 0 0;
  padding-block: 0.1rem;
}

.novo-contrato-detalhes-cartao span {
  text-align: right;
  font: normal normal normal 14px/17px Lato;
  letter-spacing: 0px;
  color: #292d32;
  margin: 0 0 0 0;
  padding-block: 0.1rem;
}

.novo-contrato-detalhes-cartao-box {
  border-radius: 5px;
  width: 77px;
  height: 45px;
}

.novo-contrato-loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.novo-contrato-form-wrapper {
  display: flex;
}
@media (max-width: 767px) {
  .novo-contrato-form-wrapper {
    flex-direction: column;
  }
}
.novo-contrato-form-left-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.novo-contrato-form-left-wrapper p {
  font: normal normal normal 16px/22px Lato;
  color: #051c2c;
}

.novo-contrato-parcela-label,
.novo-contrato-moedas-label,
.novo-contrato-pagamento-label {
  font: normal normal normal 16px/19px Lato;
  color: #7d8792;
}

@media (max-width: 767px) {
  .novo-contrato-parcela-label,
  .novo-contrato-moedas-label,
  .novo-contrato-pagamento-label {
    font: normal normal normal 14px/19px Lato;
  }
}

.form-aviao {
  height: 280px;
  width: 392px;
  border-radius: 5px;
  box-shadow: 0px 3px 6px #00000029;
}

.form-aviao-mobile {
  display: none;
}

@media (max-width: 767px) {
  .form-aviao {
    display: none;
  }
  .form-aviao-mobile {
    margin-top: 1rem;
    height: 240px;
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    display: block;
  }
}

.novo-contrato-autocomplete {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  background-color: #fff;
  top: 40px;
  box-shadow: 0px 3px 6px #00000029;
  gap: 0.5rem;
  border-radius: 5px;
}

.novo-contrato-autocomplete p {
  font: normal normal normal 16px/22px Lato;
  color: #051c2c;
  margin: 0 0 0 0;
  padding: 0.5rem;
}

.novo-contrato-autocomplete p:hover {
  cursor: pointer;
  background-color: #ccc;
}

.novo-contrato-form-right-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.novo-contrato-form-right-wrapper p {
  font: normal normal normal 12px/12px Lato;
  color: #051c2c;
}

.novo-contrato-moeda-dropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.novo-contrato-moeda-dropdown p {
  font: normal normal normal 18px/22px Lato;
  color: #051c2c;
  margin: 0 0 0 0;
}

.novo-contrato-moeda-dropdown-divisor {
  padding: 0 10px 0 10px;
  height: 20px;
}

.novo-contrato-select-moedas {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.novo-contrato-arrow-down {
  margin: 0 0 0 0;
  height: 30px;
}

.novo-contrato-label {
  margin: 12px 0 15px 0;
  font: normal normal normal 16px/19px Lato;
  color: #7d8792;
}
.radio-div {
  display: flex;
  align-items: center;
}

.novo-contrato-radio-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: -20px 0 0 0;
  gap: 2rem;
}

@media (max-width: 767px) {
  .novo-contrato-radio-container {
    flex-direction: column;
    align-items: start;
    gap: 0;
  }
}

.novo-contrato-radio-container label {
  margin: 10px 0 0 5px;
  font: normal normal normal 16px/19px Lato;
  color: #000;
}

.novo-contrato-radio-container input {
  margin: 0 0 0 0 !important;
  cursor: pointer !important;
  border-color: #1298d4 !important;
}

.loading-spinner-contratos {
  color: #222745;
  position: absolute;
  width: 60px;
  height: 60px;
  margin: 40px 0;
}

.novo-contrato-loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.novo-contrato-botoes {
  display: flex;
  flex-direction: row;
  margin: 70px 0 0 0;
}

@media (max-width: 767px) {
  .novo-contrato-botoes {
    flex-direction: column-reverse;
    align-items: center;
    gap: 1rem;
  }
}

.react-datepicker {
  background-color: #f6f6f6 !important;
  border: none !important;
  box-shadow: 0px 3px 6px #00000029 !important;
}

.react-datepicker__header {
  background-color: #f6f6f6 !important;
  border: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.react-datepicker__current-month {
  font: normal normal normal 18px/22px Lato;
  color: #48b2eb !important;
  margin: 0 0 0 0;
  text-transform: capitalize !important;
}

.react-datepicker__triangle {
  display: none !important;
}

.react-datepicker__navigation-icon {
  margin: 15px 0 0 0;
}

.react-datepicker__navigation-icon::before {
  border-color: #48b2eb !important;
}

.react-datepicker__day {
  font: normal normal normal 16px/22px Lato;
  color: #051c2c !important;
}

.react-datepicker__day--selected {
  background-color: transparent !important;
  color: #48b2eb !important;
}
.react-datepicker__day--disabled,
.react-datepicker__day--excluded {
  color: #ccc !important;
  cursor: not-allowed !important;
}

@media (max-width: 767px) {
  .novo-contrato-form-left-wrapper p {
    font: normal normal normal 14px/22px Lato;
  }

  .novo-contrato-form-left-wrapper label {
    font: normal normal normal 15px/22px Lato;
  }
}

.password-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 999;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.password-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: #051c2c !important;
  padding: 1em 2em 1em 2em;
  border-radius: 5px;
  max-width: 400px;
  z-index: 9999;
  color: white;
  gap: 1em;
}

@media (max-width: 768px) {
  .password-modal {
    max-width: 350px;
  }
}

.password-modal img {
  /* A imagem precisa ficar na direita */
  align-self: flex-end;
  margin-left: auto;
  cursor: pointer;
}

.password-modal input {
  width: 100%;
  height: 35px;
  color: #48b2eb;
  padding-inline: 0.5em;
  padding-bottom: 1em;
  border: none;
  outline: none;
  background-color: transparent;
  border-bottom: 1px solid white;
  font: normal normal normal 20px/24px Lato;
}

.password-modal label {
  text-align: left;
  font: normal normal normal 18px/18px Lato;
  letter-spacing: 0px;
}

.input-senha {
  position: relative;
  width: 100%;
}

.input-senha input[type='password'] {
  padding-right: 30px;
}

.input-senha .mostrar-senha {
  position: absolute;
  right: 0;
  top: 30%;
  transform: translateY(-50%);
  cursor: pointer;
}

.input-senha .esconder-senha {
  position: absolute;
  right: 0;
  top: 30%;
  transform: translateY(-50%);
  cursor: pointer;
}

.confirmation-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  background-color: #051c2c !important;
  padding: 2em 2em 1em 2em;
  border-radius: 5px;
  max-width: 400px;
  z-index: 9999;
  color: white;
  gap: 1em;
}

.confirmation-modal p {
  text-align: center;
  font: normal normal normal 20px/20px Lato;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}

.password-modal-error {
  color: #f8810a;
  font-size: 14px;
  align-self: flex-start;
  text-align: left;
  margin-top: 0.5em;
}

.password-modal-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 330px;
  height: 253px;
}

.novo-revisao-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12rem;
  margin: 20px 0;
  padding-left: 7rem;
}

@media (max-width: 1024px) {
  .novo-revisao-wrapper {
    grid-template-columns: 1fr;
    grid-gap: 0;
    padding-left: 0;
  }
}

.novo-revisao-wrapper-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 0 0 0;
  gap: 0.7rem;
}

.novo-revisao-wrapper-row p {
  text-align: left;
  font: normal normal normal 18px/18px Lato !important;
  letter-spacing: 0px;
  color: #051c2c;
  opacity: 1;
}

.novo-revisao-wrapper-row span {
  text-align: left;
  font: normal normal normal 12px/14px Lato;
  letter-spacing: 0px;
  color: #788791 !important;
  margin: 7px 0 0 0 !important;
}

.novo-revisao-wrapper img {
  width: 40px;
  height: 40px;
}

.novo-revisao-wrapper label {
  text-align: left;
  font: normal normal 600 20px/32px Lato;
  letter-spacing: 0px;
  color: #788791;
  opacity: 1;
  margin: 10px 0 0 0;
}

@media (max-width: 1024px) {
  .novo-revisao-wrapper label {
    font: normal normal 600 16px/20px Lato;
    margin: 32px 0 0 0;
  }
}

.novo-revisao-wrapper p {
  text-align: left;
  font: normal normal 500 20px/50px Lato;
  letter-spacing: 0px;
  color: #000 !important;
  opacity: 1;
  margin: 0 0 0 0;
}

@media (max-width: 1024px) {
  .novo-revisao-wrapper p {
    font: normal normal 500 14px/14px Lato;
  }
}

.novo-revisao-wrapper span {
  text-align: left;
  font: normal normal normal 12px/14px Lato;
  letter-spacing: 0px;
  color: #051c2c;
  opacity: 1;
  margin: 0 0 0 0;
}

.novo-revisao-info-box {
  display: flex;
  flex-direction: column;
  background-color: #fdf5db;
  border: 1px solid #f6c042;
  border-radius: 5px;
  padding: 1.5rem;
  width: 443px;
  gap: 1rem;
  margin: 1rem 0 0 0;
}

@media (max-width: 1024px) {
  .novo-revisao-info-box {
    width: 100%;
  }
}

.novo-revisao-info-box p {
  font: normal normal normal 14px/18px Lato;
  letter-spacing: 0px;
  color: #051c2c;
  opacity: 1;
}

.novo-revisao-info-box img {
  width: 24px;
  height: 24px;
  align-self: center;
}

.novo-revisao-termos {
  display: flex;
  flex-direction: row;
  margin: 2rem 0 0 0;
  justify-content: center;
  align-items: center;
}

.novo-revisao-termos input[type='checkbox'] {
  /*checkbox*/
  width: 20px;
  height: 20px;
  border: 1px solid #788791;
  border-radius: 5px;
  opacity: 1;
  margin: 0 0.5rem 0 0;
}

@media (max-width: 1024px) {
  .novo-revisao-termos input[type='checkbox'] {
    width: 32px;
    height: 32px;
  }
}

.novo-revisao-termos p {
  text-align: center;
  font: normal normal normal 16px/15px Lato;
  letter-spacing: 0px;
  margin: 0 0 2px 0;
  opacity: 1;
}

.novo-revisao-termos a {
  text-align: center;
  font: normal normal normal 16px/15px Lato;
  letter-spacing: 0px;
  color: #00a6da !important;
  opacity: 1;
  text-decoration: underline !important;
  cursor: pointer;
}

.novo-revisao-termos a:hover {
  color: #0097c5 !important;
}

.novo-revisao-botoes {
  display: flex;
  flex-direction: row;
  margin: 20px 0 0 0;
}

@media (max-width: 1024px) {
  .novo-revisao-botoes {
    flex-direction: column-reverse;
    gap: 1rem;
  }
}

.pedido-body {
  margin: 1% auto;
}

.pedido-header {
  display: block;
  text-align: center;
  width: 470px;
  margin: 0 auto;
}

.status-message {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 20px 0 30px 0;
}

.title-pedido-statusMessage {
  text-align: center;
  margin-bottom: 10px;
}

.subtitle-pedido-statusMessage {
  text-align: center;
  margin-bottom: 10px;
  font: normal normal normal 20px Lato;
  color: #7d8792;
}

.pedido-content {
  display: flex;
  margin: 0 auto;
  padding: 0;
  max-width: 100% !important;
  width: 100%;
  background: none !important;
  box-shadow: none !important;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pedido-content .col {
  width: 33%;
  box-sizing: border-box;
  margin: 0 24px 0 0;
  padding: 0;
}

.pedido-content .col:last-child {
  margin: 0;
}

.pedido-pendencias {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid #d8292f;
  margin: 0 35px 15px 35px;
}

.pedido-pendencias > img {
  height: 30px;
  margin-right: 10px;
}

.pedido-pendencias > span {
  color: #d8292f;
  font-size: 12px;
  line-height: 14px;
}

.pedido-numero {
  padding-bottom: 11px;
}

.pedido-numero > span {
  display: block;
  text-align: center;
}

.pedido-numero > span:nth-child(1) {
  color: #748497;
  font-size: 13px;
}

.pedido-numero > span:nth-child(2) {
  color: #222745;
  font-size: 27px;
  font-weight: bold;
}

.pedido-content > .row > [class*='col-'] {
  padding: 0 50px;
}

.pedido-content > .row > [class*='col-']:nth-child(2) {
  border-left: 1px solid #dadee2;
}

.pedido-status {
  text-align: center;
}

.pedido-pagamento {
  text-align: center;
}

.pedido-conta-bancaria {
  text-align: center;
}

.pedido-status > div > * {
  text-align: center;
  display: block;
}

.pedido-status > div > span:last-child {
  color: #748497;
}

.pedido-status-cinza {
  color: #748497;
}

.pedido-status-azul {
  color: #1298d4;
}

.pedido-status-laranja {
  color: #d98a38;
}

.pedido-status-verde {
  color: #2c9319;
}

.pedido-status-vermelho {
  color: #d8292f;
}

.pedido-pagamento-btn {
  margin: 24px auto 24px auto;
  font-size: 13px;
}

.pedido-conta-bancaria-btn {
  margin: 0 auto 24px auto;
  font-size: 13px;
}

.pedido-botoes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 16px auto;
}

.pedido-botoes > button {
  margin: 8px auto;
  font-size: 13px;
}

.pedido-reference-number-informativo {
  background-color: #222745;
  color: #fff !important;
  font-weight: bold;
  border-radius: 4px;
  display: block;
  margin: 0 35px 15px 35px;
  text-align: center;
  padding: 10px;
  font-size: 15px;
}

.pagamento-d0-info {
  display: flex;
  justify-content: center;
  margin: 10px;
}

.pagamento-d0-info > img {
  height: 20px;
  margin-right: 10px;
}

.pagamento-d0-info > h1 {
  color: #222745;
  font-size: 18px;
}

.modal-pedido-orientacao-retirada-caixa-24h .modal-title img {
  width: 95%;
  height: auto;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha:last-child {
  margin-bottom: 0;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha .passos-texto {
  text-align: left;
  margin-left: 16px;
}

@media (max-width: 768px) {
  .pedido-pendencias {
    margin: 0 0 15px 0;
  }

  .pedido-content .row > [class*='col-'] {
    padding: 0 15px;
  }

  .pedido-content .row > [class*='col-']:nth-child(2) {
    border-left: none;
    border-top: 1px solid #dadee2;
    margin-top: 16px;
    padding-top: 16px;
  }

  .pedido-reference-number-informativo {
    margin: 0 0 15px 0;
  }
}

.pedido-body {
  margin: 1% auto;
}

.pedido-header {
  display: block;
  text-align: center;
  width: 470px;
  margin: 0 auto;
}

.pedido-header .title-pedido {
  text-align: center;
  margin-bottom: 10px;
}

.pedido-content {
  display: flex;
  margin: 0 auto;
  padding: 0;
  max-width: 100% !important;
  width: 100%;
  background: none !important;
  box-shadow: none !important;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pedido-content .col {
  width: 33%;
  box-sizing: border-box;
  margin: 0 24px 0 0;
  padding: 0;
}

.pedido-content .col:last-child {
  margin: 0;
}

.pedido-pendencias {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid #d8292f;
  margin: 0 35px 15px 35px;
}

.pedido-pendencias > img {
  height: 30px;
  margin-right: 10px;
}

.pedido-pendencias > span {
  color: #d8292f;
  font-size: 12px;
  line-height: 14px;
}

.pedido-numero {
  padding-bottom: 11px;
}

.pedido-numero > span {
  display: block;
  text-align: center;
}

.pedido-numero > span:nth-child(1) {
  color: #748497;
  font-size: 13px;
}

.pedido-numero > span:nth-child(2) {
  color: #222745;
  font-size: 27px;
  font-weight: bold;
}

.pedido-content > .row > [class*='col-'] {
  padding: 0 50px;
}

.pedido-content > .row > [class*='col-']:nth-child(2) {
  border-left: 1px solid #dadee2;
}

.pedido-status {
  text-align: center;
}

.pedido-pagamento {
  text-align: center;
}

.pedido-conta-bancaria {
  text-align: center;
}

.pedido-status > div > * {
  text-align: center;
  display: block;
}

.pedido-status > div > span:last-child {
  color: #748497;
}

.pedido-status-cinza {
  color: #748497;
}

.pedido-status-azul {
  color: #1298d4;
}

.pedido-status-laranja {
  color: #d98a38;
}

.pedido-status-verde {
  color: #2c9319;
}

.pedido-status-vermelho {
  color: #d8292f;
}

.pedido-pagamento-btn {
  margin: 24px auto 24px auto;
  font-size: 13px;
}

.pedido-conta-bancaria-btn {
  margin: 0 auto 24px auto;
  font-size: 13px;
}

.pedido-botoes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 16px auto;
}

.pedido-botoes > button {
  margin: 8px auto;
  font-size: 13px;
}

.pedido-reference-number-informativo {
  background-color: #222745;
  color: #fff !important;
  font-weight: bold;
  border-radius: 4px;
  display: block;
  margin: 0 35px 15px 35px;
  text-align: center;
  padding: 10px;
  font-size: 15px;
}

.pagamento-d0-info {
  display: flex;
  justify-content: center;
  margin: 10px;
}

.pagamento-d0-info > img {
  height: 20px;
  margin-right: 10px;
}

.pagamento-d0-info > h1 {
  color: #222745;
  font-size: 18px;
}

.modal-pedido-orientacao-retirada-caixa-24h .modal-title img {
  width: 95%;
  height: auto;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha:last-child {
  margin-bottom: 0;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha .passos-texto {
  text-align: left;
  margin-left: 16px;
}

@media (max-width: 768px) {
  .pedido-pendencias {
    margin: 0 0 15px 0;
  }

  .pedido-content .row > [class*='col-'] {
    padding: 0 15px;
  }

  .pedido-content .row > [class*='col-']:nth-child(2) {
    border-left: none;
    border-top: 1px solid #dadee2;
    margin-top: 16px;
    padding-top: 16px;
  }

  .pedido-reference-number-informativo {
    margin: 0 0 15px 0;
  }
}

.wrap-pagamentos {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.wrap-pagamentos .item-pagamento {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}

.wrap-pagamentos .item-link .icone-pagamento {
  margin: 0 12px 6px 0;
}

.wrap-pagamentos .item-link-disabled .icone-pagamento {
  margin: 0 12px 6px 0;
}

.wrap-pagamentos .icone-clipboard {
  margin: 0 0 4px 8px;
  cursor: pointer;
}

.wrap-pagamentos .wrap-clipboard {
  position: relative;
  margin: 0 0 16px;
}

.wrap-pagamentos .wrap-clipboard .txt-clipboard {
  font: normal normal normal 14px/15px Lato;
  color: #00a6da;
}

.wrap-pagamentos .item-link {
  position: relative;
  height: 93px;
  width: 100%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  font: normal normal 600 18px/93px Lato;
  text-align: center;
  color: #788791 !important;
  display: block;
  cursor: pointer;
}

.wrap-pagamentos .item-link-disabled {
  position: relative;
  height: 93px;
  width: 100%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  font: normal normal 600 18px/20px Lato;
  text-align: center;
  color: #cfd4d9 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wrap-pagamentos .item-link-disabled span {
  margin: 0;
}

.wrap-pagamentos .item-link.active,
.wrap-pagamentos .item-link:hover {
  color: #00a6da !important;
}

.wrap-pagamentos .item-detail {
  position: relative;
  margin: 16px 0;
  display: none;
  font: normal normal 600 18px/26px Lato;
  color: #051c2c;
}

.wrap-pagamentos .item-detail.show {
  display: block;
}

.wrap-pagamentos .item-detail .item-number {
  font: normal normal 600 24px/26px Lato;
  color: #00a6da;
  margin-right: 4px;
}

.wrap-pagamentos .item-detail .txt-small {
  font: normal normal 600 16px/26px Lato;
}

.wrap-pagamentos .item-detail .bandeiras-cartao {
  display: flex;
}

.wrap-pagamentos .item-detail .bandeiras-cartao img {
  margin: 0 8px 0 0;
}

.wrap-pagamentos .item-detail .bandeiras-cartao img:last-child {
  margin: 0;
}

.txt-break {
  word-break: break-all;
}

.txt-blue-link {
  color: #00a6da;
}

.txt-red {
  color: #da292f;
}

.txt-black {
  color: #051c2c;
}

.txt-grey txt-grey {
  color: #788791;
}

.txt-break {
  word-break: break-all;
}

.txt-blue-link {
  color: #00a6da;
  text-decoration: underline;
}

.txt-red {
  color: #da292f;
}

.txt-black {
  color: #051c2c;
}

.txt-grey {
  color: #788791;
}

.PPC-bandeiras-text {
  font: normal normal normal 14px/15px Lato;
  color: #748497;
}

.PPC-atencao {
  font: normal normal 600 16px/26px Lato;
  margin: 23px 0 36px 0;
}

.PPC-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.PPC-form-label {
  font: normal normal normal 14px/15px Lato;
  color: #748497;
  margin: 0 0 16px 0;
}

.PPC-form-input {
  width: 358px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #c7c6c6;
  border-width: 0.5px;
  margin: 0 0 32px 0;
  -webkit-appearance: none;
          appearance: none;
}

::placeholder {
  color: #c7c6c6;
}

.PPC-form-select {
  display: flex;
  -webkit-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='30' width='40' fill='rgb(0,166,218)'><path d='m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: -10px;
  width: 358px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #c7c6c6;
  border-width: 0.5px;
  margin: 0 0 32px 0;
  padding: 0 0 15px 15px;
  color: #c7c6c6;
}

.PPC-form-select-option {
  color: #051c2c;
  background-color: #f6f6f6;
}

.PPC-form-salvar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.PPC-form-checkbox {
  margin: 0 15px 12px 0;
  width: 24px;
  height: 24px;
}

.PPC-form-checkbox-text {
  font: normal normal normal 16px/15px Lato;
}

.title-col {
  font: normal normal normal 19px/25px Lato;
  color: #788791;
  margin-bottom: 30px;
}

.wrap-buttons {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 32px;
}

.wrap-buttons .primary-button {
  position: relative;
  border-radius: 4px !important;
  border: none;
  color: #ffffff;
  text-transform: uppercase;
}

.wrap-buttons .secondary-button {
  position: relative;
  border-radius: 4px !important;
  background: none !important;
  border: 1px solid #00a6da;
  color: #00a6da;
  margin-right: 56px;
  text-transform: uppercase;
}

.favorecido-title {
  font: normal normal 600 14px/25px Lato;
  color: #788791;
  margin: 0 0 12px 0;
}

.divisor-status-favorecido {
  border: 1px solid;
  border-top: none;
  border-color: rgb(120, 135, 145, 0.3);
  width: 100%;
  height: 1px;
  margin: 15px 0 20px 0;
}

.p-title {
  font: normal normal 600 18px/32px Lato;
  color: #788791;
  margin: 0 0 8px 12px;
}

.p-black {
  font: normal normal normal 16px/16px Lato;
  color: #051c2c;
  margin: 0 0 0 12px;
}
.wrap-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #f5f7f9;
  z-index: 1000;
}
.likert-content {
  margin: 25px 100px;
}
.card-likert {
  width: 903px !important;
  height: 429px !important;
}
.img-icons {
  width: 64px;
  height: 64px;
  cursor: pointer;
}
.column-icons {
  display: flex;
  flex-direction: column !important;
  gap: 0;
  margin-right: -52px;
}
.coment-text {
  margin-left: 180px;
  font-weight: bold !important;
  color: var(---051c2c-dark-blue);
  font: normal normal normal 16px/16px Lato;
  letter-spacing: 0px;
  color: #051c2c;
  opacity: 1;
}
.title-likert {
  color: var(---051c2c-dark-blue);
  text-align: center;
  font-weight: bold !important;
  font: normal normal normal 18px/24px Lato;
  letter-spacing: 0px;
  color: #051c2c;
  opacity: 1;
  padding-bottom: 24px;
}
.form-field {
  width: 480px !important;
  margin-left: 180px;
  background: var(---f6f6f6-light-grey) 0% 0% no-repeat padding-box;
  background: #f6f6f6 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  opacity: 1;
}
.text-icon {
  color: var(---051c2c-dark-blue);
  text-align: center;
  font: normal normal normal 12px/16px Lato;
  letter-spacing: 0px;
  color: #051c2c;
  opacity: 1;
  margin-left: -55px;
  padding: 10px 52px;
}
.button-send {
  border-radius: 2px !important;
  margin-bottom: 25px;
  margin-top: 20px;
  text-transform: uppercase;
}
.body-likert {
  padding-top: 24px;
}
.text-count {
  text-align: right;
  float: right;
  margin-top: 5px;
  margin-right: 200px;
  font: normal normal normal 12px/16px Lato;
  letter-spacing: 0px;
  color: #051c2c;
  opacity: 1;
}

.text-alert-likert {
  text-align: right;
  float: right;
  margin-top: -47px;
  left: -40px;
  margin-right: 0px;
  position: relative;
  font: normal normal normal 12px/16px Lato;
  letter-spacing: 0px;
  color: #f8810a;
  opacity: 1;
}
.btn-icons {
  background-color: transparent;
  border: none;
  padding: 10px 120px;
}
.text-muted {
  margin-top: -24px;
}
.modal-likert .modal-content {
  background-color: #051c2c !important;
  color: white !important;
  width: 400px;
  height: 488px;
}
.modal-likert .title-likert-modal {
  text-align: center;
  font: normal normal normal 16px/24px Lato;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  margin-top: -34px;
}
.column-icons-likert {
  display: flex;
  flex-direction: column !important;
  gap: 0;
  left: -13px;
  margin-right: 10px;
  bottom: 9px;
}
.text-icon-likert {
  color: white;
  text-align: center;
  font: normal normal normal 12px/16px Lato;
  line-height: 17px;
  opacity: 1;
  position: relative;
  left: 9px;
  top: 4px;
}
.form-control-likert {
  background: var(---f6f6f6-light-grey) 0% 0% no-repeat padding-box;
  background: #f6f6f6 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  opacity: 1;
}
.form-field-likert {
  width: 352px !important;
  height: 129px !important;
  margin-top: -26px;
  background: var(---f6f6f6-light-grey) 0% 0% no-repeat padding-box;
  background: #f6f6f6 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  opacity: 1;
  margin-left: -13px;
}
.modal-likert .coment-text-likert {
  display: flex;
  color: white !important;
  flex-direction: column !important;
  gap: 0;
  bottom: 45px;
  position: relative;
  top: -10px;
  left: -13px;
}
.modal-likert .button-send-likert {
  border-radius: 2px !important;
  width: 356px;
  height: 56px;
  position: relative;
  bottom: 26px;
  text-transform: uppercase;
  left: -11px !important;
}

.modal-likert .buttonSendLikertClose {
  border-radius: 2px !important;
  width: 356px;
  height: 56px;
  position: relative;
  bottom: 91px;
  left: -11px !important;
  border: 1px solid var(---00a6da-acqua-blue);
  background: #051c2c 0% 0% no-repeat padding-box;
  border: 1px solid #00a6da;
  opacity: 1;
  text-align: center;
  font: normal normal bold 18px/22px Lato;
  letter-spacing: 0px;
  color: #00a6da;
  text-transform: uppercase;
  opacity: 1;
}
.modal-likert .text-count-likert {
  color: var(---051c2c-dark-blue);
  text-align: right;
  float: right;
  margin-right: -12px;
  margin-bottom: 15px;
  font: normal normal normal 12px/16px Lato;
  letter-spacing: 0px;
  color: white;
  opacity: 1;
}
.modal-likert .modal-dialog {
  padding: 0.5rem;
  margin: 124px auto;
}
.modal-likert .text-close {
  text-align: center;
  font: normal normal normal 18px/24px Lato;
  letter-spacing: 0px;
  color: #ffffff !important;
  opacity: 1;
  padding-top: 136px;
  padding-bottom: 244px;
}

.upload-docs-content {
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 26px auto 50px;
}

.upload-docs-content .card-upload-docs {
  background-color: #fff;
  box-shadow: 0 3px 6px #00000029;
  width: auto;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  padding: 24px 76px;
  box-sizing: border-box;
}

.upload-docs-content .card-upload-docs .container {
  margin: 0 !important;
  padding: 0 !important;
}

.upload-docs-content .wrap-content-upload {
  margin: 0 !important;
}

.upload-docs-content .text-upload-docs {
  text-align: left;
  font: normal normal normal 16px/26px Lato;
  color: #051c2c;
  letter-spacing: 0px;
  opacity: 1;
  margin-bottom: 0;
}

.upload-docs-content .text-upload-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 24px;
}

.upload-docs-content .card-file-upload {
  background-color: #fdf5db;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  width: 330px;
  height: 56px;
  max-width: 100%;
}

.upload-docs-content .text-icon-upload {
  font: normal normal normal 14px;
  color: #00a6da;
  text-align: center;
  margin-left: 0;
}

.upload-docs-content .col-text-upload-doc {
  display: flex;
  align-items: center;
  color: #000000;
  font: normal normal normal 18px/28px Lato;
  margin-bottom: 15px;
}

.upload-docs-content .col-icon-view {
  margin-top: 3px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}

.upload-docs-content .file-upload-content {
  margin-right: 20px;
  margin-left: 20px;
}

.upload-docs-content .col-files-upload{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0 4px;
}

.upload-docs-content .col-files-upload-g {
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-docs-content .upload-area {
  max-width: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-docs-content .row-head {
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-docs-content .render-docs {
  margin: 0 -12px;
}
@media (max-width: 767px) {
  .wrap-pagamentos .item-detail .item-number {
    font: normal normal 600 18px/26px Lato !important;
  }
  .wrap-pagamentos .item-detail {
    font: normal normal 600 14px/26px Lato;
  }
  .wrap-pagamentos .item-detail {
    font: normal normal 600 14px/26px Lato !important;
  }
  .p-title {
    font: normal normal 600 12px/32px Lato;
  }
  .p-black {
    font: normal normal normal 14px/16px Lato;
  }
  .wrap-pagamentos .item-link {
    height: 65px !important;
    max-width: 100% !important;
  }
  .wrap-pagamentos .item-link .icone-pagamento {
    margin: 0px 12px 31px 0;
    width: 30px !important;
  }
  .pix-text {
    position: relative;
    font-size: 16px;
    bottom: 13px;
    color: #788791 !important;
  }
  .pix-credito {
position: relative;
    font-size: 16px;
bottom: 13px;
    color: #788791 !important;
  }
  .pix-boleto {
    position: relative;
    font-size: 16px;
    bottom: 13px;
    color: #788791 !important;
  }
  .pix-transfer {
    position: relative;
    font-size: 16px;
    bottom: 13px;
    color: #788791 !important;
  }
  .formas-pagamentos-card .title-col {
    margin-top: 21px;
  }
  .formas-pagamentos-card {
    padding: 0 !important;
  }
  .body-conclusao {
    width: 100% !important;
  }
  .body-conclusao .pedido-header {
    width: 100% !important;
  }

  .title-pedido-statusMessage {
    font: normal normal 600 16px Lato;
  }

  .subtitle-pedido-statusMessage {
    font: normal normal normal 12px Lato;
  }

  .upload-docs-content .card-upload-docs {
    padding: 10px;
  }

  .upload-docs-content .card-upload-docs .row-head {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .upload-docs-content .card-upload-docs .container {
    width: 100%;
  }

  .upload-docs-content .card-upload-docs .text-upload-content {
    padding-right: 0;
    padding-left: 0;
  }

  .upload-docs-content .card-upload-docs .text-upload-content .text-upload-docs {
    font: normal normal normal 14px/20px Lato;
  }

  .upload-docs-content .card-upload-docs .upload-area {
    padding: 0;
    margin-top: 10px;
  }

  .upload-docs-content .card-upload-docs .upload-area .wrap-content-upload .content-right span {
    font: normal normal normal 14px/16px Lato;
  }

  .upload-docs-content .card-upload-docs .upload-area .wrap-content-upload .content-right span.text-small {
    font: normal normal normal 11px/16px Lato;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .formas-pagamentos-card {
    margin: 0;
    padding: 0;
  }
  .p-title {
    margin: 12px 0 10px 0px;
  }
  .p-black {
    margin: 12px 0 10px 0px;
  }
}


.confidence-input-new > label {
  width: 100%;
  color: #748497;
  font: normal normal normal 14px/15px Lato;
  margin-bottom: 5px;
}

.confidence-input-small-new > label {
  font: normal normal normal 14px/15px Lato;
}

.confidence-input-medium-new > label {
  font: normal normal normal 14px/15px Lato;
}

.confidence-input-modal-new {
  width: 100%;
}

.confidence-input-container-new {
  background-color: transparent;
  height: 48px;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-content: center;
  padding: 1px 0;
  border-radius: 5px;
}

.confidence-input-small-new > .confidence-input-container-new {
  height: 36px;
}

.confidence-input-medium-new > .confidence-input-container-new {
  height: 46px;
}

.confidence-input-container-error-new > input {
  border-color: red !important;
  border-style: solid !important;
  border-width: 1px !important;
}

.confidence-input-container-new > input {
  text-align: left;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  width: 100%;
  border-width: 1px solid;
  border-color: #c7c6c6;
  padding: 0;
}

.confidence-input-modal-container-new > input {
  text-align: center;
  background-color: #fff;
  border: none;
  width: 100%;
  border-radius: 30px;
  border-style: none;
  padding: 0;
}

.confidence-input-container-password-new > input {
  padding-right: 40px;
  padding-left: 40px;
}

.confidence-input-modal-container-disabled-new > input:disabled {
  background-color: #cfd4d9 !important;
}

.confidence-input-small-new > .confidence-input-container-new > input {
  font-size: 16px;
}

.confidence-input-container-new > input:-webkit-autofill,
.confidence-input-container-new > input:-webkit-autofill:hover,
.confidence-input-container-new > input:-webkit-autofill:active,
.confidence-input-container-new > input:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
}

.confidence-input-container-new > input::placeholder {
  color: #b7bfc9;
  text-align: left;
}

.confidence-input-container-loading-new {
  margin-top: 13px;
  margin-left: 10px;
  position: absolute;
}

.confidence-input-container-loading-new > div {
  width: 20px;
  height: 20px;
  border-width: 1px;
}

.confidence-input-container-eye-new {
  position: relative;
  right: 0;
  left: -35px;
  background-color: transparent;
  border: none !important;
  cursor: pointer;
  outline: none;
}

.confidence-input-container-eye-new::after {
  content: '';
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAAAXNSR0IArs4c6QAABLRJREFUWAnNV01sW0UQnlk7pLSAX50DSEjU/B3AiYgEd9ILEgeoUwrqqUpBgvqC6IEbAlccuCDRCyRBQknEBRVCEzhwqkjPSGDkpD0UgXvMoY4jUdRAvcM3z96X5+f34ucG0qyU7L7ZnZkvM9/MbogwcjO157yZ2nFd74dhcrO1FzLEPxnixfzM6tf7AhSLuTcE5MR+AGaaZ4rLJLQYAXYh9L3nS6MeG+vFkyL0Xcj7q37ELkgmJNuzJQeeKpI9/ODaIjO9HMiIvmnkiyfpNW6FZP/7chuUuhoQmPf52jiRyfkorfXImCaR3Wy+WazuBnk3qJTAvOmrBebWj1AuJDkXohUhWSLJLjfLT9WTzsXJe0HpqT4R82avlIzYi3EGE2TzVjLn0oKLB9UHmHezfj9v3VxB1XpEUveBMDdJxCNmD0afSQQ3fOhs8/SjSHPySAYFncMzqwtwfArkD4++5Pfm/vDo1l8lZilB9VhYGWmtiuHTO/Gu211HW40iEsqZcSJGAAQBCJtOX5XedG0CqhVmft5ZANeaIuZss1ycd7Lw3O0KO1pRbC0AMVLTHiL8JdKU2027UB6ytOZht12tMG0FEYsB5jdP5zwOkCpulIunNtaLr0Qa7Il8Y+0rStlgm289vSTGTCB9vzp/hmXOm16bct9uDiLVnTLEhWRTjXTlPq4qhX5ojBRfSttgO35W4DgohmjEgkjx1p9zOAgOJQDSjQrfvm3yb4Bj/+inP5heHChiqDwZPtQVMWb7ifa+jkXyQeWnaxXkuuSEwpmprgi5DcxDtvExsxlCKsNjsFRGgCl/0YwvOoPGvyqYP3AClNo5zX/wHVkgrQWNJaoJR+mX0PbgwAxPOX3Nkje7+o5+GxIu6MINi+vBrWNnNMe2XMi2+N3dkJ+GDtaVu86P6WAxflWIXHYbiMCc3/ycIDKzUNWJTFbea3Os69mDiF25npu99rg7lzS3edxuEQrODh+s6FmfU3LgvpJDjDAWtHEmAbOUqYTOTmTlxjVwog7y/77tXB7O2K1LO7ULvNdQWCEeC5Xc9eOD0g8ltzOq+U0CppcqonV++yzSyfI2yP9YF/mZjiRVpTZS6Af+fB6Xx1acTR+UfmgatV+4jQBYqFTdXqM8VrFsJhGdy04WkJ9ou10QxZPf4uJ2Q2hB7blPneG7e2iH1U7rpEgV7imabIb+Erens1avadmSNXglWKm2zMhq1ja+6HclaRtS/SgglfWAUmEUmMow0r+JYjq/MP2NTnJ148zoeNtc8u9YUHrcvwdbsoS/+EhE/TyispDUXN3ZBz797YlM5tYlOHjEyXRu3TP87ObrT/4clkXXiaD0YOeemsehY1FFIaqDR1UQvBrs4ZEHuUaiAJ3CnT57dgTlnMW9idxe/1k7v72B/jcSOrvjQzGovpBCz1JJvlEem7AiR8GLBRD/es+hGAGitmzFHt1YH31okM6fKlIx/nzO6RVlbCsgrqtAomy955+EGPLDbmzE7hhUHNC+spTA9haUok4BbO9BpQB2d0B18oyu/i0eZpOdT72pPmyUR99PVX2B0n+8wBVzHP0ieHEK8wF1cVdBKQAFhtbxGX6+t7b1kcr25fgXhjJoI2bH+fgAAAAASUVORK5CYII=);
  background-size: cover;
}

.confidence-input-container-eye-active-new::after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAACLlBMVEVHcEwzmcw0mNw0mNsrldVAgL8A//8AgP80mNtVqv80mNs0mNo0mNszmNs0mNsrqtU0mNs0l9s0l9o1l9szmNs0mNo1ld80l9s1ltozmNo0mNs0mNsxntszmeY1mNo1mNs0mNs0mdszmdw0mds0mNs0l9s1mts1mNszmNw0mNs0l9w1mNs1l9w2mN0zmdozmds0mNs0l9wylt4uotE1mNs0mNs0mNs1l9s0mNs1mt00mNs4l9c0mNs0mNs3mN00mNszmdYzmNszmds0mNw1mNwyltw0mdo3kts0mNs0mNw1ldw0mNs7ndgzmdwtluEkkttAn98ul9w3m94yldo0mNw0mNs5juM0mNs0l9s0l9k0mNszmNw5nNU0mNs1mNs1l9s1mN00mNw0mNs0mNozmd01mNs0mdw0mNozmdk0l9szmNs3mNs1l9s0mNw2mt0zmNs0lts1l9szmNs0l9s0mN01l9szmNw0mNszmNs0l9w0mNs1mNszmds0mdszmdo0mNszmNs0mds0mNszmNw0l9w1mdsyl9w0mds5l9k1mNs3m9s0mds0mds1mNw0mNo1mts0l9s0mNs0mdszmNs1mNwzmd0zmNs0mNs2lNc0mNszmdk0mNs0mNs0l9ozmNs0mNs2mNs0mNs0l9o0mNs0mNs0l9s0mNs0mdozmdo1mNw0mNs0mNsyl9s0mNwyldw0mNs0mNs1mtozmdo0mdszmds2mNk0l9sxk9g1l9w0mNtultpXAAAAuXRSTlMABV78DAQBAvkD+sP4mvsG9erKh4aZGIAiaI30FQpvx+vbQaLGQD/p3/27TZE0WmnvLC4L7vPUluM1ySDd4iXnGaky2Fczpw7B5h2cDXMRBwgWFymmzgnTcTbIkBL2vVZDivCSLYiYtRS25CqMlyZ3TpuBXUqlbfeVWL5cI2tL0rN61597zEKOG2ocneDCWSvly7HQdDza/hOrKM+wZ3LZOd52xOhi8nU3SM3xR7QknuEwbpNVLzEaZZKaCSsAAAR9SURBVGje7VhnWxNBEA4J5S4hCcGEhBaVqhA60pTelGZDBASlKyqKvffeBXvvvXfv38nzmN3bm71NNhH8dPNxZnZ2d3bmndnR6TTSSCONNNKIm0Lq9fZq083CAUkaKHxkqrbvqA+ZNuMRXc7FURJFUYudXRHTYL7U81xiUuWarH88fGaK5IdW6cOCNm/VH5c4aJE7MTj7mfMkTtqoD8L8wfVSALR2ZaDOPxkpBUR7jgUUUSsyoAFjirn18JCrzWptcw0dbnU8E6BGxnJ++6lLlGvL43aGQp2C9/3gjZak8trPMZDrIpP7GLcPT/vUS2oacvjsbyUXxXvO+9JNcOaS2sMc5kUzsWC+Y4M//TaPhVjgEP2GTzKhPsEFBPkmYkmyv2A6Q7h0mBMww91ESO31rTtL1rx6gz/ssp7I62b5UoyV9U6dhcLGy9uibUajLdq8r4V6bMJNsWz7aUasNQkBbMsFoiZENVdAYNwl52Qay/7COVipAbi/Y7MFZHb/MhAdcvTZFjLKYrQcCyDaKlbT6DO7Cjx1MRaVhfh54ElQQ37a1PCtJB/coQGL7Gr2k+bjs3WA89vUEbQkBrhgP07QJNp+4iIkTQfgsOwaC6NPgZPcxvB3kQJHXRySWSAobmZXge1A9TWuInHQfj1G0FYYn3L8HHFfKSi44pZffEEMK5EMNSAEcKLcDwdrLmDczvHiTMQ5DA3F8KD4oU1KO3WIn1sF8xflVyTxcKfRDvHQ1wk4l9aR7LC5iP0CHumyKgIcQtw6qH8ASeaSsa7HhRU6SLcN+V+Bw2IRKgBUtIwiW0QvI9aiCKK7D5TeX5XsTpQz1AKXQF8hG206RucH8ukmJTsPJQ294huylk2dkoq6KULnAa/Zgp5epU6/88reYlYZ2mAF9waN7A2Wv/TKumkXDU6Hixy0i/AjGz8yH9mtZD9kPvJdi0qc4jD9QOmjOrJaVA3TEaoD2K8SpkSiZcMF+5DkHMndjbjfof5v1USToWIO7LRaEFQIp2VmHxMqzg6oQgUBdu3wSM1IIhzyekncjcHODB10lAF2BFw/AGsq5FajqDMvNDSvswgzBBdQfsqCa6LgRHYBST+74MAmq8/ALDhEySxPACVzNst+ylKlZpPNR8kkiv5a0HVUlajbLwfIkjjhq+iTbUs7aJHzVXcoHwJNxajvtoVsvIpBCMSoeCkFnF9s8Nd4ka2jGdxh6fZ4pXnBDvwfcsdv66hofndZgSymmNgi3gHjs+AoR/OraN9NCVAYWjfSnS4I6d1j66gYabrH1b4rPiDzAhikpFZyfkAUXyiLU+QzH+Y0cH+hlJ9AUz6P/cerAvkEKr+xlsEef/pVJ24F9I2FH/EFnl++dJs8vYF+xKlRQu+JJMa1xTftQjCjBHoY8lllGNI4Png12GEIY5xzPfOHq8dq7XF9GX/VXGb5l3HOzA+kZn6k9h+Ggv9hrDnzg9m/o+U1lTM4Wv57jVLWcLx0OobjXsCs2WGvvlRbmDv1TSysvVRtP1ATptNII4000kgjbvoDetP4oLYN4qkAAAAASUVORK5CYII=) !important;
}

.confidence-input-error-new {
  height: 24px;
}

.confidence-input-error-new > span {
  color: red;
  font-size: 13px;
  margin-left: 20px;
}

.confidence-input-new > label > img {
  margin-left: 5px;
}

.Select-new {
  width: 100%;
  padding: 1px 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: #212529;
  text-align: left;
}

div[class*='-control'] {
  box-shadow: none !important;
}

.Select-new div[class*='-control'] {
  border: none;
  width: 100%;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
  padding: 0;
  -webkit-appearance: none;
          appearance: none;
}

.Select-new div[class*='-indicatorContainer'] {
  color: #1298d4;
  cursor: pointer;
}

.Select-new .css-1okebmr-indicatorSeparator {
  display: none !important;
}

.Select-new div[class*='-MenuList'] div[class*='-option'] {
  padding: 8px 41px 8px 21px;
}

.Select-new div[class*='-ValueContainer'] div[class*='-placeholder'] {
  color: #b7bfc9;
  text-align: left;
}

.Select-new div[class*='-singleValue'] {
  height:18px;
}

.Select-new div.label-new {
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  color: #748497;
  font-size: 16px;
  margin-bottom: 5px;
}

.Select-new div.error-select div[class*='-control'] {
  border-color: red;
}

.Select-new div.error-select div[class*='-indicatorContainer'] {
  color: red;
}

.Select-new div.error-message {
  text-align: left;
  height: 24px;
  margin-left: 20px;
}

.Select-new div.error-message span {
  color: red;
  font-size: 13px;
}

.conta-bancaria-body {
  margin: 1% auto;
}

.body-content-conta-bancaria {
  background-color: transparent;
  box-shadow: none;
  padding: 0 !important;
}

.conta-bancaria-form {
  background-color: white;
  box-shadow: 0 3px 6px #00000029;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 15px 15px 30px 15px;
  text-align: left;
}

.conta-bancaria-form form {
  width: 320px;
  margin: 0 auto;
}

.conta-bancaria-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  box-shadow: 0 3px 6px #00000029;
  padding: 20px 15px 20px 15px;
  border-radius: 3px;
  margin-bottom: 15px;
}

.conta-bancaria-list-editavel {
  cursor: pointer;
}

.conta-bancaria-listagem-card-edit-image {
  cursor: pointer;
  width: 20px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.conta-bancaria-listagem-card-remove {
  cursor: pointer;
  width: 20px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.conta-bancaria-listagem-card-toggle {
  color: #4aafdd;
  font-size: 18px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.conta-bancaria-resumo {
  width: 100%;
  float: left;
  margin-top: -71px;
}

.conta-bancaria-resumo-titulo {
  color: #748497;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 36px;
}

.conta-bancaria-resumo-produto {
  display: flex;
  background-color: #e7eaed;
  border-radius: 5px;
  padding: 18px 15px 12px 15px;
}

.conta-bancaria-resumo-total {
  display: flex;
}

.body-content-conta-bancaria .forma-entrega-recebimento {
  margin-top: 0;
}

@media (max-width: 768px) {
  .conta-bancaria-esconder-mobile {
    display: none;
  }

  .conta-bancaria-form form {
    width: 100%;
  }
  .body-content-conta-bancaria {
    margin-left: -10px;
  }
}

.favorecido-box-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  padding: 5px 16px 22px;
  margin: 0;
}

.favorecido-box-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.favorecido-box-arrow {
  color: #00a6da;
  height: 20px;
  width: 20px;
  margin: 0;
  cursor: pointer;
}

.favorecido-box-text {
  margin: 0;
  font: normal normal 600 14px/47px Lato;
}
.favorecido-box-open {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.favorecido-box-account {
  margin: 0;
  font: normal normal normal 14px/22px Lato;
  color: #788791;
}

.favorecido-box-bank {
  margin: 0;
  font: normal normal normal 14px/22px Lato;
  width: 80%;
  color: #788791;
}

.favorecido-box-subtitle {
  font: normal normal 600 16px/32px Lato;
  color: #788791;
  margin: 0 0 20px 0;
}

.favorecido-box-option-title {
  font: normal normal normal 14px/15px Lato;
  color: #748497;
  margin: 0;
}

.favorecido-box-option {
  font: normal normal normal 14px/16px Lato;
  color: #051c2c;
  margin: 10px 0 15px 0;
}

.favorecido-box-divisor {
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid;
  border-color: rgb(116, 132, 151, 0.2);
  margin: 15px 0 20px 0;
}

.favorecido-box-close {
  display: flex;
  flex-direction: column;
  margin: 0;
}
@media (max-width: 767px) {
  .favorecido-box-container {
    max-width: 100% !important;
  }
}

.wrap-content-upload {
  display: flex;
  align-content: center;
  justify-content: center;
  height: 115px;
  align-items: center;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 3px 6px #00000029;
  border: 1px dashed #00a6da;
  border-radius: 5px;
  padding: 8px 16px;
  margin-bottom: 24px;
  cursor: pointer;
}

.wrap-content-upload .content-right {
  flex-wrap: wrap;
  margin: 0 0 0 12px;
  font: normal normal normal 18px/26px Lato;
}

.wrap-content-upload .content-right-flex {
  display: flex;
  justify-content: space-between;
  font: normal normal normal 18px/26px Lato;
  width: 100%;
  align-items: center;
  margin: 0;
  word-wrap: break-word;
}

.wrap-content-upload .content-right-flex .col-left {
  width: 230px;
}

.wrap-content-upload .content-right-flex .wrap-excluir {
  width: 42px;
  text-align: center;
  font: normal normal normal 14px/24px Lato;
  color: #00a6da;
}

.wrap-content-upload .content-right .text-small {
  font: normal normal normal 14px/18px Lato;
  margin: 8px 0;
  display: block;
}

.iconeUpload {
  width: 36px;
  height: 36px;
}
@media (max-width: 767px) {
  .wrap-content-upload .content-right {
    font: normal normal normal 14px/26px Lato;
  }
  .wrap-content-upload .content-right .text-small {
    font: normal normal normal 12px/18px Lato;
  }
}

.files-upload-multiple {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.files-upload-multiple .files-upload-dropzone {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  background-color: #f5f7f9;
  border-radius: 8px;
  border: 2px dashed #95d0eb;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  padding: 10px;
  height: 100%;
}

.files-upload-multiple .files-upload-dropzone-accepted {
  background-color: #c0decb;
  border: 2px dashed #668e74;
}

.files-upload-multiple .files-upload-dropzone-rejected {
  background-color: #edc1c1;
  /* border: 2px dashed #9a5656; */
}

.files-upload-multiple .files-upload-dropzone > .dropzone-state {
  text-align: center;
  margin-bottom: 16px;
  padding: 0 20%;
}

.files-upload-multiple .files-upload-dropzone > .dropzone-state-compressed {
  margin-bottom: 0;
}

.files-upload-multiple .files-upload-files > li img {
  height: 25px;
  width: 25px;
}

.files-upload-multiple .files-upload-dropzone > .dropzone-state > img {
  display: block;
  margin: 0 auto 8px auto;
}

.files-upload-multiple .files-upload-dropzone > span {
  font-size: 12px;
  text-align: center;
}

.files-upload-multiple .files-upload-files > li > span {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 32px;
}

.files-upload-multiple .files-upload-dropzone > .dropzone-state > span {
  display: block;
  font-size: 14px;
  text-align: center;
}

.files-upload-multiple .files-upload-files {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0;
  padding: 0;
  width: 100%;
}

.files-upload-multiple .files-upload-files li {
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 8px;
  background-color: #1298d4;
  width: 100%;
  color: #fff;
  padding: 0 20px;
  height: 100%;
  min-height: 50px;
  max-height: 75px;
  margin: 5px 0;
}

.files-upload-multiple .files-upload-files > li:first-child {
  margin-top: 0 !important;
}

.files-upload-multiple .files-upload-files > li:last-child {
  margin-top: 10px;
}

.files-upload-multiple .files-upload-files > li img:first-child {
  margin-right: 32px;
}

.files-upload-multiple .files-upload-files > li img:last-child {
  margin-left: auto;
  cursor: pointer;
}

@media (max-width: 992px) {
  .files-upload-multiple .files-upload-dropzone > .dropzone-state {
    padding: 0;
  }

  .files-upload-multiple .files-upload-dropzone {
    margin-top: 16px;
  }

  .files-upload-multiple .files-upload-dropzone > span {
    padding: 0 10%;
    font-size: 12px;
    text-align: center;
  }
}

.files-upload-multiple .wrap-content-upload {
  display: flex;
  align-content: center;
  justify-content: center;
  height: 115px;
  align-items: center;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 3px 6px #00000029;
  border: 1px dashed #00a6da;
  border-radius: 5px;
  padding: 8px 16px;
  margin-bottom: 24px;
  cursor: pointer;
}

.files-upload-multiple .wrap-content-upload-dis {
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 0.4;
}

.files-upload-multiple .wrap-content-upload .content-right {
  flex-wrap: wrap;
  margin: 0 0 0 12px;
  font: normal normal normal 18px/26px Lato;
}

.files-upload-multiple .wrap-content-upload .content-right-flex {
  display: flex;
  justify-content: space-between;
  font: normal normal normal 18px/26px Lato;
  width: 100%;
  align-items: center;
  margin: 0;
  word-wrap: break-word;
}

.files-upload-multiple .wrap-content-upload .content-right-flex .col-left {
  width: 230px;
}

.files-upload-multiple .wrap-content-upload .content-right-flex .wrap-excluir {
  width: 42px;
  text-align: center;
  font: normal normal normal 14px/24px Lato;
  color: #00a6da;
}

.files-upload-multiple .wrap-content-upload .content-right .text-small {
  font: normal normal normal 14px/18px Lato;
  margin: 8px 0;
  display: block;
}

.files-upload-multiple .wrap-content-upload .content-right .text-small .semi-bold{
  font: normal normal 600 14px/18px Lato;
}

.files-upload-multiple .iconeUpload {
  width: 36px;
  height: 36px;
}

.files-upload-multiple .text-incluir-mais {
  color: var(---00a6da-acqua-blue);
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 18px/26px Lato;
  letter-spacing: 0px;
  color: #00a6da;
  opacity: 1;
}

.files-upload-multiple .text-incluir-mais-dis {
  color: var(---cfd4d9-light-blue-grey);
  font: normal normal normal 18px/26px Lato;
  letter-spacing: 0px;
  color: #cfd4d9;
  opacity: 1;
}

.modal-preview-file {
  max-width: initial;
  text-align: center;
  width: 90%;
}

.modal-preview-file .modal-header {
  padding: 0 !important;
  margin: 0 !important;
  height:24px;
}

.modal-preview-file .modal-content {
  border-radius: 0;
  background-color: #212644;
  color:#ffffff;
  font: normal normal normal 20px/28px Lato;
  padding: 24px !important;
}

.modal-preview-file .modal-content .modal-body .modal-pdf-page-navigation {
  display: flex;
  font-size: 12px;
  justify-content: space-between;
}

.modal-preview-file .modal-content .modal-body .modal-pdf-page-navigation div {
  cursor: pointer;
}
.modal-preview-file .modal-content .modal-body .modal-pdf-pages {
  font-size: 12px;
}

.modal-preview-file .modal-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 !important;
}

.modal-body {
  padding: 12px 0 24px !important;
}

.modal-header .close {
  top:24px !important;
  right:24px !important;
  width: 24px !important;
  height: 24px !important;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iY2xvc2UtY2lyY2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjM2IC0yNTIpIj4KICAgIDxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMCwyMEExMCwxMCwwLDEsMCwwLDEwLDEwLjAyOSwxMC4wMjksMCwwLDAsMTAsMjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMzggMjU0KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBhNmRhIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+CiAgICA8cGF0aCBpZD0iVmVjdG9yLTIiIGRhdGEtbmFtZT0iVmVjdG9yIiBkPSJNMCw1LjY2LDUuNjYsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ1LjE3IDI2MS4xNykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwYTZkYSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgPHBhdGggaWQ9IlZlY3Rvci0zIiBkYXRhLW5hbWU9IlZlY3RvciIgZD0iTTUuNjYsNS42NiwwLDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0NS4xNyAyNjEuMTcpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMGE2ZGEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgIDxwYXRoIGlkPSJWZWN0b3ItNCIgZGF0YS1uYW1lPSJWZWN0b3IiIGQ9Ik0wLDBIMjRWMjRIMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzNiAyNTIpIiBmaWxsPSJub25lIiBvcGFjaXR5PSIwIi8+CiAgPC9nPgo8L3N2Zz4K) 0 0 no-repeat;
  text-indent: -99999px;
}

.StatusRemessaTitle {
  font: normal normal normal 19px/25px Lato;
  color: #788791;
  margin: 0 0 16px 0;
}

.statusRemessaBoxNew {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
}

.statusRemessaBoxNew.type-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
}

.statusRemessaBoxNew.type-row > div {
  min-height: 48px;
}

.statusRemessaStatusNewOrange {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f8810a 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  height: 38px;
  width: 100%;
}

.statusRemessaStatusNewGreen {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #6c9522 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  height: 38px;
  width: 100%;
}

.statusRemessaStatusNewRed {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #da292f 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  height: 38px;
  width: 100%;
}

.statusRemessaStatusMessage {
  margin: 0;
  font: normal normal normal 15px/18px Lato;
  color: #ffffff;
}

.statusRemessaBoxNew.type-row .statusRemessaStatusMessage {
  font: normal normal normal 24px/29px Lato;
}

.statusRemessaInfo {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-end-end-radius: 5px;
  border-end-start-radius: 5px;
  width: 100%;
  padding: 10px 0;
  height: 60px;
}

.statusRemessaBoxNew.type-row .statusRemessaInfo {
  max-height: 48px !important;
}

.statusRemessaBoxNew.type-row .statusRemessaInfo p {
  margin: 0 !important;
}

.statusRemessaText {
  font: normal normal normal 13px/13px Lato;
  margin: 10px 0 0 0;
}

.statusRemessaTextNumero {
  font: normal normal bold 13px/13px Lato;
  margin: 5px 0 0 0;
}

.statusRemessaTextData {
  font: normal normal normal 13px/13px Lato;
  margin: 5px 0 0 0;
}

.statusRemessaDivisor {
  height: 50px;
  border: 0.5px solid;
  border-color: rgb(5, 28, 44, 0.1);
}

.statusRemessaBoxNew.type-row .statusRemessaDivisor {
  height: 36px;
  border: 0.5px solid;
  border-color: rgb(5, 28, 44, 0.1);
}
@media (max-width: 767px), (max-width: 992px) and (orientation: landscape) {
  .statusRemessaStatusNewRed {
    max-width: 100%;
  }
  .statusRemessaStatusNewGreen {
    max-width: 100%;
  }
  .statusRemessaInfo {
    max-width: 100%;
  }
  .statusRemessaStatusNewOrange {
    max-width: 100%;
  }
  .statusRemessaBoxNew {
    max-width: 100% !important;
  }
  .statusRemessaBoxNew.type-row {
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .statusRemessaStatusNewOrange {
    max-width: 100%;
    margin: 0 auto;
  }
  .statusRemessaStatusNewRed {
    max-width: 100%;
    margin: 0 auto;
  }
  .statusRemessaStatusNewGreen {
    max-width: 100%;
    margin: 0 auto;
  }
  .statusRemessaInfo {
    max-width: 100%;
    margin: 0 auto;
    padding: 12px 10px;
  }
}

.pedido-body {
  margin: 1% auto;
}

.pedido-header {
  display: block;
  text-align: center;
  width: 470px;
  margin: 0 auto;
}

.pedido-header .title-pedido {
  text-align: center;
  margin-bottom: 48px;
}

.pedido-content {
  display: flex;
  margin: 0 auto;
  padding: 0;
  max-width: 100% !important;
  width: 100%;
  background: none !important;
  box-shadow: none !important;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pedido-content .col {
  width: 33%;
  box-sizing: border-box;
  margin: 0 24px 0 0;
  padding: 0;
}

.pedido-content .col.detalhes-pedidos {
  width: 358px;
  max-width: 358px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.pedido-content .col:last-child {
  margin: 0;
}

.pedido-pendencias {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid #d8292f;
  margin: 0 35px 15px 35px;
}

.pedido-pendencias > img {
  height: 30px;
  margin-right: 10px;
}

.pedido-pendencias > span {
  color: #d8292f;
  font-size: 12px;
  line-height: 14px;
}

.pedido-numero {
  padding-bottom: 11px;
}

.pedido-numero > span {
  display: block;
  text-align: center;
}

.pedido-numero > span:nth-child(1) {
  color: #748497;
  font-size: 13px;
}

.pedido-numero > span:nth-child(2) {
  color: #222745;
  font-size: 27px;
  font-weight: bold;
}

.pedido-content > .row > [class*='col-'] {
  padding: 0 50px;
}

.pedido-content > .row > [class*='col-']:nth-child(2) {
  border-left: 1px solid #dadee2;
}

.pedido-status {
  text-align: center;
}

.pedido-pagamento {
  text-align: center;
}

.pedido-conta-bancaria {
  text-align: center;
}

.pedido-status > div > * {
  text-align: center;
  display: block;
}

.pedido-status > div > span:last-child {
  color: #748497;
}

.pedido-status-cinza {
  color: #748497;
}

.pedido-status-azul {
  color: #1298d4;
}

.pedido-status-laranja {
  color: #d98a38;
}

.pedido-status-verde {
  color: #2c9319;
}

.pedido-status-vermelho {
  color: #d8292f;
}

.pedido-pagamento-btn {
  margin: 24px auto 24px auto;
  font-size: 13px;
}

.pedido-conta-bancaria-btn {
  margin: 0 auto 24px auto;
  font-size: 13px;
}

.pedido-botoes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 16px auto;
}

.pedido-botoes > button {
  margin: 8px auto;
  font-size: 13px;
}

.pedido-reference-number-informativo {
  background-color: #222745;
  color: #fff !important;
  font-weight: bold;
  border-radius: 4px;
  display: block;
  margin: 0 35px 15px 35px;
  text-align: center;
  padding: 10px;
  font-size: 15px;
}

.pagamento-d0-info {
  display: flex;
  justify-content: center;
  margin: 10px;
}

.pagamento-d0-info > img {
  height: 20px;
  margin-right: 10px;
}

.pagamento-d0-info > h1 {
  color: #222745;
  font-size: 18px;
}

.modal-pedido-orientacao-retirada-caixa-24h .modal-title img {
  width: 95%;
  height: auto;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha:last-child {
  margin-bottom: 0;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha .passos-texto {
  text-align: left;
  margin-left: 16px;
}

@media (max-width: 768px) {
  .pedido-pendencias {
    margin: 0 0 15px 0;
  }

  .pedido-content .row > [class*='col-'] {
    padding: 0 15px;
  }

  .pedido-content .row > [class*='col-']:nth-child(2) {
    border-left: none;
    border-top: 1px solid #dadee2;
    margin-top: 16px;
    padding-top: 16px;
  }

  .pedido-reference-number-informativo {
    margin: 0 0 15px 0;
  }
}

.pedido-body {
  margin: 1% auto;
}

.pedido-header {
  display: block;
  text-align: center;
  width: 470px;
  margin: 0 auto;
}

.title-pedido {
  text-align: center;
  margin-bottom: 48px;
}

.pedido-content {
  display: flex;
  margin: 0 auto;
  padding: 0;
  max-width: 100% !important;
  width: 100%;
  background: none !important;
  box-shadow: none !important;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pedido-content .col {
  width: 33%;
  box-sizing: border-box;
  margin: 0 24px 0 0;
  padding: 0;
}

.pedido-content .row {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 36px 0;
  padding: 0;
}

.pedido-content .col:last-child {
  margin: 0;
}

.pedido-pendencias {
  display: flex;
  align-items: center;
  padding: 15px;
  border: 1px solid #d8292f;
  margin: 0 35px 15px 35px;
}

.pedido-pendencias > img {
  height: 30px;
  margin-right: 10px;
}

.pedido-pendencias > span {
  color: #d8292f;
  font-size: 12px;
  line-height: 14px;
}

.pedido-numero {
  padding-bottom: 11px;
}

.pedido-numero > span {
  display: block;
  text-align: center;
}

.pedido-numero > span:nth-child(1) {
  color: #748497;
  font-size: 13px;
}

.pedido-numero > span:nth-child(2) {
  color: #222745;
  font-size: 27px;
  font-weight: bold;
}

.pedido-content > .row > [class*='col-'] {
  padding: 0 50px;
}

.pedido-content > .row > [class*='col-']:nth-child(2) {
  border-left: 1px solid #dadee2;
}

.pedido-status {
  text-align: center;
}

.pedido-pagamento {
  text-align: center;
}

.pedido-conta-bancaria {
  text-align: center;
}

.pedido-status > div > * {
  text-align: center;
  display: block;
}

.pedido-status > div > span:last-child {
  color: #748497;
}

.pedido-status-cinza {
  color: #748497;
}

.pedido-status-azul {
  color: #1298d4;
}

.pedido-status-laranja {
  color: #d98a38;
}

.pedido-status-verde {
  color: #2c9319;
}

.pedido-status-vermelho {
  color: #d8292f;
}

.pedido-pagamento-btn {
  margin: 24px auto 24px auto;
  font-size: 13px;
}

.pedido-conta-bancaria-btn {
  margin: 0 auto 24px auto;
  font-size: 13px;
}

.pedido-botoes {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 16px auto;
}

.pedido-botoes > button {
  margin: 8px auto;
  font-size: 13px;
}

.pedido-reference-number-informativo {
  background-color: #222745;
  color: #fff !important;
  font-weight: bold;
  border-radius: 4px;
  display: block;
  margin: 0 35px 15px 35px;
  text-align: center;
  padding: 10px;
  font-size: 15px;
}

.pagamento-d0-info {
  display: flex;
  justify-content: center;
  margin: 10px;
}

.pagamento-d0-info > img {
  height: 20px;
  margin-right: 10px;
}

.pagamento-d0-info > h1 {
  color: #222745;
  font-size: 18px;
}

.modal-pedido-orientacao-retirada-caixa-24h .modal-title img {
  width: 95%;
  height: auto;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha:last-child {
  margin-bottom: 0;
}

.modal-pedido-orientacao-retirada-caixa-24h .passos .passos-linha .passos-texto {
  text-align: left;
  margin-left: 16px;
}

@media (max-width: 768px) {
  .pedido-pendencias {
    margin: 0 0 15px 0;
  }

  .pedido-content .row > [class*='col-'] {
    padding: 0 15px;
  }

  .pedido-content .row > [class*='col-']:nth-child(2) {
    border-left: none;
    border-top: 1px solid #dadee2;
    margin-top: 16px;
    padding-top: 16px;
  }

  .pedido-reference-number-informativo {
    margin: 0 0 15px 0;
  }
}

.txt-break {
  word-break: break-all;
}

.txt-blue {
  color: #00a6da;
}

.txt-red {
  color: #da292f;
}

.txt-black {
  color: #051c2c;
}

.txt-grey txt-grey {
  color: #788791;
}

.txt-break {
  word-break: break-all;
}

.txt-blue {
  color: #00a6da;
}

.txt-red {
  color: #da292f;
}

.txt-black {
  color: #051c2c;
}

.txt-grey {
  color: #788791;
}

.PPC-bandeiras-text {
  font: normal normal normal 14px/15px Lato;
  color: #748497;
}

.PPC-atencao {
  font: normal normal 600 16px/26px Lato;
  margin: 23px 0 36px 0;
}

.PPC-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.PPC-form-label {
  font: normal normal normal 14px/15px Lato;
  color: #748497;
  margin: 0 0 16px 0;
}

.PPC-form-input {
  width: 358px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #c7c6c6;
  border-width: 0.5px;
  margin: 0 0 32px 0;
  -webkit-appearance: none;
          appearance: none;
}

::placeholder {
  color: #c7c6c6;
}

.PPC-form-select {
  display: flex;
  -webkit-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='30' width='40' fill='rgb(0,166,218)'><path d='m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: -10px;
  width: 358px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #c7c6c6;
  border-width: 0.5px;
  margin: 0 0 32px 0;
  padding: 0 0 15px 15px;
  color: #c7c6c6;
}

.PPC-form-select-option {
  color: #051c2c;
  background-color: #f6f6f6;
}

.PPC-form-salvar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.PPC-form-checkbox {
  margin: 0 15px 12px 0;
  width: 24px;
  height: 24px;
}

.PPC-form-checkbox-text {
  font: normal normal normal 16px/15px Lato;
}

.title-col {
  color: #788791;
  margin-bottom: 24px;
  font: normal normal 600 18px/32px Lato;
}

.subtitle-col {
  color: #788791;
  margin-bottom: 12px !important;
  font: normal normal 600 18px/32px Lato;
}

.wrap-buttons {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 32px 0;
}

.wrap-buttons .pedido-comprovantes-container {
  margin: 0 24px 0 0;
}

.wrap-buttons .pedido-comprovantes-container .botao-inverso {
  margin: 0 24px 0 0;
  border-radius: 4px;
  width: 294px;
  font: normal normal bold 18px/22px Lato;
}

.wrap-buttons .pedido-comprovantes-container .botao-inverso img {
  display: none;
}

.wrap-buttons .primary-button {
  position: relative;
  border-radius: 4px !important;
  border: none;
  color: #ffffff;
  text-transform: uppercase;
  width: 294px;
  font: normal normal bold 18px/22px Lato;
}

.wrap-buttons .secondary-button {
  position: relative;
  border-radius: 4px !important;
  background: none !important;
  border: 1px solid #00a6da;
  color: #00a6da;
  margin-right: 56px;
  text-transform: uppercase;
  width: 294px;
  font: normal normal bold 18px/22px Lato;
}

.favorecido-title {
  font: normal normal 600 14px/25px Lato;
  color: #788791;
  margin: 0 0 12px 0;
}

.divisor-status-favorecido {
  border: 1px solid;
  border-top: none;
  border-color: rgb(120, 135, 145, 0.3);
  width: 100%;
  height: 1px;
  margin: 15px 0 20px 0;
}

.row-pedido {
  position: relative;
  width: 100%;
  margin: 0 0 24px 0;
}

.row-pedido .label-row {
  position: relative;
  width: 100%;
  margin: 0 0 12px 0;
  font: normal normal normal 14px/14px Lato;
  color: #748497;
}

.row-pedido .text-row {
  position: relative;
  width: 100%;
  margin: 0;
  font: normal normal normal 16px/16px Lato;
  color: #051c2c;
}

.boleto {
  display: flex;
}

.button-linha-digitavel {
  display: table;
  margin: auto;
}

.linha-digitavel {
  text-align: left;
  font: normal normal normal 20px/24px Lato;
  width: 80%;
}

.txt-clipboard {
  margin-top: 8px;
  font: normal normal normal 14px/15px Lato;
  color: #00a6da;
}
.text-alert {
  text-align: right;
  float: right;
  margin-top: -31px;
  margin-right: 364px;
  font: normal normal normal 12px/16px Lato;
  letter-spacing: 0px;
  color: #f8810a;
  opacity: 1;
}
.title-likert-sucesso {
  text-align: center;
  font: normal normal normal 18px/24px Lato;
  letter-spacing: 0px;
  color: #051c2c;
  opacity: 1;
  padding-top: 162px;
  margin-left: -13px;
  padding-right: 301px;
  padding-left: 328px;
}
.tickcircle {
  padding-right: 400px;
  padding-left: 103px;
}

.card-upload-docs {
  background-color: #fff;
  box-shadow: 0 3px 6px #00000029;
  width: auto;
  max-width: 95%;
  height: auto;
  min-height: 100%;
  padding-top: 25px;
  padding-left: 50px;
  padding-right: 50px;
}

.upload-docs-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
}

.text-upload-docs {
  text-align: left;
  font: normal normal normal 16px/26px Lato;
  color: #051c2c;
  letter-spacing: 0px;
  opacity: 1;
  margin-bottom: 20px;
}

.text-upload-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-file-upload {
  background-color: rgba(253, 245, 219, 0.4);
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  width: 330px;
  height: 56px;
  max-width: 95%;
}

.text-icon-upload {
  font: normal normal normal 14px;
  color: #00a6da;
  text-align: center;
  margin-left: 10px;
}

.col-text-upload-doc {
  display: flex;
  align-items: center;
  color: #000000;
  font: normal normal normal 18px/28px Lato;
  margin-bottom: 15px;
}

.col-icon-view {
  margin-top: 3px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.file-upload-content {
  margin-right: 20px;
  margin-left: 20px;
}

.col-files-upload {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.col-files-upload-g {
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-area {
  max-width: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.row-head {
  display: flex;
  align-items: center;
  justify-content: center;
}

.file-name {
  display: block;
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .pedido-content .col {
    max-width: 100%;
    margin: 0 auto;
  }
  .title-pedido {
    font-size: 16px;
    margin-bottom: -10px !important;
  }
  .title-col {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 21px;
  }
  .favorecido-title {
    font-weight: 400;
  }
  .favorecido-box-subtitle {
    font-weight: 400;
  }
  .txt-break {
    font-size: 14px;
  }
  .txt-blue {
    font-size: 18px;
  }
  .txt-red {
    font-size: 18px;
  }
  .txt-black {
    font-size: 18px;
  }
  .txt-grey {
    font-size: 18px;
  }
  .txt-grey-info {
    font-size: 14x;
    color: #7d8792;
  }
  .wrap-buttons {
    flex-direction: column;
    justify-content: center;
  }
  .wrap-buttons .primary-button {
    max-width: 100% !important;
    margin: 0 auto;
    font: normal normal bold 16px/22px Lato;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    height: 56px !important;
  }

  .wrap-buttons .secondary-button {
    margin: 0 auto;
    max-width: 100% !important;
    font: normal normal bold 16px/22px Lato;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    margin-bottom: 10px;
    height: 56px !important;
  }
  .divisor-status-favorecido {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .pedido-content .col {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
}

.simulador-especie-iframe {
  width: 100%;
  background-color: #f8f9fa;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  display: block;
}

/* Reset de margens e paddings para iframe */
.simulador-especie-iframe * {
  box-sizing: border-box;
}

.optanon-show-settings {
  display: none
}

/* Reset global para garantir zero margens */
body, html {
  margin: 0;
  padding: 0;
  min-height: -webkit-max-content;
  min-height: max-content;
}

/* Responsividade para iframe */
@media (max-width: 768px) {
  .simulador-especie-iframe {
    padding: 0;
  }
}

@media (max-width: 480px) {
  .simulador-especie-iframe {
    padding: 0;
  }
}

/* Otimizações para iframe */
.simulador-especie-iframe {
  overflow-x: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Remove scrollbars desnecessárias */
.simulador-especie-iframe::-webkit-scrollbar {
  width: 6px;
}

.simulador-especie-iframe::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.simulador-especie-iframe::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.simulador-especie-iframe::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

body.iframe-mode #dt-widget,
body.iframe-mode #bot-custom-widget,
body.iframe-mode [id*="directtalk"],
body.iframe-mode [id*="bot"],
body.iframe-mode [class*="directtalk"],
body.iframe-mode [class*="bot"],
body.iframe-mode [src*="directtalk"],
body.iframe-mode div[id*="bot"],
body.iframe-mode div[class*="bot"],
body.iframe-mode span[id*="bot"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Especificamente para o bot-custom-widget */
.iframe-mode #bot-custom-widget,
.iframe-mode [id="bot-custom-widget"],
.iframe-mode div[id="bot-custom-widget"] {
  display: none !important;
}

/* Esconder scripts do chatbot */
.iframe-mode script[src*="directtalk"],
.iframe-mode script[src*="widget"] {
  display: none !important;
}
.simulador-ppc-iframe {
  width: 100%;
  min-height: 100vh;
  background-color: #f8f9fa;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  display: block;
}

.simulador-ppc-iframe * {
  box-sizing: border-box;
}

body, html {
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .simulador-ppc-iframe {
    padding: 0;
  }
}

@media (max-width: 480px) {
  .simulador-ppc-iframe {
    padding: 0;
  }
}

.simulador-ppc-iframe {
  overflow-x: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.simulador-ppc-iframe::-webkit-scrollbar {
  width: 6px;
}

.simulador-ppc-iframe::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.simulador-ppc-iframe::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.simulador-ppc-iframe::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

body.iframe-mode #dt-widget,
body.iframe-mode #bot-custom-widget,
body.iframe-mode [id*="directtalk"],
body.iframe-mode [id*="bot"],
body.iframe-mode [class*="directtalk"],
body.iframe-mode [class*="bot"],
body.iframe-mode [src*="directtalk"],
body.iframe-mode div[id*="bot"],
body.iframe-mode div[class*="bot"],
body.iframe-mode span[id*="bot"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.iframe-mode #bot-custom-widget,
.iframe-mode [id="bot-custom-widget"],
.iframe-mode div[id="bot-custom-widget"] {
  display: none !important;
}

.iframe-mode script[src*="directtalk"],
.iframe-mode script[src*="widget"] {
  display: none !important;
}
.Select {
  width: 100%;
  padding: 1px 0;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  font-family: Lato, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  color: #212529;
}

.Select div[class*='-control'] {
  height: 48px;
  border: none;
  width: 100%;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #1298d4;
  padding: 0 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-size: 35px;
  box-shadow: none;
}

.Select div[class*='-indicatorContainer'] {
  color: #1298d4;
}

.Select div[class*='-MenuList'] div[class*='-option'] {
  padding: 8px 41px 8px 21px;
}

.Select div[class*='-ValueContainer'] div[class*='-placeholder'] {
  color: #b7bfc9;
}

.Select div.label {
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  flex-direction: row;
  color: #748497;
  font-size: 16px;
  margin-bottom: 5px;
}

.Select div.error-select div[class*='-control'] {
  border-color: red;
}

.Select div.error-select div[class*='-indicatorContainer'] {
  color: red;
}

.Select div.error-message {
  text-align: left;
  height: 24px;
  margin-left: 20px;
}

.Select div.error-message span {
  color: red;
  font-size: 13px;
}

.conta-bancaria-body {
  margin: 1% auto;
}

.body-content-conta-bancaria {
  background-color: transparent;
  box-shadow: none;
  padding: 0 !important;
}

.conta-bancaria-form {
  background-color: white;
  box-shadow: 0 3px 6px #00000029;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 15px 15px 30px 15px;
  text-align: left;
}

.conta-bancaria-form form {
  width: 320px;
  margin: 0 auto;
}

.conta-bancaria-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  box-shadow: 0 3px 6px #00000029;
  padding: 20px 15px 20px 15px;
  border-radius: 3px;
  margin-bottom: 15px;
}

.conta-bancaria-list-editavel {
  cursor: pointer;
}

.conta-bancaria-listagem-card-edit-image {
  cursor: pointer;
  width: 20px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.conta-bancaria-listagem-card-remove {
  cursor: pointer;
  width: 20px;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.conta-bancaria-listagem-card-toggle {
  color: #4aafdd;
  font-size: 18px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.conta-bancaria-resumo {
  width: 100%;
  float: left;
  margin-top: -71px;
}

.conta-bancaria-resumo-titulo {
  color: #748497;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 36px;
}

.conta-bancaria-resumo-produto {
  display: flex;
  background-color: #e7eaed;
  border-radius: 5px;
  padding: 18px 15px 12px 15px;
}

.conta-bancaria-resumo-total {
  display: flex;
}

.body-content-conta-bancaria .forma-entrega-recebimento {
  margin-top: 0;
}

@media (max-width: 768px) {
  .conta-bancaria-esconder-mobile {
    display: none;
  }

  .conta-bancaria-form form {
    width: 100%;
  }
}

.content-meus-pedidos {
 display: flex;
 flex-direction: column;
 gap: 24px;
}

.content-meus-pedidos .title-meus-pedidos {
  font: normal normal normal 24px/32px Lato;
  color: #788791;
  margin-top: 16px;
}

.content-meus-pedidos .wrap-filtros {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 24px;
  justify-content: space-between;
}

.form-meus-pedidos {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1110px;
  padding-bottom: 24px;
  justify-content: space-between;
}

.container-filters {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: max-content;
}

.content-meus-pedidos .wrap-filtros.bottom {
  display: flex;
  align-items: flex-end;
}

.form-meus-pedidos .label {
  width: 100%;
  max-width: -webkit-max-content;
  max-width: max-content;
  font: normal normal normal 18px/47px Lato;
  color: #000000;
}

.content-meus-pedidos .wrap-filtros .label.small {
  width: 80px;
  font: normal normal normal 14px/47px Lato;
  text-align: center;
  display: block;
}

.content-meus-pedidos .col-filtros {
  width: 100%;
  max-width: 365px;
  display: flex;
  gap: 24px;
}

.content-meus-pedidos .wrap-filtros .col-filtros.first {
  width: 100%;
  max-width: 365px;
}

.content-meus-pedidos .wrap-filtros .col-filtros.big {
  width: 100%;
  max-width: 365px;
}

.content-meus-pedidos .wrap-filtros .col-filtros.small {
  width: 100%;
  max-width: 260px;
  display: flex;
  justify-content: flex-end;
}

.content-meus-pedidos .col-filtros .button-submit {
  cursor: pointer;
  height: 36px;
  width: 120px;
  background: none;
  border: 1px solid #00a6da;
  border-radius: 5px;
  color: #00a6da;

  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.content-meus-pedidos .wrap-filtros .col-filtros .confidence-input-container > input {
  color: #545454 !important;
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: #ccc !important;
  border-radius: 0;
  background: none !important;
  text-align: left;
  font: normal normal normal 18px/47px Lato;
  letter-spacing: 0px;
  color: #c7c6c6;
  opacity: 1;
}

.content-meus-pedidos .wrap-filtros .col-filtros .confidence-input-error > span {
  color: red;
  font-size: 13px;
  margin-left: 0;
}

.content-meus-pedidos .wrap-filtros .col-filtros .confidence-input-container-error > input {
  border: none !important;
  border-bottom: 1px solid red !important;
}

.content-meus-pedidos .wrap-filtros .col-filtros .confidence-input-error {
  height: auto !important;
}

.content-meus-pedidos .pedidos-container-new {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 100%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;

  align-items: center;
  justify-content: space-between;
}

.content-meus-pedidos .pedidos-container-new .col.flex {
  position: relative;
}

.content-meus-pedidos .pedidos-container-new .col.flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.content-meus-pedidos .pedidos-container-new .font-12 {
  font: normal normal normal 12px/24px Lato;
  color: #051c2c;
}

.content-meus-pedidos .pedidos-container-new .font-16 {
  font: normal normal normal 16px/24px Lato;
  color: #051c2c;
}

.content-meus-pedidos .pedidos-container-new .font-18 {
  font: normal normal normal 18px/24px Lato;
  color: #051c2c;
}

.content-meus-pedidos .pedidos-container-new .font-20 {
  font: normal normal normal 20px/24px Lato;
  color: #051c2c;
}

.content-meus-pedidos .pedidos-container-new .font-20.bold {
  font: normal normal 600 20px/24px Lato;
  color: #051c2c;
}

.content-meus-pedidos .pedidos-container-new .mb-12 {
  margin-bottom: 12px;
}

.content-meus-pedidos .pedidos-container-new .pedido-aguardando {
  color: #d98a38 !important;
}

.content-meus-pedidos .pedidos-container-new .pedido-valido {
  color: #2c9319 !important;
}

.content-meus-pedidos .pedidos-container-new .pedido-cancelado {
  color: #d8292f !important;
}

.content-meus-pedidos .pedidos-container-new .link-texto {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  text-decoration: none;
  border: none !important;
  background: transparent;
  align-items: center;
  color: #00a6da !important;
}

.content-meus-pedidos .pedidos-container-new .link-texto.disable {
  cursor: not-allowed;
  color: #c7c6c6 !important;
}

.content-meus-pedidos .pedidos-container-new .link-texto > img {
  width: 24px;
  height: 24px;
}
.flex-center-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  gap: 40px
}

.wrap-buttons {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 32px 0;
  gap: 16px;
}

.text-one-pedidos {
  text-align: center;
  font: normal normal normal 24px/32px Lato;
  letter-spacing: 0px;
  color: #051c2c;
  opacity: 1;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  display: block;
  word-wrap: break-word;
  line-height: 1.5;
}
.text-two-pedidos {
  text-align: center;
  font: normal normal normal 18px/32px Lato;
  letter-spacing: 0px;
  color: #7d8792;
  opacity: 1;
  width: 100%;
  display: block;
  word-wrap: break-word;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media (min-width: 350px) {
  .form-meus-pedidos {
    flex-direction: row;
  }

  .content-meus-pedidos .pedidos-container-new {
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .content-meus-pedidos .wrap-filtros {
    justify-content: end;
  }
}

@media (max-width: 990px) {
  .content-meus-pedidos .wrap-filtros .col-filtros .confidence-input {
    width: 100%;
  }

  .content-meus-pedidos .wrap-filtros .col-filtros.small {
    width: 100%;
    max-width: 360px;
  }
}

.pagination-container {
  display: flex;
  list-style-type: none;
  justify-content: center;
  margin-top: 48px;
}
.pagination-container .pagination-item {
  padding: 0 12px;
  height: 32px;
  text-align: center;
  margin: auto 4px;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  box-sizing: border-box;
  align-items: center;
  letter-spacing: 0.01071em;
  border-radius: 16px;
  line-height: 1.43;
  font-size: 13px;
  min-width: 32px;
}
.pagination-container .pagination-item.dots:hover {
  background-color: transparent;
  cursor: default;
}
.pagination-container .pagination-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.pagination-container .pagination-item.selected {
  background-color: rgba(0, 0, 0, 0.08);
}
.pagination-container .pagination-item .arrow::before {
  position: relative;
  /* top: 3pt;
    Uncomment this to lower the icons as requested in comments*/
  content: '';
  /* By using an em scale, the arrows will size with the font */
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-right: 0.12em solid rgba(0, 0, 0, 0.87);
  border-top: 0.12em solid rgba(0, 0, 0, 0.87);
}
.pagination-container .pagination-item .arrow.left {
  transform: rotate(-135deg) translate(-50%);
}
.pagination-container .pagination-item .arrow.right {
  transform: rotate(45deg);
}
.pagination-container .pagination-item.disabled {
  pointer-events: none;
  background: none !important;
}
.pagination-container .pagination-item.disabled .arrow::before {
  border-right: 0.12em solid rgba(0, 0, 0, 0.43);
  border-top: 0.12em solid rgba(0, 0, 0, 0.43);
}
.pagination-container .pagination-item.disabled:hover {
  background-color: transparent;
  cursor: default;
}

.forma-pagamento-container {
  display: flex;
  justify-content: center;
  background-color: #f3f5f7;
  box-shadow: 5px 5px 5px #cfd4d9;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 10px;
  cursor: pointer;
}

.boleto-disabled {
  justify-content: flex-start !important;
  background-color: #b7bfc9;
}

.boleto-disabled > * > div:last-child > span {
  color: #748497;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.disabled {
  justify-content: flex-start !important;
  background-color: #b7bfc9;
  cursor: default;
}

.disabled > * > div:last-child > span {
  color: #748497;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.cartao-icon-disabled img {
  opacity: 0.5;
  height: 15px;
}

.forma-pagamento-texto {
  color: #222745;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.forma-pagamento-container > :nth-child(3) > img {
  height: 15px;
}

.forma-pagamento-container-valor-maximo-suportado {
  display: none !important;
}

.flex-forma-img {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.flex-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.forma-pagamento-resumo-title {
  display: block;
  color: #748497;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 16px;
  position: absolute;
  top: -72px;
}

.resumo-produtos {
  background-color: #e8eaed;
  position: relative;
  padding: 16px;
}

.carrinho-produto-troca-cartao {
  height: 30px;
  width: 100%;
  background-color: #cfd4d9;
  padding: 0 21px;
  display: flex;
  white-space: nowrap;
  margin-bottom: auto;
}

.carrinho-produto-troca-cartao > h1 {
  line-height: 30px;
  font-size: 14px;
}

.info-detalhes {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  margin: 0 20px;
  cursor: pointer;
}

@media (max-width: 840px) {
  .forma-pagamento-resumo-title {
    margin-top: 16px;
    font-weight: 100;
    position: unset;
  }

  .boleto-disabled > * > div:last-child > span {
    white-space: normal;
  }

  .disabled > * > div:last-child > span {
    white-space: normal;
  }
}

.modal-forma-pagamentos {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.modal-forma-pagamentos-texto {
  width: 85%;
}

.modal-forma-pagamentos-subTexto {
  width: 92%;
}

.modal-forma-pagamentos > img {
  margin-right: 10px;
  margin-bottom: 0.5em;
}

.modal-forma-pagamentos > h1 {
  color: #222745;
  font-weight: bold;
  font-size: 24px;
  white-space: nowrap;
}

.modal-forma-pagamentos-texto > h2 {
  text-align: center;
  color: #748497;
  font-size: 16px;
}

.modal-forma-pagamentos-subTexto > h2 {
  text-align: center;
  color: #748497;
  font-size: 16px;
}

.modal-forma-pagamentos-bancos {
  background-color: #ffff;
  border-radius: 28px;
  text-align: left;
  margin-top: 10px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.modal-forma-pagamentos-bancos > h1 {
  font-size: 18px;
  color: #222745;
  margin-bottom: auto;
  margin-top: auto;
}

.modal-forma-pagamentos-bancos > img {
  height: 35px;
  margin-right: 10px;
}

.modal-forma-pagamentos-bancos > :first-child > input {
  margin-top: 0 !important;
}

.botao-modal-pagamentos-confirmar {
  width: 100%;
  height: 50px;
}

.modal-forma-pagamentos-boleto {
  text-align: center;
  padding: 0 10px;
}

.modal-forma-pagamentos-boleto-titulo {
  font-size: 22px;
  font-weight: bold;
  color: #222745;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.modal-forma-pagamentos-boleto-titulo > div {
  display: flex;
}

.modal-forma-pagamentos-boleto-titulo-img {
  margin-right: 7px;
  width: 28px;
}

.modal-forma-pagamentos-boleto-descricao {
  color: #8ea4b8;
}

.modal-forma-pagamentos-boleto-importante {
  font-weight: bold;
  color: #d8292f;
  margin-bottom: 10px;
}

.modal-forma-pagamentos-boleto-info {
  font-weight: bold;
  color: #222745;
}

.modal-forma-pagamentos-boleto-endereco {
  padding: 20px 45px;
  padding-bottom: 0;
  color: #8ea4b8;
  text-align: left;
}

.modal-forma-pagamentos-boleto-endereco > div {
  margin: 10px;
}

.modal-forma-pagamentos-aviso {
  text-align: center;
  padding: 0 40px;
}

.modal-forma-pagamentos-aviso-info {
  width: 30px;
  margin-bottom: 10px;
}

.modal-forma-pagamentos-aviso-titulo {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
}

.modal-forma-pagamentos-aviso-descricao {
  font-size: 15px;
  color: #8ea4b8;
}

.modal-forma-pagamentos-conta-desc {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}

.modal-forma-pagamentos-aviso-numero {
  color: #748497;
  padding: 20px;
  border-bottom: 1px solid #cfd4d9;
}

.modal-forma-pagamentos-aviso-numero-agencia {
  margin-right: 4px;
  color: #0bbaff;
}

.modal-forma-pagamentos-aviso-numero > label {
  font-weight: bold;
}

@media (max-width: 840px) {
  .modal-forma-pagamentos-texto {
    width: 100%;
  }

  .modal-forma-pagamentos-subTexto {
    width: 100%;
  }
}

.forma-recebimento-container {
  display: flex;
  justify-content: center;
  background-color: #f3f5f7;
  box-shadow: 5px 5px 5px #cfd4d9;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 10px;
  cursor: pointer;
}

.boleto-disabled {
  justify-content: flex-start !important;
  background-color: #b7bfc9;
}

.boleto-disabled > * > div:last-child > span {
  color: #748497;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.forma-recebimento-texto {
  color: #222745;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  white-space: nowrap;
}

.forma-recebimento-container > :nth-child(3) > img {
  height: 15px;
}

.forma-recebimento-container-valor-maximo-suportado {
  display: none !important;
}

.flex-forma-img {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.flex-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.forma-pagamento-resumo-title {
  display: block;
  color: #748497;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 16px;
  position: absolute;
  top: -72px;
}

.resumo-produtos {
  background-color: #e8eaed;
  position: relative;
  padding: 16px;
}

.carrinho-produto-troca-cartao {
  height: 30px;
  width: 100%;
  background-color: #cfd4d9;
  padding: 0 21px;
  display: flex;
  white-space: nowrap;
  margin-bottom: auto;
}

.carrinho-produto-troca-cartao > h1 {
  line-height: 30px;
  font-size: 14px;
}

.info-detalhes {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  margin: 0 20px;
  cursor: pointer;
}

@media (max-width: 840px) {
  .forma-pagamento-resumo-title {
    margin-top: 16px;
    font-weight: 100;
    position: unset;
  }

  .boleto-disabled > * > div:last-child > span {
    white-space: normal;
  }
}

.portal {
  display: flex;
  flex: 1;
  background-color: #fff;
}

.portal-container {
  display: flex;
  flex: 1;
  width: 100%;
  overflow: hidden;
}

.portal-container > * {
  height: 100vh;
}

.portal-sign {
  display: flex;
  flex-direction: column;
  visibility: hidden;
  width: 60%;
  margin-right: -60%;
  overflow: auto;
  transition: width 1.5s, margin 1.5s;
  position: relative;
}

.portal-sign > div {
  margin: 10% 0;
  height: 100%;
}

.portal-sign > div > div {
  min-width: 300px;
  max-width: 500px;
  padding: 0 68px;
}

.portal-sign-close {
  display: block;
  width: 100%;
  padding: 30px;
  text-align: right;
}

.portal-sign-close > img {
  cursor: pointer;
}

.portal-presenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background-color: #222745;
  width: 100%;
  overflow: hidden;
  padding: 100px 20px 20px 20px;
  transition: margin 1.5s;
}

.portal-presenter > img:nth-child(1) {
  width: 100%;
  max-width: 200px;
}

.portal-presenter > img:nth-child(2) {
  width: 120%;
}

.portal-presenter > img:nth-child(3) {
  justify-self: flex-end;
  width: 100%;
  margin-top: 20px;
  max-width: 250px;
  transition: max-width 1.5s;
}

.portal-sign-show > .portal-sign {
  visibility: visible;
  margin-right: 0;
}

.portal-sign-show > .portal-presenter > img:nth-child(3) {
  max-width: 300px;
}

.portal-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
}

.portal-loading-spinner {
  color: #fff;
  width: 70px;
  height: 70px;
  z-index: 1;
}

.portal-sign .container-esqueci-senha,
.portal-sign .container-nova-senha,
.portal-sign .otp-modal-wrapper {
  margin: 0 auto;
  max-width: -webkit-max-content;
  max-width: max-content;
}

.portal-sign-pane .otp-modal-wrapper,
.portal-sign-pane .otp-block-modal-wrapper,
.portal-sign-page .otp-success-modal-wrapper {
  max-width: 100%;
  position: absolute;
}

.portal-sign .container-nova-senha button[type='submit'] {
  width: 100%;
}

@media (max-width: 960px) {
  .portal-presenter > img:nth-child(2) {
    width: 300%;
  }

  .portal-sign-show > .portal-presenter {
    margin-left: -100%;
  }

  .portal-sign-show > .portal-sign {
    max-width: 100%;
    width: 100%;
  }

  .portal-sign-show > .portal-sign > div {
    margin: 0;
  }

  .portal-sign-show > .portal-sign > div > div {
    padding: 0 40px;
  }
}

.Toastify__toast-container{z-index:9999;-webkit-transform:translateZ(9999px);position:fixed;padding:4px;width:320px;box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;margin-left:-160px}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;margin-left:-160px}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0}.Toastify__toast-container--rtl{right:0;left:auto}}.Toastify__toast{position:relative;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:1px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;max-height:800px;overflow:hidden;font-family:sans-serif;cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--default{background:#fff;color:#aaa}.Toastify__toast--info{background:#3498db}.Toastify__toast--success{background:#07bc0c}.Toastify__toast--warning{background:#f1c40f}.Toastify__toast--error{background:#e74c3c}.Toastify__toast-body{margin:auto 0;flex:1}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0}}.Toastify__close-button{color:#fff;font-weight:700;font-size:14px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}.Toastify__close-button--default{color:#000;opacity:.3}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:.7;background-color:hsla(0,0%,100%,.7);transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}.Toastify__progress-bar--default{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}
.slide-pane {
  display: flex;
  flex-direction: column;
  background: #fff;
  min-width: 100px;
  height: 100%;
  box-shadow: 0 8px 8px rgba(0,0,0,0.5);
  transition: transform 0.5s;
  will-change: transform;
}
.slide-pane:focus {
  outline-style: none;
}
.slide-pane_from_right {
  margin-left: auto;
  transform: translateX(100%);
}
.slide-pane_from_right.ReactModal__Content--after-open {
  transform: translateX(0%);
}
.slide-pane_from_right.ReactModal__Content--before-close {
  transform: translateX(100%);
}
.slide-pane_from_left {
  margin-right: auto;
  transform: translateX(-100%);
}
.slide-pane_from_left.ReactModal__Content--after-open {
  transform: translateX(0%);
}
.slide-pane_from_left.ReactModal__Content--before-close {
  transform: translateX(-100%);
}
.slide-pane_from_bottom {
  height: 90vh;
  margin-top: 10vh;
  transform: translateY(100%);
}
.slide-pane_from_bottom.ReactModal__Content--after-open {
  transform: translateY(0%);
}
.slide-pane_from_bottom.ReactModal__Content--before-close {
  transform: translateY(100%);
}
.slide-pane__overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0,0,0,0);
}
.slide-pane__overlay.ReactModal__Overlay--after-open {
  background-color: rgba(0,0,0,0.3);
  transition: background-color 0.5s;
}
.slide-pane__overlay.ReactModal__Overlay--before-close {
  background-color: rgba(0,0,0,0);
}
.slide-pane__header {
  display: flex;
  flex: 0 0 64px;
  align-items: center;
  background: #ebebeb;
  height: 64px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.slide-pane__title-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: 32px;
  min-width: 0;
}
.slide-pane .slide-pane__title {
  font-size: 18px;
  font-weight: normal;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  padding: 0;
}
.slide-pane__close {
  margin-left: 24px;
  padding: 16px;
  opacity: 0.7;
  cursor: pointer;
}
.slide-pane__close svg {
  width: 12px;
  padding: 0;
}
.slide-pane__content {
  position: relative;
  overflow-y: auto;
  padding: 24px 32px;
  flex: 1 1 auto;
}
.slide-pane__subtitle {
  font-size: 12px;
  margin-top: 2px;
}

.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;position:absolute;z-index:2;top:20px;background:0 0;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:hover{opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:0 0;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translate3d(0,0,0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;width:80px;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:0}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center;background:#000}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;text-align:center;width:100%}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;box-shadow:1px 1px 2px rgba(0,0,0,.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}
/* stylelint-disable no-descending-specificity */

img,
svg {
  -webkit-user-drag: none;
  -webkit-user-select: none;
          user-select: none;
}

body {
  margin: 0;
  background-color: #f2f5f7;
  font-family: Lato, sans-serif;
  overflow: auto !important;
  padding-right: 0 !important;
}

html {
  position: relative;
  min-height: 100%;
}

#app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

a {
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

a:hover {
  text-decoration: none;
}

*:focus {
  outline: none;
}

.no-justify-center {
  justify-content: flex-start !important;
}

input[readonly] {
  color: #545454;
}

.loading-box {
  text-align: center;
  margin: 30px 0;
}

.Toastify__close-button {
  width: 16px;
}

.texto-negrito {
  color: #222745;
}

button {
  background-color: #1298d4;
  color: #fff;
  height: 48px;
  width: 317px;
  border-radius: 30px;
  font-family: Lato, sans-serif;
  font-weight: bold;
  outline: none !important;
  border: none;
  text-align: center !important;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

button:disabled {
  background-color: #cfd4d9;
  border: none;
}

input:disabled {
  background-color: #f5f7f9 !important;
}

.pointer {
  cursor: pointer;
}

.no-padding {
  padding: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-margin {
  margin: 0;
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fill-height {
  height: 100%;
}

.flex-direction-column {
  flex-direction: column;
}

.flex-justify-end {
  justify-content: flex-end;
}

.slide-pane__overlay.ReactModal__Overlay--after-open {
  background-color: transparent !important;
  z-index: 899;
}

.slide-pane__header {
  background-color: white !important;
  border: none !important;
  display: grid !important;
}

.slide-pane__content {
  padding: 0 24px 0 24px !important;
}

.slide-pane__close {
  margin-top: 20px !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC44MjgiIGhlaWdodD0iMTguODI4IiB2aWV3Qm94PSIwIDAgMTguODI4IDE4LjgyOCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuNTg2IC00LjU4NikiPjxsaW5lIGNsYXNzPSJhIiB4MT0iMTYiIHkyPSIxNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiA2KSIvPjxsaW5lIGNsYXNzPSJhIiB4Mj0iMTYiIHkyPSIxNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiA2KSIvPjwvZz48L3N2Zz4=) !important;
  background-repeat: no-repeat;
  grid-column-start: 10 !important;
  background-position-y: 10px;
}

.slide-pane__close svg {
  width: 0 !important;
  padding: 0;
}

.ReactModal__Content.ReactModal__Content--after-open.slide-pane.slide-pane_from_right {
  width: 456px !important;
}

.trackY {
  width: 6px !important;
  background: transparent !important;
}

.thumbY {
  background: #222745 !important;
}

.thumbYFavorecidos {
  background: #222745 !important;
  margin-left: 2px;
}

.full-page-loading {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  height: 100vh;
  overflow: hidden;
}

.medium-page-loading {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  height: 100%;
  margin-bottom: 10px;
}

.modal-header .close {
  position: absolute;
  right: 15px;
  width: auto;
  padding: 0;
  margin: 0;
  height: auto;
  top: 5px;
  font-size: 40px;
}

.modal {
  padding: 0 !important;
}

.modal-dialog {
  padding: 0.5rem;
  margin: auto;
}

/* .modal-content { */
  /* width: 100%;
  background-color: #f2f5f7;
  border-radius: 8px;
  padding: 32px;
} */

.modal-header,
.modal-footer {
  border: 0 !important;
}

.modal-footer {
  width: 100%;
  display: flex !important;
  flex-wrap: nowrap !important;
}

.modal-lg-receber-dinheiro {
  max-width: 954px;
}

.modal-simples-contaier {
  max-width: 580px;
}

.modal-lg-receber-dinheiro > .modal-content {
  padding: 32px 10px;
}

.modal-quadrado .modal-content {
  border-radius: 0;
  max-width: 389px;
}

.modal-quadrado .modal-content .modal-body label {
  font-size: 18px;
  color: #000;
}

.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
  font-family: Lato, sans-serif;
  font-size: 14px;
  background-color: #222745;
  border: 1px solid #222745;
  max-width: 260px;
}

.bs-tooltip-top .arrow,
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^='top'] .arrow,
.bs-tooltip-auto[x-placement^='right'] .arrow {
  bottom: 1px;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^='top'] .arrow::before {
  border-top-color: #222745;
}

/* stylelint-disable-next-line rule-empty-line-before */
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^='right'] .arrow::before {
  border-right-color: #222745;
}

.line-through {
  text-decoration: line-through;
}

.col-centered {
  float: none;
  margin: 0 auto;
}

.inverted-button-colors {
  background-color: transparent;
  color: #1298d4;
  border: 1px solid #1298d4;
}

.scrollbar-personalizada::-webkit-scrollbar {
  width: 6px;
}

.scrollbar-personalizada::-webkit-scrollbar-thumb {
  background: #222745;
  border-radius: 5px;
}

.scrollbar-personalizada::-webkit-scrollbar-thumb:hover {
  background: #1c203a;
}

.optanon-show-settings-popup-wrapper {
  position: absolute !important;
  bottom: 32px !important;
}

.flex-1 {
  flex: 1;
}

#optanon #optanon-popup-bg {
  display: none !important;
}

.chat-bot {
  cursor: pointer;
}

.chat-bot img {
  z-index: 99999;
  position: fixed;
  bottom: 25px;
  width: 100px;
  height: 110px;
  right: 25px;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-start {
  display: flex;
  justify-content: flex-start;
}

.space-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.margin-right {
  margin-right: 5px;
}

.center {
  text-align: center !important;
}

.botao-inverso {
  background-color: transparent;
  border: 1px solid #1298d4;
  color: #1298d4;
  outline: none !important;
}

.loading-botao {
  width: 2rem;
  height: 2rem;
}

b,
strong {
  font-weight: bold;
}

#bot-span .btn {
  padding: 0;
  font-size: 12px;
}

.link {
  color: #1298d4 !important;
  border-bottom: 1px solid #1298d4;
  cursor: pointer;
  display: inline;
}

input:read-only {
  border-color: #748497;
  cursor: default;
}

.confidence-input-disabled label,
.confidence-input-disabled input {
  color: #cfd4d9;
  border-color: #cfd4d9;
  background-color: #fff !important;
}

a.whatsapp-btn {
  width: 100%;
}

a.whatsapp-btn,
button.whatsapp-btn {
  background-color: #f2f5f7;
  color: #2c8c7e;
  height: 56px;
  width: 320px;
  border-radius: 5px;
  border: 1px solid #2c8c7e;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.whatsapp-btn img {
  padding-right: 10px;
  width: 30px;
  height: 30px;
}

@media (max-width: 840px) {
  .container {
    width: 95%;
    justify-content: center;
    margin-top: 2%;
    margin-bottom: 10%;
  }

  .slide-pane__content {
    width: 100% !important;
    height: 100% !important;
    padding: 0 32px !important;
  }

  .ReactModal__Content.ReactModal__Content--after-open.slide-pane.slide-pane_from_right {
    width: 100% !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  .slide-pane__close {
    grid-column-start: 20 !important;
  }

  button {
    width: 95%;
  }

  .no-padding-responsivo {
    padding: 0;
  }

  .no-margin-responsivo {
    margin: 0;
  }

  .chat-bot img {
    display: none;
  }

  .chat-bot button {
    z-index: 99999;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f6606f;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    font-weight: 100;
  }

  .body-content-conta-bancaria {
    margin-left: 15px;
  }
}

@media (min-width: 1024px) {
  .container {
    width: 100%;
    justify-content: flex-start;
    margin: 1% auto 2% auto;
  }

  .footer-flex-container {
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}