@charset "UTF-8";
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting {
  background-image: url(/images/sort_both.png?8b117faa9d4dd934d6bbbd9f0cdb2459);
}

table.dataTable thead .sorting_asc {
  background-image: url(/images/sort_asc.png?4bba59196d7ce26196967adefd7c5c3f);
}

table.dataTable thead .sorting_desc {
  background-image: url(/images/sort_desc.png?c4196d3286cc33244c83af3398675a6a);
}

table.dataTable thead .sorting_asc_disabled {
  background-image: url(/images/sort_asc_disabled.png?27ac5d1bc294b1fae0564fe461a6304d);
}

table.dataTable thead .sorting_desc_disabled {
  background-image: url(/images/sort_desc_disabled.png?07c018ae0160704a329067ec7fbdc614);
}

table.dataTable tbody tr {
  background-color: #ffffff;
}

table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}

table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px;
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
[x-cloak] {
  display: none !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #222222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

body,
input,
button {
  font-weight: 600;
  font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: 700;
}

button {
  cursor: pointer;
}

a {
  text-decoration: none;
}

.lock-scroll {
  overflow: hidden;
}

.container {
  --width-container: 100%;
  width: 100%;
  max-width: var(--width-container);
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    --width-container: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    --width-container: 940px;
  }
}
@media (min-width: 1023px) {
  .container {
    --width-container: 1100px;
  }
}
@media (min-width: 1300px) {
  .container {
    --width-container: 1176px;
  }
}
.container.full {
  --width-container: 100%;
}

.banner-top {
  --banner-height: 400px;
  position: relative;
  z-index: 1;
  height: var(--banner-height);
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 991px) {
  .banner-top {
    --banner-height: 450px;
    z-index: 9;
  }
}
.banner-top--thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  background: #2a2f38;
}
.banner-top--container {
  position: relative;
  z-index: 2;
  max-width: 800px;
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
@media (max-width: 767px) {
  .banner-top--container {
    align-items: unset !important;
  }
}
@media (max-width: 991px) {
  .banner-top--container {
    padding: 0 30px;
  }
}
.banner-top--container .content {
  max-width: 700px;
}
.banner-top--title {
  font-weight: 800;
  font-size: 50px;
  line-height: 69px;
  color: #ffffff;
  letter-spacing: 0px;
}
@media (max-width: 991px) {
  .banner-top--title {
    font-size: 36px;
    line-height: 49px;
  }
}
.banner-top--description {
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  color: #ffffff;
  margin-top: 10px;
  letter-spacing: 0px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .banner-top--description {
    font-size: 24px;
    line-height: 32px;
  }
}
.banner-top--link {
  height: 50px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
  margin-top: 20px;
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 0px;
  color: #ffffff;
  border: 2px solid #4b4f55;
  border-radius: 100px;
  background-color: transparent;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.banner-top--link:hover {
  background-color: #a38c65;
  color: #ffffff;
  border: 1px solid #a38c65;
}
.banner-top--link:hover svg {
  transform: translateX(10px);
}
.banner-top--link svg {
  color: #ffffff;
  transform: translateX(0);
  margin-left: 20px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

@media (max-width: 767px) {
  .home2 .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.home2 .template-front-news-index .section-news .news-sidebar header {
  border-bottom: 1px solid #decdb1;
}

.section-ranking {
  padding-top: 36px;
}
.section-ranking--title {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  color: #000000;
  text-align: center;
  letter-spacing: 0px;
  margin-bottom: 45px;
}
@media (max-width: 991px) {
  .section-ranking--title {
    font-size: 24px;
    line-height: 32px;
  }
}
.section-ranking--container {
  margin-top: 1.5rem;
}
.section-ranking--container .ranking-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
  row-gap: 2.5rem;
  flex-wrap: wrap;
}
@media (max-width: 1199px) {
  .section-ranking--container .ranking-grid {
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  .section-ranking--container .ranking-grid .ranking-card {
    width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 991px) {
  .section-ranking--container .ranking-grid {
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }
}
.section-ranking--container .owl-ranking.off {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section-ranking--container .owl-ranking-center.off {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section-ranking--more {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 39px;
  color: #2a2f38;
  height: 40px;
  padding: 0 30px;
  margin: 20px 0 0;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid #cccccc;
  border-radius: 5px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.section-ranking--more:hover {
  color: #ffffff;
  background: #a38c65;
  border-color: #a38c65;
}
.section-ranking--more:hover svg {
  color: #ffffff;
  transform: translateX(10px);
}
.section-ranking--more svg {
  color: #333333;
  margin-left: 10px;
  transform: translateX(0);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

div div.ranking-content img {
  width: 34px !important;
}

.section-tools {
  padding: 60px 0;
}
.section-tools .btn-tools {
  height: auto;
  aspect-ratio: 1/1;
  text-align: center;
  padding: 1.5rem 1rem 1rem;
  border-color: #c1c1c1;
  transition: 0.5s;
  width: 120px;
  min-width: 120px;
  color: #2a2f38;
  grid-column: span 1/span 1;
}
.section-tools .btn-tools:hover {
  background-color: #2a2f38;
  border-color: #a38c65;
  color: #d3b583;
}
.section-tools .btn-tools:hover i {
  color: #d3b583;
}
.section-tools .btn-tools .tool-icon {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.section-tools .btn-tools .tool-icon img {
  width: auto;
  height: 36px;
}
.section-tools .btn-tools .tool-text {
  display: block;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.section-tools .btn-tools i {
  color: #a38c65;
}
.section-tools--title {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  color: #000000;
  text-align: center;
  letter-spacing: 0px;
  margin-bottom: 45px;
}
@media (max-width: 991px) {
  .section-tools--title {
    font-size: 24px;
    line-height: 32px;
  }
}
.section-tools--container .ranking-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .section-tools--container .ranking-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.section-tools--container .owl-ranking.off {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section-tools--container .owl-ranking-center.off {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.section-courses {
  padding: 80px 0;
  background-color: #0d1c29;
}
.section-courses .courses-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.section-courses .courses-card h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.section-courses .courses-card-more {
  border: 1px solid rgba(255, 255, 255, 0.4588235294);
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  letter-spacing: 0;
  height: 40px;
  text-align: center;
  transition: 0.5s;
  transition-timing-function: ease;
  padding-left: 25px;
  padding-right: 25px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 38px;
  color: #ffffff;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.section-courses .courses-card-more:hover {
  border: 1px solid #a38c65;
  color: #a38c65;
}

div.btn-more {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
div.btn-more a {
  font-weight: 700;
  border-radius: 50px;
  height: 50px;
}
@media (min-width: 768px) {
  div.btn-more a {
    padding: 0 100px;
  }
}
@media (max-width: 767px) {
  div.btn-more a {
    width: 100% !important;
  }
}
div.btn-more a:hover {
  box-shadow: 0px 0px 6px -3px #777;
  transition: all 0.6s linear !important;
}

.section-startup {
  padding: 80px 0;
}
.section-startup--more {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-size: 14px;
  line-height: 39px;
  color: #2a2f38;
  padding: 0 30px;
  margin: 20px 0 0;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid #cccccc;
  font-weight: 700;
  border-radius: 50px;
  height: 50px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (min-width: 768px) {
  .section-startup--more {
    padding: 0 100px;
  }
}
@media (max-width: 767px) {
  .section-startup--more {
    width: 100%;
  }
}
.section-startup--more:hover {
  color: #ffffff;
  background: #a38c65;
  border-color: #a38c65;
}
.section-startup--more:hover svg {
  color: #ffffff;
  transform: translateX(10px);
}
.section-startup--more svg {
  color: #333333;
  margin-left: 10px;
  transform: translateX(0);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.ranking-card {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 20px;
  border: 1px solid #c1c1c1;
  /*&::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);

    background-color: #222;
    height: 5px;
    width: 80%;
    border-radius: 5px;
  }*/
}
@media (max-width: 1299px) {
  .ranking-card {
    width: 325px;
    margin-bottom: 35px;
  }
}
@media (max-width: 1024px) {
  .ranking-card {
    width: 48%;
    margin-bottom: 35px;
  }
}
@media (max-width: 991px) {
  .ranking-card {
    width: 100%;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .ranking-card {
    min-width: 350px;
  }
}
.ranking-card--header {
  margin: 20px 20px 15px;
  white-space: nowrap;
}
.ranking-card--header.ranking-card-header {
  white-space: normal;
  align-items: center;
  display: flex;
  height: 70px;
  margin: 0 20px;
}
.ranking-card--header.ranking-card-header h3 {
  line-height: 24px;
}
.ranking-card--title {
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  color: #2a2f38;
  letter-spacing: 0;
}
.ranking-card--items {
  padding-top: 10px;
  padding-left: 0;
  margin-left: 20px;
  margin-right: 20px;
  border-top: 1px solid #e6e6e6;
}
.ranking-card--footer {
  height: 50px;
  width: 100%;
  margin: 10px 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ranking-card--more {
  width: 100%;
  text-align: center;
  margin: 20px;
  line-height: 40px;
  background: #ffffff;
  border: 1px solid #c1c1c1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  font-style: normal;
  color: #2a2f38;
  letter-spacing: 0;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.ranking-card--more:hover {
  color: #a38c65;
  border: 1px solid #a38c65;
}
.ranking-card--more:hover svg {
  color: #a38c65;
  transform: translateX(10px);
}
.ranking-card--more svg {
  color: #333333;
  margin-left: 10px;
  transform: translateX(0);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.section-company {
  position: relative;
  width: 100%;
  min-height: 300px;
  padding: 60px 0;
  overflow: hidden;
  background-color: rgba(204, 204, 204, 0.5019607843);
}
.section-company::before {
  content: "";
  position: absolute;
  bottom: -45px;
  right: 0;
  width: 400px;
  height: 303px;
  z-index: 1;
  background-image: url(/images/image-before-company.svg?f4786afd51ac8ab44f9b7e4090c2bc8e);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 991px) {
  .section-company::before {
    width: 166px;
    height: 126px;
    bottom: -15px;
  }
}
.section-company--title {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  color: #000000;
  text-align: center;
  letter-spacing: 0px;
  margin-bottom: 45px;
}
@media (max-width: 991px) {
  .section-company--title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
  }
}
.section-company--container {
  position: relative;
  z-index: 2;
}

.companies {
  --spacing: 2rem;
  --column-count: 4;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--spacing);
}
.companies + .companies {
  margin-top: 40px;
}
.companies.featured {
  --column-count: 3;
}
@media (max-width: 767px) {
  .companies.featured {
    display: none;
  }
}
@media (max-width: 991px) {
  .companies {
    --column-count: 2;
  }
}

.section-sector {
  position: relative;
  width: 100%;
  min-height: 300px;
  padding: 60px 0;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 70%, rgba(204, 204, 204, 0.4509803922) 100%);
}
.section-sector--title {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  color: #000000;
  text-align: center;
  letter-spacing: 0px;
  margin-bottom: 45px;
}
@media (max-width: 991px) {
  .section-sector--title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 25px;
  }
}
.section-sector--container {
  position: relative;
  z-index: 2;
}
.section-sector--more {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 50px;
  margin: 20px auto 0;
  text-transform: uppercase;
  background: transparent;
  border: 2px solid #cccccc;
  border-radius: 25px;
  font-weight: 800;
  color: #666666;
  font-size: 14px;
  line-height: 19px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.section-sector--more:hover {
  color: #ffffff;
  background: #a38c65;
  border-color: #a38c65;
}

.sectors {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .sectors {
    flex-direction: column;
  }
}
.sectors .sector {
  max-width: 540px;
  width: 100%;
  min-height: 180px;
  margin-bottom: 50px;
}
@media (max-width: 1299px) {
  .sectors .sector {
    max-width: 48%;
  }
}
@media (max-width: 1024px) {
  .sectors .sector {
    max-width: 100%;
    width: 48%;
    margin-bottom: 45px;
  }
}
@media (max-width: 991px) {
  .sectors .sector {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
  }
}
.sectors .sector-card > header .navegation {
  width: 50px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .sectors .sector-card > header .navegation {
    display: none;
  }
}
.sectors .sector-card > header .navegation > button {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: transparent;
  border: 0;
  color: #cccccc;
  font-size: 20px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.sectors .sector-card > header .navegation > button:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #a38c65;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.sectors .sector-card > footer a {
  justify-content: flex-end;
}
.sectors .sector-content {
  min-height: 140px;
}
@media (max-width: 991px) {
  .sectors .sector-content {
    min-height: auto;
  }
}
.sectors .sector-content .owl-sector {
  padding: 30px;
}
@media (max-width: 991px) {
  .sectors .sector-content .owl-sector {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .sectors .sector-content .owl-sector header h3 {
    font-size: 10px;
    line-height: 12px;
  }
}
.sectors .sector-content .owl-sector .item img {
  max-width: 100%;
  width: auto;
}
@media screen and (max-width: 767px) {
  .sectors .sector-content .owl-sector .item img {
    max-width: 90px;
  }
}

.owl-carousel .owl-dots {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.owl-carousel .owl-dots .owl-dot {
  background: #ccc;
  width: 13px;
  height: 13px;
  display: flex;
  border-radius: 13px;
}
.owl-carousel .owl-dots .owl-dot + .owl-dot {
  margin-left: 10px;
}
.owl-carousel .owl-dots .owl-dot.active {
  background: #a38c65;
}

.section-articles {
  width: 100%;
  min-height: 300px;
  margin-top: 80px;
  padding: 80px 0;
  background-color: rgba(42, 47, 56, 0.1);
}
.section-articles header {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .section-articles header {
    justify-content: center;
  }
}
.section-articles header .navegation {
  width: 100px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .section-articles header .navegation {
    display: none;
  }
}
.section-articles header .navegation > button {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: transparent;
  border: 0;
  color: #cccccc;
  font-size: 35px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.section-articles header .navegation > button:hover {
  background-color: rgba(163, 140, 101, 0.2);
  color: #a38c65;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.section-articles--title {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  color: #000000;
  text-align: left;
  margin-bottom: 45px;
}
@media (max-width: 991px) {
  .section-articles--title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 25px;
  }
}
.section-articles--container {
  position: relative;
  z-index: 2;
}
.section-articles--more {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 39px;
  color: #2a2f38;
  height: 40px;
  padding: 0 30px;
  margin: 20px 0 0;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid #cccccc;
  border-radius: 5px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.section-articles--more:hover {
  color: #ffffff;
  background: #a38c65;
  border-color: #a38c65;
}
.section-articles--more:hover svg {
  color: #ffffff;
  transform: translateX(10px);
}
.section-articles--more svg {
  color: #333333;
  margin-left: 10px;
  transform: translateX(0);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.articles .slide {
  --spacing: 2rem;
  --column-count: 3;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--spacing);
}
@media (max-width: 991px) {
  .articles .slide {
    --column-count: 2;
  }
}
@media (max-width: 767px) {
  .articles .slide {
    --spacing: 1.3rem;
    --column-count: 1;
  }
}

.section-exclusive {
  width: 100%;
  display: flex;
  background: transparent linear-gradient(310deg, #d3b583 0%, #6a5b42 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 91px 0;
}
.section-exclusive--title {
  text-align: center;
  font-size: 40px;
  line-height: 54px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .section-exclusive--title {
    font-size: 30px;
    line-height: 41px;
  }
}
.section-exclusive .ranking-card {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2509803922);
}
.section-exclusive .ranking-card::before {
  display: none;
}
.section-exclusive .ranking:first-child {
  position: relative;
  border-top: 0;
}
.section-exclusive .ranking:first-child::before {
  content: "";
  width: 100%;
  height: 5px;
  background: transparent linear-gradient(277deg, #d3b583 0%, #a38c65 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  left: 0;
  top: -4px;
}
.section-exclusive .owl-ranking-center .owl-dots .owl-dot {
  background: #7c6a4d;
}
.section-exclusive .owl-ranking-center .owl-dots .owl-dot.active {
  background: #ffffff;
}
.section-exclusive--pro {
  margin-top: 30px;
  text-align: center;
}
.section-exclusive--pro span {
  text-align: center;
  font-size: 30px;
  line-height: 41px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .section-exclusive--pro span {
    font-size: 18px;
    line-height: 24px;
  }
}
.section-exclusive--pro h4 {
  text-align: center;
  font-size: 60px;
  line-height: 82px;
  font-weight: 800;
  letter-spacing: 0px;
  color: #ffffff;
  text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1607843137);
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .section-exclusive--pro h4 {
    font-size: 34px;
    line-height: 50px;
  }
}
.section-exclusive--pro a {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 400px;
  height: 80px;
  border: 5px solid rgba(255, 255, 255, 0.3529411765);
  border-radius: 40px;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0 auto;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.section-exclusive--pro a:hover {
  border: 5px solid #ffffff;
  background-color: #ffffff;
  color: #a38c65;
}
@media (max-width: 767px) {
  .section-exclusive--pro a {
    width: 300px;
    height: 60px;
    font-size: 24px;
    line-height: 32px;
  }
}

.page {
  background: #eaeaea 0% 0% no-repeat padding-box;
  opacity: 1;
}
.page-subheader {
  background: #293038 0% 0% no-repeat padding-box;
  opacity: 1;
}
@media (max-width: 767px) {
  .page-subheader {
    background: #ffffff 0% 0% no-repeat padding-box;
  }
}
.page-subheader h1,
.page-subheader .h1 {
  text-align: left;
  font-size: 40px;
  line-height: 54px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  padding: 20px 0;
}
@media (max-width: 767px) {
  .page-subheader h1,
  .page-subheader .h1 {
    text-align: center;
    font-size: 26px;
    line-height: 36px;
    color: #293038;
  }
}
.page .ranking-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
}
@media (max-width: 767px) {
  .page .ranking-card {
    margin-bottom: 25px;
    box-shadow: none;
  }
}

.box {
  display: block;
  width: 100%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
  border-radius: 20px;
  opacity: 1;
  padding: 30px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .box {
    padding: 30px 16px;
    box-shadow: none;
  }
}
.box .current-value {
  border: 1px solid #f4f4f4;
  border-radius: 5px;
  border-left: 5px solid #a38c65;
  padding: 10px 30px;
  width: -moz-min-content;
  width: min-content;
  white-space: nowrap;
  margin: 0 auto;
}
.box .indicators_chart ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.box .indicators_chart ul li {
  list-style: none;
  border: 1px solid #000;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 2px 5px;
}
.box .indicators_chart ul li:hover, .box .indicators_chart ul li.active {
  background: #a38c65;
  color: #fff;
  cursor: pointer;
  border-color: #a38c65;
  transition: all 0.5s;
}
.box .content {
  position: relative;
  padding: 20px !important;
}
@media (min-width: 768px) {
  .box .content {
    padding: 40px !important;
  }
}
.box .content .loading-big {
  position: absolute;
  top: 50%;
  z-index: 99999999;
  left: 50%;
  width: 45px !important;
  height: 45px;
  margin-left: -20px;
  color: #a38c65;
  display: none;
}

.section-datatable {
  margin-top: 40px;
}
.section-datatable .datatable table.dataTable.row-border tbody td {
  white-space: initial;
}
.section-datatable .toolbar {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .section-datatable .toolbar {
    flex-direction: column;
  }
}
.section-datatable .toolbar .category {
  display: flex;
  align-items: center;
  align-content: center;
}
@media (max-width: 991px) {
  .section-datatable .toolbar .category {
    flex-direction: column;
  }
}
.section-datatable .toolbar .category .title {
  margin-right: 9px;
  text-align: left;
  font-size: 14px;
  line-height: 19px;
  font-weight: 800;
  letter-spacing: 0px;
  color: #293038;
  text-transform: uppercase;
  opacity: 1;
}
@media (max-width: 991px) {
  .section-datatable .toolbar .category .title {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.section-datatable .toolbar .category .select2-container {
  min-width: 153px !important;
}
.section-datatable .toolbar .category .select2-container .select2-selection--single {
  height: 40px;
  border-radius: 100px;
}
.section-datatable .toolbar .category .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  text-transform: uppercase;
  font-size: 13px;
  padding-left: 15px;
  padding-right: 30px;
}
.section-datatable .toolbar .category .select2-container .select2-selection--single .select2-selection__arrow {
  right: 10px;
}
.section-datatable .toolbar .category .select2-container .select2-selection--single .select2-selection__arrow b {
  margin-top: 3px;
}
.section-datatable .toolbar .category .select2-container--open .select2-dropdown--below {
  border-top: 1px solid #aaaaaa;
}
.section-datatable .toolbar .swicths {
  display: flex;
  align-items: center;
  align-content: center;
}
@media (max-width: 991px) {
  .section-datatable .toolbar .swicths {
    justify-content: space-between;
    margin-top: 14px;
  }
}
.section-datatable .toolbar .swicths-item {
  display: flex;
  align-items: center;
  align-content: center;
}
@media (max-width: 991px) {
  .section-datatable .toolbar .swicths-item {
    justify-content: center;
    text-align: center;
    flex-direction: column-reverse;
  }
}
.section-datatable .toolbar .swicths-item + .swicths-item {
  margin-left: 50px;
}
@media (max-width: 991px) {
  .section-datatable .toolbar .swicths-item + .swicths-item {
    margin-left: 0;
    text-align: center;
  }
}
.section-datatable .toolbar .swicths-item > span {
  text-transform: uppercase;
  text-align: left;
  font-size: 14px;
  line-height: 19px;
  font-weight: 800;
  letter-spacing: 0px;
  color: #293038;
  opacity: 1;
  margin-right: 10px;
}
@media (max-width: 991px) {
  .section-datatable .toolbar .swicths-item > span {
    margin-right: 0;
    margin-top: 6px;
    text-align: center;
  }
}

.custom-select.large .select2-container .select2-selection--single {
  height: 40px;
  border-radius: 100px;
}
.custom-select.large .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  text-transform: uppercase;
  font-size: 13px;
}
.custom-select.large .select2-container .select2-selection--single .select2-selection__arrow b {
  margin-top: 3px;
}
.custom-select.large .select2-container--open .select2-dropdown--below {
  border-top: 1px solid #aaaaaa;
}

strong,
b {
  font-weight: 700 !important;
}

.datatable {
  /* margin-top: 27px;*/
}
.datatable .label-mobile {
  display: none;
  justify-content: center;
  text-align: center;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #666666;
  text-transform: uppercase;
  margin-bottom: 11px;
}
.datatable .label-mobile svg {
  margin-left: 9px;
}
@media (max-width: 991px) {
  .datatable .label-mobile {
    display: flex;
  }
}
@media (max-width: 767px) {
  .datatable .dataTables_scroll::before {
    content: "";
    height: 100%;
    width: 140px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.0004376751) 0%, rgb(255, 255, 255) 100%);
  }
}
.datatable table.dataTable.no-footer {
  border-bottom: 0;
}
.datatable table.dataTable thead th,
.datatable table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 0;
  text-align: left;
  font-size: 14px;
  line-height: 19px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #666666;
  text-transform: uppercase;
  white-space: nowrap;
}
.datatable table.dataTable thead th + th,
.datatable table.dataTable thead td + th {
  border-left: 1px solid #cccccc;
}
.datatable table.dataTable.row-border tbody tr.visible-odd td:first-of-type {
  border-radius: 10px 0 0 10px;
}
.datatable table.dataTable.row-border tbody tr.visible-odd td:last-of-type {
  border-radius: 0 10px 10px 0;
}
.datatable table.dataTable.row-border tbody tr.visible-odd {
  background-color: rgba(230, 230, 230, 0.6470588235);
}
.datatable .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 0;
}
.datatable table.dataTable.row-border tbody th,
.datatable table.dataTable.row-border tbody td {
  border-top: 0;
  text-align: center;
  font-size: 14px;
  line-height: 19px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  white-space: nowrap;
}
.datatable table.dataTable.row-border tbody th .logo,
.datatable table.dataTable.row-border tbody td .logo {
  display: flex;
  align-content: center;
  align-items: center;
  text-align: left;
}
.datatable table.dataTable.row-border tbody th .logo > a,
.datatable table.dataTable.row-border tbody td .logo > a {
  display: flex;
  align-items: center;
}
.datatable table.dataTable.row-border tbody th .logo > a:hover img,
.datatable table.dataTable.row-border tbody td .logo > a:hover img {
  transform: scale(1);
}
.datatable table.dataTable.row-border tbody th .logo > a:hover span,
.datatable table.dataTable.row-border tbody td .logo > a:hover span {
  color: #a38c65;
}
.datatable table.dataTable.row-border tbody th .logo img,
.datatable table.dataTable.row-border tbody td .logo img {
  margin-right: 15px;
  transform: scale(0.9);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 991px) {
  .datatable table.dataTable.row-border tbody th .logo img,
  .datatable table.dataTable.row-border tbody td .logo img {
    margin-right: 0;
  }
}
.datatable table.dataTable.row-border tbody th .logo span,
.datatable table.dataTable.row-border tbody td .logo span {
  font-size: 14px;
  line-height: 19px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #000000;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 991px) {
  .datatable table.dataTable.row-border tbody th .logo span,
  .datatable table.dataTable.row-border tbody td .logo span {
    font-size: 12px;
    line-height: 16px;
  }
}
.datatable table.dataTable.row-border tbody th + td,
.datatable table.dataTable.row-border tbody td + td {
  border-left: 1px solid #cccccc;
}

div.meta {
  display: flex;
  justify-content: space-between;
  place-items: center;
}
div.meta {
  margin-top: 30px;
}
div.meta h2 {
  margin-top: 0;
}

.btn-default {
  height: 36px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  text-align: center;
  font: normal normal 800 14px/19px Nunito;
  letter-spacing: 0px;
  color: #293038;
  border: 1px solid #cccccc;
  border-radius: 100px;
  background-color: #cccccc;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.btn-default.inline {
  display: inline-flex;
}
.btn-default:hover, .btn-default.active {
  border: 1px solid #293038;
  background: #293038 0% 0% no-repeat padding-box;
  color: #d3b583;
}

.section-subtitle {
  text-align: left;
  font: normal normal bold 30px/41px Nunito;
  letter-spacing: 0px;
  color: #293038;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .section-subtitle {
    display: none;
  }
}

.section-sectors {
  padding: 40px 0;
}
@media (max-width: 467px) {
  .section-sectors {
    padding: 0;
  }
}
.section-sectors .toolbar {
  display: flex;
}
@media (max-width: 991px) {
  .section-sectors .toolbar {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .section-sectors .toolbar .category {
    width: 100%;
  }
  .section-sectors .toolbar .category + .category {
    margin-top: 26px;
  }
  .section-sectors .toolbar .category .custom-select > svg {
    right: 20px;
  }
}
.section-sectors .toolbar .category .select2-container .select2-selection--single {
  height: 40px;
  border-radius: 100px;
}
.section-sectors .toolbar .category .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  text-transform: uppercase;
  font-size: 13px;
}
.section-sectors .toolbar .category .select2-container .select2-selection--single .select2-selection__arrow b {
  margin-top: 3px;
}
.section-sectors .toolbar .category .select2-container--open .select2-dropdown--below {
  border-top: 1px solid #aaaaaa;
}
.section-sectors .toolbar .category .title {
  text-transform: uppercase;
  font: normal normal 800 12px/16px Nunito;
}
.section-sectors .toolbar .category _span {
  text-align: left;
  font: normal normal 800 12px/16px Nunito;
  letter-spacing: 0px;
  color: #293038;
  text-transform: uppercase;
  opacity: 1;
  margin-bottom: 7px;
  margin-left: 5px;
}
.section-sectors .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 10px;
  /*top: 4px;*/
}
.section-sectors .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
}
.section-sectors .grid {
  --spacing: 1.75rem;
  --column-count: 4;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--spacing);
  margin-top: 30px;
}
@media (max-width: 991px) {
  .section-sectors .grid {
    --column-count: 1;
  }
}
.section-sectors-pagination {
  margin-top: 30px;
}

.select2-results {
  display: block;
  text-transform: uppercase;
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #aaa;
  border-radius: 4px;
}

.select2-results__options {
  font-size: 13px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #d6ba8b;
  color: white;
}

div#only_main {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  font-size: 14px;
}
@media (max-width: 992px) {
  div#only_main {
    margin-top: 20px;
  }
}

div#only_main input {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}

.actions {
  border: 1px solid #cccccc;
  border-radius: 10px;
}
.actions-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
}
.actions-header {
  width: 100%;
  /*height: 130px;*/
  display: flex;
  place-content: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}
.actions-thumbnail {
  width: 100%;
}
.actions-title {
  text-align: center;
  font: normal normal 800 14px/19px Nunito;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  opacity: 1;
}
.actions-content {
  position: relative;
  border-top: 1px solid #cccccc;
  width: 100%;
  display: flex;
  place-content: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  box-sizing: border-box;
}
.actions-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: transparent linear-gradient(180deg, #ebebeb 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
  opacity: 0.5;
}
.actions-codes {
  --spacing: 5px;
  --column-count: 2;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--spacing);
  font-size: 14px;
  color: #666;
  margin-top: 22px;
}
.actions-codes .name {
  font-weight: 800;
}
.actions-code {
  width: 100%;
  height: 30px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  opacity: 1;
  cursor: pointer;
  text-align: center;
  font: normal normal 800 14px/19px Nunito;
  letter-spacing: 0px;
  color: #293038;
  text-transform: uppercase;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.actions-code:hover {
  border: 1px solid #293038;
  background: #293038 0% 0% no-repeat padding-box;
  color: #d3b583;
}
.actions:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2588235294);
}

.box-cta-course {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/assets/front/images/bg-courses.jpg);
  border-radius: 15px;
  border-top: 3px solid #a38c65;
  margin-bottom: 30px;
  margin-top: 60px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
  position: relative;
  color: white;
}
.box-cta-course img {
  max-width: 100px;
  margin-top: -70px;
}
.box-cta-course .h1 {
  font-size: 25px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: 800;
}
.box-cta-course p {
  font-size: 18px;
  display: block;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 25px;
}
.box-cta-course a {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 45px;
  margin: 0 auto;
  border: 2px solid #63b549;
  background-color: #63b549;
  border-radius: 25px;
  opacity: 1;
  font-weight: 800;
  font-style: normal;
  color: white;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px;
  text-transform: uppercase;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.box-cta-course a:hover {
  background-color: #7cc267;
}

.box-cta-course-custom {
  width: 100%;
  background-color: #fff;
  padding: 20px 20px 20px 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  margin-bottom: 30px;
}
.box-cta-course-custom .image {
  padding-right: 50px;
}
.box-cta-course-custom .text {
  width: 100%;
}
.box-cta-course-custom .button {
  text-align: center;
}
.box-cta-course-custom .title {
  margin-bottom: 20px;
}
.box-cta-course-custom .title h3 {
  font-size: 27px;
  font-weight: 800;
  margin-bottom: 7px;
  text-align: center;
}
.box-cta-course-custom .title p {
  text-align: center;
}
.box-cta-course-custom .list {
  margin-bottom: 30px;
}
.box-cta-course-custom .list div {
  display: flex;
  align-items: center;
}
.box-cta-course-custom .list div img {
  margin-right: 10px;
}
.box-cta-course-custom .list.blur div {
  text-shadow: 0 0 14px black;
  color: transparent;
  -webkit-touch-callout: none;
  /* iPhone OS, Safari */
  -webkit-user-select: none;
  /* Chrome, Safari 3 */
  /* Safari 2 */
  -moz-user-select: none;
  /* Firefox */
  /* IE10+ */
  user-select: none;
  /* Possível implementação no futuro */
}
.box-cta-course-custom .button a {
  padding-right: 70px;
  padding-left: 30px;
}
.box-cta-course-custom .button a img {
  margin-right: 15px;
}
@media (max-width: 800px) {
  .box-cta-course-custom .d-flex {
    flex-direction: column;
  }
  .box-cta-course-custom .d-flex .image {
    text-align: center;
    padding-right: 0;
  }
  .box-cta-course-custom .d-flex .image img {
    max-width: 50%;
  }
  .box-cta-course-custom .d-flex .list {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
  }
}

#nord-recomended {
  padding-bottom: 50px;
  background: rgba(229, 229, 229, 0.4196078431);
}
#nord-recomended .header {
  text-align: center;
  padding: 30px 0;
}
#nord-recomended .header h3 {
  font-size: 30px;
  font-weight: 800;
  margin: 10px 0;
}
#nord-recomended .boxs {
  display: flex;
  justify-content: space-evenly;
}
#nord-recomended .boxs .item h3 {
  text-align: center;
  margin-bottom: 10px;
}
#nord-recomended .boxs .item {
  max-width: 250px;
  min-width: 250px;
}
#nord-recomended .boxs .item .fii .ticker-name {
  line-height: 95px;
}
#nord-recomended .boxs .item .btn {
  padding: 10px;
  display: block;
  background: #a38c65;
  color: #fff;
  text-align: center;
  margin-top: 20px;
}
#nord-recomended .boxs .item .btn:hover {
  background: #d2b481;
}
@media (max-width: 800px) {
  #nord-recomended .boxs {
    flex-direction: column;
    align-items: center;
  }
  #nord-recomended .boxs .item {
    margin-bottom: 30px;
    max-width: 100%;
    width: 100%;
  }
}

.search-destaque-home,
.search-page {
  position: relative;
}
.search-destaque-home,
.search-destaque-home *,
.search-page,
.search-page * {
  font-family: "Nunito", sans-serif !important;
}
.search-destaque-home svg.svg-inline--fa.fa-magnifying-glass.icon.hide-mobile,
.search-page svg.svg-inline--fa.fa-magnifying-glass.icon.hide-mobile {
  margin-right: 10px;
}
.search-destaque-home .form-search,
.search-page .form-search {
  background-color: #fff;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  padding: 0 13px;
  border: 1px solid #88601a;
  display: flex;
  align-items: center;
}
.search-destaque-home input[type=search],
.search-page input[type=search] {
  border: none;
}
.search-destaque-home button[type=submit],
.search-page button[type=submit] {
  font-weight: 700;
  color: #fff;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border: none;
  background-color: #a38c65;
  text-transform: uppercase;
  transition: 500ms !important;
  border-radius: 20px;
  display: inline-block;
}
@media (max-width: 767px) {
  .search-destaque-home button[type=submit],
  .search-page button[type=submit] {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.search-destaque-home button[type=submit]:disabled, .search-destaque-home button[type=submit][disabled],
.search-page button[type=submit]:disabled,
.search-page button[type=submit][disabled] {
  cursor: not-allowed;
}
.search-destaque-home button[type=submit]:disabled:hover, .search-destaque-home button[type=submit][disabled]:hover,
.search-page button[type=submit]:disabled:hover,
.search-page button[type=submit][disabled]:hover {
  background: #bbbbbb;
}
.search-destaque-home button[type=submit]:hover,
.search-page button[type=submit]:hover {
  background: #88601a;
}
@media (max-width: 767px) {
  .search-destaque-home button[type=submit],
  .search-page button[type=submit] {
    padding: 0;
    min-width: 40px;
  }
}
.search-destaque-home .fa-search.icon,
.search-page .fa-search.icon {
  color: #666666;
  font-size: 18px;
  margin-right: 10px;
}
.search-destaque-home input[type=search],
.search-page input[type=search] {
  font-weight: regular;
  font-size: 18px;
  line-height: 24px;
  width: auto;
}
@media (min-width: 1024px) {
  .search-destaque-home input[type=search],
  .search-page input[type=search] {
    min-width: 450px;
  }
}
@media (max-width: 767px) {
  .search-destaque-home input[type=search],
  .search-page input[type=search] {
    width: 100% !important;
    font-size: 14px;
  }
}
.search-destaque-home input[type=search]:placeholder,
.search-page input[type=search]:placeholder {
  font-size: 14px;
}
.search-destaque-home .input-group,
.search-page .input-group {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 767px) {
  .search-destaque-home .input-group,
  .search-page .input-group {
    display: flex;
    justify-content: space-between;
  }
}

input.autocomplete-dynamic-destaque:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0) !important;
}

.ranking-search {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .ranking-search {
    justify-content: center;
    flex-direction: column;
  }
}
.ranking-search .t-ranking {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .ranking-search .t-ranking {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .ranking-search .most-searched:first-of-type {
    margin-left: 10px;
  }
}
.ranking-search a.advanced-search-button {
  color: #fff;
  font-size: 14px;
}
@media (max-width: 1024px) {
  .ranking-search a.advanced-search-button {
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .ranking-search a.advanced-search-button {
    text-decoration: underline;
    text-underline-offset: 4px;
    margin-top: 15px;
    margin-left: 0;
  }
}
.ranking-search a.advanced-search-button:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.ranking-search .most-searched {
  background-color: rgba(217, 217, 217, 0.2);
  border-radius: 20px;
  height: 25px;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  margin: 2px 4px;
}
@media screen and (max-width: 767px) {
  .ranking-search .most-searched.searched-company {
    display: none;
  }
  .ranking-search .most-searched.searched-company:nth-child(-n+5) {
    display: inline-flex;
  }
}
.ranking-search .most-searched:hover {
  border-color: rgba(136, 96, 26, 0.2666666667);
  background: #88601a;
  transition: all 0.3s linear;
}
@media screen and (max-width: 1024px) {
  .ranking-search .most-searched {
    margin: 2px;
  }
}

@media (max-width: 1024px) {
  .hide-mobile {
    display: none;
  }
}

@media (min-width: 1024px) {
  .hide-desktop {
    display: none;
  }
}

#item-ticker-selector {
  /*.loading-quotation{
    position: absolute;
    left: 20px;
  }*/
}
#item-ticker-selector select {
  text-align: center;
  width: 250px;
}
#item-ticker-selector span {
  text-align: center;
}
@media (min-width: 768px) {
  #item-ticker-selector {
    justify-content: center;
    gap: 40px;
    display: flex;
  }
}
@media (max-width: 767px) {
  #item-ticker-selector {
    flex-wrap: wrap;
    justify-content: space-around;
    row-gap: 5px;
    display: flex;
    /*.break {
      order: 3;
      flex-basis: 100%;
      height: 0;
    }*/
  }
  #item-ticker-selector .years {
    order: 1;
  }
  #item-ticker-selector .years select {
    width: 107px !important;
  }
  #item-ticker-selector .usePayments {
    order: 4;
    margin-left: 24px;
  }
  #item-ticker-selector .usePayments select {
    width: 186px !important;
  }
  #item-ticker-selector .usePayments .popover-trigger {
    margin-top: 5px;
    margin-left: 5px;
  }
  #item-ticker-selector .before {
    display: none;
    order: 2;
  }
}

#container-tickers strong {
  font-weight: 900;
}

.search .crypto-icon {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  zoom: 1.5 !important;
}

.loading {
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: wait;
}
.loading .overlay {
  background: rgba(0, 0, 0, 0.075);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  visibility: visible;
  opacity: 1;
}
.loading .spinner {
  background-color: rgba(255, 255, 255, 0);
  z-index: 99999;
  border: 8px solid rgba(0, 0, 0, 0.1);
  border-left-color: #a38c65;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  position: absolute;
  margin: 0;
  top: calc(50% - 25px);
  right: calc(50% - 25px);
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

div.table-responsive-md.datatable {
  overflow-x: auto !important;
}

.loading_skeleton {
  position: relative;
}
.loading_skeleton .skeleton_container {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
.loading_skeleton .skeleton_container .skeleton {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background-color: rgba(221, 219, 221, 0);
  height: 100%;
  width: 100%;
}
.loading_skeleton .skeleton_container .skeleton::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  animation: shimmer 2s infinite;
  content: "";
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

.swal2-actions {
  justify-content: space-around !important;
}
.swal2-actions .swal2-cancel {
  border: none;
  background-color: #fff;
  font: normal normal 800 14px/30px Nunito;
  color: #2f4554;
}
.swal2-actions .swal2-cancel:hover {
  color: #8c8f91;
}
.swal2-actions .swal2-confirm {
  background-color: #222;
  color: #fff;
  padding: 7px 30px;
  border-radius: 5px;
  font: normal normal 800 14px/30px Nunito;
  min-width: 73px;
  text-align: center;
  text-transform: uppercase;
}
.swal2-actions .swal2-confirm:hover {
  color: #d3b583;
}

#input-value-simulator:focus {
  outline: none 0 !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

input#input-value-simulator[type=text]:focus {
  box-shadow: 0 0 0 rgb(255, 255, 255);
  border: 1px solid #222;
}

.container-simulator .action {
  transition: 0.5s;
}

.container-simulator .action:hover {
  opacity: 0.75;
}

.last-searches-container {
  width: 100%;
  margin-top: 25px;
}
.last-searches-container.opacity {
  opacity: 0.1;
  transition: 0.5s all;
}
.last-searches-container .last-searches-text {
  display: block;
  width: 100%;
  color: #666;
  margin-bottom: 9px;
  font-family: "Nunito", sans-serif;
}
.last-searches-container .last-searches-box .last-searches-item {
  display: inline-block;
  margin-right: 0.9rem;
  padding: 0 12px !important;
  background: transparent;
  border: 1px solid #666;
  border-radius: 30px;
  cursor: pointer;
  transition: 500ms !important;
  width: 11%;
  text-align: center;
}
.last-searches-container .last-searches-box .last-searches-item:last-child {
  margin-right: 0;
}
.last-searches-container .last-searches-box .last-searches-item a {
  color: #666;
}
.last-searches-container .last-searches-box .last-searches-item a:hover {
  border-color: #a38c65;
  color: #a38c65;
}

.site-header--search .links {
  margin-top: 20px !important;
}

.hide .value {
  text-shadow: 0 0 14px #000;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.magic-number-section-2 .hide p {
  text-shadow: 0 0 14px #000;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.magic-number-section .button,
.magic-number-section-2 .button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.magic-number-section .button a,
.magic-number-section-2 .button a {
  padding-right: 70px;
  padding-left: 30px;
  margin: auto;
}
.magic-number-section .button a img,
.magic-number-section-2 .button a img {
  margin-right: 15px;
}

.template-front-homepage-sessao-iniciante .questions,
.template-front-homepage-sessao-irpf .questions {
  padding: 20px 0;
  background: #eaeaea;
  font-family: "Nunito", sans-serif;
}
.template-front-homepage-sessao-iniciante .questions h2,
.template-front-homepage-sessao-irpf .questions h2 {
  margin: 50px 0 15px;
  font-size: 25px;
  line-height: 135%;
}
.template-front-homepage-sessao-iniciante .questions .question,
.template-front-homepage-sessao-irpf .questions .question {
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.65;
}
.template-front-homepage-sessao-iniciante .questions .question strong,
.template-front-homepage-sessao-irpf .questions .question strong {
  font-weight: bolder;
}
.template-front-homepage-sessao-iniciante .questions .question header:hover,
.template-front-homepage-sessao-irpf .questions .question header:hover {
  cursor: pointer;
}
.template-front-homepage-sessao-iniciante .questions .question header h3,
.template-front-homepage-sessao-irpf .questions .question header h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 20px 10px 20px;
  min-height: 50px;
}
.template-front-homepage-sessao-iniciante .questions .question header h3.active img,
.template-front-homepage-sessao-irpf .questions .question header h3.active img {
  transform: rotate(180deg);
  transition: 0.75s all;
  width: 14px;
  height: 14px;
}
.template-front-homepage-sessao-iniciante .questions .question header h3 img,
.template-front-homepage-sessao-irpf .questions .question header h3 img {
  transform: rotate(90deg);
  transition: 0.75s all;
  transition-delay: 0.25s;
  margin-left: 10px;
  width: 14px;
  height: 14px;
}
.template-front-homepage-sessao-iniciante .questions .question .content,
.template-front-homepage-sessao-irpf .questions .question .content {
  padding: 0 20px 20px 20px;
  transition: max-height 0.75s;
  overflow: hidden;
  display: none;
}
.template-front-homepage-sessao-iniciante .questions .question .content a,
.template-front-homepage-sessao-irpf .questions .question .content a {
  text-decoration: underline;
  font-weight: bold;
  transition: all 0.2s linear;
}
.template-front-homepage-sessao-iniciante .questions .question .content a:hover,
.template-front-homepage-sessao-irpf .questions .question .content a:hover {
  color: #6e552a;
}
.template-front-homepage-sessao-iniciante .questions .question .content .text,
.template-front-homepage-sessao-irpf .questions .question .content .text {
  text-align: left;
}
.template-front-homepage-sessao-iniciante .questions .question .content .text p,
.template-front-homepage-sessao-irpf .questions .question .content .text p {
  line-height: 1.5;
  word-break: break-word;
  margin-block-start: 0;
  margin-block-end: 1.3em;
  font-size: 18px;
}
.template-front-homepage-sessao-iniciante .questions .question .content .text p:first-child,
.template-front-homepage-sessao-irpf .questions .question .content .text p:first-child {
  margin-top: 20px;
}
.template-front-homepage-sessao-iniciante .questions .question .content .text ul,
.template-front-homepage-sessao-iniciante .questions .question .content .text ol,
.template-front-homepage-sessao-irpf .questions .question .content .text ul,
.template-front-homepage-sessao-irpf .questions .question .content .text ol {
  list-style: initial;
  padding-inline-start: 20px;
  padding-inline-end: 10px;
  margin-bottom: 20px;
}
.template-front-homepage-sessao-iniciante .questions .question .content .text ul li,
.template-front-homepage-sessao-iniciante .questions .question .content .text ol li,
.template-front-homepage-sessao-irpf .questions .question .content .text ul li,
.template-front-homepage-sessao-irpf .questions .question .content .text ol li {
  line-height: 1.5;
  margin-bottom: 5px;
  display: list-item;
  text-align: -webkit-match-parent;
  margin-block-end: 0.5em;
  font-size: 18px;
}
.template-front-homepage-sessao-iniciante .questions .question .content .text h4,
.template-front-homepage-sessao-irpf .questions .question .content .text h4 {
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 30px;
}
.template-front-homepage-sessao-iniciante .questions .question .first,
.template-front-homepage-sessao-irpf .questions .question .first {
  display: block;
}
.template-front-homepage-sessao-iniciante .table,
.template-front-homepage-sessao-irpf .table {
  margin-bottom: 1rem;
  color: #212529;
}
.template-front-homepage-sessao-iniciante .table.table-bordered,
.template-front-homepage-sessao-irpf .table.table-bordered {
  border: 1px solid #dee2e6 !important;
}
.template-front-homepage-sessao-iniciante .table.table-bordered th,
.template-front-homepage-sessao-irpf .table.table-bordered th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
  padding: 0.75rem;
}
.template-front-homepage-sessao-iniciante .table.table-bordered td,
.template-front-homepage-sessao-irpf .table.table-bordered td {
  border-bottom-width: 2px;
  padding: 0.75rem;
  border-bottom: 2px solid #dee2e6;
}
.template-front-homepage-sessao-iniciante .table.table-bordered tbody tr:nth-of-type(odd),
.template-front-homepage-sessao-irpf .table.table-bordered tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.template-front-homepage-sessao-irpf .questions {
  /*.content {
      display: flex;
      justify-content: center;
      gap: 24px;
  }*/
}
.template-front-homepage-sessao-irpf .questions h2 {
  margin: 20px 0 15px;
}
.template-front-homepage-sessao-irpf .questions h3 {
  margin: 20px 0 15px;
}
.template-front-homepage-sessao-irpf .questions .side-menu {
  max-width: 385px;
}
@media screen and (max-width: 1023px) {
  .template-front-homepage-sessao-irpf .questions .side-menu {
    display: none;
  }
}
.template-front-homepage-sessao-irpf .questions .section-about {
  display: flex;
  justify-content: center;
  padding: 0 10px;
}
.template-front-homepage-sessao-irpf .questions .section-about .container-about {
  width: 1160px;
}
.template-front-homepage-sessao-irpf .questions .section-about .container-about .about {
  padding: 16px;
  border: 1px solid #C2C0BC;
  border-radius: 12px;
  background-color: #F5FAFF;
}
.template-front-homepage-sessao-irpf .questions .section-about .container-about .about header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.template-front-homepage-sessao-irpf .questions .section-about .container-about .about header.active .arrow {
  transform: rotate(180deg);
  transition: 0.75s all;
}
.template-front-homepage-sessao-irpf .questions .section-about .container-about .about header .title {
  display: flex;
  align-items: center;
}
.template-front-homepage-sessao-irpf .questions .section-about .container-about .about header .logo {
  padding: 16px;
  border: 1px solid #003772;
  border-radius: 100%;
  background-color: #E5F2FF;
  margin-right: 15px;
}
.template-front-homepage-sessao-irpf .questions .section-about .container-about .about header .icon {
  display: flex;
  align-items: center;
}
.template-front-homepage-sessao-irpf .questions .section-about .container-about .about header .icon .arrow {
  transition: 0.75s all;
  width: 32px;
}
.template-front-homepage-sessao-irpf .questions .section-about .container-about .about header p {
  font-weight: 500;
  font-size: 20px;
}
@media screen and (min-width: 1024px) {
  .template-front-homepage-sessao-irpf .questions .container {
    max-width: 1190px;
    display: flex;
  }
}
.template-front-homepage-sessao-irpf .questions .question {
  border: 0;
}
.template-front-homepage-sessao-irpf .questions .question .content .text ol {
  list-style: auto;
}
.template-front-homepage-sessao-irpf .questions .question header h3 {
  min-height: auto;
  padding: 0;
  margin: 0;
  display: inherit;
}
.template-front-homepage-sessao-irpf .questions .question header h3 img {
  margin-right: 10px;
}
.template-front-homepage-sessao-irpf #container-links {
  height: auto;
  top: 80px;
  position: sticky;
  background: #fff;
  border-radius: 10px;
  padding: 24px 16px;
  color: #000;
  cursor: pointer;
  display: block;
  margin-left: 10px;
}
.template-front-homepage-sessao-irpf #container-links div {
  padding: 16px 12px;
  display: flex;
}
.template-front-homepage-sessao-irpf #container-links div img {
  margin-right: 12px;
}
.template-front-homepage-sessao-irpf #container-links .selected {
  background-color: #EEEDEC;
  border-radius: 8px;
}
.template-front-homepage-sessao-irpf #container-links-mobile {
  display: none;
}
@media screen and (max-width: 1023px) {
  .template-front-homepage-sessao-irpf #container-links-mobile {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .template-front-homepage-sessao-irpf #container-links-mobile div {
    background: #fff;
    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 20px;
    margin: 5px;
    color: #000;
    cursor: pointer;
  }
}

.swal-input-container {
  width: 100%;
  margin: 1em auto;
}
.swal-input-container .select2-container {
  width: 100% !important;
}
.swal-input-container .select2-container .select2-selection {
  border: 1px solid #ced4da;
  font-weight: 800;
  font-family: "Nunito", sans-serif;
  font-size: 13px;
  border-radius: 0 0.25rem 0.25rem 0;
  height: 38px;
  width: 100%;
  padding-top: 5px;
  border-right-width: 1px;
  color: #293038;
  font-weight: 700;
  outline: none;
  background: #fff;
  font-size: 1rem;
}
.swal-input-container .select2-container .select2-selection .select2-selection__arrow {
  height: 100%;
}
.swal-input-container .select2-container .select2-selection .select2-selection__rendered {
  font-size: 1.125em;
}

#chart-quotation-msg {
  text-align: center;
  padding: 60px;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #5f5f5f;
  font-weight: lighter;
}

.invisible {
  visibility: hidden !important;
}

#form-advanced-search .toolbar {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
#form-advanced-search .toolbar .select2-container {
  width: 100% !important;
}

.grid-borda {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  border: 1px solid #dee2e6;
  border-right: unset;
  border-bottom: unset;
}
.grid-borda .cell {
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Nunito", sans-serif;
  font-style: normal;
  color: #2a2828;
  padding: 12px;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  gap: 8px;
  min-height: 61px;
}

.compare-progress-bar-comp {
  width: 100%;
}
.compare-progress-bar-comp + .compare-progress-bar-comp {
  margin-top: 19px;
}
.compare-progress-bar-comp .compare-progress-bar--title {
  color: #000;
  font-family: Nunito;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 3px;
}
.compare-progress-bar-comp .compare-progress-bar {
  border-radius: 5px;
  background-color: #ccc;
  min-height: 29px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.compare-progress-bar-comp .compare-progress-bar .compare-bar {
  background-color: #a38c65;
  height: 100%;
  border-radius: 5px;
  transition: width 0.5s ease-in-out;
  border-radius: 5px;
  background: #293038;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.compare-progress-bar-comp .compare-progress-bar .compare-value {
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  position: relative;
  color: #fff;
  font-family: Nunito;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
.compare-progress-bar-comp .compare-progress-bar.primary .compare-bar {
  background: #a38c65;
}

#asset-value-comp .content {
  display: flex;
  flex-direction: column;
  padding: 46px 37px;
}
@media screen and (max-width: 1023px) {
  #asset-value-comp .content {
    padding: 29px 8px;
  }
}
#asset-value-comp .content .content--description {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  #asset-value-comp .content .content--description {
    padding: 10px;
  }
}
#asset-value-comp .content .content--info {
  display: grid;
  padding: 44px 50px 0;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media screen and (max-width: 1023px) {
  #asset-value-comp .content .content--info {
    padding: 44px 30px 0;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 800px) {
  #asset-value-comp .content .content--info {
    padding: 44px 10px 0;
    grid-template-columns: 1fr;
  }
}
#asset-value-comp .content .content--info .content--info--item {
  display: flex;
  flex-direction: column;
  border-left: 6px solid #d9d9d9;
  padding-left: 6px;
}
#asset-value-comp .content .content--info .content--info--item .content--info--item--title {
  color: #a38c65;
  font-family: Nunito;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#asset-value-comp .content .content--info .content--info--item .content--info--item--value {
  color: #000;
  font-family: Nunito;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#yield-distribuition .content {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  #yield-distribuition .content {
    padding: 29px 8px;
  }
}
#yield-distribuition .content .content--description {
  margin-top: 25px;
}
@media screen and (max-width: 1023px) {
  #yield-distribuition .content .content--description {
    padding: 10px;
  }
}
#yield-distribuition .content .content--description {
  padding: 0 98px;
  text-align: center;
  color: #000;
  text-align: center;
  font-family: Nunito;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  #yield-distribuition .content .content--description {
    padding: 0 0 24px;
  }
}
#yield-distribuition .content .content--info {
  display: grid;
  padding: 0px 50px 0;
  margin-bottom: 30px;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 30px;
}
@media screen and (max-width: 600px) {
  #yield-distribuition .content .content--info {
    grid-template-columns: 1fr 1fr;
    padding: 44px 10px 0;
  }
}
#yield-distribuition .content .content--info .content--info--item {
  display: flex;
  flex-direction: column;
  border-left: 6px solid #d9d9d9;
  padding-left: 6px;
}
#yield-distribuition .content .content--info .content--info--item .content--info--item--title {
  color: #a38c65;
  font-family: Nunito;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#yield-distribuition .content .content--info .content--info--item .content--info--item--value {
  color: #000;
  font-family: Nunito;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#yield-distribuition .content .content--info .content--info--item .content--info--item--value.amount {
  font-size: 14px;
  color: gray;
}

.content--description {
  padding: 10px 0;
  text-align: center;
  color: #000;
  text-align: center;
  font-family: Nunito;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 1023px) {
  .content--description {
    padding: 25px 0;
  }
}

.avg-indicators #table-indicators {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .avg-indicators #table-indicators {
    display: table;
  }
  .avg-indicators #table-indicators .cell {
    margin-bottom: 30px;
  }
  .avg-indicators #table-indicators .cell:not(:last-child) {
    margin-bottom: 30px;
  }
}

#see-more-calculators .content {
  padding-top: 20px;
}
#see-more-calculators .content .text-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}
#see-more-calculators .content .text-content .box {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137) !important;
}
#see-more-calculators .content .text-content a {
  border-bottom: none !important;
  opacity: 1 !important;
}
#see-more-calculators .content .text-content a .box {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: var(--image);
  background-size: cover;
  background-position: center;
  background-color: #293038;
  background-blend-mode: multiply;
}
#see-more-calculators .content .text-content a .box .content {
  padding-top: 0;
}
#see-more-calculators .content .text-content a .box .content .text-content {
  text-align: center;
  position: relative;
  color: white;
}
#see-more-calculators .content .text-content a .box .content .text-content .popover-trigger {
  position: absolute;
  right: 0;
  top: calc(50% - 9px);
}

.div-graph-dividend-select .select2.select2-container,
.select-graph-li .select2.select2-container {
  width: unset !important;
}

#card-articles .section-sectors .container .box {
  padding: 20px;
}
#card-articles .section-sectors .container .box .content h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.65;
  margin-bottom: 30px;
  color: #222222;
  font-family: "Nunito", sans-serif;
}
#card-articles .section-sectors .container .box .content h2:not(:first-child) {
  margin-top: 33.4px;
}
#card-articles .section-sectors .container .box .content p,
#card-articles .section-sectors .container .box .content ul li {
  line-height: 27px;
  word-break: break-word;
  margin-block-start: 0;
  margin-block-end: 1.3em;
  font-size: 18px;
  font-weight: 400;
  font-family: "Nunito", sans-serif;
  color: #222;
  margin-bottom: 23.4px;
}
#card-articles .section-sectors .container .box .content ul {
  padding-left: 20px;
  margin: 0;
}
#card-articles .section-sectors .container .box .content ul li {
  margin: 0;
}

.btn-download-row {
  display: flex;
  gap: 20px;
}
.btn-download-row a {
  flex: 1;
  height: auto;
}
.btn-download-row a img {
  width: 100%;
}

.disclaimer-message {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 40px 40px;
}
.disclaimer-message .content-message {
  background-color: #ede0cd;
  padding: 10px 30px;
  border-radius: 18px;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  color: #614d30;
  font-family: Nunito, sans-serif;
}
@media screen and (max-width: 1000px) {
  .disclaimer-message {
    margin: 0 0 40px;
  }
  .disclaimer-message .content-message {
    padding: 10px 20px;
  }
}

@media (max-width: 767px) {
  div.breadcrumb::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
  }
}
.breadcrumb {
  --bread-height: 36px;
  width: 100%;
  /*height: var(--bread-height);*/
  border-bottom: 1px solid #3b434b;
}
@media (max-width: 767px) {
  .breadcrumb {
    border-bottom: none;
  }
}
.breadcrumb ul {
  /*height: var(--bread-height);*/
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  list-style-type: none;
  /* @media (max-width: 767px) {
      margin-top: 5px;
      padding-bottom: 20px;
  }*/
}
.breadcrumb ul.breadcrumb {
  border-bottom: none;
}
@media (max-width: 767px) {
  .breadcrumb ul {
    border-bottom: none;
  }
}
.breadcrumb ul li {
  margin-left: 0 !important;
}
.breadcrumb ul li a {
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  font-weight: 700;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  opacity: 0.5;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  text-decoration: none !important;
}
@media (max-width: 767px) {
  .breadcrumb ul li {
    display: flex;
    align-items: center;
    /*max-height: 16px;*/
  }
}

.pass-rules {
  padding-top: 5px;
}
.pass-rules .rule {
  font-size: 12px;
  padding: 1px 1px;
}
.pass-rules .rule:before {
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 900);
  margin-right: 5px;
}
.pass-rules .text-red-500 {
  color: #ff5656;
}
.pass-rules .text-red-500:before {
  content: "•";
  margin-right: 5px;
}
.pass-rules .text-green-500 {
  color: #5e944e;
}
.pass-rules .text-green-500:before {
  content: "\f058";
}

#wpp-btn .wpp {
  animation: jump 0.3s;
  position: fixed;
  bottom: 40px;
  right: 30px;
  z-index: 9999;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-color: #25d366;
  color: #fff;
  text-align: center;
  font-size: 40px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1607843137);
}
#wpp-btn .wpp:hover {
  background-color: #128c7e;
}
#wpp-btn .wpp .wpp-content {
  position: relative;
}
#wpp-btn .wpp .wpp-content span {
  animation-delay: 10s;
  position: absolute;
  background-color: rgb(141, 9, 9);
  color: white;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  top: -18px;
  right: -15px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1607843137);
}
#wpp-btn .wpp-popup-notification {
  z-index: 9999;
  animation: jump 0.3s;
  position: fixed;
  background-color: white;
  min-height: 100px;
  width: 340px;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  bottom: 40px;
  right: 50px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1607843137);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#wpp-btn .wpp-popup-notification .wpp-bar {
  height: 100px;
  background: rgb(0, 168, 132);
  background: linear-gradient(342deg, rgb(0, 168, 132) 46%, rgb(10, 153, 53) 100%);
  padding: 20px;
  padding-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  color: white;
  font-weight: 800;
  letter-spacing: -0.5px;
  position: relative;
}
#wpp-btn .wpp-popup-notification .wpp-bar .close-btn {
  position: absolute;
  top: 5px;
  right: 13px;
  cursor: pointer;
  font-size: 20px;
  color: white;
  transition: all 0.3s ease-in-out;
}
#wpp-btn .wpp-popup-notification .wpp-bar .close-btn:hover {
  color: #e6e6e6;
}
#wpp-btn .wpp-popup-notification .wpp-bar .wpp-avatar {
  height: 60px;
  width: 60px;
  border-radius: 100%;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
#wpp-btn .wpp-popup-notification .wpp-message {
  background-color: white;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  position: relative;
  top: -20px;
  padding: 20px;
}
#wpp-btn .wpp-popup-notification .wpp-message .message-box {
  background-color: #befef0;
  padding: 10px;
  width: 80%;
  border-radius: 8px;
  font-size: 14px;
}
#wpp-btn .wpp-popup-notification .send-message {
  border-top: 1px solid #e6e6e6;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
#wpp-btn .wpp-popup-notification .send-message div {
  flex-grow: 1;
  margin-left: 0;
  font-size: 14px;
}
#wpp-btn .wpp-popup-notification .send-message a {
  margin-left: 20px;
}
#wpp-btn .wpp-popup-notification .send-message a button {
  background: linear-gradient(342deg, rgb(0, 168, 132) 46%, rgb(10, 153, 53) 100%);
  border: none;
  color: white;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
}

.submenu li a {
  display: flex;
  gap: 10px;
  align-items: center;
}

.img-logo {
  height: 27.6px;
}

.select2-results__options .select2-results__option .wrap {
  display: flex;
  gap: 5px;
  align-items: center;
}
.select2-results__options .select2-results__option .wrap::before {
  content: "";
  height: 18px;
  width: 18px;
  background: url("/images/checkbox.svg");
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
}
.select2-results__options .select2-results__option.select2-results__option--selected .wrap::before {
  background: url("/images/checkbox_checked.svg");
  background-size: cover;
  background-repeat: no-repeat;
}

#android-app-download-bar {
  padding: 0 29px 20px;
  position: fixed;
  width: 100%;
  opacity: 1;
  bottom: 0;
  z-index: 99;
}
@media screen and (max-width: 1024px) {
  #android-app-download-bar {
    display: block !important;
  }
}
#android-app-download-bar .bar-content {
  border-radius: 10px;
  padding: 8px 16px;
  background-color: #2a2e37;
}
#android-app-download-bar .bar-content .overflow-loading {
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.2117647059);
  cursor: progress;
  z-index: 999;
}
#android-app-download-bar .bar-content .content {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
  position: relative;
}
#android-app-download-bar .bar-content .content .logo {
  height: 40px;
  width: 40px;
  min-width: 40px;
  min-height: 40px;
  background-color: #3f434b;
  border-radius: 6px;
}
#android-app-download-bar .bar-content .content .logo img {
  height: 100%;
  width: 100%;
}
#android-app-download-bar .bar-content .content .description {
  margin-left: 16px;
  font-family: "Nunito", sans-serif;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-wrap: wrap;
}
#android-app-download-bar .bar-content .content .description strong {
  font-weight: bolder !important;
}
#android-app-download-bar .bar-content .content .btn-download {
  margin-left: auto;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 8px;
  background-color: #3f434b;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.1098039216);
  width: 105px;
  font-family: "Nunito", sans-serif;
}
#android-app-download-bar .bar-content .content .btn-close {
  padding: 10px;
  background-color: transparent;
  border: unset;
}
#android-app-download-bar #donwload_app_modal .modal-default-container {
  padding: 35px 26px 10px;
  border-radius: 5px;
  background: linear-gradient(180deg, #fff 0%, #b4b4b4 100%);
  width: 100%;
}
#android-app-download-bar #donwload_app_modal .modal-default-container .btn-close {
  position: absolute;
  right: 10px;
  top: 3px;
  border: unset;
  background-color: transparent;
  line-height: 35px;
  font-size: 50px;
  font-weight: 100;
}
#android-app-download-bar #donwload_app_modal .modal-default-container .modal-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#android-app-download-bar #donwload_app_modal .modal-default-container .modal-body .logo {
  height: 94px;
  display: flex;
  justify-content: center;
}
#android-app-download-bar #donwload_app_modal .modal-default-container .modal-body .logo img {
  height: 100%;
  width: auto;
}
#android-app-download-bar #donwload_app_modal .modal-default-container .modal-body .description {
  font-family: "Nunito", sans-serif;
  display: flex;
  justify-content: center;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  gap: 4px;
  line-height: normal;
}
#android-app-download-bar #donwload_app_modal .modal-default-container .modal-body .description strong {
  font-weight: bolder !important;
}
#android-app-download-bar #donwload_app_modal .modal-default-container .modal-body .btns {
  display: flex;
  gap: 20px;
}
#android-app-download-bar #donwload_app_modal .modal-default-container .modal-body .btns a {
  flex: 1;
  height: auto;
}
#android-app-download-bar #donwload_app_modal .modal-default-container .modal-body .btns a img {
  width: 100%;
}

html:has(#android-app-download-bar .modal-default.show) {
  overflow: hidden;
}

._card ._card-header h2 {
  font-size: 14px;
  font-weight: 800;
}

.return-investment .text-left h3 {
  font-size: 14px;
}
.return-investment .result-period h4 {
  font-size: 14px;
}

#table-indicators-history .indicator h3 {
  font-size: 14px;
}

.dy-history h3 {
  font-size: 14px;
}
.dy-history h3 span {
  font-weight: 400;
}

.table-dividends-history th h3 {
  font-size: 14px;
}

.container-simulator .grid div {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5215686275);
  padding-bottom: 10px;
  font: normal normal normal 14px/30px Nunito;
}
.container-simulator .grid div:nth-child(1) .action {
  background-color: #c23531;
}
.container-simulator .grid div:nth-child(2) .action {
  background-color: #2f4554;
}
.container-simulator .grid div:nth-child(3) .action {
  background-color: #61a1a9;
}
.container-simulator .grid div:nth-child(4) .action {
  background-color: #d48265;
}
.container-simulator .grid div:nth-child(5) .action {
  background-color: #5bbe65;
}
.container-simulator .grid div:nth-child(6) .action {
  background-color: #749f83;
}
.container-simulator .grid div:nth-child(7) .action {
  background-color: #ca8622;
}
.container-simulator .grid div:nth-child(8) .action {
  background-color: #913462;
}
.container-simulator .grid div .action {
  color: #fff;
  padding: 0px 10px;
  border-radius: 5px;
  font: normal normal 800 14px/30px Nunito;
  margin-right: 15px;
  display: inline-block;
  min-width: 73px;
  text-align: center;
  text-transform: uppercase;
}
.container-simulator .grid div .valor {
  font-weight: 800;
}

.basic_info table tr td h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}

#table-balance-results tr td h3,
#table-cash-flow tr td h3,
#table-balance-sheet-inter tr td h3 {
  font-size: 14px;
  font-weight: 600;
}

.container-topic .header-forum h3 {
  font-size: 1rem;
  color: #293038;
  font-weight: 100;
}
.container-topic .discussion-container .body h4 {
  font-size: 15px;
  padding: 15px 0;
  margin-bottom: 10px;
  font-weight: 600;
}

.header-company .rating h3 {
  font-size: 18px;
  font-weight: 700;
}

#data_about .tickers h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.filter-items-section {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: nowrap;
  max-width: 100vw;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.filter-items-section::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1023px) {
  .filter-items-section {
    overflow-x: auto;
  }
}
.filter-items-section .filter-item {
  font-family: Figtree;
  padding: 8px 14px;
  border-radius: 100px;
  border: 1px solid #C2C0BC;
  color: #2F3137;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  transition: all 0.3s ease;
}
.filter-items-section .filter-item:hover:not(.active) {
  cursor: pointer;
  background-color: #f5f5f5;
  color: #2F3137;
  opacity: 0.9;
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.15);
}
.filter-items-section .active {
  background-color: #14171F;
  color: #fff;
}

@media (max-width: 450px) {
  .modal-mobile .modal-dialog {
    width: 100vw;
    height: 100vh;
    margin: 0;
    max-width: none;
    transform: translateY(100%) !important;
    transition: transform 0.3s ease-out;
  }
  .modal-mobile.show .modal-dialog {
    transform: translateY(0) !important;
  }
  .modal-mobile .modal-content {
    height: 100%;
    border-radius: 0;
    overflow-y: auto;
  }
}
.pro-icon-container {
  background-color: #282D34;
  padding: 4px 8px;
  border-radius: 100px;
  color: #E3CCAB;
  min-width: 68px;
}
.pro-icon-container .pro-image {
  width: 15px;
  height: 11px;
}
.pro-icon-container .pro-text {
  font-family: Figtree;
  font-size: 14px;
  font-weight: 500;
}

.radio-custom img.circle, .radio-custom img.circle-dot {
  width: 13px;
  height: 13px;
  transition: all 0.2s ease;
}
.radio-custom .circle {
  display: block;
}
.radio-custom .circle-dot {
  display: none;
}
.radio-custom.checked .circle {
  display: none;
}
.radio-custom.checked .circle-dot {
  display: block;
}

.modal-login {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6588235294);
  z-index: 1055;
  display: none;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.modal-login fieldset {
  border: none;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  margin-bottom: 10px;
}
.modal-login fieldset legend {
  padding: 0 15px;
}
.modal-login.show {
  display: flex;
}
.modal-login.show .modal-login-container {
  opacity: 1;
  animation-delay: 0.3s;
}
@media (max-width: 767px) {
  .modal-login {
    padding: 25px;
  }
}
.modal-login-container {
  position: relative;
  max-width: 500px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2509803922);
  border-radius: 20px;
  opacity: 0;
  animation-delay: 0.3s;
}
.modal-login-container .modal-close {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 30px;
  background-color: #a38c65;
}
.modal-login-container .modal-close svg {
  color: #fff;
}
.modal-login-header {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 30px;
}
.modal-login-header a img {
  width: 200px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .modal-login-header a img {
    width: 160px;
    height: 22px;
  }
}
.modal-login-header .divider {
  width: 1px;
  height: 40px;
  background: #e5e5e5;
  border-radius: 10px;
  margin: 0 40px;
}
@media (max-width: 767px) {
  .modal-login-header .divider {
    margin: 0 20px;
  }
}
.modal-login-header span {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-align: left;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .modal-login-header span {
    font-size: 18px;
    line-height: 24px;
  }
}
.modal-login-form {
  padding: 0 30px 30px;
}
@media (max-width: 767px) {
  .modal-login-form {
    padding: 0 20px 20px;
  }
}
.modal-login-form form .input-group {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: #e5e5e5;
  border: 2px solid #e5e5e5;
  border-radius: 10px;
  padding: 0 20px;
}
.modal-login-form form .input-group.focus {
  border: 2px solid #293038;
  background-color: #ffffff;
  color: #293038;
}
.modal-login-form form .input-group.focus svg {
  color: #293038;
}
.modal-login-form form .input-group.focus input::-moz-placeholder {
  color: #293038;
  outline: none;
}
.modal-login-form form .input-group.focus input::placeholder {
  color: #293038;
  outline: none;
}
.modal-login-form form .input-group + .input-group {
  margin-top: 20px;
}
.modal-login-form form .input-group svg {
  color: #999999;
  font-size: 18px;
  margin-right: 20px;
}
.modal-login-form form .input-group input {
  background-color: transparent;
  border: 0;
  padding: 10px 0;
  width: 100%;
  color: #293038;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
.modal-login-form form .input-group input::-moz-placeholder {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}
.modal-login-form form .input-group input::placeholder {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}
.modal-login-form form .input-group .fa-eye {
  margin-right: 0;
  color: #999999 !important;
  cursor: pointer;
}
.modal-login-form form .input-group .fa-eye:hover {
  color: #000 !important;
}
.modal-login-form form .input-group .fa-eye.active {
  color: #000 !important;
}
.modal-login-form form input::-ms-reveal,
.modal-login-form form input::-ms-clear {
  display: none;
}
.modal-login-form form .form-group {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  margin-top: 20px;
}
.modal-login-form form .form-group input[type=submit] {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 50px;
  width: 100%;
  border: 0;
  background-color: #293038;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  cursor: pointer;
}
.modal-login-form form .form-group input[type=submit]:hover {
  background-color: #a38c65;
  color: #ffffff;
}
.modal-login-form form .form-group .forgot-password {
  width: 100%;
  text-align: right;
  text-decoration: underline;
  color: #666666;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
}
.modal-login .divider-line {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: rgba(204, 204, 204, 0.6470588235);
  border-radius: 10px;
}
.modal-login .divider-line > label {
  color: #666666;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0;
  white-space: nowrap;
  text-transform: uppercase;
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  padding: 0 10px;
}
.modal-login .signup {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 250px;
  height: 50px;
  border: 1px solid #a38c65;
  background-color: #a38c65;
  border-radius: 10px;
  opacity: 1;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 30px auto;
  cursor: pointer;
}
.modal-login .signup:hover {
  background-color: #293038;
  border: 1px solid #293038;
}

/* Modal login*/
.modal-signup-form form .input-group.is-invalid {
  border-color: #fa8989;
}

.modal-signup-form .terms p, .modal-signup-form .terms a {
  font-size: 12px;
  text-align: left;
}
.modal-signup-form .terms p {
  display: flex;
  align-items: center;
}
.modal-signup-form .terms p input {
  margin-right: 10px;
}

.invalid-feedback {
  color: #fa8989;
  font-size: 12px;
  margin-bottom: 10px;
}

.signin-gmail {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 10px;
}
.signin-gmail > a {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 265px;
  height: 50px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  opacity: 1;
  margin: 0 auto;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.signin-gmail > a:hover {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  transition: all 0.3s ease-in-out;
}
.signin-gmail > a .icon-gmail {
  background-image: url(/images/icon-gmail.svg?8e62f88869f286bc08d5acf39030a955);
  width: 24px;
  height: 18px;
  background-size: contain;
  margin-right: 12px;
}
.signin-gmail > a span {
  color: #293038;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  #sales-modal {
    padding: 0;
    overflow-x: scroll;
  }
}
#sales-modal .modal-default-container {
  padding: 0;
}
#sales-modal .modal-default-container.bg-dark {
  color: #f6f7f9;
  max-width: 1100px;
  background-color: #14171F;
}
#sales-modal .modal-default-container.bg-dark header.modal-default-header {
  display: flex;
  justify-content: space-between;
  padding: 16px 32px 0 32px;
  text-align: left;
}
#sales-modal .modal-default-container.bg-dark header.modal-default-header .logo {
  display: inline-block;
}
#sales-modal .modal-default-container.bg-dark header.modal-default-header .logo--title {
  display: flex;
}
#sales-modal .modal-default-container.bg-dark header.modal-default-header .logo--title h3 {
  font-family: Figtree, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  text-transform: uppercase;
}
#sales-modal .modal-default-container.bg-dark header.modal-default-header .logo--title i {
  display: block;
  width: 90px;
  height: 0.5px;
  border-width: 0.25px;
  align-self: center;
  background: #a38c65;
  margin-left: 5px;
}
#sales-modal .modal-default-container.bg-dark header.modal-default-header .logo--img {
  white-space: nowrap;
  align-items: center;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
#sales-modal .modal-default-container.bg-dark header.modal-default-header .logo--img img.svg-logo {
  width: unset;
  height: 20px;
}
#sales-modal .modal-default-container.bg-dark header.modal-default-header .logo--img i {
  font-family: Figtree, serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
#sales-modal .modal-default-container.bg-dark header.modal-default-header .modal-close {
  position: relative;
  top: 0;
  right: -8px;
  background-color: rgba(0, 0, 0, 0);
}
#sales-modal .modal-default-container.bg-dark .modal-default-body {
  padding: 0 150px 56px 150px;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .body-title {
  text-align: center;
  margin-top: 36px;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .body-title h2 {
  font-family: Figtree, serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  margin: 0 24px;
  white-space: nowrap;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 {
  display: flex;
  flex-direction: column;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .table-list {
  display: flex;
  flex-direction: column;
  min-width: 370px;
  border: 1px solid #3D4047;
  border-radius: 8px;
  background: #22242B;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .table-list span {
  color: #F6F7F9;
  font-family: Figtree, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  padding: 12px 16px;
  justify-content: left;
  align-items: center;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .table-list span:nth-child(n+2) {
  border-top: 1px solid #3D4047;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .table-list span i.icon-svg {
  display: flex;
  align-items: center;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .table-list span i.icon-svg img {
  height: 20px;
  width: 20px;
  margin-right: 14px;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .select-plan {
  min-width: 370px;
  display: flex;
  justify-self: center;
  flex-direction: column;
  padding: 16px;
  gap: 26px;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .select-plan .plan {
  display: flex;
  max-width: 348px;
  justify-content: space-between;
  padding: 16px;
  gap: 16px;
  border: unset;
  border-radius: 8px;
  opacity: 0.7;
  background: #22242B;
  transition: all 0.5s ease-in-out;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .select-plan .plan--info {
  display: flex;
  flex-direction: column;
  text-align: justify;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .select-plan .plan--info h4 {
  color: #F6F7F9;
  font-family: Figtree, serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .select-plan .plan--info span {
  color: #00CC9B;
  font-family: Figtree, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .select-plan .plan--price {
  display: flex;
  flex-direction: column;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .select-plan .plan--price span.old-price {
  color: #F6F7F9;
  font-family: Figtree, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0.07px;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .select-plan .plan--price span.new-price {
  color: #F6F7F9;
  font-family: Figtree, serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .select-plan .plan.selected {
  border: 1px solid #52607A;
  box-shadow: -4px 8px 20px 0px #282E3E;
  scale: 1.1;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 div.subscribe {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 div.subscribe h4.selected-price {
  margin-top: 24px;
  margin-bottom: 16px;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 div.subscribe a.submit-subscribe {
  color: #FFF;
  font-family: Figtree, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  border-radius: 100px;
  background: linear-gradient(358deg, #00523E -22.25%, #00CC9B 212.37%);
  box-shadow: 0 4px 40px 0 rgba(56, 60, 71, 0.6470588235);
  padding: 12px 24px;
}
#sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2.center {
  align-items: center;
}
@media (max-width: 767px) {
  #sales-modal .modal-default-container.bg-dark {
    top: 0;
    position: absolute;
    width: 100%;
    border-radius: 0;
  }
  #sales-modal .modal-default-container.bg-dark header.modal-default-header {
    padding: 12px 16px 0 16px;
    background: #22242B;
  }
  #sales-modal .modal-default-container.bg-dark header.modal-default-header .logo {
    display: inline-block;
  }
  #sales-modal .modal-default-container.bg-dark header.modal-default-header .logo--title {
    display: flex;
  }
  #sales-modal .modal-default-container.bg-dark header.modal-default-header .logo--title h3 {
    font-size: 14px;
  }
  #sales-modal .modal-default-container.bg-dark header.modal-default-header .logo--img img.svg-logo {
    height: 18px;
  }
  #sales-modal .modal-default-container.bg-dark header.modal-default-header .logo--img i {
    font-size: 18px;
    line-height: 20px;
  }
  #sales-modal .modal-default-container.bg-dark .modal-default-body {
    padding: 0 0 32px;
  }
  #sales-modal .modal-default-container.bg-dark .modal-default-body .body-title {
    margin-top: unset;
    padding: 36px 0 48px;
    background: #22242B;
  }
  #sales-modal .modal-default-container.bg-dark .modal-default-body .body-title h2 {
    font-size: 20px;
    line-height: 24px;
    white-space: unset;
    margin: 0 14%;
  }
  #sales-modal .modal-default-container.bg-dark .modal-default-body .columns {
    flex-direction: column;
    margin-top: unset;
  }
  #sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .table-list {
    min-width: 100%;
    border-radius: 0;
    border-top: unset;
    border-left: unset;
    border-right: unset;
    padding: 0 16px;
  }
  #sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .table-list span {
    padding: 12px 0;
  }
  #sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 .select-plan {
    min-width: 100%;
    margin-top: 10px;
  }
  #sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2 div.subscribe h4.selected-price {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #sales-modal .modal-default-container.bg-dark .modal-default-body .columns .col-2.center {
    align-self: center;
  }
}

#percentage-wallet-modal {
  /** element hidden to clone width */
}
#percentage-wallet-modal .modal-default-container {
  padding: 0;
  border-radius: 10px;
  font-family: Figtree, serif;
}
@media (min-width: 768px) {
  #percentage-wallet-modal .modal-default-container {
    max-width: 450px;
  }
}
#percentage-wallet-modal .modal-default-container header.modal-default-header {
  display: flex;
  text-align: left;
  justify-content: space-between;
  padding: 16px 24px;
}
#percentage-wallet-modal .modal-default-container header.modal-default-header h3.modal-title {
  color: #424C57;
  font-size: 20px;
  font-style: normal;
  font-family: Figtree, serif;
  font-weight: 600;
  line-height: 24px;
}
#percentage-wallet-modal .modal-default-container header.modal-default-header .modal-close {
  position: relative;
  top: 0;
  right: -8px;
  background-color: rgba(0, 0, 0, 0);
}
#percentage-wallet-modal .modal-default-container header.modal-default-header .modal-close i,
#percentage-wallet-modal .modal-default-container header.modal-default-header .modal-close svg {
  color: #c3c3c3;
}
#percentage-wallet-modal .modal-default-container .modal-default-body {
  padding: 16px 24px;
  border-top: 1px solid #E3E6ED;
  /* Elevation 5 */
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-title {
  text-align: left;
  margin-top: 16px;
  margin-bottom: 16px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-title h2 {
  font-family: Figtree, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .btn-add-asset {
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  color: #2C3A53;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .btn-add-asset i,
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .btn-add-asset svg {
  margin-top: -2px;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  padding: 2px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .list-add-asset {
  display: flex;
  margin-top: 12px;
  transition: all 0.5s ease-in-out;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .list-add-asset #asset_type {
  width: 182px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .list-add-asset .select2.select2-container {
  width: 100%;
  margin-right: 16px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .list-add-asset .select2.select2-container span.selection .select2-selection {
  display: flex;
  align-items: center;
  height: 40px;
  border: 1px solid #cecece;
  border-radius: 8px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .list-add-asset .select2.select2-container span.selection .select2-selection span.select2-selection__rendered {
  font-family: Figtree, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: #2C3A53;
  text-transform: Initial;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .list-add-asset .select2.select2-container span.selection .select2-selection span.select2-selection__arrow {
  height: 40px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .list-add-asset button.btn-confirme {
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  border-style: none;
  transition: all 0.1s ease-in-out;
  background: #F6F7F9;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .list-add-asset button.btn-confirme:hover {
  background: #dcdcdc;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-footer .list-add-asset.hidden {
  display: none;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-alert {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  background-color: #F6F7F9;
  border-radius: 8px;
  padding: 8px 12px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-alert-success {
  color: #009974;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 9px 0 10px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-alert-success i, #percentage-wallet-modal .modal-default-container .modal-default-body .body-alert-success svg {
  margin-right: 8px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-alert-another {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-alert .percentage-compare .value-compare.danger {
  color: #CB0B38;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-alert .percentage-compare .value-compare.warning {
  color: #F3AB20;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .body-alert .hidden {
  display: none;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column {
  overflow-y: auto;
  max-height: calc(100vh - 430px);
  display: flex;
  flex-direction: column;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type {
  display: flex;
  flex-direction: column;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .fa-trash {
  width: 12px;
  color: lightcoral;
  cursor: pointer;
  margin-left: 5px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type label {
  font-family: Figtree, serif;
  font-weight: 500;
  line-height: 16px;
  font-size: 16px;
  text-align: left;
  margin-bottom: 8px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin-bottom: 14px;
  padding: 0 16px 0 0;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls .close-button {
  border-color: unset;
  border-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  gap: 10px;
  width: 20px;
  height: 20px;
  background: #F6F7F9;
  border-radius: 100px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls .close-button i, #percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls .close-button svg {
  color: #778698;
  width: 9px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls .percentage-input {
  display: flex;
  justify-content: space-between;
  border: 1px solid #E3E6ED;
  border-radius: 8px;
  padding: 4px;
  height: 40px;
  align-items: center;
  width: 100%;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls .percentage-input button.percentage-button {
  font-size: 20px;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 6px;
  border-color: unset;
  border-style: none;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  background-color: #F6F7F9;
  transition: all 0.1s ease-in-out;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls .percentage-input button.percentage-button i,
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls .percentage-input button.percentage-button svg {
  color: #424C57;
  width: 13px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls .percentage-input button.percentage-button:hover {
  background-color: #dcdcdc;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls .percentage-input div.percentage {
  width: unset;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls .percentage-input div.percentage label {
  width: 150px;
  text-align: center;
  margin-bottom: unset;
  line-height: 19px;
}
#percentage-wallet-modal .modal-default-container .modal-default-body .column .asset-type .percentage-controls .percentage-input div.percentage label input.percentage-value-input {
  font-family: Figtree, serif;
  width: 18px;
  min-width: 11px;
  border: unset;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
#percentage-wallet-modal .modal-default-container .modal-default-footer {
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
}
#percentage-wallet-modal .modal-default-container .modal-default-footer .btn {
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  border-style: none;
  transition: all 0.1s ease-in-out;
}
#percentage-wallet-modal .modal-default-container .modal-default-footer .btn-success {
  color: #fff;
  background: #2F3137;
}
#percentage-wallet-modal .modal-default-container .modal-default-footer .btn-success:hover {
  background: rgba(47, 49, 55, 0.8352941176);
}
#percentage-wallet-modal .modal-default-container .modal-default-footer .btn-success[disabled=disabled] {
  cursor: no-drop;
  background: rgba(47, 49, 55, 0.7098039216);
}
#percentage-wallet-modal .modal-default-container .modal-default-footer .btn-danger {
  background: #F6F7F9;
}
#percentage-wallet-modal .modal-default-container .modal-default-footer .btn-danger:hover {
  background: #dcdcdc;
}
#percentage-wallet-modal .wrapper {
  width: 500px;
}
#percentage-wallet-modal .progress-bar {
  width: 100%;
  background-color: #e0e0e0;
  padding: 3px;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
#percentage-wallet-modal .progress-bar .percentage {
  width: auto;
  color: white;
  /*mix-blend-mode: difference;*/
  position: absolute;
  right: calc(50% - 50px);
}
#percentage-wallet-modal .progress-bar-fill {
  display: block;
  height: 22px;
  background-color: #659cef;
  border-radius: 3px;
  transition: width 200ms ease-in-out;
}
#percentage-wallet-modal .percentage {
  width: 100%;
  display: flex;
}
#percentage-wallet-modal .percentage-value-text {
  pointer-events: none;
  position: relative;
  left: 45%;
  margin-top: 5px;
  width: 0;
}
#percentage-wallet-modal input[type=range] {
  height: 30px;
  -webkit-appearance: none;
  padding: 0 10px;
  width: 100%;
}
#percentage-wallet-modal input[type=range]:focus {
  outline: none;
}
#percentage-wallet-modal input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #EDEDED;
  border-radius: 7px;
  border: 0px solid #8A8A8A;
}
#percentage-wallet-modal input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #828282;
  border: 1px solid #8A8A8A;
  height: 22px;
  width: 28px;
  border-radius: 6px;
  background: #EDEDED;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -1.5px;
}
#percentage-wallet-modal input[type=range]:focus::-webkit-slider-runnable-track {
  background: #EDEDED;
}
#percentage-wallet-modal input[type=range]::-moz-range-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #EDEDED;
  border-radius: 7px;
  border: 0px solid #8A8A8A;
}
#percentage-wallet-modal input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #828282;
  border: 1px solid #8A8A8A;
  height: 22px;
  width: 28px;
  border-radius: 6px;
  background: #EDEDED;
  cursor: pointer;
}
#percentage-wallet-modal input[type=range]::-ms-track {
  width: 100%;
  height: 20px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
#percentage-wallet-modal input[type=range]::-ms-fill-lower {
  background: #EDEDED;
  border: 0px solid #8A8A8A;
  border-radius: 14px;
  box-shadow: 0px 0px 0px #000000;
}
#percentage-wallet-modal input[type=range]::-ms-fill-upper {
  background: #EDEDED;
  border: 0px solid #8A8A8A;
  border-radius: 14px;
  box-shadow: 0px 0px 0px #000000;
}
#percentage-wallet-modal input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 1px #828282;
  border: 1px solid #8A8A8A;
  height: 22px;
  width: 28px;
  border-radius: 6px;
  background: #EDEDED;
  cursor: pointer;
}
#percentage-wallet-modal input[type=range]:focus::-ms-fill-lower {
  background: #EDEDED;
}
#percentage-wallet-modal input[type=range]:focus::-ms-fill-upper {
  background: #EDEDED;
}
#percentage-wallet-modal div.div-teste {
  font-family: Figtree, serif;
  border: unset;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.modal-signup, .modal-signup-access {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6588235294);
  z-index: 1055;
  display: none;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.modal-signup fieldset, .modal-signup-access fieldset {
  border: none;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  margin-bottom: 10px;
}
.modal-signup fieldset legend, .modal-signup-access fieldset legend {
  padding: 0 15px;
}
.modal-signup.show, .modal-signup-access.show {
  display: flex;
}
.modal-signup.show .modal-signup-container, .modal-signup-access.show .modal-signup-container {
  max-height: 95vh;
  opacity: 1;
  animation-delay: 0.3s;
}
@media (max-width: 767px) {
  .modal-signup, .modal-signup-access {
    padding: 25px;
  }
}
.modal-signup-container, .modal-signup-access-container {
  position: relative;
  max-width: 500px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2509803922);
  border-radius: 20px;
  opacity: 0;
}
.modal-signup-container .modal-close, .modal-signup-access-container .modal-close {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 30px;
  background-color: #a38c65;
}
.modal-signup-container .modal-close svg, .modal-signup-access-container .modal-close svg {
  color: #fff;
}
.modal-signup-header, .modal-signup-access-header {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 30px;
}
.modal-signup-header a img, .modal-signup-access-header a img {
  width: 200px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .modal-signup-header a img, .modal-signup-access-header a img {
    width: 160px;
    height: 22px;
  }
}
.modal-signup-header .divider, .modal-signup-access-header .divider {
  width: 1px;
  height: 40px;
  background: #e5e5e5;
  border-radius: 10px;
  margin: 0 40px;
}
@media (max-width: 767px) {
  .modal-signup-header .divider, .modal-signup-access-header .divider {
    margin: 0 20px;
  }
}
.modal-signup-header span, .modal-signup-access-header span {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-align: left;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .modal-signup-header span, .modal-signup-access-header span {
    font-size: 18px;
    line-height: 24px;
  }
}
.modal-signup-form, .modal-signup-access-form {
  padding: 0 30px 30px;
}
@media (max-width: 767px) {
  .modal-signup-form, .modal-signup-access-form {
    padding: 0 20px 20px;
  }
}
.modal-signup-form form .input-group, .modal-signup-access-form form .input-group {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: #e5e5e5;
  border-radius: 10px;
  padding: 0 20px;
  border: 2px solid #e5e5e5;
}
.modal-signup-form form .input-group.focus, .modal-signup-access-form form .input-group.focus {
  border: 2px solid #293038;
  background-color: #ffffff;
  color: #293038;
}
.modal-signup-form form .input-group.focus svg, .modal-signup-access-form form .input-group.focus svg {
  color: #293038;
}
.modal-signup-form form .input-group.focus input::-moz-placeholder, .modal-signup-access-form form .input-group.focus input::-moz-placeholder {
  color: #293038;
}
.modal-signup-form form .input-group.focus input::placeholder, .modal-signup-access-form form .input-group.focus input::placeholder {
  color: #293038;
}
.modal-signup-form form .input-group + .input-group, .modal-signup-access-form form .input-group + .input-group {
  margin-top: 15px;
}
.modal-signup-form form .input-group svg, .modal-signup-access-form form .input-group svg {
  color: #999999;
  font-size: 18px;
  margin-right: 20px;
}
.modal-signup-form form .input-group .fa-eye, .modal-signup-access-form form .input-group .fa-eye {
  margin-right: 0;
  cursor: pointer;
}
.modal-signup-form form .input-group .fa-eye:hover, .modal-signup-access-form form .input-group .fa-eye:hover {
  color: #000;
}
.modal-signup-form form .input-group .fa-eye.active, .modal-signup-access-form form .input-group .fa-eye.active {
  color: #000;
}
.modal-signup-form form .input-group input, .modal-signup-access-form form .input-group input {
  background-color: transparent;
  border: 0;
  padding: 10px 0;
  width: 100%;
  color: #293038;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  outline: none;
}
.modal-signup-form form .input-group input::-moz-placeholder, .modal-signup-access-form form .input-group input::-moz-placeholder {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}
.modal-signup-form form .input-group input::placeholder, .modal-signup-access-form form .input-group input::placeholder {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}
.modal-signup-form form .input-group input::-ms-reveal,
.modal-signup-form form .input-group input::-ms-clear, .modal-signup-access-form form .input-group input::-ms-reveal,
.modal-signup-access-form form .input-group input::-ms-clear {
  display: none;
}
.modal-signup-form form .form-group, .modal-signup-access-form form .form-group {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  margin-top: 15px;
}
.modal-signup-form form .form-group input[type=submit], .modal-signup-access-form form .form-group input[type=submit] {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 50px;
  width: 100%;
  border: 0;
  background-color: #293038;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  cursor: pointer;
}
.modal-signup-form form .form-group input[type=submit]:hover, .modal-signup-access-form form .form-group input[type=submit]:hover {
  background-color: #a38c65;
  color: #ffffff;
}
.modal-signup-form p, .modal-signup-access-form p {
  color: #666666;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}
.modal-signup-form p a, .modal-signup-access-form p a {
  color: #666666;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  text-decoration: underline;
}
.modal-signup .divider-line, .modal-signup-access .divider-line {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: rgba(204, 204, 204, 0.6470588235);
  border-radius: 10px;
}
.modal-signup .divider-line > label, .modal-signup-access .divider-line > label {
  color: #666666;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0;
  white-space: nowrap;
  text-transform: uppercase;
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  padding: 0 10px;
}
.modal-signup .signin-gmail, .modal-signup-access .signin-gmail {
  margin-top: 30px;
}
.modal-signup .signup, .modal-signup-access .signup {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 250px;
  height: 50px;
  border: 1px solid #a38c65;
  background-color: #a38c65;
  border-radius: 10px;
  opacity: 1;
  color: #ffffff;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 40px auto;
  cursor: pointer;
}
.modal-signup .signup:hover, .modal-signup-access .signup:hover {
  background-color: #293038;
  border: 1px solid #293038;
}

.modal-signup-access p {
  margin: 0px;
}

.tt-hint {
  display: none;
}

.twitter-typeahead {
  display: flex !important;
  position: inherit !important;
}

.form-search {
  position: relative;
}
.form-search .fa-spin {
  position: absolute;
  left: 47%;
}

.modal-search {
  position: absolute;
  left: 50%;
  width: 500px;
  border-radius: 10px;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transform-origin: bottom;
  z-index: 1051;
  opacity: 0;
  visibility: hidden;
  transform: translateY(70%);
  margin-left: -250px;
  text-align: left;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2509803922);
  border: 2px solid #d3b583;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.modal-search::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
}
.modal-search.open {
  display: flex;
  opacity: 1;
  visibility: visible;
  transform: translateY(8px);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 1024px) {
  .modal-search {
    width: 370px;
    margin-left: -185px;
  }
}
@media (max-width: 767px) {
  .modal-search {
    width: 320px;
    margin-left: -160px;
  }
}
.modal-search .autocomplete-suggestions {
  padding: 0;
  margin: 0;
  width: 100% !important;
  position: relative !important;
  max-height: 999999px !important;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion:first-of-type a {
  border-radius: 10px 10px 0 0;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion:last-of-type a {
  border-radius: 0 0 10px 10px;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion > a {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 767px) {
  .modal-search .autocomplete-suggestions .autocomplete-suggestion > a {
    padding: 15px;
  }
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion > a:hover {
  background-color: #e5e5e5;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion + .autocomplete-suggestion {
  border-top: 1px solid #cccccc;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .group {
  display: flex;
  align-items: center;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .group > img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-right: 15px;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .group .info h3 {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  margin-bottom: 6px;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .group .info h3 strong {
  text-transform: uppercase;
  font-weight: 800;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .group .info .price {
  display: flex;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .group .info .price span {
  color: #999999;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  letter-spacing: 0px;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .group .info .price .parcentage {
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  letter-spacing: 0px;
  margin-left: 13px;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .group .info .price .parcentage.up {
  color: #20ac25;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .group .info .price .parcentage.down {
  color: #f24242;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .group .info .price .parcentage.left {
  color: #64a1c5;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .badge {
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  line-height: 16px;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: center;
  min-width: 60px;
  padding: 2px 10px;
  border-radius: 5px;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .badge.ação {
  background-color: #d3b583;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .badge.fii {
  background-color: #666666;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .badge.cripto {
  background-color: #fa7777;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .badge.índice {
  background-color: #43b64c;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .badge.etf {
  background-color: #3c8baa;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .badge.stock {
  background-color: #9ea01e;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .badge.bdr {
  background-color: #9b3d70;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .badge.fundo {
  background-color: #9b3d70;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .badge.moeda {
  background-color: #000000;
}
.modal-search .autocomplete-suggestions .autocomplete-suggestion .badge.aai {
  background-color: #6f00ff;
}

.modal-default {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6588235294);
  z-index: 1055;
  display: none;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.modal-default.show {
  display: flex;
}
.modal-default.show .modal-default-container {
  opacity: 1;
  animation-delay: 0.3s;
}
@media (max-width: 767px) {
  .modal-default {
    padding: 25px;
  }
}
.modal-default-container {
  position: relative;
  max-width: 620px;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2509803922);
  border-radius: 20px;
  padding: 10px;
  opacity: 0;
  animation-delay: 0.3s;
}
.modal-default-container iframe {
  border-radius: 15px !important;
}
.modal-default-container .modal-content {
  border-radius: 15px !important;
}
.modal-default-container .modal-close {
  position: absolute;
  top: -4px;
  right: -4px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 30px;
  background-color: #a38c65;
}
.modal-default-container .modal-close svg {
  color: #fff;
}
.modal-default-header {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 30px;
}
.modal-default-header a img {
  width: 200px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .modal-default-header a img {
    width: 160px;
    height: 22px;
  }
}
.modal-default-header .divider {
  width: 1px;
  height: 40px;
  background: #e5e5e5;
  border-radius: 10px;
  margin: 0 40px;
}
@media (max-width: 767px) {
  .modal-default-header .divider {
    margin: 0 20px;
  }
}
.modal-default-header span {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-align: left;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .modal-default-header span {
    font-size: 18px;
    line-height: 24px;
  }
}
.modal-default-form {
  padding: 0 30px 30px;
}
@media (max-width: 767px) {
  .modal-default-form {
    padding: 0 20px 20px;
  }
}
.modal-default-form form .input-group {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: #e5e5e5;
  border: 2px solid #e5e5e5;
  border-radius: 10px;
  padding: 0 20px;
}
.modal-default-form form .input-group.focus {
  border: 2px solid #293038;
  background-color: #ffffff;
  color: #293038;
}
.modal-default-form form .input-group.focus svg {
  color: #293038;
}
.modal-default-form form .input-group.focus input {
  outline: none;
}
.modal-default-form form .input-group.focus input::-moz-placeholder {
  color: #293038;
}
.modal-default-form form .input-group.focus input::placeholder {
  color: #293038;
}
.modal-default-form form .input-group + .input-group {
  margin-top: 20px;
}
.modal-default-form form .input-group svg {
  color: #999999;
  font-size: 18px;
  margin-right: 20px;
}
.modal-default-form form .input-group input {
  background-color: transparent;
  border: 0;
  padding: 10px 0;
  width: 100%;
  color: #293038;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
.modal-default-form form .input-group input::-moz-placeholder {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}
.modal-default-form form .input-group input::placeholder {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}
.modal-default-form form .input-group .fa-eye {
  margin-right: 0;
  color: #999999 !important;
  cursor: pointer;
}
.modal-default-form form .input-group .fa-eye:hover {
  color: #000 !important;
}
.modal-default-form form .input-group .fa-eye.active {
  color: #000 !important;
}
.modal-default-form form input::-ms-reveal,
.modal-default-form form input::-ms-clear {
  display: none;
}
.modal-default-form form .form-group {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  margin-top: 20px;
}
.modal-default-form form .form-group input[type=submit] {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 50px;
  width: 100%;
  border: 0;
  background-color: #293038;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  cursor: pointer;
}
.modal-default-form form .form-group input[type=submit]:hover {
  background-color: #a38c65;
  color: #ffffff;
}
.modal-default-form form .form-group .forgot-password {
  width: 100%;
  text-align: right;
  text-decoration: underline;
  color: #666666;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
}
.modal-default .divider-line {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: rgba(204, 204, 204, 0.6470588235);
  border-radius: 10px;
}
.modal-default .divider-line > label {
  color: #666666;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0;
  white-space: nowrap;
  text-transform: uppercase;
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  padding: 0 10px;
}
.modal-default .signin-gmail {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 35px;
}
.modal-default .signin-gmail > a {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 265px;
  height: 50px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  opacity: 1;
  margin: 0 auto;
  cursor: pointer;
}
.modal-default .signin-gmail > a:hover {
  background-color: #293038;
  border: 1px solid #293038;
}
.modal-default .signin-gmail > a:hover span {
  color: #ffffff;
}
.modal-default .signin-gmail > a .icon-gmail {
  background-image: url(/images/icon-gmail.svg?8e62f88869f286bc08d5acf39030a955);
  width: 24px;
  height: 18px;
  background-size: contain;
  margin-right: 12px;
}
.modal-default .signin-gmail > a span {
  color: #293038;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
}
.modal-default .signup {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 250px;
  height: 50px;
  border: 1px solid #a38c65;
  background-color: #a38c65;
  border-radius: 10px;
  opacity: 1;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 30px auto;
  cursor: pointer;
}
.modal-default .signup:hover {
  background-color: #293038;
  border: 1px solid #293038;
}

.modal-alert {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6588235294);
  z-index: 1055;
  display: none;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  align-items: center;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.modal-alert.show {
  display: flex;
}
.modal-alert.show .modal-alert-container {
  opacity: 1;
  animation-delay: 0.3s;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 767px) {
  .modal-alert {
    padding: 25px;
  }
}
.modal-alert-container {
  position: relative;
  max-width: 500px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2509803922);
  border-radius: 20px;
  opacity: 0;
  animation-delay: 0.3s;
  padding: 20px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.modal-alert-container .modal-close {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 30px;
  background-color: #a38c65;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.modal-alert-container .modal-close svg {
  color: #fff;
}
.modal-alert-header {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 30px;
}
.modal-alert-header a img {
  width: 200px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .modal-alert-header a img {
    width: 160px;
    height: 22px;
  }
}
.modal-alert-header .divider {
  width: 1px;
  height: 40px;
  background: #e5e5e5;
  border-radius: 10px;
  margin: 0 40px;
}
@media (max-width: 767px) {
  .modal-alert-header .divider {
    margin: 0 20px;
  }
}
.modal-alert-header span {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-align: left;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .modal-alert-header span {
    font-size: 18px;
    line-height: 24px;
  }
}
.modal-alert-form {
  padding: 0 30px 30px;
}
@media (max-width: 767px) {
  .modal-alert-form {
    padding: 0 20px 20px;
  }
}
.modal-alert-form form .input-group {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: #e5e5e5;
  border: 2px solid #e5e5e5;
  border-radius: 10px;
  padding: 0 20px;
}
.modal-alert-form form .input-group.focus {
  border: 2px solid #293038;
  background-color: #ffffff;
  color: #293038;
}
.modal-alert-form form .input-group.focus svg {
  color: #293038;
}
.modal-alert-form form .input-group.focus input::-moz-placeholder {
  color: #293038;
}
.modal-alert-form form .input-group.focus input::placeholder {
  color: #293038;
}
.modal-alert-form form .input-group + .input-group {
  margin-top: 20px;
}
.modal-alert-form form .input-group svg {
  color: #999999;
  font-size: 18px;
  margin-right: 20px;
}
.modal-alert-form form .input-group input {
  background-color: transparent;
  border: 0;
  padding: 10px 0;
  width: 100%;
  color: #293038;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
.modal-alert-form form .input-group input::-moz-placeholder {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}
.modal-alert-form form .input-group input::placeholder {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #999999;
}
.modal-alert-form form .form-group {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  margin-top: 20px;
}
.modal-alert-form form .form-group input[type=submit] {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 50px;
  width: 100%;
  border: 0;
  background-color: #293038;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.modal-alert-form form .form-group input[type=submit]:hover {
  background-color: #a38c65;
  color: #ffffff;
}
.modal-alert-form form .form-group .forgot-password {
  width: 100%;
  text-align: right;
  text-decoration: underline;
  color: #666666;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
}
.modal-alert .divider-line {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: rgba(204, 204, 204, 0.6470588235);
  border-radius: 10px;
}
.modal-alert .divider-line > label {
  color: #666666;
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0;
  white-space: nowrap;
  text-transform: uppercase;
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
  padding: 0 10px;
}
.modal-alert .signin-gmail {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 35px;
}
.modal-alert .signin-gmail > a {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 250px;
  height: 50px;
  border: 1px solid #cccccc;
  border-radius: 10px;
  opacity: 1;
  margin: 0 auto;
  cursor: pointer;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.modal-alert .signin-gmail > a:hover {
  background-color: #293038;
  border: 1px solid #293038;
}
.modal-alert .signin-gmail > a:hover span {
  color: #ffffff;
}
.modal-alert .signin-gmail > a .icon-gmail {
  background-image: url(/images/icon-gmail.svg?8e62f88869f286bc08d5acf39030a955);
  width: 24px;
  height: 18px;
  background-size: contain;
  margin-right: 12px;
}
.modal-alert .signin-gmail > a span {
  color: #293038;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.modal-alert .signup {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 250px;
  height: 50px;
  border: 1px solid #a38c65;
  background-color: #a38c65;
  border-radius: 10px;
  opacity: 1;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  margin: 30px auto;
  cursor: pointer;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.modal-alert .signup:hover {
  background-color: #293038;
  border: 1px solid #293038;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

.close:focus,
.close:hover {
  background: #b39b73;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 16px;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

button.close {
  opacity: 1;
}

button.close {
  border-radius: 100%;
  background: #A38C65;
  color: #fff;
  box-shadow: none;
  top: -12.5px;
  right: -12.5px;
  position: absolute;
  font-weight: 100;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
@media (min-width: 768px) {
  button.close {
    margin: 0 !important;
  }
}

/* Compare Actions */
div#modal-ticker-compare .modal-header, div#modal-ticker-follow .modal-header {
  border-bottom: 0;
  padding-bottom: 0;
}
div#modal-ticker-compare .modal-header h5, div#modal-ticker-follow .modal-header h5 {
  font-size: 24px;
  text-align: center;
  font-weight: 800;
  width: 100%;
  padding-top: 0px;
}
div#modal-ticker-compare #search-ticker, div#modal-ticker-follow #search-ticker {
  display: flex;
  justify-content: space-between;
  background: #E5E5E5;
  border-radius: 10px;
  border: 0;
  font-size: 18px;
  font-weight: 800;
  color: #999999;
  font-family: "Nunito";
  height: 50px;
}
div#modal-ticker-compare .title-tached, div#modal-ticker-follow .title-tached {
  margin: 5px 0;
}
div#modal-ticker-compare ul#container-tickers, div#modal-ticker-follow ul#container-tickers {
  overflow: auto;
  height: 260px;
}
div#modal-ticker-compare ul#container-tickers .image, div#modal-ticker-follow ul#container-tickers .image {
  border: 1px solid #ccc;
  border-radius: 10px;
  margin-right: 15px;
  display: flex;
  width: 80px;
  height: 50px;
  align-items: center;
  justify-content: center;
}
div#modal-ticker-compare ul#container-tickers .image img, div#modal-ticker-follow ul#container-tickers .image img {
  height: 30px;
}
div#modal-ticker-compare ul#container-tickers a, div#modal-ticker-follow ul#container-tickers a {
  color: #293038;
}
div#modal-ticker-compare ul#container-tickers a .company-name, div#modal-ticker-follow ul#container-tickers a .company-name {
  color: #999999;
}
div#modal-ticker-compare ul#container-tickers .adicionar, div#modal-ticker-follow ul#container-tickers .adicionar {
  background: #fff;
  border: rgba(112, 112, 112, 0.4862745098) 1px solid;
  color: #999999;
  height: 50px;
  text-transform: uppercase;
  margin-right: 10px;
}
div#modal-ticker-compare ul#container-tickers .adicionar:hover, div#modal-ticker-follow ul#container-tickers .adicionar:hover {
  background: #f4f4f4;
  color: #000;
}
div#modal-ticker-compare ul#container-tickers .remover, div#modal-ticker-follow ul#container-tickers .remover {
  background: #293038;
  border: #293038 1px solid;
  color: #fff;
  height: 50px;
  text-transform: uppercase;
  margin-right: 10px;
}
div#modal-ticker-compare ul#container-tickers .remover:hover, div#modal-ticker-follow ul#container-tickers .remover:hover {
  background: #64676a;
  color: #fff;
}
div#modal-ticker-compare ul#container-tickers .list-group-item, div#modal-ticker-follow ul#container-tickers .list-group-item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-right: 0px;
}
div#modal-ticker-compare #container-chip, div#modal-ticker-follow #container-chip {
  display: grid;
  --spacing: 20px;
  --column-count: 5;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--spacing);
}
div#modal-ticker-compare #container-chip .chip, div#modal-ticker-follow #container-chip .chip {
  background: #fff;
  border: rgba(112, 112, 112, 0.4862745098) 1px solid;
  color: #293038;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-weight: 800;
}
div#modal-ticker-compare #container-chip .chip svg, div#modal-ticker-follow #container-chip .chip svg {
  cursor: pointer;
}
div#modal-ticker-compare #compare, div#modal-ticker-follow #compare {
  height: 50px;
  width: 100%;
  font-size: 18px;
  text-transform: uppercase;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}
@media (max-width: 576px) {
  .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
  }
  .modal-header .close span {
    position: relative;
    top: 0;
    left: 0;
    font-weight: initial;
  }
}
div#enquete {
  padding: 18px;
}
div#enquete img {
  margin-right: 18px;
}
div#enquete h4 {
  padding: 20px 0;
  font-size: 20px;
  text-align: left;
}
div#enquete form {
  display: flex;
  flex-direction: column;
  max-width: 346px;
  margin: 0 auto;
}
div#enquete form label {
  margin-bottom: 10px;
}
div#enquete form .btn-container {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  div#enquete .d-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  div#enquete .d-flex img {
    margin-bottom: 8px;
    margin-right: 0;
  }
}

.swal2-toast {
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: calc(100vw - 40px) !important;
}
.swal2-toast .swal2-title {
  text-align: left;
}

.site-header {
  --header-height: 80px;
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  height: var(--header-height);
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px rgba(11, 75, 139, 0.2509803922);
  opacity: 1;
  z-index: 1050;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 1024px) {
  .site-header {
    position: fixed;
  }
}
.site-header.sticky {
  --header-height: 60px;
  z-index: 1050;
  position: fixed;
}
@media (max-width: 1024px) {
  .site-header.sticky {
    --header-height: 70px;
    z-index: 1;
  }
}
@media (max-width: 1024px) {
  .site-header {
    --header-height: 64px;
    background: #22242B;
    border-bottom: 1px solid #282D34;
  }
}
.site-header--hamburger {
  display: none;
  background-color: transparent;
  border: 0;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  flex-direction: column;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--hamburger > span {
  height: 3px;
  width: 100%;
  border-radius: 100px;
  background-color: #ffffff;
}
.site-header--hamburger img {
  width: 22px;
  height: 20px;
}
@media (max-width: 1024px) {
  .site-header--hamburger {
    display: flex;
  }
}
.site-header--container {
  width: 100%;
  padding: 0 6px;
  height: var(--header-height);
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--brand {
  display: flex;
  align-items: center;
}
.site-header--brand img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 1024px) {
  .site-header--brand img:first-of-type {
    display: none;
  }
}
.site-header--brand img:last-child {
  display: none;
  width: 155px;
  height: 28px;
}
@media (max-width: 1024px) {
  .site-header--brand img:last-child {
    display: flex;
  }
}
.site-header--brand .partner {
  padding-left: 20px;
  color: #bebebe;
  font-size: 9px;
  line-height: 5px;
  transition: all 0.3s;
}
.site-header--brand .partner a {
  color: #bebebe;
}
.site-header--brand .partner .mobile {
  display: none !important;
}
.site-header--brand .partner img {
  width: 75px;
  height: auto;
  display: block !important;
}
.site-header--brand .partner:hover {
  transform: scale(1.05);
  transition: all 0.1s;
}
@media (max-width: 800px) {
  .site-header--brand {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
  }
  .site-header--brand .partner {
    display: none;
    text-align: right;
    margin-top: 5px;
  }
  .site-header--brand .partner .mobile {
    display: inline-block !important;
    width: 37px;
  }
  .site-header--brand .partner .desktop {
    display: none !important;
  }
}
.site-header--search {
  position: relative;
  width: 100%;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (min-width: 768px) {
  .site-header--search {
    background: linear-gradient(180deg, #CCCCCC -5.4%, #FFFFFF 100%);
    max-height: 0;
    overflow: hidden;
    transition: 0.9s max-height;
  }
  .site-header--search .hiden {
    max-height: 1300px;
    transition: max-height 0.5s;
    padding: 30px 0;
    border-bottom: 4px solid #a38c65;
  }
  .site-header--search.open {
    transition: 0.9s max-height;
    max-height: 800px;
  }
}
@media (max-width: 1024px) {
  .site-header--search {
    display: none;
    margin-left: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    background-color: #293038;
    -webkit-overflow-scrolling: touch;
    transform-origin: left;
    transform: translateX(-100%);
    transition: 0.5s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  .site-header--search.visible {
    opacity: 1;
    visibility: visible;
    overflow: scroll;
    display: block;
    -webkit-overflow-scrolling: touch;
    transform-origin: left;
    transform: translateX(0);
    transition: 0.5s;
    transition-timing-function: ease;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  }
}
.site-header--search .action-search-close {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 23px;
}
@media (max-width: 1024px) {
  .site-header--search .action-search-close {
    display: flex;
  }
}
@media (max-width: 1024px) {
  .site-header--search form {
    margin-top: 80px;
    padding: 0 45px;
  }
}
.site-header--search form .input-group {
  background-color: #fff;
  height: 60px;
  line-height: 50px;
  border-radius: 30px;
  padding: 0 13px;
  display: flex;
  align-items: center;
}
.site-header--search form .input-group.focus {
  background-color: #ffffff;
  border: 2px solid #d3b583;
}
@media (max-width: 1024px) {
  .site-header--search form .input-group {
    height: 50px;
  }
}
@media (max-width: 767px) {
  .site-header--search form .input-group {
    border-radius: 30px;
  }
}
.site-header--search form .input-group input[type=search] {
  font-weight: regular;
  font-size: 18px;
  line-height: 24px;
  width: auto;
}
@media (min-width: 1024px) {
  .site-header--search form .input-group input[type=search] {
    min-width: 450px;
  }
}
@media (max-width: 767px) {
  .site-header--search form .input-group input[type=search] {
    max-width: 260px;
    width: 100% !important;
    font-size: 14px;
  }
}
.site-header--search form .input-group input[type=search]:placeholder {
  font-size: 14px;
}
.site-header--search form .input-group button {
  font-weight: 700;
  color: #fff;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: none;
  background-color: #A38C65;
  text-transform: uppercase;
  transition: 500ms !important;
}
.site-header--search form .input-group button:disabled, .site-header--search form .input-group button[disabled] {
  background: #A38C65;
  cursor: not-allowed;
}
.site-header--search form .input-group button:disabled:hover, .site-header--search form .input-group button[disabled]:hover {
  background: #bbbbbb;
}
.site-header--search form .input-group button:hover {
  background: #88601a;
}
@media (max-width: 767px) {
  .site-header--search form .input-group button {
    padding: 0;
    width: 40px;
    min-width: 40px;
  }
}
.site-header--search .links {
  padding: 20px;
  margin-top: 40px;
  display: grid;
  --spacing: 30px;
  --column-count: 4;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--spacing);
  transition: 0.5s all;
}
.site-header--search .links.opacity {
  opacity: 0.1;
  transition: 0.5s all;
}
.site-header--search .links .col .block {
  margin-bottom: 0px;
}
.site-header--search .links .col .block h3 {
  margin-bottom: 10px;
}
.site-header--search .links .col .block ul {
  list-style: none;
}
.site-header--search .links .col .block ul li a {
  color: #000;
}
.site-header--search .links .col .block ul li a:hover {
  color: #a38c65;
}
.site-header--search .links h3.search-title {
  font-size: 16px;
  font-weight: 700;
  color: #2A2F38;
  display: inline-flex;
}
.site-header--search .links h3.search-title a {
  color: #2A2F38;
}
.site-header--search .links .col .block ul.search-list {
  font-size: 14px;
  line-height: 24px;
}
.site-header--search .links .col .block ul.search-list li > a {
  display: block;
  line-height: 30px !important;
  height: 30px !important;
  font-weight: 700;
  color: #555960;
  white-space: nowrap;
  transition: 0.5s all;
  padding-right: 15px;
  padding-left: 15px;
  min-width: 100px;
}
.site-header--search .links .col .block ul.search-list li > a:hover {
  color: #a38c65;
  mix-blend-mode: multiply;
  background-color: #e5e5e5;
  border-radius: 5px;
}
.site-header--search .links .btn-search-all {
  border-radius: 20px;
  font-size: 11px;
  font-weight: bold;
  display: inline-flex;
  text-align: center;
  line-height: 23px;
  height: 24px;
  width: 200px;
  justify-content: center;
  border: rgba(42, 47, 56, 0.2) 1px solid;
  margin-top: 10px;
  color: #2A2F38;
}
.site-header--search .links .btn-search-all a {
  color: #2A2F38;
}
.site-header--search .links .btn-search-all:hover {
  border-color: #a38c65;
  color: #a38c65;
}
@media (max-width: 768px) {
  .site-header--search .links {
    display: none;
  }
}
.site-header--menu {
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 1024px) {
  .site-header--menu {
    display: none;
  }
}
.site-header--menu h3.search-title {
  font-size: 16px;
  font-weight: 700;
  color: #2A2F38 !important;
  display: inline-flex;
  white-space: nowrap;
}
.site-header--menu h3.search-title a {
  color: #2A2F38 !important;
  height: inherit !important;
}
.site-header--menu .block {
  min-height: -webkit-fill-available;
  position: relative;
}
.site-header--menu .block.col-span-1 {
  grid-column: span 1/span 1;
}
.site-header--menu .block ul.search-list {
  font-size: 14px;
  margin-top: 10px;
  display: block;
  min-width: 200px;
}
.site-header--menu .block ul.search-list li > a {
  line-height: 34px !important;
  height: 34px !important;
  color: #555960;
  white-space: nowrap;
  padding-right: 15px;
  padding-left: 15px;
}
.site-header--menu .block ul.search-list li > a:hover {
  color: #a38c65;
}
.site-header--menu .block ul.search-list span.new-feature,
.site-header--menu .block ul.search-list span.new-feature:hover {
  font-size: 10px;
  background: #A38C4A;
  border-radius: 30px;
  padding: 0px 5px;
  color: #FFFFFF;
  width: auto;
}
.site-header--menu .block ul.search-list .popular {
  font-size: 14px;
  background: #FFE3CC;
  border-radius: 4px;
  padding: 4px 8px;
  color: #CF6A17;
  width: auto;
  display: flex;
  gap: 4px;
}
.site-header--menu .block .btn-search-all {
  border-radius: 20px;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  line-height: 23px !important;
  height: 24px !important;
  border: rgba(42, 47, 56, 0.2) 1px solid;
  margin-top: 10px;
  width: 100%;
}
.site-header--menu .block .btn-search-all:hover {
  border-color: #a38c65;
  color: #a38c65;
}
.site-header--menu ul {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.site-header--menu ul li {
  position: relative;
  padding-left: 1.2rem;
  text-align: center;
}
.site-header--menu ul li:first-of-type {
  padding-left: 0;
}
.site-header--menu ul li span, .site-header--menu ul li a {
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  letter-spacing: 0px;
  color: #666666;
}
.site-header--menu ul li span:hover, .site-header--menu ul li a:hover {
  color: #a38c65;
}
.site-header--menu ul li span svg, .site-header--menu ul li a svg {
  font-size: 11px;
}
.site-header--menu ul li.has-children.open .submenu {
  display: flex;
  opacity: 1;
  visibility: visible;
  transform: translateY(28px);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--menu ul li .submenu {
  position: absolute;
  left: 0;
  min-width: 230px;
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transform-origin: bottom;
  z-index: 1051;
  opacity: 0;
  visibility: hidden;
  transform: translateY(70%);
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2.5rem;
  padding: 65px !important;
  transition: 0.5s all;
  text-align: left;
  background: linear-gradient(180deg, #eaeaea -5.4%, #FFFFFF 30%);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1607843137);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--menu ul li .submenu::before {
  position: absolute;
  top: -10px;
  left: 30px;
  width: 0;
  height: 0;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #eaeaea;
}
.site-header--menu ul li .submenu li {
  width: 100%;
  padding: 0;
}
.site-header--menu ul li .submenu li a {
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  white-space: nowrap;
  text-align: left;
  letter-spacing: 0;
  color: #333333;
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 40px;
  border-radius: 5px;
}
.site-header--menu ul li .submenu li a:hover {
  background-color: #e5e5e5;
  mix-blend-mode: multiply;
  color: #a38c65;
}
.site-header--action {
  display: flex;
  align-items: center;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--action a + a {
  margin-left: 20px;
}
.site-header--action .action-login {
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  text-align: left;
  letter-spacing: 0px;
  color: #666666;
}
@media (max-width: 1024px) {
  .site-header--action .action-login {
    display: none;
  }
}
.site-header--action .action-login:hover {
  color: #a38c65;
}
.site-header--action .action-signup {
  width: auto;
  height: 38px;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  color: #a38c65;
  text-align: left;
  letter-spacing: 0px;
  border: 1px solid #a38c65;
  border-radius: 30px;
  background-color: white;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 1024px) {
  .site-header--action .action-signup {
    display: none;
  }
}
.site-header--action .action-signup:hover {
  box-shadow: 0px 0px 6px -3px #777;
  transition: box-shadow 0.4s linear;
}
.site-header--action .action-signup .user-profile-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.site-header--action .action-signup .fa-bars {
  margin-right: 20px;
  margin-left: 9px;
  font-size: 20px;
}
.site-header--action .action-search {
  display: none;
  border: 0;
  background-color: transparent;
}
.site-header--action .action-search img {
  width: 28px;
  height: 28px;
}
@media (max-width: 1024px) {
  .site-header--action .action-search {
    display: flex;
  }
}
.site-header--account {
  position: relative;
}
.site-header--account .site-header--pro {
  display: none;
}
@media (max-width: 1024px) {
  .site-header--account .site-header--pro {
    display: flex;
    align-items: stretch;
    border: 1px solid #282D34;
    border-radius: 100px;
    background-color: #14171F;
    color: #E3CCAB;
    padding: 8px 16px;
    gap: 8px;
  }
  .site-header--account .site-header--pro img {
    width: 18px;
    height: 18px;
  }
}
.site-header--account .user-avatar {
  position: relative;
  transform: translateX(-35px);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--account .user-avatar a img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--account .user-avatar a button {
  position: absolute;
  right: -9px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 1px solid #cccccc;
  opacity: 1;
  border-radius: 20px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--account .user-avatar a button svg {
  font-size: 11px;
  color: #a38c65;
  transform: rotate(0);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--account .user-avatar a.actived button svg {
  transform: rotate(180deg);
}
.site-header--account .menu-account {
  position: absolute;
  right: 0px;
  min-width: 230px;
  border-radius: 5px;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transform-origin: bottom;
  z-index: 1051;
  opacity: 0;
  visibility: hidden;
  transform: translateY(70%);
  text-align: left;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--account .menu-account::before {
  position: absolute;
  top: -10px;
  right: 35px;
  width: 0;
  height: 0;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}
@media (max-width: 1024px) {
  .site-header--account .menu-account {
    display: none;
  }
}
.site-header--account .menu-account.actived {
  display: flex;
  opacity: 1;
  visibility: visible;
  transform: translateY(58%);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--account .menu-account header {
  width: 100%;
  min-height: 46px;
  padding: 15px 20px;
  mix-blend-mode: multiply;
  border-bottom: 1px solid #cccccc;
}
.site-header--account .menu-account header span {
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0px;
  color: #a38c65;
}
.site-header--account .menu-account ul {
  width: 100%;
}
.site-header--account .menu-account ul li {
  display: flex;
  align-items: center;
  height: 40px;
  width: 100%;
  padding: 20px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--account .menu-account ul li:hover {
  background-color: #e5e5e5;
}
.site-header--account .menu-account ul li:hover a {
  color: #a38c65;
}
.site-header--account .menu-account ul li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0px;
  color: #333333;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--account .menu-account footer {
  width: 100%;
  min-height: 46px;
  padding: 15px 20px;
  mix-blend-mode: multiply;
  border-top: 1px solid #cccccc;
}
.site-header--account .menu-account footer a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0px;
  color: #333333;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-header--account .menu-account footer a:hover {
  color: #a38c65;
}
.site-menu--mobile {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  background-color: #22242B;
  -webkit-overflow-scrolling: touch;
  transform-origin: left;
  transform: translateX(-100%);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 1024px) {
  .site-menu--mobile {
    display: flex;
  }
}
.site-menu--mobile.visible {
  opacity: 1;
  visibility: visible;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  transform-origin: left;
  transform: translateX(0);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-menu--mobile_close {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: transparent;
  border: 0;
  color: #FFFFFF;
  font-size: 23px;
}
.site-menu--mobile header {
  display: flex;
  align-items: flex-start;
  padding: 60px 12px 20px;
}
.site-menu--mobile header .user {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.site-menu--mobile header .user-avatar {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 100%;
}
.site-menu--mobile header .user .data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 12px;
}
.site-menu--mobile header .user .data-name {
  width: 109px;
  padding-bottom: 5px;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 16px;
  line-height: 20px;
  color: rgb(255, 255, 255);
}
.site-menu--mobile header .user .data-email {
  width: 219px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #908D89;
}
.site-menu--mobile ul:not(.submenu) {
  list-style-type: none;
  margin: 0;
}
.site-menu--mobile ul:not(.submenu) li {
  width: 100%;
  border-bottom: 1px solid #282D34;
}
.site-menu--mobile ul:not(.submenu) li:first-of-type {
  border-top: 1px solid #282D34;
}
.site-menu--mobile ul:not(.submenu) li.active {
  background-color: #22242B;
}
.site-menu--mobile ul:not(.submenu) li.active ul.submenu {
  display: flex;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-menu--mobile ul:not(.submenu) li.active ul.submenu li {
  background-color: #282D34;
}
.site-menu--mobile ul:not(.submenu) li.has-children-mobile.active > span svg {
  transform: rotate(180deg);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-menu--mobile ul:not(.submenu) li a,
.site-menu--mobile ul:not(.submenu) li span {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  line-height: 24px;
  color: rgb(255, 255, 255);
  padding: 20px 12px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-menu--mobile ul:not(.submenu) li a .title,
.site-menu--mobile ul:not(.submenu) li span .title {
  display: flex;
  align-items: center;
}
.site-menu--mobile ul:not(.submenu) li a .title img,
.site-menu--mobile ul:not(.submenu) li span .title img {
  margin-right: 10px;
  width: 22px;
}
.site-menu--mobile ul:not(.submenu) li span {
  align-items: center;
  align-content: center;
}
.site-menu--mobile ul:not(.submenu) li span svg {
  color: #FFFFFF;
  background-color: #14171F;
  border-radius: 100%;
  padding: 5px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transform: rotate(0deg);
}
.site-menu--mobile ul:not(.submenu) h4 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #908D89;
  margin: 30px 0 0 12px;
}
.site-menu--mobile ul:not(.submenu) ul.submenu {
  width: 100%;
  display: none;
  flex-direction: column;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-menu--mobile ul:not(.submenu) ul.submenu li {
  padding-left: 20px;
  border-bottom: 1px solid #2F363F;
}
.site-menu--mobile ul:not(.submenu) ul.submenu li:last-child {
  border-bottom: none;
}
.site-menu--mobile ul:not(.submenu) ul.submenu li a {
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.site-menu--mobile ul:not(.submenu) ul.submenu li a svg {
  font-size: 24px;
  margin-right: 20px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.site-menu--mobile footer {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 60px 0;
}
.site-menu--mobile footer .sign-out {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 30px;
  font-weight: 800;
  letter-spacing: 0px;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
}
.site-menu--mobile footer .sign-out svg {
  margin-left: 10px;
}
.site-menu--mobile footer .sign-out + .loggin-out {
  margin-top: 20px;
}
.site-menu--mobile footer .loggin-out {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.site-menu--mobile footer .loggin-out p {
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  line-height: 24px;
  color: rgb(255, 255, 255);
  margin: 30px 0 20px;
}
.site-menu--mobile footer .sign-in {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 30px;
  font-weight: 800;
  letter-spacing: 0px;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  border: 2px solid rgba(255, 255, 255, 0.25);
  border-radius: 100px;
}
.site-menu--mobile footer .sign-in svg {
  margin-left: 10px;
}
.site-menu--mobile footer .sign-up {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 30px;
  font-weight: 800;
  letter-spacing: 0px;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  background-color: #a38c65;
  border-radius: 100px;
}

.pro-btn {
  margin-left: 1.2rem;
  padding: 6px 12px !important;
  background: #a38c65;
  border: 1px solid #a38c65;
  border-radius: 30px;
  line-height: 1;
  cursor: pointer;
  transition: 500ms !important;
}
.pro-btn:hover {
  background: #88601a;
}
.pro-btn > span {
  font-size: 15px !important;
}
.pro-btn span,
.pro-btn svg {
  color: white !important;
  font-size: 15px;
}
.pro-btn span.fa-caret-down,
.pro-btn svg.fa-caret-down {
  margin-left: 5px;
}

.wallet-btn {
  margin-left: 1.2rem;
  padding: 6px 12px !important;
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: 30px;
  line-height: 1;
  cursor: pointer;
  transition: 500ms !important;
  font-weight: 700;
  /*span,
  svg {
      color: white !important;
      font-size: 15px;

      &.fa-caret-down {
          margin-left: 5px;
      }
  }*/
}
.wallet-btn:hover {
  box-shadow: 0px 0px 6px -3px #777;
  transition: all 0.6s linear !important;
  background: #fff;
  /*a {
      color: #000 !important;
      svg {
          animation: blink-animation 3s infinite both;
          @keyframes blink-animation {
              0%,
              50%,
              100% {
                  opacity: 1;
              }
              25%,
              75% {
                  opacity: 0;
              }
          }
      }
  }*/
}
.wallet-btn > span {
  font-size: 15px !important;
}

nav .badge-pro {
  font-size: 11px !important;
  display: inline-block !important;
  padding: 5px 5px !important;
  border-radius: 30px !important;
  background-color: #a38d5b !important;
  color: white !important;
  line-height: 1 !important;
  margin-left: 7px;
}
@media (max-width: 767px) {
  nav .badge-pro {
    width: 80px !important;
    height: 28px !important;
    padding: 8px 5px !important;
    margin-top: 8px;
    text-align: center;
  }
  nav .badge-pro svg {
    font-size: 11px !important;
    margin-right: 5px !important;
  }
}

.no-padding-bottom {
  padding-top: 20px;
}

.call-partner {
  margin-bottom: 20px;
  border-radius: 10px;
  background: #fff;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  margin-top: -20px;
  transition: all 0.3s;
}
.call-partner a {
  display: flex;
  color: #fff;
  font-size: 14px;
}
.call-partner .left {
  padding: 10px;
  background: #5ead63;
  border-radius: 10px 0 0 10px;
}
.call-partner .right {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
}
.call-partner .right img {
  height: 19px;
}
.call-partner:hover {
  transform: scale(1.05);
  transition: all 0.3s;
  box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.231372549);
}
@media (max-width: 1000px) {
  .call-partner {
    margin-right: auto;
    margin-left: auto;
  }
}

.action-signup {
  position: relative;
  transition: all 0.6s linear !important;
}
.action-signup .notify {
  font-size: 10px;
  position: absolute;
  top: 6px;
  right: 0;
  transform: translateY(-50%);
  display: block;
  width: 16px;
  line-height: 16px;
  height: 16px;
  border-radius: 50%;
  color: #fff;
  border: 1px solid #fff;
  background-color: #F94B74;
  text-align: center;
  font-family: "Nunito", sans-serif;
}
.action-signup:hover {
  transition: all 0.6s linear !important;
}

.menu-account-guest footer {
  padding: 15px 0 !important;
}

#container-notifications {
  display: flex;
  max-width: 548px;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  border-left: 1px solid rgba(47, 49, 55, 0.16);
  background: #ffffff;
  box-shadow: -5px 0px 20px 0px rgba(47, 49, 55, 0.16);
  position: fixed;
  right: -550px;
  top: 0;
  height: 100%;
}

@media (min-width: 767px) {
  #container-notifications {
    width: 548px;
  }
}
.hide-this-element {
  display: none !important;
}

#menu-notifications #title,
#notify-guest #title {
  flex: 0 0 70%;
}

#menu-notifications #notify-total,
#notify-guest #notify-total {
  display: flex;
  padding: 8px 5px;
  justify-content: right;
  border-radius: 100px;
  color: #FFFFFF;
  height: 8px;
  align-items: center;
  background: #F94B74;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Figtree;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

#container-notifications header {
  display: flex;
  padding: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-radius: 12px 12px 0px 0px;
  border-bottom: 1px solid rgba(47, 49, 55, 0.16);
}

#container-notifications header h5 {
  flex: 1 0 0;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Figtree;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 24px */
}

#container-notifications header #check-not-read {
  display: flex;
  padding: 0;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  cursor: pointer;
}

#container-notifications header #close {
  width: 12px;
  height: 12px;
  cursor: pointer;
}

#container-notifications #container-notifications-list {
  overflow-y: auto;
  width: 100%;
}

#container-notifications .box-list {
  padding: 16px;
  border-bottom: 1px solid #E3E6ED;
  gap: 8px;
  display: flex;
  flex-direction: column;
}

#container-notifications .box-list#empty {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

#container-notifications .box-list#empty .column {
  flex-direction: column;
}

#container-notifications .box-list#empty .column p {
  font-family: Figtree;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

#container-notifications .box-list .type-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: #E8EEF7;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  align-self: baseline;
}

#container-notifications .box-list .type-icon-noticia {
  background: #E8EEF7;
}

#container-notifications .box-list .type-icon-dividendo_recebido,
#container-notifications .box-list .type-icon-dividendo_futuro {
  background: #E3FCF8;
}

#container-notifications .box-list .type-icon-data_com {
  background: #E8EEF7;
}

#container-notifications .box-list .type-icon-balanco {
  background: #E8EEF7;
}

#container-notifications .box-list .type-icon-welcome {
  background: #2F3137;
}

#container-notifications .box-list .type-icon-welcome_guide {
  background: #E8EEF7;
}

#container-notifications .box-list .type-icon-welcome_elo {
  background: #E3FCF8;
}

#container-notifications .box-list .column.type-noticia {
  flex-direction: row;
  flex-wrap: unset;
  margin-top: 12px;
  margin-left: 0;
  border-radius: 8px;
}

#container-notifications .box-list .column.type-noticia .container-image {
  overflow: hidden;
  max-height: 80px;
  max-width: 80px;
  width: 100%;
  border: 1px solid #e3e6ed;
  border-radius: 12px;
}

#container-notifications .box-list .column.type-noticia img {
  height: 80px;
}

#container-notifications .box-list .column.type-welcome .link,
#container-notifications .box-list .column.type-welcome_guide .link,
#container-notifications .box-list .column.type-welcome_elo .link {
  display: flex;
  padding: 8px;
  width: 90px;
  align-items: center;
  color: #FFFFFF;
  gap: 8px;
  border-radius: 8px;
  background: #2F3137;
  box-shadow: 0px 2px 10px 0px rgba(8, 33, 69, 0.25);
}

#container-notifications .box-list .column.type-welcome .description,
#container-notifications .box-list .column.type-welcome_guide .description,
#container-notifications .box-list .column.type-welcome_elo .description {
  padding-bottom: 15px;
}

#container-notifications-list .link-content {
  margin-left: 0;
}

#container-notifications-list .link-content.hover-background {
  display: flex;
  flex-direction: column;
}

#container-notifications-list .link-content.hover-background:hover {
  background: #F6F7F9;
  cursor: pointer;
}

#container-notifications .box-list .column.type-welcome_guide .link {
  width: 173px;
}

#container-notifications .box-list .column.type-welcome_elo .link {
  width: 158px;
}

#container-notifications .box-list .type-icon svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

#container-notifications .box-list h6 {
  color: #424C57;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Figtree;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-top: 2px;
  flex: 1;
}

#container-notifications .box-list .hour {
  color: #778698;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Figtree;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-top: 2px;
}

#container-notifications .box-list .description {
  color: #424C57;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Figtree;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  flex: 1;
}

#container-notifications .box-list .caption {
  font-feature-settings: "clig" off, "liga" off;
  color: #778698;
  font-family: Figtree;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding-top: 10px;
}

#container-notifications .box-list .column {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

#container-notifications .flex-column {
  flex-direction: column;
  margin-left: 48px;
}

#container-notifications .type-noticia {
  padding: 12px;
  background: #F6F7F9;
}

#container-notifications .type-noticia .description {
  font-family: Figtree;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

#container-notifications .box-list .read-0 {
  display: flex;
  width: 12px;
  height: 12px;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid #FFFFFF;
  background: #F94B74;
  margin-top: 4px;
}

#container-notifications .box-list .read-1 {
  display: flex;
  width: 12px;
  height: 12px;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid #F94B74;
  margin-top: 4px;
}

#container-notifications .box-list .link {
  color: #2C3A53;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Figtree;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
  flex: 1;
  display: flex;
}

#container-notifications .box-list .link svg {
  width: 16px;
  height: 16px;
  margin-left: 7px;
}

.overlay-notifications {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  opacity: 0.2;
}

.site-header--hamburger .notify {
  background-color: #f94b74;
  border-radius: 50%;
  color: #fff;
  font-family: Nunito, sans-serif;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0px;
  transform: translateY(-50%);
  width: 16px;
  margin-right: -10px;
}

.site-header--hamburger {
  position: relative !important;
}

.site-menu--mobile #menu-notifications {
  display: flex;
  justify-content: space-between;
}
.site-menu--mobile #menu-notifications #notify-total {
  font-feature-settings: "clig" off, "liga" off;
  background: #f94b74;
  border-radius: 100px;
  color: #fff;
  font-family: Figtree;
  font-size: 12px;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  height: 8px;
  display: flex;
  width: 15px;
  padding: 10px;
  align-items: center;
  justify-content: center;
  margin-left: 50px;
}

.site-menu--mobile ul li span.new-feature {
  margin-left: 10px;
  font-size: 15px;
  display: flex;
  justify-content: center;
  background: #A38C4A;
  border-radius: 30px;
  padding: 0px 5px;
  color: #FFFFFF;
  width: 50px;
}

.overlay-chatbot-ai {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  opacity: 0.2;
}

#container-ai-button-menu {
  height: 38px;
  cursor: pointer;
  display: none;
}

@media (min-width: 768px) {
  body #container-btn-new-chat-ai,
  body #container-btn-load-history-chats-ai,
  body #container-btn-new-chat-ai-mobile,
  body #container-btn-new-chat-ai-mobile-body {
    display: none;
  }
  body #container-chat-ai #container-chat-ai-logo-detail h4 {
    display: flex;
  }
}
.container-chart-ai {
  margin-top: 20px;
  min-width: 800px;
}

@media (max-width: 767px) {
  body #container-ai-button-menu {
    margin-right: 12px;
  }
  body .container-chart-ai {
    min-width: 300px;
  }
  body #content-header-chat-ai-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }
  body #container-chat-ai #container-btn-new-chat-ai {
    display: none;
  }
  body #container-btn-new-chat-ai-mobile {
    height: 20px;
    display: flex;
  }
  body #container-chat-ai-delete {
    width: 360px;
    margin-right: -180px;
  }
  body #container-chat-ai .container-resume-history-chat-ai .container-resume-history-chat-ai-trash {
    opacity: 1;
  }
  body #container-chat-ai #container-chat-ai-logo-detail h4 {
    font-size: 18px;
  }
  body #container-btn-load-history-chats-ai {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #E3E6ED;
  }
  body .container-chat-ai-logo {
    display: none;
  }
  body #container-chat-ai-logo-investidor {
    margin-left: -12px;
    align-items: center;
    display: flex;
  }
  body #container-chat-ai-logo-investidor svg {
    width: 100px;
  }
  body #container-chat-ai {
    z-index: 999;
    top: 0;
    right: 0;
    margin: 0;
    bottom: auto !important;
    max-height: none;
    width: 100%;
    height: 100%;
    border-radius: 0;
    display: none;
    overflow-y: auto;
    padding-bottom: 30px;
  }
  body #container-chat-ai #container-history-chat-ai {
    height: auto;
    display: none;
    width: 100%;
    margin-top: -30px;
    background: #FFFFFF;
    align-items: flex-start;
    border: none;
  }
  body #container-btn-new-chat-ai-mobile-body {
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: center;
    border-radius: 100px;
    border: 1px solid #C2C0BC;
    width: 100%;
    max-width: 330px;
  }
  body #container-chat-ai #container-body-chat-ai {
    height: auto;
    justify-content: normal;
    border: none;
    padding: 0;
  }
  body #container-chat-ai #container-body-chat-ai.active-chat-ai {
    width: 100%;
  }
  body #container-chat-ai #container-messages-chat-ai {
    margin: auto;
    margin-bottom: 50px;
    min-height: 550px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
  }
  body #container-chat-ai section {
    padding: 0;
  }
  body #container-chat-ai #container-body-section-chat-ai {
    padding-left: 24px;
    padding-right: 24px;
  }
  body #container-chat-ai #container-text-area-chat-ai textarea,
  body #container-chat-ai #container-text-area-chat-ai textarea.active {
    border: none;
    border-radius: initial;
  }
  body #container-chat-ai #container-messages-chat-ai .chat-ai-answer {
    padding: 0;
  }
  body #container-chat-ai h5 {
    font-size: 20px;
  }
  body #container-chat-ai #container-chat-ai-topics-list .container-chat-ai-topic-item {
    width: calc(50% - 8px);
  }
  body .container-answer-chat-news,
  body .container-answer-chat-news a {
    flex-direction: column;
  }
}
#container-chat-ai #chat-ai-loading-text {
  display: flex;
  text-align: left;
  align-self: start;
  margin-left: 15px;
  padding: 10px;
  flex-direction: column;
}
#container-chat-ai #container-img-chat-ai-loading-text {
  width: 24px;
  height: 24px;
  display: flex;
  background: rgba(233, 235, 252, 0.2117647059);
  border-radius: 50%;
  stroke-width: 0.4px;
  border: 1px solid #4F78DE;
  filter: 0px 4px 16px rgba(211, 213, 248, 0.5);
  align-items: center;
  justify-content: center;
}
#container-chat-ai #container-img-chat-ai-loading-text img {
  height: 24px;
}
#container-chat-ai #chat-ai-loading-text-detail {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
#container-chat-ai #chat-ai-loading-text-detail span {
  color: #2F3137;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
#container-chat-ai #container-fade-chat-ai {
  display: flex;
  flex-direction: column;
}
#container-chat-ai #container-fade-chat-ai #fade-bar-1-chat-ai,
#container-chat-ai #container-fade-chat-ai #fade-bar-2-chat-ai,
#container-chat-ai #container-fade-chat-ai #fade-bar-3-chat-ai {
  height: 6px;
  border-radius: 100px;
  background: #E3E6ED;
  margin-top: 12px;
  opacity: 0.3;
  animation: fadeMove 1.2s infinite ease-in-out;
}
#container-chat-ai #container-fade-chat-ai #fade-bar-1-chat-ai {
  width: 240px;
  animation-delay: 0s;
}
#container-chat-ai #container-fade-chat-ai #fade-bar-2-chat-ai {
  animation-delay: 0.2s;
}
#container-chat-ai #container-fade-chat-ai #fade-bar-3-chat-ai {
  animation-delay: 0.4s;
}
#container-chat-ai #container-fade-chat-ai #fade-bar-2-chat-ai,
#container-chat-ai #container-fade-chat-ai #fade-bar-3-chat-ai {
  width: 213px;
}
#container-chat-ai #chat-ai-empty-history {
  padding-left: 12px;
}

@keyframes fadeMove {
  0%, 100% {
    opacity: 0.3;
    transform: scaleY(1);
  }
  50% {
    opacity: 1;
    transform: scaleY(1.5);
  }
}
#container-chat-ai-delete {
  display: flex;
  border-radius: 16px;
  width: 526px;
  flex-direction: column;
  gap: 32px;
  border: 1px solid #D4D7DD;
  box-shadow: 0px 10px 60px 0px #BBBBC3;
  background: #FFFFFF;
  position: fixed;
  align-items: center;
  bottom: -100vw;
  margin-bottom: -152px;
  right: 50%;
  margin-right: -263px;
  overflow: hidden;
  padding: 16px 24px;
}
#container-chat-ai-delete header {
  display: flex;
  align-self: flex-end;
}
#container-chat-ai-delete #container-icon-delete-chat-ai {
  display: flex;
  justify-self: center;
  align-self: center;
  background: #FEE6EC;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 8px;
}
#container-chat-ai-delete h4 {
  color: #2F3137;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-top: 12px;
  margin-bottom: 12px;
}
#container-chat-ai-delete p {
  color: #2F3137;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 171.429%;
}
#container-chat-ai-delete #container-action-delete-chat-ai {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
#container-chat-ai-delete #close-chat-ai-delete-modal {
  cursor: pointer;
}

#container-action-delete-chat-ai #cancel-delete-chat-ai {
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid #D4D7DD;
  background: #FFFFFF;
}
#container-action-delete-chat-ai #confirm-delete-chat-ai {
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: none;
  border-radius: 8px;
  background: #FEE6EC;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #F94B74;
}

#container-chat-ai {
  display: flex;
  border-radius: 12px;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  border-left: 1px solid rgba(47, 49, 55, 0.16);
  background: #FFFFFF;
  box-shadow: -5px 0px 20px 0px rgba(47, 49, 55, 0.16);
  position: fixed;
  align-items: center;
  max-height: 750px;
  margin-bottom: -375px;
  margin-right: -700px;
  bottom: -100vw;
  right: 50%;
  overflow: hidden;
  max-width: 1400px;
  scrollbar-color: #ececec;
}
#container-chat-ai #overlay-chatbot-ai-delete {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  opacity: 0.2;
}
#container-chat-ai #container-body-chat-ai.active-chat-ai {
  justify-content: flex-start;
  width: 969px;
  padding: 0;
  padding-top: 15px;
}
#container-chat-ai #container-body-chat-ai.active-chat-ai #container-text-area-chat-ai {
  width: 100%;
}
#container-chat-ai header {
  padding: 24px;
  border-bottom: 1px solid rgba(47, 49, 55, 0.16);
  width: 100%;
  height: 78px;
  display: flex;
  background: #FFFFFF;
  margin-bottom: 30px;
  justify-content: space-between;
}
#container-chat-ai header .container-chat-ai-logo img {
  height: 30px;
}
#container-chat-ai header .container-chat-ai-logo svg {
  margin-top: 3px;
}
#container-chat-ai header #close-chat-ai-modal {
  cursor: pointer;
  align-self: center;
  display: flex;
}
#container-chat-ai #container-chat-ai-logo-detail {
  justify-content: center;
  display: flex;
  gap: 12px;
  align-items: center;
}
#container-chat-ai #container-chat-ai-logo-detail h4 {
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  background: linear-gradient(128deg, #2F3137 15.1%, #8C6239 49.1%, #D3B583 89.03%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#container-chat-ai #container-history-chat-ai {
  display: flex;
  position: relative;
  width: 350px;
  height: 624px;
  padding: 24px 4px 4px 4px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  border-radius: 16px;
  border: 1px solid #E3E6ED;
  background: #E3E6ED;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #d8d8d8 #FFFFFF;
}
#container-chat-ai #container-history-chat-ai::-webkit-scrollbar-thumb {
  background: #d8d8d8;
}
#container-chat-ai h5 {
  color: #2F3137;
  font-feature-settings: "liga" off, "clig" off;
  margin-top: 12px;
  margin-bottom: 32px;
  font-family: "Figtree", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 133.333%;
}
#container-chat-ai section {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  padding-left: 24px;
  padding-right: 24px;
  gap: 32px;
  justify-content: space-between;
}
#container-chat-ai section table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 15px;
}
#container-chat-ai section table th,
#container-chat-ai section table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}
#container-chat-ai section table td img {
  text-align: center;
}
#container-chat-ai section table th {
  background-color: #f4f4f4;
  font-weight: bold;
}
#container-chat-ai section table tr:nth-child(even) {
  background-color: #f9f9f9;
}
#container-chat-ai section table tr:nth-child(odd) {
  background-color: #FFFFFF;
}
#container-chat-ai section table tr:hover {
  background-color: #eef6ff;
}
#container-chat-ai section ul {
  padding: 15px;
}
#container-chat-ai section table img {
  max-height: 50px;
}
#container-chat-ai #logo-ai-circle {
  align-items: center;
  display: flex;
  padding: 11px 10px;
  margin: 0 auto;
  justify-content: center;
  background: linear-gradient(129deg, #D5E6F6 -26.48%, #E9EBFC 49.47%, #D5F1F6 125.42%);
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  stroke-width: 0.4px;
  border: 1px solid #4F78DE;
  filter: 0px 4px 16px rgba(211, 213, 248, 0.5);
  border-radius: 50%;
}
#container-chat-ai #logo-ai-circle img {
  width: 28px;
}
#container-chat-ai #container-body-chat-ai {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid #C2C0BC;
  padding: 0px 100px;
  position: relative;
}
#container-chat-ai #container-chat-ai-topics-title {
  margin-bottom: 16px;
  display: flex;
  align-self: flex-start;
}
#container-chat-ai #container-chat-ai-topics-title span {
  color: #2F3137;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  padding-left: 8px;
}
#container-chat-ai #container-chat-ai-initial {
  text-align: center;
}
#container-chat-ai #container-body-section-chat-ai {
  align-items: center;
  display: flex;
  flex-direction: column;
}
#container-chat-ai #container-chat-ai-topics-list {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 770px;
}
#container-chat-ai #container-chat-ai-topics-list .container-chat-ai-topic-item {
  padding: 12px;
  border-radius: 8px;
  background: #E3E6ED;
  max-width: 370px;
  text-align: justify;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
#container-chat-ai #container-chat-ai-topics-list .container-chat-ai-topic-item:hover {
  opacity: 0.8;
}
#container-chat-ai #container-chat-ai-topics-list .container-chat-ai-topic-item span {
  color: #2F3137;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 171.429%;
}
#container-chat-ai #container-text-area-chat-ai {
  width: 100%;
  position: relative;
  display: flex;
  margin-top: 24px;
}
#container-chat-ai #container-text-area-chat-ai.active-chat-ai {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
}
#container-chat-ai #container-text-area-chat-ai textarea {
  height: 100px;
  width: 100%;
  padding: 10px 100px 10px 10px;
  resize: none;
  overflow-y: auto;
  line-height: 20px;
  box-shadow: 0px 8px 20px 0px rgba(194, 192, 188, 0.25);
  border-radius: 8px;
  border: 1px solid #E3E6ED;
  color: #908D89;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  transition: border 0.2s ease;
}
#container-chat-ai #container-text-area-chat-ai textarea.active {
  border: 1px solid #2F3137;
}
#container-chat-ai #container-text-area-chat-ai textarea.active-chat-ai,
#container-chat-ai #container-text-area-chat-ai #disabled-question-field {
  justify-content: center;
  align-items: center;
  border-radius: 0 0 16px 16px;
  height: 70px;
  padding: 0 16px;
  color: #5b5b5b;
  display: flex;
  padding-top: 20px;
}
#container-chat-ai #container-text-area-chat-ai #disabled-question-field {
  justify-content: flex-start;
  border-top: 1px solid #E3E6ED;
  width: 100%;
  align-items: baseline;
}
#container-chat-ai .container-chat-ai-question {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 15px;
}
#container-chat-ai .chat-ai-question-time {
  color: #C8CFDA;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  padding: 4px 0px 0px 8px;
  justify-content: center;
  align-self: flex-start;
}
#container-chat-ai .chat-ai-question-avatar img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid #E3E6ED;
}
#container-chat-ai .chat-ai-question-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#container-chat-ai #container-messages-chat-ai {
  display: flex;
  margin-right: 15px;
  margin-left: 15px;
  flex-direction: column;
  text-align: right;
  max-height: 550px;
  overflow-y: auto;
  margin-bottom: 70px;
  align-items: flex-end;
  width: 100%;
  padding-right: 30px;
  scrollbar-width: thin;
  scrollbar-color: #ececec #FFFFFF;
}
#container-chat-ai #container-messages-chat-ai::-webkit-scrollbar-thumb {
  background: #ececec;
}
#container-chat-ai #container-messages-chat-ai h1,
#container-chat-ai #container-messages-chat-ai h2,
#container-chat-ai #container-messages-chat-ai h3,
#container-chat-ai #container-messages-chat-ai h4,
#container-chat-ai #container-messages-chat-ai h5 {
  display: none;
}
#container-chat-ai #container-messages-chat-ai .chat-ai-question {
  text-align: left;
  word-break: break-word;
  display: flex;
  padding: 16px 24px;
  gap: 10px;
  border-radius: 32px 32px 32px 0px;
  background: #E3E6ED;
  color: #2F3137;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
#container-chat-ai #container-messages-chat-ai .chat-ai-answer {
  padding: 10px;
  margin-left: 15px;
  border-radius: 10px;
  text-align: left;
  align-self: flex-start;
  margin-bottom: 15px;
  color: #2F3137;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
#container-chat-ai #img-load-chat-ai {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  padding-left: 0;
  padding-bottom: 12px;
  gap: 10px;
  background: #FFFFFF;
}
#container-chat-ai #img-load-chat-ai img {
  height: 68px;
  width: 68px;
}
#container-chat-ai #text-loading-chat-ai {
  color: #2F3137;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-align: center;
  margin-left: 15px;
}
#container-chat-ai .warning-chat-ai-answer {
  display: flex;
  margin-top: 10px;
  font-size: 13px;
  color: #000;
}
#container-chat-ai .title-chat-ai {
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
}
#container-chat-ai #continue-message-chat-ai {
  position: absolute;
  left: 50%;
  display: flex;
  padding: 16px 24px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: #2F3137;
  box-shadow: 0px 2px 10px 0px rgba(8, 33, 69, 0.25);
  color: #FFFFFF;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-left: -92px;
  margin-bottom: 95px;
  bottom: 0;
  width: 185px;
}
#container-chat-ai #send-message-chat-ai,
#container-chat-ai #disabled-send-message-chat-ai {
  color: #FFFFFF;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 12px;
  margin-bottom: 12px;
  border: none;
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: #2F3137;
  box-shadow: 0px 2px 10px 0px rgba(8, 33, 69, 0.25);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 114.286%;
}
#container-chat-ai #disabled-send-message-chat-ai {
  background: #F0F2F5;
  color: #C8CFDA;
  box-shadow: none;
  cursor: default;
}
#container-chat-ai #container-chat-ai-list {
  overflow-y: auto;
  width: 100%;
}
#container-chat-ai #container-disabled-btn-chat-ai {
  display: flex;
  padding: 12px;
  margin: 0 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 8px;
  border: 0.4px solid #4F78DE;
  background: linear-gradient(129deg, #D5E6F6 -26.48%, #E9EBFC 49.47%, #D5F1F6 125.42%);
  box-shadow: 0px 4px 16px rgba(211, 213, 248, 0.5);
}
#container-chat-ai #container-disabled-btn-chat-ai span {
  color: #2F3137;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 171.429%;
}
#container-chat-ai #container-btn-continue-chat-ai {
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 8px;
  border: 1px solid #C2C0BC;
  background: #FFFFFF;
  width: 100%;
}
#container-chat-ai #container-btn-continue-chat-ai span {
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #2F3137;
}
#container-chat-ai #container-history-chat-ai #img-load-chat-ai-histories {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
#container-chat-ai #container-btn-new-chat-ai {
  display: flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  width: 318px;
  gap: 8px;
  border-radius: 100px;
  background: #FFFFFF;
  cursor: pointer;
  border: 1px solid #4D7ADD;
}
#container-chat-ai #container-btn-new-chat-ai.disabled {
  background: #f0f0f0;
  cursor: default;
}
#container-chat-ai #container-btn-new-chat-ai.disabled span[rel=disabled] {
  display: block;
}
#container-chat-ai #container-btn-new-chat-ai.disabled span[rel=actived] {
  display: none;
}
#container-chat-ai #container-btn-new-chat-ai span[rel=disabled] {
  display: none;
}
#container-chat-ai #container-btn-new-chat-ai span[rel=actived] {
  display: block;
}
#container-chat-ai #container-btn-new-chat-ai svg {
  color: #908D89;
}
#container-chat-ai #container-btn-new-chat-ai span {
  color: #908D89;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
#container-chat-ai #container-head-history-chat-ai {
  display: flex;
  align-self: flex-start;
  margin-left: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
#container-chat-ai #container-head-history-chat-ai span {
  color: #2F3137;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}
#container-chat-ai .container-resume-history-chat-ai {
  display: flex;
  padding: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  cursor: pointer;
}
#container-chat-ai .container-resume-history-chat-ai:hover {
  background: #F3F4F7;
  border-radius: 8px;
}
#container-chat-ai .container-resume-history-chat-ai:hover .container-resume-history-chat-ai-trash {
  opacity: 1;
}
#container-chat-ai .container-resume-history-chat-ai-trash {
  display: flex;
  opacity: 0;
  padding: 8px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
#container-chat-ai .container-resume-history-chat-ai-trash:hover {
  background: #E3E6ED;
}
#container-chat-ai .container-resume-history-chat-ai-title-trash {
  display: flex;
  gap: 12px;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
#container-chat-ai .container-resume-history-chat-ai-title {
  overflow: hidden;
  color: #2F3137;
  font-feature-settings: "liga" off, "clig" off;
  text-overflow: ellipsis;
  font-family: "Figtree", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 114.286%;
}
#container-chat-ai .container-resume-history-chat-ai-date {
  color: #778698;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Figtree", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.333%;
}
#container-chat-ai #container-resume-history-chat-ai-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 340px;
}

.container-answer-chat-news {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 20px;
}
.container-answer-chat-news a {
  display: flex;
  gap: 10px;
}
.container-answer-chat-news-text {
  display: flex;
  flex-direction: column;
}
.container-answer-chat-news-text p {
  color: #303237;
}
.container-answer-chat-news-text p:last-child {
  margin-top: 20px;
}
.container-answer-chat-news-img {
  width: 100px;
  overflow: hidden;
  border-radius: 8px;
  max-height: 100px;
}
.container-answer-chat-news-img img {
  max-height: 100px;
  width: auto;
  border-radius: 8px;
}
.container-answer-chat-news ul {
  list-style: none;
}
.container-answer-chat-news ul li {
  margin-top: 20px;
}
.container-answer-chat-news ul li img {
  display: none;
}

#container-benefits-pro-plan {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}

#container-chat-ai-unblock-pro h4 {
  color: #2F3137;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  /* Headings/H5 */
  font-family: Figtree;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 24px */
}

#container-chat-ai-unblock-pro p {
  color: #2F3137;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  /* Paragraph/Default */
  font-family: Figtree;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}

#container-chat-ai-unblock-pro h5 {
  color: #2F3137;
  font-feature-settings: "liga" off, "clig" off;
  /* Headings/H6 */
  font-family: Figtree;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 125% */
  width: 100%;
  text-align: left;
}

#container-benefits-pro-plan .container-benefits-pro-plan-item {
  flex: 1 1 158px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  align-items: flex-start;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #E3E6ED;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px rgba(44, 58, 83, 0.16);
}

#container-benefits-pro-plan .container-benefits-pro-plan-item-text {
  color: #2F3137;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Figtree;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
}

#container-benefits-pro-plan .container-benefits-pro-plan-item-text span {
  display: flex;
}

#container-benefits-pro-plan .container-benefits-pro-plan-item-icon-square {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #F3F4F7;
  color: #D79A42;
  font-feature-settings: "liga" off, "clig" off;
  /* Labels/Small */
  font-family: Figtree;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 133.333% */
}

#container-chat-ai-unblock-pro {
  display: flex;
  border-radius: 16px;
  max-width: 589px;
  max-height: 652px;
  flex-direction: column;
  border: 1px solid #D4D7DD;
  box-shadow: 0px 10px 60px 0px #BBBBC3;
  background: #FFFFFF;
  position: fixed;
  align-items: center;
  bottom: -100vw;
  margin-bottom: -326px;
  right: 50%;
  margin-right: -294px;
  overflow: hidden;
  padding: 16px 24px;
}

#container-chat-ai-unblock-pro #btn-unblock-pro-link {
  display: flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 100px;
  border: 1px solid #4D7ADD;
  background: linear-gradient(90deg, #4F78DE 0%, #3E8FD3 50%, #4B4BE1 100%);
  color: #FFFFFF;
  font-feature-settings: "liga" off, "clig" off;
  /* Labels/Default */
  font-family: Figtree;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}

#container-icon-unblock-pro-chat-ai {
  display: flex;
  width: 64px;
  padding: 15px 15.5px 17px 16.5px;
  justify-content: center;
  align-items: center;
  border: 1px solid #4F78DE;
  border-radius: 50%;
}

#close-chat-ai-unblock-pro-modal {
  cursor: pointer;
}

#overlay-chatbot-ai-unblock-pro {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  opacity: 0.2;
}

#container-chat-ai-unblock-pro header {
  width: 100%;
  display: flex;
  background: #FFFFFF;
  justify-content: end;
}

#container-chat-ai-unblock-pro section {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  position: relative;
  gap: 12px;
}

@media (max-width: 767px) {
  #container-chat-ai-unblock-pro {
    width: 360px;
    margin-right: -180px;
    overflow-y: auto;
  }
}
.site-footer {
  position: relative;
  --header-height: 80px;
  min-height: var(--header-height);
  background: #2A2F38 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px rgba(11, 75, 139, 0.2509803922);
  opacity: 1;
}
@media (max-width: 991px) {
  .site-footer {
    padding-top: 100px;
  }
}
.site-footer--anchor {
  position: absolute;
  bottom: 120px;
  right: 83px;
  width: 40px;
  height: 40px;
  border: 0;
  background-color: #a38c65 !important;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1607843137);
  border-radius: 100px;
  opacity: 1;
  color: #ffffff;
  font-size: 30px;
}
@media (max-width: 991px) {
  .site-footer--anchor {
    top: -20px;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%);
  }
}
.site-footer--container {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  padding: 50px 0;
}
@media (max-width: 991px) {
  .site-footer--container {
    padding: 0px 0 50px;
  }
}
.site-footer--container > header {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  height: 60px;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .site-footer--container > header {
    flex-direction: column;
    height: auto;
  }
}
.site-footer--container > header img {
  width: 200px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.site-footer--container > header .social {
  border-left: 1px solid rgba(204, 204, 204, 0.1);
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding-left: 40px;
  margin-left: 40px;
}
@media (max-width: 991px) {
  .site-footer--container > header .social {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
    margin-top: 55px;
    margin-bottom: 25px;
  }
}
.site-footer--container > header .social ul {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.site-footer--container > header .social ul li + li {
  margin-left: 26px;
}
.site-footer--container > header .social ul li a {
  font-size: 18px;
  color: rgb(163, 140, 101);
}
@media (max-width: 991px) {
  .site-footer--container > header .social ul li a {
    font-size: 30px;
  }
}
.site-footer--container > p {
  text-align: center;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 25px;
  color: rgb(255, 255, 255);
  opacity: 1;
}
@media (max-width: 991px) {
  .site-footer--container > p {
    font-size: 16px;
    line-height: 30px;
  }
}
.site-footer--container > nav {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin-top: 45px;
}
.site-footer--container > nav ul {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  list-style: none;
}
.site-footer--container > nav ul li:first-of-type::before {
  display: none;
}
.site-footer--container > nav ul li::before {
  content: "/";
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px;
  color: rgb(153, 153, 153);
  padding: 0 10px;
}
.site-footer--container > nav ul li a {
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px;
  color: rgb(153, 153, 153);
  opacity: 1;
  text-decoration: underline;
}
.site-footer--copytight {
  width: 100%;
  padding: 20px 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.site-footer--copytight > p {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px;
  color: rgb(153, 153, 153);
  opacity: 1;
}
@media (max-width: 767px) {
  .site-footer--copytight > p {
    font-size: 10px;
    opacity: 0.5;
  }
}
.site-footer--menu-2-content {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 30px;
}
.site-footer--menu-2-content a {
  color: #FFF;
  text-decoration: none;
}
.site-footer--menu-2-content a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.site-footer--menu-2-title {
  color: #a38c65;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .site footer.site-footer {
    padding-top: 70px;
  }
}
.site footer.site-footer section ul {
  list-style-type: none;
}
@media (max-width: 767px) {
  .site footer.site-footer section.section-footer .site-footer--container nav,
  .site footer.site-footer section.section-footer .site-footer--container header {
    display: none;
  }
}
.site footer.site-footer section.section-footer .site-footer--container header {
  padding: 35px 0 0;
}
@media (max-width: 991px) {
  .site footer.site-footer section.section-footer .site-footer--container header .social {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .site footer.site-footer section.section-footer .site-footer--container p.content {
    font-size: 10px;
    opacity: 0.5;
    line-height: 24px;
    padding-top: 35px;
  }
}
@media (min-width: 768px) {
  .site footer.site-footer section.section-footer-mobile {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .site footer.site-footer section.section-footer-mobile .site-footer--container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .site footer.site-footer section.section-footer-mobile .site-footer--container {
    display: none;
  }
}
@media (max-width: 767px) {
  .site footer.site-footer section.section-footer-mobile .site-footer--container div.social {
    margin-top: 30px;
  }
}
.site footer.site-footer .site-footer--menu-2 {
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media (max-width: 767px) {
  .site footer.site-footer .site-footer--menu-2 {
    display: block;
    font-size: 14px;
  }
}
.site footer.site-footer .site-footer--menu-2 .menu-2-col {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  flex-basis: 25%;
}
@media (max-width: 899px) {
  .site footer.site-footer .site-footer--menu-2 .menu-2-col {
    flex-basis: 50%;
  }
}
@media (max-width: 767px) {
  .site footer.site-footer .site-footer--menu-2 .menu-2-col {
    flex-basis: 100%;
  }
}
@media (max-width: 768px) {
  .site footer.site-footer .menu-2-col .site-footer--menu-2-content {
    display: grid;
    grid-auto-flow: row dense;
    grid-column-gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.custom-select {
  position: relative;
  width: 100%;
}
.custom-select > svg {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
}
.custom-select select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 2px solid #cccccc;
  border-radius: 100px;
  opacity: 1;
  padding: 8px 39px 9px 23px;
  cursor: pointer;
  text-align: left;
  font-size: 13px;
  line-height: 19px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #293038;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .custom-select select {
    width: 100%;
    padding: 8px 30px 9px 11px;
    font-size: 12px;
  }
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  /* The slider */
}
@media (max-width: 991px) {
  .switch {
    width: 60px;
    height: 30px;
  }
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider::before {
  background-color: #a38c65;
}
.switch input:focus + .slider::before {
  box-shadow: 0 0 1px #a38c65;
}
.switch input:checked + .slider:before {
  transform: translateX(20px);
}
@media (max-width: 991px) {
  .switch input:checked + .slider:before {
    transform: translateX(30px);
  }
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(204, 204, 204, 0.3529411765);
  transition: 0.4s;
  /* Rounded sliders */
}
.switch .slider::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0;
  bottom: 0;
  background-color: #cccccc;
  transition: 0.4s;
}
@media (max-width: 991px) {
  .switch .slider::before {
    width: 30px;
    height: 30px;
  }
}
.switch .slider.round {
  border-radius: 10px;
}
@media (max-width: 991px) {
  .switch .slider.round {
    border-radius: 100px;
  }
}
.switch .slider.round::before {
  border-radius: 10px;
}
@media (max-width: 991px) {
  .switch .slider.round::before {
    border-radius: 100px;
  }
}

.container-input-switch {
  display: flex;
  align-items: center;
}
.container-input-switch .switch-text {
  font-size: 14px;
  color: #2F3137;
  margin-left: 12px;
}
.container-input-switch .content {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}
.container-input-switch .content input {
  opacity: 0;
  width: 0;
  height: 0;
}
.container-input-switch .content .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e9ebf0;
  transition: 0.4s;
}
.container-input-switch .content .slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  top: 2px;
  background-color: #fff;
  transition: 0.4s;
  box-shadow: 0 2px 4px 0 rgba(44, 44, 44, 0.1);
}
.container-input-switch .content input:checked + .slider {
  background-color: #2F3137;
}
.container-input-switch .content input:checked + .slider:before {
  transform: translateX(20px);
}
.container-input-switch .content .slider.round {
  border-radius: 999px;
}
.container-input-switch .content .slider.round::before {
  border-radius: 999px;
}

.card {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
.card:hover {
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3333333333);
  transition: all 0.3s linear;
}
.card-header {
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: center;
  align-content: center;
  border-bottom: 1px solid #cccccc;
  padding: 10px 15px;
}
@media (max-width: 991px) {
  .card-header {
    justify-content: center;
  }
}
.card-title {
  color: #333333;
  font-weight: 800;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0px;
}
@media (max-width: 991px) {
  .card-title {
    text-align: center;
  }
}
.card-image {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-content:hover + .card-footer .card-link {
  color: #a38c65;
}
.card-content:hover + .card-footer .card-link svg {
  margin-left: 8px;
}
.card-link {
  display: flex;
  align-items: center;
  color: #999999;
  font-size: 14px;
  line-height: 19px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.card-link:hover {
  color: #a38c65;
}
.card-link:hover svg {
  margin-left: 8px;
}
.card-link svg {
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  margin-left: 5px;
}
.card-content {
  width: 100%;
  padding: 10px;
}
.card-footer {
  width: 100%;
  text-align: center;
  border-top: 1px solid #cccccc;
  padding: 10px 15px;
}
.card-footer a {
  justify-content: center;
}

.article {
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.article:hover {
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.article:hover .article-thumbnail {
  transform: scale(1.02);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.article:hover .article-content {
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.article:hover .article-content h3 {
  color: #a38c65;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.article:hover .article-content p {
  color: #000000;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.article-thumbnail {
  height: 200px;
  width: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: scale(1);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.article-content {
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.article-content h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  margin-top: 10px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.article-content p {
  margin-top: 10px;
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.ranking {
  padding: 10px 15px;
  margin-left: -15px;
  margin-right: -15px;
  transition: 0.5s;
  transition-timing-function: ease;
  text-transform: uppercase;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.ranking .ranking-percentage {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.ranking:hover {
  background-color: #a38c65;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.ranking:hover .ranking-content .information h4 {
  color: #ffffff;
}
.ranking:hover .ranking-content .information span {
  color: #ffffff;
}
.ranking:hover .ranking-percentage {
  color: #ffffff;
}
.ranking-container {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.ranking-content {
  display: flex;
  align-content: center;
  align-items: center;
  overflow: hidden;
}
.ranking-content img {
  min-width: 40px !important;
  width: 50px !important;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.ranking-content img + .information {
  margin-left: 10px;
  margin-right: 10px;
}
.ranking-content div.icon {
  line-height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-height: 40px;
  vertical-align: middle;
  align-items: center;
  align-content: center;
}
.ranking-content .crypto-icon {
  display: block;
  width: 32px;
  height: 32px;
  transform: translate(4px, 0px) scale(1.2);
}
.ranking-content .information {
  overflow: hidden;
  margin: 0 10px;
}
.ranking-content .information h4 {
  color: #000000;
  font-size: 18px;
  font-weight: 800;
  line-height: 15px;
  letter-spacing: 0px;
}
.ranking-content .information span {
  font-family: "Roboto", sans-serif;
  color: #b4b4b4;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
}
.ranking-percentage {
  color: #000;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  text-align: right;
  letter-spacing: 0px;
}

.banner-best-box {
  width: 100%;
  background-color: #fff;
  padding: 20px 0 20px 0;
  border-radius: 20px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .banner-best-box {
    padding: 20px 20px 40px;
  }
}
.banner-best-box--container {
  --width-container: 100%;
  width: 100%;
  max-width: var(--width-container);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1300px) {
  .banner-best-box--container {
    --width-container: 1176px;
  }
}
@media (min-width: 1023px) {
  .banner-best-box--container {
    --width-container: 1100px;
  }
}
@media (min-width: 992px) {
  .banner-best-box--container {
    --width-container: 940px;
  }
}
@media (min-width: 768px) {
  .banner-best-box--container {
    --width-container: 100%;
  }
}
.banner-best-box--container-title {
  font-weight: 700;
  font-size: 19px;
  color: #000;
  text-align: center;
  letter-spacing: 0px;
  padding: 0 10px 0 10px;
}
@media (min-width: 768px) {
  .banner-best-box--container-title {
    font-size: 30px;
  }
}
.banner-best-box--container-content {
  margin-top: 32px;
  display: flex;
  overflow-x: auto;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
@media (min-width: 1024px) {
  .banner-best-box--container-content {
    display: grid;
  }
}
@media (min-width: 1024px) {
  .banner-best-box--container-content {
    overflow-x: visible;
  }
}
@media (min-width: 1024px) {
  .banner-best-box--container-content {
    gap: 10px;
  }
}
.banner-best-box--container .ranking--card {
  min-width: 230px;
  height: auto;
  border-radius: 20px;
  border: 1px solid #c1c1c1;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
}
@media (min-width: 375px) {
  .banner-best-box--container .ranking--card {
    min-width: 285px;
  }
}
@media (min-width: 425px) {
  .banner-best-box--container .ranking--card {
    min-width: 300px;
  }
}
@media (max-width: 768px) {
  .banner-best-box--container .ranking--card {
    box-shadow: none;
  }
}
.banner-best-box--container .ranking--card--header {
  white-space: normal;
  align-items: center;
  display: flex;
  height: 70px;
  margin: 0 10px;
}
.banner-best-box--container .ranking--card--header span {
  min-width: 40px;
  min-height: 40px;
  margin-right: 0.5rem;
  border: 1px solid rgba(194, 192, 188, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F5F4;
}
.banner-best-box--container .ranking--card--header--title {
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #2a2f38;
  letter-spacing: 0;
  font-weight: 400;
}
@media (min-width: 375px) {
  .banner-best-box--container .ranking--card--header--title {
    font-size: 16px;
  }
}
.banner-best-box--container .ranking--card--items-container {
  padding-top: 10px;
  margin: 0 20px 0 20px;
  border-top: 1px solid #e6e6e6;
}
.banner-best-box--container .ranking--card--tops-container {
  text-transform: uppercase;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.banner-best-box--container .ranking--card--tops-container > *:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.banner-best-box--container .ranking--card--top-container {
  padding: 8px;
  margin: 0px 4px;
  text-transform: uppercase;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  font-size: 10px;
}
@media (min-width: 375px) {
  .banner-best-box--container .ranking--card--top-container {
    font-size: 13px;
  }
}
@media (min-width: 425px) {
  .banner-best-box--container .ranking--card--top-container {
    font-size: 14px;
  }
}
.banner-best-box--container .ranking--card--top-container:hover {
  background-color: #d1cec8;
  transition: 0.5s;
}
@media (min-width: 426px) {
  .banner-best-box--container .ranking--card--top-container:hover {
    background-color: transparent;
  }
}
.banner-best-box--container .ranking--card--top-container-top-content {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
}
.banner-best-box--container .ranking--card--top-container-top-content-ticker {
  grid-column: span 2;
  display: flex;
  align-content: center;
  align-items: center;
  position: relative;
}
.banner-best-box--container .ranking--card--top-container-top-content-ticker .blur {
  opacity: 0.6;
  filter: blur(4px);
  pointer-events: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.banner-best-box--container .ranking--card--top-container-top-content-ticker .icon {
  min-width: 40px;
  max-width: 40px;
  max-height: 40px;
  min-height: 40px;
  border-radius: 0.375rem;
  background-color: #F5F5F4;
  color: #C2C0BC;
  place-content: center;
  text-align: center;
  margin-right: 5px;
}
@media (min-width: 425px) {
  .banner-best-box--container .ranking--card--top-container-top-content-ticker .icon {
    min-width: 40px;
    max-width: 40px;
    max-height: 40px;
    min-height: 40px;
  }
}
.banner-best-box--container .ranking--card--top-container-top-content-ticker .icon img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: none;
}
.banner-best-box--container .ranking--card--top-container-top-content-ticker .information {
  min-width: 0;
}
.banner-best-box--container .ranking--card--top-container-top-content-ticker .information .ticker-title {
  font-weight: 700;
  text-align: start;
  color: #000;
}
.banner-best-box--container .ranking--card--top-container-top-content-ticker .information div {
  overflow: hidden;
  color: #B4B4B4;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}
.banner-best-box--container .ranking--card--top-container-top-content-ticker .information div:nth-child(2) {
  margin-top: 2px;
  text-transform: capitalize;
}
.banner-best-box--container .ranking--card--top-container-top-content-dy {
  color: #000;
  display: inherit;
  margin: 0 5px;
}
.banner-best-box--container .ranking--card--top-container-top-content-dy h4 {
  font-weight: 400;
  text-transform: uppercase;
}
.banner-best-box--container .ranking--card--top-container-top-content-variation {
  display: inherit;
  text-align: end;
  color: #000;
}
.banner-best-box--container .ranking--card--top-container-top-content-variation h4 {
  font-weight: 400;
  text-transform: initial;
}
.banner-best-box--container .ranking--card--top-container-top-content-variation div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.banner-best-box--container .ranking--card--top-container-top-content-variation div .variation-icon {
  width: 10px;
  height: 5px;
  margin-left: 2px;
}
.banner-best-box--container .ranking--card--top-container-top-content-variation div .position-badge {
  width: 25px;
  height: 25px;
}
@media (min-width: 425px) {
  .banner-best-box--container .ranking--card--top-container-top-content-variation div .position-badge {
    width: 30px;
    height: 30px;
  }
}
.banner-best-box--container .ranking--card--top-container-top-content-variation div .position-number {
  font-size: 15px;
}
.banner-best-box--container .ranking--card--footer {
  height: 50px;
  width: 100%;
  margin: 10px 0 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-best-box--container .ranking--card--footer-content {
  width: 100%;
  text-align: center;
  margin: 20px;
  line-height: 40px;
  background: #ffffff;
  border: 1px solid #c1c1c1;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  font-size: 12px;
  font-style: normal;
  color: #2a2f38;
  letter-spacing: 0;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (min-width: 375px) {
  .banner-best-box--container .ranking--card--footer-content {
    font-size: 14px;
  }
}
.banner-best-box--container .ranking--card--footer-content:hover {
  color: #a38c65;
  border: 1px solid #a38c65;
}

.banner-course-ticker {
  width: 100%;
  background-color: #fff;
  padding: 20px 40px 20px 40px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .banner-course-ticker {
    padding: 10px 20px 10px 20px;
  }
}
.banner-course-ticker h3 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 7px;
  text-align: center;
}
@media (min-width: 768px) {
  .banner-course-ticker h3 {
    font-size: 30px;
  }
}
.banner-course-ticker .content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 32px;
}
@media (max-width: 768px) {
  .banner-course-ticker .content {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 20px;
    border: none;
  }
}
.banner-course-ticker .content .item {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #000;
  font-weight: 500;
}
.banner-course-ticker .content .item .icon {
  padding: 12px;
  border-radius: 50%;
  background-color: #EEEDEC;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-course-ticker .content .item .icon img {
  width: 20px;
  height: 20px;
}
.banner-course-ticker .content .item span {
  margin-top: 16px;
  max-width: 210px;
  text-align: center;
}
@media (max-width: 768px) {
  .banner-course-ticker .content {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 20px;
  }
  .banner-course-ticker .content .item {
    border: none;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0px;
  }
  .banner-course-ticker .content .item .icon {
    margin-right: 16px;
  }
  .banner-course-ticker .content .item .icon img {
    width: 14px;
    height: 14px;
  }
  .banner-course-ticker .content .item span {
    text-align: left;
    margin-top: 0px;
    max-width: none;
    font-size: 16px;
    display: block;
  }
}
.banner-course-ticker .action-button-container {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.banner-course-ticker .action-button-container:hover {
  cursor: pointer;
}
.banner-course-ticker .action-button-container .button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: none;
  border-radius: 9999px;
  background: linear-gradient(45deg, #0E182A, #A98B60);
  color: #fff;
  cursor: pointer;
  font-weight: normal;
}
.banner-course-ticker .action-button-container .button .icon {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 50%;
  background-color: rgba(227, 204, 171, 0.45);
}
.banner-course-ticker .action-button-container .button .icon img {
  width: 16px;
  height: 16px;
  fill: #fff;
}

.banner-course-fii {
  width: 100%;
  background-color: #fff;
  padding: 20px 40px 40px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .banner-course-fii {
    padding: 20px;
  }
}
.banner-course-fii .header {
  text-align: center;
  display: flex;
  justify-content: center;
}
.banner-course-fii .header h3 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 7px;
  text-align: center;
}
@media (min-width: 768px) {
  .banner-course-fii .header h3 {
    font-size: 30px;
  }
}
.banner-course-fii .content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 32px;
  border: 1px solid #ccc;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .banner-course-fii .content {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 20px;
    border: none;
  }
}
.banner-course-fii .content .item {
  padding: 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8d8d8;
  cursor: pointer;
  color: #000;
  font-weight: 500;
}
@media (max-width: 768px) {
  .banner-course-fii .content .item {
    border: none;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0px;
  }
}
.banner-course-fii .content .item .icon {
  padding: 12px;
  border-radius: 50%;
  background-color: #EEEDEC;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.banner-course-fii .content .item .icon img {
  width: 20px;
  height: 20px;
}
@media (max-width: 768px) {
  .banner-course-fii .content .item .icon img {
    width: 14px;
    height: 14px;
  }
}
.banner-course-fii .content .item span {
  font-weight: 400;
}
@media (max-width: 768px) {
  .banner-course-fii .content .item span span {
    font-size: 16px;
  }
}
.banner-course-fii .action-button-container {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.banner-course-fii .action-button-container:hover {
  cursor: pointer;
}
.banner-course-fii .action-button-container .button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: none;
  border-radius: 9999px;
  background: linear-gradient(45deg, #0E182A, #A98B60);
  color: #fff;
  cursor: pointer;
  font-weight: normal;
}
.banner-course-fii .action-button-container .button .icon {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 50%;
  background-color: rgba(227, 204, 171, 0.45);
}
.banner-course-fii .action-button-container .button .icon img {
  width: 16px;
  height: 16px;
  fill: #fff;
}

.banner--action-button-container {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.banner--action-button-container:hover {
  cursor: pointer;
}
.banner--action-button-container .button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: none;
  border-radius: 9999px;
  background: linear-gradient(45deg, #0E182A, #A98B60);
  color: #fff;
  cursor: pointer;
  font-weight: normal;
}
.banner--action-button-container .button .icon {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 50%;
  background-color: rgba(227, 204, 171, 0.45);
}
.banner--action-button-container .button .icon img {
  width: 16px;
  height: 16px;
  fill: #fff;
}

.ticker-payments-section .meta {
  display: none;
}
.ticker-payments-section .filters {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.ticker-payments-section .filters .btn {
  cursor: pointer;
  color: #293038;
  border: 1px solid #293038;
  border-radius: 30px;
  display: inline-block;
  padding: 9px 25px;
  text-align: center;
  font-weight: bold;
  text-transform: capitalize;
  transition: ease 0.2s;
}
@media (max-width: 767px) {
  .ticker-payments-section .filters .btn {
    padding: 8px 15px;
  }
}
.ticker-payments-section .filters .btn:hover, .ticker-payments-section .filters .btn.active {
  background-color: #293038;
  color: #fff;
}
.ticker-payments-section .filters .btn + .btn {
  margin-left: 10px;
}
.ticker-payments-section .month-group {
  margin-bottom: 50px;
}
.ticker-payments-section .month-group .month-name {
  color: #a38c65;
  font-size: 22px;
  text-align: center;
}
.ticker-payments-section .month-group .grid {
  margin-top: 20px;
}
.ticker-payments-section .month-group .payment {
  font-family: Nunito;
  border: 1px solid #cccccc;
  border-radius: 10px;
}
.ticker-payments-section .month-group .payment.fii-payment-card .payment-title {
  color: #666666;
}
.ticker-payments-section .month-group .payment-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
}
.ticker-payments-section .month-group .payment-header {
  width: 100%;
  height: 130px;
  display: flex;
  place-content: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}
.ticker-payments-section .month-group .payment-header .fii-ticker {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
  color: #000000;
  display: flex;
  justify-self: center;
  align-items: center;
}
.ticker-payments-section .month-group .payment-thumbnail {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ticker-payments-section .month-group .payment-title {
  text-align: center;
  font-size: 17px;
  font-weight: 800;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  opacity: 1;
  margin-bottom: 2px;
}
.ticker-payments-section .month-group .payment-ticker {
  color: #555;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}
.ticker-payments-section .month-group .payment-value {
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 10px;
  color: #a38c65;
}
.ticker-payments-section .month-group .payment-with, .ticker-payments-section .month-group .payment-date {
  color: #555;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
}
.ticker-payments-section .month-group .payment-content {
  position: relative;
  border-top: 1px solid #cccccc;
  width: 100%;
  display: flex;
  place-content: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  box-sizing: border-box;
}
.ticker-payments-section .month-group .payment-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: transparent linear-gradient(180deg, #ebebeb 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
  opacity: 0.5;
}
.ticker-payments-section .month-group .payment-codes {
  --spacing: 0.75rem;
  --column-count: 2;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--spacing);
  margin-top: 22px;
}
.ticker-payments-section .month-group .payment-code {
  width: 100%;
  height: 30px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  opacity: 1;
  cursor: pointer;
  text-align: center;
  font: normal normal 800 14px/19px Nunito;
  letter-spacing: 0px;
  color: #293038;
  text-transform: uppercase;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.ticker-payments-section .month-group .payment-code:hover {
  border: 1px solid #293038;
  background: #293038 0% 0% no-repeat padding-box;
  color: #d3b583;
}

html {
  scroll-behavior: smooth;
}

@media (min-width: 768px) {
  .fii-single #header_action .icons {
    margin-left: auto;
    margin-right: 100px;
  }
}
.fii-single .compare-fiis a {
  color: #000000;
  font-weight: bold;
}
.fii-single #table-indicators .cell {
  display: flex;
  align-items: center;
}
.fii-single #table-indicators .cell .icon {
  font-size: 30px;
  color: #A38C65;
}
.fii-single #table-indicators .cell .desc {
  flex: 1;
  margin-left: 25px;
}
.fii-single #table-indicators .cell .desc .value {
  text-transform: uppercase;
}
.fii-single table.dataTable tbody th,
.fii-single table.dataTable tbody td {
  padding: 20px 15px;
}
.fii-single #compare-fiis {
  margin-bottom: 20px;
}
.fii-single #about-section .content .description > h3, .fii-single #about-section .content .description h2 {
  font-size: 18px;
  font-weight: 800;
  color: #000;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.fii-single #about-section .content .description a {
  font-weight: 800;
  border-bottom: 2px solid;
}
.fii-single #about-section .content .description p {
  font-size: 17px;
  line-height: 1.5;
  color: #333;
  margin-bottom: 20px;
}
.fii-single #about-section .content .description ul {
  margin-left: 30px;
}
.fii-single #about-section .content .description ul li {
  font-size: 17px;
  line-height: 1.5;
  color: #333;
  margin-bottom: 20px;
}
.fii-single #about-section .not-recomended {
  color: #666;
  font-size: 14px;
  font-style: italic;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .fii-single #about-section .rating .content-rating {
    display: flex;
    padding-top: 8px;
  }
  .fii-single #about-section .rating .content-rating h4 {
    grid-column-start: 1;
    grid-column-end: 3;
    margin: 0;
    padding: 0;
    text-align: center;
  }
}
.fii-single #properties-section .row {
  display: flex;
  width: 100%;
  flex: 1;
  flex-wrap: wrap;
}
.fii-single #properties-section .row .col-6 {
  flex: 1;
  max-width: 50%;
  min-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.fii-single #properties-section #properties-index-table {
  width: 100%;
}
.fii-single #properties-section #properties-index-table td {
  padding: 5px 10px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
.fii-single #properties-section #properties-index-table td .progress-bar {
  border-radius: 30px;
  display: inline-block;
  height: 15px;
  margin-bottom: -2px;
}
.fii-single #properties-section #container-properties {
  margin-top: 30px;
}
.fii-single #properties-section #container-properties.collapsed {
  max-height: 395px;
  overflow: hidden;
  position: relative;
}
.fii-single #properties-section #container-properties.collapsed:after {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 130px;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%);
}
.fii-single #properties-section #container-properties .card-propertie {
  display: block;
  position: relative;
  padding: 15px 15px 15px 70px;
  border: 1px solid #ccc;
  border-radius: 20px;
  margin-bottom: 30px;
  min-height: 108px;
  margin: 0 10px 25px;
}
.fii-single #properties-section #container-properties .card-propertie:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -1px;
  transform: translateX(-50%);
  width: 80%;
  height: 3px;
  background-color: #293038;
}
.fii-single #properties-section #container-properties .card-propertie .svg-inline--fa {
  position: absolute;
  left: 15px;
  top: 20px;
  font-size: 40px;
}
.fii-single #properties-section #container-properties .card-propertie h3 {
  margin-bottom: 5px;
}
.fii-single #properties-section #container-properties .card-propertie small {
  font-size: 15px;
}
.fii-single #comunications-section .collapsed {
  max-height: 400px;
  overflow: hidden;
  margin-bottom: 15px;
  position: relative;
}
.fii-single #comunications-section .collapsed:after {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 130px;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, white 100%);
}
.fii-single #comunications-section #table-comunication {
  width: 100%;
  border-collapse: collapse;
}
.fii-single #comunications-section #table-comunication td {
  padding: 15px 10px 10px;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 5px;
}
.fii-single #comunications-section #table-comunication td:nth-child(2) {
  text-align: right;
}
.fii-single #comunications-section #table-comunication td .btn-download-comunication {
  color: #000;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.06);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
}
.fii-single #comunications-section #table-comunication td .btn-download-comunication .svg-inline--fa {
  margin-left: 5px;
}
.fii-single #related-companies .subheading {
  font-size: 22px;
  margin: 40px 0 30px;
}
.fii-single #related-companies .related-fiis-grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}
.fii-single #related-companies .related-fiis-grid .card-related-fii {
  cursor: pointer;
  transition: ease 0.3s;
}
.fii-single #related-companies .related-fiis-grid .card-related-fii:hover {
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
}
.fii-single #related-companies .related-fiis-grid .card-related-fii .card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px 15px;
}
.fii-single #related-companies .related-fiis-grid .card-related-fii .card-body h2 {
  font-size: 50px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.fii-single #related-companies .related-fiis-grid .card-related-fii .card-body h3 {
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
}
.fii-single #related-companies .related-fiis-grid .card-related-fii .card-footer .d-flex {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 14px;
  padding: 2px 0;
}
.fii-single #compare-section .mobile-title {
  display: none;
}
.fii-single #compare-section .compare-fiis .svg-inline--fa {
  color: #a38c65;
  font-size: 0.9em;
}
.fii-single .rating {
  font-size: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: 50px;
}
.fii-single .rating .content-rating {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fii-single .rating .content-rating h4 {
  margin-bottom: 0;
  margin-right: 20px;
}
.fii-single .rating .content-rating .rating-show {
  border: none;
  margin-right: 30px;
}
.fii-single .rating .content-rating .rating-show > input {
  display: none;
}
.fii-single .rating .content-rating .rating-show > label {
  color: #616161;
  float: right;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.fii-single .rating .content-rating .rating-show > label::before {
  font-size: 18px;
  display: inline-block;
  content: "\f005";
  margin: 2px;
  font-family: "Font Awesome 6 Pro";
}
.fii-single .rating .content-rating .rating-show > input:checked ~ label {
  color: #a38c65;
}
.fii-single .rating .content-rating #rate-company {
  font-size: 14px;
  border-width: 2px;
  text-transform: uppercase;
  color: #293038;
}
.fii-single .rating .content-rating #rate-company svg {
  width: 19px;
  height: 19px;
  color: #a38c65;
}
.fii-single .modal-body .rating {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  margin-top: 0;
}
.fii-single .box.especial .group-selector {
  min-width: 100px;
}
.fii-single .box.especial .group-selector + .select2-container {
  margin-right: 10px;
  width: auto !important;
}
.fii-single .box.especial .select-active-comparative-sector + .select2-container {
  width: 230px !important;
}
@media screen and (max-width: 767px) {
  .fii-single #compare-section .desktop-title {
    display: none;
  }
  .fii-single #compare-section .mobile-title {
    display: block;
    font-size: 13px;
    padding-right: 14px;
  }
  .fii-single #cards-ticker {
    grid-template-columns: repeat(2, 1fr) !important;
    --column-count: unset !important;
  }
  .fii-single #cards-ticker ._card {
    grid-area: unset !important;
  }
  .fii-single #cards-ticker ._card span {
    font-size: 14px;
  }
  .fii-single #cards-ticker ._card:nth-child(1) {
    grid-column-start: 1 !important;
    grid-column-end: 3 !important;
  }
  .fii-single #table-indicators {
    --column-count: 1 !important;
  }
  .fii-single #properties-section .row {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .fii-single #properties-section .row .col-6 {
    min-width: unset;
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .fii-single #properties-section .row .col-6 .card-propertie {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 15px 10px 15px 65px !important;
  }
  .fii-single #table-comunication a.btn-download-comunication span {
    display: none;
  }
  .fii-single #related-companies .related-fiis-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
  .fii-single #related-companies .related-fiis-grid .card-related-fii .card-body {
    padding: 7px;
  }
  .fii-single #related-companies .related-fiis-grid .card-related-fii .card-body h2 {
    font-size: 35px;
    margin-bottom: 2px;
  }
  .fii-single #related-companies .related-fiis-grid .card-related-fii .card-body h3 {
    font-size: 11px;
  }
  .fii-single #related-companies .related-fiis-grid .card-related-fii .card-footer {
    padding: 5px;
  }
  .fii-single #related-companies .related-fiis-grid .card-related-fii .card-footer .d-flex {
    font-size: 13px;
  }
}
.fii-single #indicators .value {
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

#indicators .cell {
  flex-direction: column;
  align-items: flex-start !important;
}

#about-company .cell {
  background: #fff !important;
}

.fiis-list .toolbar .category {
  max-width: 33.33%;
}
@media (max-width: 991px) {
  .fiis-list .toolbar .category {
    max-width: unset;
  }
}
.fiis-list .toolbar .category span {
  font-weight: bold;
  font-size: 18px;
  display: block;
  margin-bottom: 3px;
}
@media (max-width: 991px) {
  .fiis-list .toolbar .category span {
    text-align: center;
  }
}
.fiis-list .actions.fii .actions-header {
  position: relative;
}
.fiis-list .actions.fii .actions-header svg {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 1.2rem;
  color: #333;
}
.fiis-list .actions.fii .actions-header a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
}
.fiis-list .actions.fii .actions-header h2.ticker-name {
  font-size: 40px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #333;
}
.fiis-list .actions.fii .actions-title {
  height: 60px;
  display: flex;
  justify-content: center;
}
.fiis-list .actions.fii .actions-title h3 {
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  align-self: center;
}
.fiis-list .actions.fii .actions-codes {
  text-align: center;
  justify-content: center;
}
.fiis-list .actions.fii:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2588235294);
}
.fiis-list .template-front-fii-list .section-sectors .actions.fii .actions-header .ticker-name {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .fiis-list .template-front-fii-list .section-sectors .toolbar {
    gap: 15px;
    justify-content: space-between;
  }
}
.fiis-list .template-front-fii-list .section-sectors .toolbar .category {
  position: relative;
  width: 25%;
}
.fiis-list .template-front-fii-list .section-sectors .toolbar .category .btn-default {
  height: 40px;
  border: 2px solid #cecece;
  text-transform: uppercase;
  font-size: 13px;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 1025px) {
  .fiis-list .template-front-fii-list .section-sectors .toolbar .category .btn-default {
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .fiis-list .template-front-fii-list .section-sectors .toolbar .category:nth-child(2) {
    margin: 0 !important;
  }
}
.fiis-list .template-front-fii-list .section-sectors .toolbar .category .custom-select {
  margin-bottom: 10px;
}

#popup-filter .toolbar {
  flex-direction: column;
}
#popup-filter .toolbar .category {
  position: relative;
  width: 100%;
}
#popup-filter .toolbar .category .btn-default {
  margin-top: 24px;
  height: 40px;
  border: 2px solid #cecece;
  text-transform: uppercase;
  font-size: 13px;
  white-space: nowrap;
}
#popup-filter .toolbar .category:nth-child(2) {
  margin: 0 !important;
}
#popup-filter .toolbar .category .custom-select {
  margin-bottom: 10px;
}

.page.myProfile.selectCustom .select2-container {
  width: 100% !important;
  max-width: none !important;
}
.page.myProfile.selectCustom .select2-container--default .select2-selection--single {
  font-weight: 600 !important;
}
.page.myProfile.selectCustom .select2-container--default .select2-selection--single {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  height: 38px;
}
.page.myProfile.selectCustom .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
.page.myProfile.selectCustom .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
}
.page.myProfile .page-subheader {
  padding: 0;
}
.page.myProfile .page-subheader h2 {
  font-size: 24px;
  color: #D3B583;
  text-transform: uppercase;
  padding: 13px 0;
  font-weight: 600;
}
.page.myProfile .foto_upload {
  text-align: center;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  padding: 20px;
}
.page.myProfile .btn-upload-foto {
  background: transparent;
  border: 1px solid #CCCCCC;
  border-radius: 25px;
  padding: 10px 25px;
  font-size: 12px;
  text-transform: uppercase;
  color: #293038;
  display: inline-block;
  margin-top: 20px;
}
.page.myProfile .menuMyProfile ul {
  display: flex;
  list-style: none;
}
.page.myProfile .menuMyProfile ul li {
  padding: 0 20px;
}
.page.myProfile .menuMyProfile ul li a {
  color: #FFFFFF;
  text-transform: uppercase;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 24px 0;
  border-bottom: 5px solid transparent;
  font-size: 14px;
  transition: all 0.5s;
}
.page.myProfile .menuMyProfile ul li a:hover, .page.myProfile .menuMyProfile ul li a.active {
  border-bottom: 5px solid #D3B583;
  transition: all 0.5s;
  color: #D3B583;
}
.page.myProfile .menuMyProfile ul li a .badge-pro {
  display: inline-block;
  background-color: white;
  color: #D3B583;
  border-radius: 30px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: bold;
  margin-left: 5px;
}
.page.myProfile fieldset {
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  padding: 40px;
}
.page.myProfile fieldset legend {
  margin: 0 auto;
  padding: 0 20px;
  font-size: 18px;
  text-transform: uppercase;
}
.page.myProfile fieldset input[type=text], .page.myProfile fieldset input[type=email], .page.myProfile fieldset .select2-container--default .select2-selection--single {
  background: #f2f2f2;
}
.page.myProfile fieldset label {
  font-size: 14px;
  color: #293038;
}
.page.myProfile fieldset .form-group {
  margin-bottom: 1.5rem;
}
.page.myProfile .box.especial {
  border-radius: 10px;
}
.page.myProfile .box.especial.profile header {
  padding: 20px 40px;
}
.page.myProfile .box.especial.profile header h2 {
  font-size: 24px;
}
.page.myProfile .grid {
  margin-top: 0;
  --spacing: 40px;
}
.page.myProfile .grid--2 {
  --column-count: 2;
}
.page.myProfile .grid--3 {
  --column-count: 3;
}
.page.myProfile .grid--25-75 {
  grid-template-columns: 25% auto;
}
.page.myProfile .grid .col-66 {
  width: 66%;
}
.page.myProfile .block {
  margin-top: 30px;
}
.page.myProfile .block .title {
  font: normal normal bold 18px/24px Nunito;
  color: #293038;
  display: flex;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.page.myProfile .block .title:after {
  content: "";
  display: block;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  margin: 0 20px;
}
.page.myProfile .social .campos .campo {
  display: flex;
}
.page.myProfile .social .campos .campo input {
  border-left: 0;
  border-radius: 0 0.25rem 0.25rem 0;
}
.page.myProfile .social .campos .campo:before {
  content: " ";
  width: 40px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem 0 0 0.25rem;
  background-color: #f2f2f2;
}
.page.myProfile .social .campos .campo.facebook:before {
  background-image: url(/assets/front/images/facebook.svg);
}
.page.myProfile .social .campos .campo.twitter:before {
  background-image: url(/assets/front/images/twitter.svg);
}
.page.myProfile .social .campos .campo.instagram:before {
  background-image: url(/assets/front/images/instagram.svg);
}
.page.myProfile .investiments .campo {
  margin-right: 20px;
}
.page.myProfile .investiments .campo label {
  font-size: 18px;
}
.page.myProfile .investiments .campo input {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}

#myRatings .grid {
  --column-count: 3;
  --spacing: 30px;
}
#myRatings .actions {
  padding: 20px;
}
#myRatings .actions img {
  max-width: 100%;
}
#myRatings .actions .edit-rating {
  margin: 20px auto 0px auto;
}
#myRatings .actions.fiis .card-img-top .name, #myRatings .actions.indices .card-img-top .name, #myRatings .actions.fiagros .card-img-top .name {
  font-size: 50px;
}
#myRatings .actions.fiis .card-img-top a, #myRatings .actions.indices .card-img-top a, #myRatings .actions.fiagros .card-img-top a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#myRatings .actions.fiis .card-img-top svg, #myRatings .actions.fiis .card-img-top img, #myRatings .actions.indices .card-img-top svg, #myRatings .actions.indices .card-img-top img, #myRatings .actions.fiagros .card-img-top svg, #myRatings .actions.fiagros .card-img-top img {
  width: 50px;
  height: 70px;
}

.payment-schedule-page .limited-width {
  min-width: 75px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.payment-schedule-page .payment-price {
  display: inline-block;
  padding: 4px 6px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 4px;
  gap: 10px;
  border-radius: 4px;
  background: #E3FCF8;
  color: #009974;
  font-feature-settings: "liga" off, "clig" off;
  /* Labels/Default */
  font-family: Figtree, serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
}
.payment-schedule-page .table-field {
  display: flex;
  padding: 4px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 4px;
  gap: 10px;
  border-radius: 4px;
  background: transparent;
  color: #000000;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Figtree, serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
@media (max-width: 768px) {
  .payment-schedule-page .table-field {
    font-size: 14px;
  }
}
.payment-schedule-page .month-card-title {
  font-size: 20px;
}
@media (max-width: 768px) {
  .payment-schedule-page .month-card-title {
    font-size: 14px;
  }
}
.payment-schedule-page .chevron-month-left {
  margin-right: 10px;
  color: #000000;
}
@media (max-width: 768px) {
  .payment-schedule-page .chevron-month-left {
    margin-left: 0;
    margin-right: 50px;
  }
}
.payment-schedule-page .chevron-month-right {
  margin-left: 10px;
  color: #000000;
}
@media (max-width: 768px) {
  .payment-schedule-page .chevron-month-right {
    margin-right: 0;
    margin-left: 50px;
  }
}
.payment-schedule-page .image-center {
  margin-right: 10px;
  color: #000000;
}
@media (max-width: 768px) {
  .payment-schedule-page .image-center {
    margin-right: 0;
    margin-left: 50px;
  }
}
@media (max-width: 767px) {
  .payment-schedule-page .flex {
    max-width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .payment-schedule-page .flex {
    max-width: 50% !important;
  }
}
@media (max-width: 768px) {
  .payment-schedule-page .views {
    display: none;
  }
  .payment-schedule-page .search {
    display: none;
  }
}
@media (max-width: 768px) {
  .payment-schedule-page .chevron-botton-left {
    margin-left: -40px;
  }
  .payment-schedule-page .chevron-botton-right {
    margin-right: -40px;
  }
}
.payment-schedule-page .flex-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .payment-schedule-page .flex-1 {
    flex-direction: column;
  }
  .payment-schedule-page .flex-1 .flex.items-center {
    margin-bottom: 10px;
    order: 1;
  }
  .payment-schedule-page .flex-1 .flex.justify-center.items-center {
    order: 2;
  }
  .payment-schedule-page .flex.items-center {
    width: 100%;
    margin-left: 0;
  }
  .payment-schedule-page .bg-white {
    margin-top: 10px;
  }
}
.payment-schedule-page .filter-1-mobile {
  padding: 8px 16px;
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 768px) {
  .payment-schedule-page .filter-1-mobile {
    margin-top: 5px;
    margin-bottom: 0;
    padding: 10px;
  }
}
@media (max-width: 768px) {
  .payment-schedule-page .hide-company-name {
    display: none;
  }
}
@media (max-width: 768px) {
  .payment-schedule-page .center-company-name {
    padding: 10px 10px 0 0;
  }
}
.payment-schedule-page .mobile-font {
  font-size: 16px;
}
@media (max-width: 768px) {
  .payment-schedule-page .mobile-font {
    font-size: 12px;
  }
}
.payment-schedule-page .chevron-disabled {
  pointer-events: none;
  color: #ddd;
  cursor: not-allowed;
}
.payment-schedule-page .div-filter {
  padding: 4px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .payment-schedule-page .div-filter {
    padding-left: 5px;
    padding-top: 0;
    padding-bottom: 5px;
    margin-bottom: 0;
    margin-left: 0;
    height: 40px;
  }
}

#tickersFollow .view-list .block-view {
  display: none;
}
#tickersFollow .view-block .list-view {
  display: none;
}
#tickersFollow .view-block .btn-readmore {
  display: none;
}
#tickersFollow .addTicker {
  border-left: 1px solid #CCCCCC;
  padding: 13px 20px;
}
#tickersFollow .box.especial.profile header {
  padding: 0;
}
#tickersFollow .box.especial.profile header h2 {
  padding: 20px 40px;
}
#tickersFollow .grid {
  --column-count: 3;
  --spacing: 30px;
}
#tickersFollow ul.nav.filters-large .nav-item.exibir a {
  margin-left: 10px;
  border-bottom: none;
}
#tickersFollow ul.nav.filters-large .nav-item.exibir {
  display: flex;
  font-size: 14px;
}
#tickersFollow .actions {
  padding: 20px;
  position: relative;
  min-width: 0;
}
#tickersFollow .actions .indicators .item {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 800;
}
#tickersFollow .actions .indicators .item .label {
  font-weight: normal;
  font-size: 12px;
}
#tickersFollow .actions .indicators .item:nth-child(1) {
  align-items: flex-start;
}
#tickersFollow .actions .indicators .item:nth-child(3) {
  align-items: flex-end;
}
#tickersFollow .actions .hover {
  display: none;
  position: absolute;
  top: 2px;
  right: 5px;
}
#tickersFollow .actions .hover .button {
  z-index: 999;
}
#tickersFollow .actions .hover .button svg {
  width: 11px;
}
#tickersFollow .actions .hover .button svg path {
  fill: #c9c9c9;
}
#tickersFollow .actions .hover .link {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#tickersFollow .actions:hover .hover {
  display: flex;
}
#tickersFollow .actions .card-img-top {
  display: flex;
  justify-content: space-between;
}
#tickersFollow .actions .card-img-top .name a {
  align-items: center;
  display: flex;
  color: #000;
}
#tickersFollow .actions .card-img-top .name a:hover {
  color: #A38C65;
}
#tickersFollow .actions .card-img-top .name a img {
  width: 28px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  height: 28px;
  padding: 1px;
  margin-right: 10px;
}
#tickersFollow .actions .card-img-top .name a svg {
  height: 30px;
  width: 30px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
}
#tickersFollow .actions .card-img-top .price {
  font-size: 18px;
  font-weight: bold;
}
#tickersFollow .actions .card-img-top .price .variation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
  color: #FF1717;
  font-weight: 400;
}
#tickersFollow .actions .card-img-top .price .variation svg, #tickersFollow .actions .card-img-top .price .variation i {
  width: 12px;
  height: 12px;
  color: #FF1717;
  margin-right: 5px;
}
#tickersFollow .actions .card-img-top .price .variation.up {
  color: #1BC42C;
}
#tickersFollow .actions .card-img-top .price .variation.up svg, #tickersFollow .actions .card-img-top .price .variation.up i {
  color: #1BC42C;
}
#tickersFollow .actions .loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  color: #e4e4e4;
}

@media (max-width: 767px) {
  #tickersFollow .actions .hover {
    display: block;
  }
  #tickersFollow .section-sectors {
    padding-top: 20px;
  }
  #tickersFollow .grid {
    --column-count: 1;
  }
  #tickersFollow .box.especial.profile header h2 {
    font-size: 18px;
    padding: 0 20px;
  }
  #tickersFollow .filters {
    padding-right: 10px;
  }
  #tickersFollow .filters ul.nav.filters-large .nav-item.exibir {
    padding: 0;
    margin-bottom: 0;
  }
  #tickersFollow .filters ul.nav.filters-large .nav-item.exibir a {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #tickersFollow .addTicker {
    padding: 6px 6px 6px 0px;
    border: 0;
  }
  #tickersFollow .addTicker a {
    font-size: 14px;
  }
  div#modal-ticker-follow ul#container-tickers .adicionar.mobile {
    display: flex !important;
  }
}
.proReports .disclaimer {
  color: #858796;
  margin-top: 40px;
  font-size: smaller;
}
.proReports .filters {
  padding: 0;
  display: flex;
  align-items: center;
}
.proReports .filters .form-group {
  flex-direction: column;
  display: flex;
}
.proReports .filters .form-group + .form-group {
  margin-left: 20px;
}
.proReports .filters .form-group:nth-child(1) {
  flex: 1;
}
.proReports .filters .form-group:nth-child(1):nth-child(2) {
  margin-left: 20px;
  min-width: 200px;
}
.proReports .filters .form-group:nth-child(1) input {
  height: 38px;
  padding: 0 15px;
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
  font-weight: 400;
  color: #666;
  flex: 1;
}
.proReports .filters .form-group:nth-child(1) .input-group {
  display: flex;
  align-items: center;
}
.proReports .filters .form-group:nth-child(1) .btn {
  cursor: pointer;
  background-color: #293038;
  color: #ffffff;
  border: 1px solid #FFFFFF;
  border-radius: 0.25rem;
  display: inline-block;
  padding: 9px 25px;
  text-align: center;
  font-weight: bold;
  text-transform: capitalize;
  transition: ease 0.2s;
  min-width: 150px;
  margin-left: 3px;
}
.proReports .reports-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .proReports .reports-grid {
    grid-template-columns: 1fr;
  }
}
.proReports .reports-grid .report {
  display: flex;
  flex-direction: column;
  border: 1px solid #cccccc;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  background-color: #eeeeee;
  justify-content: space-between;
}
.proReports .reports-grid .report .title {
  font-size: 18px;
  text-align: left;
  text-transform: capitalize;
  font-weight: 800;
}
.proReports .reports-grid .report .description {
  color: #777;
  font-size: 14px;
  line-height: 1.4;
  margin: 5px 0 15px;
}
.proReports .reports-grid .report .footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.proReports .reports-grid .report .footer .open-report-btn {
  background-color: #293038;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 5px 15px;
}

.proReportSingle .box header {
  display: flex;
  align-items: flex-start !important;
  text-align: left;
  flex-direction: column;
  position: relative;
}
.proReportSingle .box header .report-title {
  margin-bottom: 15px !important;
}
.proReportSingle .box header .term {
  margin-bottom: 15px;
}
.proReportSingle .box header .description,
.proReportSingle .box header .publish {
  display: flex;
  font-size: 14px;
  color: #666;
  text-align: left;
  line-height: 1.4;
  margin-top: 5px;
}
.proReportSingle .box header .back-button {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 600;
  font-size: 16px;
  color: #222222;
}
@media (max-width: 767px) {
  .proReportSingle .box header .back-button {
    position: relative;
    transform: none;
    margin-top: 15px;
    right: unset;
    top: unset;
  }
}

.proWallets .subtitle {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 5px;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
}
.proWallets .wallets-box {
  border: 1px solid #dfdfdf;
  padding: 20px !important;
  border-radius: 10px;
  margin-bottom: 50px !important;
}
.proWallets .wallets-box .desc {
  margin-bottom: 20px;
}
.proWallets .wallets-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .proWallets .wallets-grid {
    grid-template-columns: 1fr;
  }
}
.proWallets .wallets-grid .not-found {
  margin-left: 5px;
  font-weight: 400;
  color: #666;
}
.proWallets .wallets-grid .wallet {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  background-color: #eee;
  justify-content: space-between;
}
.proWallets .wallets-grid .wallet .title {
  font-size: 18px;
  text-align: left;
  text-transform: capitalize;
  font-weight: 800;
  margin-bottom: 20px;
}
.proWallets .wallets-grid .wallet .description {
  color: #777;
  font-size: 14px;
  line-height: 1.2;
  margin: 5px 0 15px;
}
.proWallets .wallets-grid .wallet .footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.proWallets .wallets-grid .wallet .footer .open-wallet-btn {
  background-color: #293038;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 5px 15px;
}
.proWallets .disclaimer {
  color: #858796;
  margin-top: 40px;
  font-size: smaller;
}

.proWalletSingle .box.especial.wallet header {
  display: flex;
  flex-direction: column !important;
  align-items: flex-start;
}
.proWalletSingle .box.especial.wallet header h2 {
  margin-bottom: 15px;
}
.proWalletSingle .box.especial.wallet header .description, .proWalletSingle .box.especial.wallet header .publish {
  color: #666;
  font-size: 15px;
  margin-top: 5px;
  line-height: 1.2;
  font-weight: 500;
}
@media (max-width: 767px) {
  .proWalletSingle .box.especial.wallet .content {
    max-width: 100%;
    overflow-x: auto;
  }
  .proWalletSingle .box.especial.wallet .content table {
    width: 1000px;
  }
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table {
  width: 100%;
  border-collapse: collapse;
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table .name {
  white-space: nowrap;
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table th {
  background-color: rgba(204, 204, 204, 0.3);
  padding: 15px 10px;
  vertical-align: middle;
  text-align: left;
  color: #666;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table th.bg {
  width: 75px;
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table th.center {
  text-align: center;
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table td {
  padding: 10px 10px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #000;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table td.positive {
  color: darkblue;
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table td.negative {
  color: red;
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table td.bg {
  width: 10px;
  background-color: rgb(240, 240, 240);
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table td.center {
  text-align: center;
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table td .btn-ticker {
  background-color: #a38c65;
  color: white;
  display: inline-block;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 12px;
  line-height: 1;
  transition: ease 0.2s;
  font-size: 14px;
}
.proWalletSingle .box.especial.wallet .wallet-tickers-table td .btn-ticker:hover {
  background-color: #7e6649;
}
.proWalletSingle .box.especial.wallet .wallet-funds-list {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  border: 1px solid #ccc;
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li {
  display: block;
  width: 100%;
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li + li {
  border-top: 1px solid #ccc;
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li .header {
  display: flex;
  align-items: center;
  padding: 15px;
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li .header .toggler {
  width: 30px;
  min-width: 30px;
  height: 30px;
  margin-right: 10px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  text-align: center;
  background-color: #A38C65;
  color: white;
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li .header span {
  margin-left: 10px;
  text-transform: uppercase;
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li .header .weight {
  font-weight: 800;
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li .inner {
  display: none;
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li.active .toggler {
  background-color: rgba(0, 0, 0, 0.4);
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li.active .toggler svg {
  transform: rotate(180deg);
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li.active .inner {
  display: block;
  padding: 15px 20px 15px 65px;
  color: #666;
  font-size: 14px;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .proWalletSingle .box.especial.wallet .wallet-funds-list li.active .inner {
    overflow-x: auto;
    max-width: 100%;
    padding: 15px;
  }
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li.active .inner table {
  border-collapse: collapse;
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li.active .inner table th, .proWalletSingle .box.especial.wallet .wallet-funds-list li.active .inner table td {
  padding: 8px 10px;
  text-transform: uppercase;
}
.proWalletSingle .box.especial.wallet .wallet-funds-list li.active .inner table th {
  background-color: rgba(0, 0, 0, 0.06);
}

.breadcrumb {
  --bread-height: 36px;
  width: 100%;
  min-height: var(--bread-height);
  border-bottom: 1px solid #3b434b;
}
@media (max-width: 767px) {
  .breadcrumb {
    border-bottom: 1px solid #cccccc;
  }
}
.breadcrumb ul {
  /*height: var(--bread-height);*/
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  list-style-type: none;
}
.breadcrumb ul.breadcrumb {
  border-bottom: none;
}
@media (max-width: 767px) {
  .breadcrumb ul {
    justify-content: center;
  }
}
.breadcrumb ul li + li::before {
  content: "/";
  padding: 0 5px 0 10px;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  font-weight: 700;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  opacity: 0.5;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 767px) {
  .breadcrumb ul li + li::before {
    font-size: 11px;
    line-height: 16px;
    color: #999999;
  }
}
.breadcrumb ul li a,
.breadcrumb ul li span {
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  font-weight: 700;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: uppercase;
  opacity: 0.5;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 767px) {
  .breadcrumb ul li a,
  .breadcrumb ul li span {
    font-size: 11px;
    line-height: 16px;
    color: #999999;
  }
}
.breadcrumb ul li a span,
.breadcrumb ul li span span {
  opacity: 1;
}
.breadcrumb ul li a:hover {
  opacity: 1;
}

.pagination-page {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .pagination-page {
    justify-content: space-between;
    padding: 0 20px;
  }
}
.pagination-item {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #cccccc;
  border-radius: 10px;
  opacity: 1;
  display: flex;
  place-items: center;
  justify-content: center;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.pagination-item + .pagination-item {
  margin-left: 10px;
}
.pagination-item.active {
  border: 1px solid #d3b583;
  background: #d3b583 0% 0% no-repeat padding-box;
}
.pagination-item:hover {
  border: 1px solid #293038;
  background: #293038 0% 0% no-repeat padding-box;
  color: #d3b583;
}
.pagination-item:hover a {
  color: #d3b583;
}
@media (max-width: 991px) {
  .pagination-item {
    display: none;
  }
  .pagination-item.next, .pagination-item.previous {
    display: flex;
  }
}
.pagination-item:first-of-type {
  padding: 0 20px;
  margin-right: 10px;
}
.pagination-item:first-of-type a svg {
  margin-right: 11px;
}
.pagination-item:last-of-type {
  padding: 0 20px;
  margin-left: 20px;
}
.pagination-item:last-of-type a svg {
  margin-left: 11px;
}
.pagination-link {
  display: flex;
  place-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 16px;
  text-align: center;
  font: normal normal bold 14px/19px Nunito;
  letter-spacing: 0px;
  color: #293038;
  opacity: 1;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* Data Table */
.dataTables_wrapper .dataTables_paginate {
  width: 100%;
  margin-top: 30px;
}
.dataTables_wrapper .dataTables_paginate li#table-advanced-search_previous a:before {
  content: "\f104";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  margin-right: 10px;
}
.dataTables_wrapper .dataTables_paginate li#table-advanced-search_next a:after {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  margin-left: 10px;
}
.dataTables_wrapper .dataTables_paginate .pagination {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center !important;
}
@media (max-width: 991px) {
  .dataTables_wrapper .dataTables_paginate .pagination {
    justify-content: space-between !important;
  }
}
.dataTables_wrapper .dataTables_paginate .page-item {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #cccccc;
  border-radius: 10px;
  opacity: 1;
  min-width: 40px;
  height: 40px;
  padding: 0 16px;
  display: flex;
  place-items: center;
  justify-content: center;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.dataTables_wrapper .dataTables_paginate .page-item.disabled {
  border: 1px solid #cccccc;
}
.dataTables_wrapper .dataTables_paginate .page-item + .page-item {
  margin-left: 10px;
}
.dataTables_wrapper .dataTables_paginate .page-item.active {
  border: 1px solid #d3b583;
  background: #d3b583 0% 0% no-repeat padding-box;
}
.dataTables_wrapper .dataTables_paginate .page-item:hover {
  border: 1px solid #293038;
  background: #293038 0% 0% no-repeat padding-box;
}
.dataTables_wrapper .dataTables_paginate .page-item:hover a {
  color: #d3b583;
}
@media (max-width: 991px) {
  .dataTables_wrapper .dataTables_paginate .page-item {
    display: none;
  }
  .dataTables_wrapper .dataTables_paginate .page-item.next, .dataTables_wrapper .dataTables_paginate .page-item.previous {
    display: flex;
  }
}
.dataTables_wrapper .dataTables_paginate .page-item:first-of-type {
  padding: 0 20px;
  margin-right: 10px;
}
.dataTables_wrapper .dataTables_paginate .page-item:first-of-type a svg {
  margin-right: 11px;
}
.dataTables_wrapper .dataTables_paginate .page-item:last-of-type {
  padding: 0 20px;
  margin-left: 20px;
}
.dataTables_wrapper .dataTables_paginate .page-item:last-of-type a svg {
  margin-left: 11px;
}
.dataTables_wrapper .dataTables_paginate .page-link {
  display: flex;
  place-items: center;
  justify-content: center;
  text-align: center;
  font: normal normal bold 14px/19px Nunito;
  letter-spacing: 0px;
  color: #293038;
  opacity: 1;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

#table-dividends-history_wrapper table, #shareholdings-base table {
  margin-bottom: 0;
}
#table-dividends-history_wrapper table tbody td, #shareholdings-base table tbody td {
  padding: 8px 10px;
}
#table-dividends-history_wrapper .dataTables_scrollBody table, #shareholdings-base .dataTables_scrollBody table {
  margin-bottom: 30px;
}
#table-dividends-history_wrapper .dataTables_paginate, #shareholdings-base .dataTables_paginate {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#table-dividends-history_wrapper .dataTables_paginate .paginate_button, #shareholdings-base .dataTables_paginate .paginate_button {
  display: flex;
  place-items: center;
  justify-content: center;
  text-align: center;
  font: normal normal bold 14px/19px Nunito;
  letter-spacing: 0px;
  color: #293038;
  opacity: 1;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
#table-dividends-history_wrapper .dataTables_paginate .paginate_button.current, #table-dividends-history_wrapper .dataTables_paginate .paginate_button:hover, #shareholdings-base .dataTables_paginate .paginate_button.current, #shareholdings-base .dataTables_paginate .paginate_button:hover {
  border: 1px solid #d3b583;
  background: #d3b583;
}
#table-dividends-history_wrapper .dataTables_paginate span, #shareholdings-base .dataTables_paginate span {
  display: flex;
}
@media screen and (max-width: 767px) {
  #table-dividends-history_wrapper .dataTables_paginate .paginate_button.previous, #shareholdings-base .dataTables_paginate .paginate_button.previous {
    display: inline-flex !important;
  }
  #table-dividends-history_wrapper .dataTables_paginate .paginate_button.previous::before, #shareholdings-base .dataTables_paginate .paginate_button.previous::before {
    content: "\f053";
    font-family: "Font Awesome 6 Pro";
    font-size: 12px;
    margin-right: 10px;
  }
  #table-dividends-history_wrapper .dataTables_paginate .paginate_button.next, #shareholdings-base .dataTables_paginate .paginate_button.next {
    display: inline-flex !important;
  }
  #table-dividends-history_wrapper .dataTables_paginate .paginate_button.next::after, #shareholdings-base .dataTables_paginate .paginate_button.next::after {
    content: " \f054";
    font-family: "Font Awesome 6 Pro";
    font-size: 12px;
    margin-left: 10px;
  }
  #table-dividends-history_wrapper .dataTables_paginate .paginate_button, #shareholdings-base .dataTables_paginate .paginate_button {
    display: none !important;
  }
}
#table-dividends-history_wrapper .dataTables_scroll, #shareholdings-base .dataTables_scroll {
  height: 419px;
}
#table-dividends-history_wrapper .popover-trigger, #shareholdings-base .popover-trigger {
  color: rgba(4, 4, 4, 0.7) !important;
}
#table-dividends-history_wrapper .popover-trigger:hover, #shareholdings-base .popover-trigger:hover {
  color: black !important;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
}
.nav-link.disabled {
  pointer-events: none;
  cursor: default;
}

.nav-tabs .nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
}
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

li#search_button button svg {
  color: #a38c65;
}

li#search_button button {
  background: transparent;
  border: 0;
}

.space-2 {
  height: 2px !important;
}

.space-5 {
  height: 5px !important;
}

.space-10 {
  height: 10px !important;
}

.space-15 {
  height: 15px !important;
}

.space-20 {
  height: 20px !important;
}

.space-24 {
  height: 24px !important;
}

.space-30 {
  height: 30px !important;
}

.space-300 {
  height: 300px !important;
}

.space-40 {
  height: 40px !important;
}

.space-50 {
  height: 50px !important;
}

.space-60 {
  height: 60px !important;
}

.space-70 {
  height: 70px !important;
}

.space-80 {
  height: 80px !important;
}

.space-90 {
  height: 90px !important;
}

.space-100 {
  height: 100px !important;
}

.p-0 {
  padding: 0 !important;
}

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-100 {
  padding: 100px !important;
}

.px-0,
.pl-0 {
  padding-left: 0 !important;
}

.px-5,
.pl-5 {
  padding-left: 5px !important;
}

.px-10,
.pl-10 {
  padding-left: 10px !important;
}

.px-15,
.pl-15 {
  padding-left: 15px !important;
}

.px-20,
.pl-20 {
  padding-left: 20px !important;
}

.px-30,
.pl-30 {
  padding-left: 30px !important;
}

.px-40,
.pl-40 {
  padding-left: 40px !important;
}

.px-50,
.pl-50 {
  padding-left: 50px !important;
}

.px-60,
.pl-60 {
  padding-left: 60px !important;
}

.px-70,
.pl-70 {
  padding-left: 70px !important;
}

.px-80,
.pl-80 {
  padding-left: 80px !important;
}

.px-90,
.pl-90 {
  padding-left: 90px !important;
}

.px-100,
.pl-100 {
  padding-left: 100px !important;
}

.px-0,
.pr-0 {
  padding-right: 0 !important;
}

.px-5,
.pr-5 {
  padding-right: 5px !important;
}

.px-10,
.pr-10 {
  padding-right: 10px !important;
}

.px-15,
.pr-15 {
  padding-right: 15px !important;
}

.px-20,
.pr-20 {
  padding-right: 20px !important;
}

.px-30,
.pr-30 {
  padding-right: 30px !important;
}

.px-40,
.pr-40 {
  padding-right: 40px !important;
}

.px-50,
.pr-50 {
  padding-right: 50px !important;
}

.px-60,
.pr-60 {
  padding-right: 60px !important;
}

.px-70,
.pr-70 {
  padding-right: 70px !important;
}

.px-80,
.pr-80 {
  padding-right: 80px !important;
}

.px-90,
.pr-90 {
  padding-right: 90px !important;
}

.px-100,
.pr-100 {
  padding-right: 100px !important;
}

.py-0,
.pt-0 {
  padding-top: 0 !important;
}

.py-5,
.pt-5 {
  padding-top: 5px !important;
}

.py-10,
.pt-10 {
  padding-top: 10px !important;
}

.py-15,
.pt-15 {
  padding-top: 15px !important;
}

.py-20,
.pt-20 {
  padding-top: 20px !important;
}

.py-30,
.pt-30 {
  padding-top: 30px !important;
}

.py-40,
.pt-40 {
  padding-top: 40px !important;
}

.py-50,
.pt-50 {
  padding-top: 50px !important;
}

.py-60,
.pt-60 {
  padding-top: 60px !important;
}

.py-70,
.pt-70 {
  padding-top: 70px !important;
}

.py-80,
.pt-80 {
  padding-top: 80px !important;
}

.py-90,
.pt-90 {
  padding-top: 90px !important;
}

.py-100,
.pt-100 {
  padding-top: 100px !important;
}

.py-0,
.pb-0 {
  padding-bottom: 0 !important;
}

.py-5,
.pb-5 {
  padding-bottom: 5px !important;
}

.py-10,
.pb-10 {
  padding-bottom: 10px !important;
}

.py-15,
.pb-15 {
  padding-bottom: 15px !important;
}

.py-20,
.pb-20 {
  padding-bottom: 20px !important;
}

.py-30,
.pb-30 {
  padding-bottom: 30px !important;
}

.py-40,
.pb-40 {
  padding-bottom: 40px !important;
}

.py-50,
.pb-50 {
  padding-bottom: 50px !important;
}

.py-60,
.pb-60 {
  padding-bottom: 60px !important;
}

.py-70,
.pb-70 {
  padding-bottom: 70px !important;
}

.py-80,
.pb-80 {
  padding-bottom: 80px !important;
}

.py-90,
.pb-90 {
  padding-bottom: 90px !important;
}

.py-100,
.pb-100 {
  padding-bottom: 100px !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.my-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.my-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.mx-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.mx-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.mx-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}
.text-right button {
  float: right;
}

.clear {
  clear: both;
}

.mt-30 {
  margin-top: 30px;
}

.d-grid {
  display: grid;
}
.d-grid.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.d-grid.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.d-grid.gap-10 {
  grid-gap: 10px;
}
.d-grid.gap-20 {
  grid-gap: 20px;
}
.d-grid.gap-40 {
  grid-gap: 40px;
}
.d-grid.gap-60 {
  grid-gap: 60px !important;
}

a {
  color: #a38c65;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.ads {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

@media (max-width: 500px) {
  .ads-desktop {
    display: none;
  }
}
@media (min-width: 500px) {
  .ads-mobile {
    display: none;
  }
}
.not-recommended {
  color: #666666;
  font-size: 14px;
  font-style: italic;
}

.no-margin {
  margin: 0 !important;
}

.d-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.d-flex.f-d-c {
  flex-direction: column;
}
.d-flex.f-d-r {
  flex-direction: row;
}
.d-flex.j-c-c {
  justify-content: center;
}
.d-flex.j-c-e {
  justify-content: flex-end;
}
.d-flex.j-c-s {
  justify-content: flex-start;
}
.d-flex.a-i-c {
  align-items: center;
}
.d-flex.a-i-s {
  align-items: flex-start;
}
.d-flex.j-c-b {
  justify-content: space-between;
}
.d-flex.a-i-e {
  align-items: flex-end;
}
.d-flex.f-d-c {
  flex-direction: column;
}
.d-flex.a-i-n {
  align-items: normal;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-center {
  justify-content: center;
}

table.table.table-bordered td {
  padding: 15px;
}

table.table.table-bordered {
  border-collapse: collapse;
  width: 100%;
}

@media (max-width: 467px) {
  .margin-top-30 {
    margin-top: 30px;
  }
}

@media (max-width: 724px) {
  .padding-botton-40-mobile {
    padding-bottom: 30px;
  }
}

.margin-top-30-web {
  margin-top: 30px;
}

.margin-top-20 {
  margin-top: 20px;
}

.btn-default {
  color: black;
}
.btn-default:hover {
  color: #a38c65 !important;
}
.btn-default > .desktop {
  font-size: 17px !important;
}
.btn-default > .mobile {
  font-size: 12px !important;
}

.content--description {
  display: flex;
  padding: 12px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .content--description {
    gap: 12px;
  }
}
.content--description h5.description-title {
  color: #2F3137;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.content--description p.description-text {
  color: #2F3137;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
}
@media (max-width: 767px) {
  .content--description p.description-text {
    font-size: 12px;
    line-height: 20px;
  }
}
.content--description p.description-text span.name, .content--description p.description-text span.upside-info {
  font-weight: 600;
}
.content--description p.description-text span.info {
  white-space: nowrap;
}
.content--description p.description-text span.hide {
  filter: blur(5px);
}

.select2-container--default .select2-selection--single {
  border: 2px solid #cecece;
  border-radius: 14px;
  color: #293038;
  font-weight: 800;
  font-family: "Nunito", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 25px;
}

/* Data Table */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
thead .sorting_desc:before,
thead .sorting_desc:after,
thead .sorting_asc:before,
thead .sorting_asc:after {
  display: none !important;
}

.dataTables_filter,
.dataTables_filter * {
  z-index: 9999;
}

/* Fadeout Data Table */
.read-more.collapsed .datatable,
.read-more.collapsed .text-content,
.read-more.collapsed .table-r,
.read-more.collapsed .read-more-content {
  height: 500px;
  overflow: hidden;
  position: relative;
}
.read-more.collapsed .datatable.small,
.read-more.collapsed .text-content.small,
.read-more.collapsed .table-r.small,
.read-more.collapsed .read-more-content.small {
  height: 300px;
}
.read-more.collapsed .datatable.small-2,
.read-more.collapsed .text-content.small-2,
.read-more.collapsed .table-r.small-2,
.read-more.collapsed .read-more-content.small-2 {
  height: 190px;
}
.read-more.collapsed .datatable.teacher_readmore,
.read-more.collapsed .text-content.teacher_readmore,
.read-more.collapsed .table-r.teacher_readmore,
.read-more.collapsed .read-more-content.teacher_readmore {
  height: 100px;
}
.read-more.collapsed .datatable.teacher_readmore:after,
.read-more.collapsed .text-content.teacher_readmore:after,
.read-more.collapsed .table-r.teacher_readmore:after,
.read-more.collapsed .read-more-content.teacher_readmore:after {
  height: 70px !important;
}
.read-more.collapsed .datatable.size-80,
.read-more.collapsed .text-content.size-80,
.read-more.collapsed .table-r.size-80,
.read-more.collapsed .read-more-content.size-80 {
  height: 80px;
}
.read-more.collapsed .datatable.size-60,
.read-more.collapsed .text-content.size-60,
.read-more.collapsed .table-r.size-60,
.read-more.collapsed .read-more-content.size-60 {
  height: 60px;
}
.read-more.collapsed .datatable:after,
.read-more.collapsed .text-content:after,
.read-more.collapsed .table-r:after,
.read-more.collapsed .read-more-content:after {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 130px;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.read-more.collapsed .datatable.bg-f4:after,
.read-more.collapsed .text-content.bg-f4:after,
.read-more.collapsed .table-r.bg-f4:after,
.read-more.collapsed .read-more-content.bg-f4:after {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 90px;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #f4f4f4 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #f4f4f4 100%);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, #f4f4f4 100%);
}
.read-more.expanded .datatable {
  position: relative;
}
.read-more.expanded .datatable:after {
  display: none;
}

button.btn-readmore {
  border: 2px solid #cecece;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  background: transparent;
  color: #000;
}
button.btn-readmore:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}
button.btn-readmore.text {
  width: auto;
  height: auto;
  padding: 10px 50px;
  font-size: 14px;
}

/* Forms */
.form-group {
  margin-bottom: 1rem;
}
.form-group label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Alerts */
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-info {
  color: #3b7e7e;
  background-color: #d7f8f8;
  border-color: #d7f8f8;
}

/* Rankings */
.ranking-card--header .tag-pro {
  position: absolute;
  right: -15px;
  top: -15px;
}

#page-ranking .tab-content.read-more.collapsed .datatable {
  height: 585px;
}
#page-ranking #graham_legend {
  display: flex;
  justify-content: center;
  padding: 0 0 20px 0;
  font-size: 12px;
}
#page-ranking #graham_legend ul {
  display: flex;
  list-style: none;
}
#page-ranking #graham_legend .swicths-item {
  display: inline-flex;
  align-items: center;
}
#page-ranking #graham_legend .swicths-item > * {
  margin: 5px;
}
#page-ranking #graham_legend li {
  display: flex;
  align-items: center;
}
#page-ranking #graham_legend li:nth-child(2) {
  margin-left: 20px;
  margin-right: 20px;
}
#page-ranking #graham_legend li span {
  display: inline-block;
  width: 30px;
  height: 15px;
  border-radius: 5px;
  margin-right: 5px;
  background-color: #000;
}
#page-ranking #graham_legend li.past span {
  background: #343e74;
}
@media (max-width: 800px) {
  #page-ranking #graham_legend {
    flex-direction: column;
    align-items: center;
  }
  #page-ranking #graham_legend ul {
    margin-bottom: 10px;
  }
}
#page-ranking #filter-graham .select {
  padding-right: 20px;
  border-right: 1px #ccc solid;
}
#page-ranking #filter-graham .toolbar {
  margin-bottom: 0;
}
#page-ranking #filter-graham .text {
  padding-left: 20px;
  display: flex;
  align-items: center;
}
#page-ranking #filter-graham .text svg,
#page-ranking #filter-graham .text i {
  font-size: 34px;
  color: #ccc;
  margin-right: 20px;
}
#page-ranking #filter-graham .desc {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-top: 20px;
}
@media (max-width: 800px) {
  #page-ranking #filter-graham .select,
  #page-ranking #filter-graham .text {
    padding: 0;
    border: 0;
  }
  #page-ranking #filter-graham .text {
    padding-top: 20px;
  }
}

/* Search */
span.twitter-typeahead {
  width: 100%;
  height: 40px;
}

.item.tt-suggestion.tt-selectable {
  border-bottom: 1px solid #e6e6e6;
}

.autocomplete-suggestion .crypto-icon {
  width: 32px;
  height: 32px;
  margin-right: 15px;
  border: 1px solid #cecece;
  border-radius: 3px;
  padding: 8px;
  zoom: 1.56;
}

.tt-menu {
  position: absolute;
  left: 50% !important;
  width: 500px;
  border-radius: 10px;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transform-origin: bottom;
  z-index: 1051;
  opacity: 0;
  visibility: hidden;
  transform: translateY(70%);
  margin-left: -250px;
  text-align: left;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2509803922);
  border: 2px solid #d3b583;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 1024px) {
  .tt-menu {
    width: 100%;
    margin-left: -50%;
  }
}
.tt-menu::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
}
.tt-menu.open {
  display: flex;
  opacity: 1;
  visibility: visible;
  transform: translateY(8px);
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.tt-menu .tt-dataset {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.tt-menu .tt-dataset .ranking-card--footer {
  margin: 15px 0;
}
.tt-menu .tt-dataset .item:first-of-type a {
  border-radius: 10px 10px 0 0;
}
.tt-menu .tt-dataset .item:last-of-type a {
  border-radius: 0 0 10px 10px;
}
.tt-menu .tt-dataset .item > a {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 767px) {
  .tt-menu .tt-dataset .item > a {
    padding: 15px;
  }
}
.tt-menu .tt-dataset .item > a:hover {
  background-color: #e5e5e5;
}
.tt-menu .tt-dataset .item + li {
  border-top: 1px solid #cccccc;
}
.tt-menu .tt-dataset .item .group {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.tt-menu .tt-dataset .item .group > img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-right: 25px;
  border: 1px solid #cecece;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .tt-menu .tt-dataset .item .group > img {
    margin-right: 10px;
  }
}
.tt-menu .tt-dataset .item .group > .crypto-icon {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-right: 16.75px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .tt-menu .tt-dataset .item .group > .crypto-icon {
    margin-right: 10px;
  }
}
.tt-menu .tt-dataset .item .group .info {
  overflow: hidden;
}
.tt-menu .tt-dataset .item .group .info h3 {
  color: #333333;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0px;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .tt-menu .tt-dataset .item .group .info h3 {
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
  }
}
.tt-menu .tt-dataset .item .group .info h3 strong {
  text-transform: uppercase;
  font-weight: 800;
}
.tt-menu .tt-dataset .item .group .info .price {
  display: flex;
}
.tt-menu .tt-dataset .item .group .info .price span {
  color: #999999;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  .tt-menu .tt-dataset .item .group .info .price span {
    font-size: 10px;
    white-space: nowrap;
  }
}
.tt-menu .tt-dataset .item .group .info .price .parcentage {
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  letter-spacing: 0px;
  margin-left: 13px;
}
@media (max-width: 767px) {
  .tt-menu .tt-dataset .item .group .info .price .parcentage {
    font-size: 10px;
    white-space: nowrap;
  }
}
.tt-menu .tt-dataset .item .group .info .price .parcentage.up {
  color: #20ac25;
}
.tt-menu .tt-dataset .item .group .info .price .parcentage.down {
  color: #f24242;
}
.tt-menu .tt-dataset .item .group .info .price .parcentage.left {
  color: #a11f5c;
}
.tt-menu .tt-dataset .item .badge {
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  line-height: 16px;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: center;
  min-width: 60px;
  padding: 2px 10px;
  border-radius: 5px;
}
.tt-menu .tt-dataset .item .badge.ação {
  background-color: #d3b583;
}
.tt-menu .tt-dataset .item .badge.fii {
  background-color: #666666;
}
.tt-menu .tt-dataset .item .badge.cripto {
  background-color: #fa7777;
}
.tt-menu .tt-dataset .item .badge.Índice {
  background-color: #43b64c;
}
.tt-menu .tt-dataset .item .badge.etf, .tt-menu .tt-dataset .item .badge.etf_usa {
  background-color: #3c8baa;
}
.tt-menu .tt-dataset .item .badge.stock {
  background-color: #9ea01e;
}
.tt-menu .tt-dataset .item .badge.bdr {
  background-color: #9b3d70;
}
.tt-menu .tt-dataset .item .badge.fundo {
  background-color: #9b3d70;
}
.tt-menu .tt-dataset .item .badge.aai {
  background-color: #6f00ff;
}
.tt-menu .tt-dataset .item .badge.fiagro {
  background-color: #ffa600;
}
.tt-menu .tt-dataset .item .badge.reit {
  background-color: #94568f;
}
.tt-menu .tt-dataset .item .badge.moeda {
  background-color: #0e0e0e;
}

/* Data Table */
.dataTables_wrapper {
  overflow-x: auto;
}
.dataTables_wrapper .width-auto {
  width: 100% !important;
}

/* OWL */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

#not-actived-container {
  display: flex;
  align-items: center;
  padding: 16px;
  gap: 16px;
  border-radius: 8px;
  background: #FEE6EC;
  margin-bottom: 30px;
  border: 0.5px solid #CB0B38;
}
#not-actived-container .title span {
  color: #CB0B38;
  font-feature-settings: "liga" off, "clig" off;
  font-family: Figtree;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-left: 5px;
}
#not-actived-container #btn-back {
  padding: 12px 16px;
  background-color: #2F3137;
  color: #FFFFFF;
  border-radius: 8px;
}

/* Ações Selects */
.section-sectors .toolbar .category {
  width: 33%;
  max-width: 33%;
}
.section-sectors .toolbar .category select {
  width: 100%;
}
.section-sectors .toolbar .category:nth-child(2) {
  margin: 0 15px;
}
@media (max-width: 991px) {
  .section-sectors .toolbar .category {
    width: 100%;
    max-width: 100%;
  }
  .section-sectors .toolbar .category + .category {
    margin-top: 26px;
  }
  .section-sectors .toolbar .category .custom-select > svg {
    right: 20px;
  }
}
.section-sectors .toolbar.ticker-list {
  gap: 15px;
  justify-content: space-between;
}
.section-sectors .toolbar.ticker-list .category {
  position: relative;
}
.section-sectors .toolbar.ticker-list .category .btn-default {
  margin-top: 21px;
  height: 40px;
  border: 2px solid #cecece;
  text-transform: uppercase;
  font-size: 13px;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .section-sectors .toolbar.ticker-list .category .btn-default {
    margin-top: 0;
  }
}
.section-sectors .toolbar.ticker-list .category:nth-child(2) {
  margin: 0;
}
.section-sectors .toolbar.ticker-list .category .custom-select {
  margin-bottom: 10px;
}

@media (min-width: 991px) {
  .section-sectors .toolbar .category.open .submenu {
    position: absolute;
    background: #fff;
    border: 1px solid #cfcfcf;
    padding: 13px;
    z-index: 999;
    border-radius: 10px;
    margin: -14px;
  }
  .section-sectors .toolbar .category.open .hide {
    display: initial;
  }
  .section-sectors .toolbar .category.open .hide .select2 {
    width: 100% !important;
  }
  .section-sectors .toolbar .category .hide {
    display: none;
  }
}
.actions-code {
  height: auto;
  padding: 5px;
}

/* Site */
.site-header {
  z-index: 1039;
}

.site-header.sticky {
  z-index: 1039;
}

#header-whitelabel {
  background: #eaeaea;
  padding: 30px 0 0 0;
  text-align: center;
}

.section-subtitle.invert {
  color: #fff;
}
.section-subtitle.no-margin {
  margin: 0px;
}

.btn-default {
  cursor: pointer;
}
.btn-default.inline {
  display: inline-flex;
}
.btn-default.black {
  background: #000000;
  color: #D3B583;
  font-weight: 700;
  border-color: #000;
}
.btn-default.black:hover {
  background: #000;
  color: #fff !important;
  border-color: #000000;
  box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.5294117647);
}
.btn-default.danger {
  background: #e65656;
  color: #ffffff;
  font-weight: 700;
  border-color: #e65656;
}
.btn-default.danger:hover {
  background: #ee7171;
  border-color: #ee7171;
  color: #fff !important;
}
.btn-default.success {
  background: #20ac25;
  color: #ffffff;
  font-weight: 700;
  border-color: #20ac25;
}
.btn-default.success:hover {
  background: #1ddd23 !important;
  border-color: #1ddd23 !important;
  color: #fff !important;
}
.btn-default.danger-inverter {
  background: #ffffff;
  color: #222;
  font-weight: 700;
  border-color: #bebebe;
}
.btn-default.danger-inverter:hover {
  background: #e65656;
  border-color: #e65656;
  color: #fff !important;
  border-color: #e65656;
}
.btn-default.border-radius-10 {
  border-radius: 10px;
}
.btn-default.silver {
  background: #CCCCCC;
  color: #293038;
  border-color: #293038;
}
.btn-default.silver:hover {
  background: #fff;
  color: #D3B583;
  border-color: #D3B583;
}
.btn-default i,
.btn-default svg,
.btn-default img {
  margin-left: 10px;
}
.btn-default.transparent {
  background: transparent;
}
.btn-default:active {
  transform: translate(2px, 2px);
  transition: 0s all;
  box-shadow: none !important;
}
.btn-default.nowrap {
  white-space: nowrap;
}
.btn-default.subscribe {
  color: #fff;
  background: rgb(67, 173, 99);
  border: rgb(67, 173, 99);
}
.btn-default.subscribe:hover {
  background: #6bc050;
  transition: 0.2s all;
  border: #6bc050;
}
.btn-default.gg {
  padding: 10px 25px;
  height: 45px;
  font-size: 17px;
}
.btn-default.xxg {
  padding: 15px 60px;
  height: 65px;
  font-size: 24px;
}
@media (max-width: 800px) {
  .btn-default.xxg {
    line-height: 28px;
  }
}
.btn-default.hover-light:hover {
  background: #fff;
}

.proExclusivePopup .swal2-modal {
  background-color: #000;
}

#proExclusivePopup {
  color: #fff;
  font-size: 18px;
}
#proExclusivePopup .text {
  color: #d7bf95;
  margin: 20px;
}
#proExclusivePopup .logo {
  text-align: center;
  margin-top: 20px;
}
#proExclusivePopup .logo svg {
  max-width: 200px;
  height: auto;
}
#proExclusivePopup .btns {
  display: flex;
  justify-content: space-around;
}
#proExclusivePopup .btns .btn-default {
  height: auto;
  padding: 3px 15px;
  margin: 0 5px;
  min-height: 45px;
}

#busca-avancada .right .d-flex p {
  width: calc(60% - 10px);
  text-align: right;
}
#busca-avancada .clear_save {
  width: 100%;
}
#busca-avancada .search {
  padding: 0 0 0 20px;
}

.sub-box .btn-default {
  padding: 0 30px;
}

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

.scroll-h {
  overflow-y: auto;
}
@media (min-width: 992px) {
  .scroll-h.freeze-column {
    margin-left: 265px;
  }
  .scroll-h.freeze-column table tr {
    background-color: #fff;
  }
  .scroll-h.freeze-column table tr td:first-child,
  .scroll-h.freeze-column table tr th:first-child {
    position: absolute;
    left: 0px;
    width: 265px;
  }
}

/* Filtros */
.filter header {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter header .btn-default {
  border-radius: 10px;
  white-space: nowrap;
}
.filter header .title {
  font: normal normal bold 18px/24px Nunito;
  color: #293038;
  display: flex;
  align-items: center;
  width: 100%;
  white-space: nowrap;
}
.filter header .title:after {
  content: "";
  display: block;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  margin: 0 20px;
}
.filter .card-indicator {
  position: relative;
  box-sizing: border-box;
  padding: 20px;
}
.filter .card-indicator .advanced-search-filter-header {
  display: flex;
  justify-content: space-between;
}
.filter .card-indicator .advanced-search-filter-header span {
  font: normal normal bold 14px/19px Nunito;
}
.filter .card-indicator .advanced-search-filter-header svg {
  color: #bebebe;
}
.filter .card-indicator:before {
  content: " ";
  display: block;
  height: 5px;
  background: #293038;
  width: 50px;
  top: -1px;
  position: absolute;
  border-radius: 10px;
}
.filter .card-indicator .range-slider {
  margin: 20px 0;
}
.filter .card-indicator input[type=number] {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
}
.filter footer .save_search button:nth-child(1) {
  margin-right: 20px;
}
.filter footer button {
  padding: 0 30px;
}

.irs--round .irs-handle {
  border-color: #51555a !important;
}

.irs--round .irs-bar,
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  background-color: #51555a !important;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  border-top-color: #51555a !important;
}

/* Busca Avançada */
/* Popup Save */
#modal-save-filters-advanced-search label {
  font-size: 0.95rem;
  color: #252525;
}

.advanced .toolbar .category span {
  font: normal normal bold 18px/24px Nunito;
  text-transform: none;
}
.advanced .toolbar .category select {
  border-radius: 10px;
  padding: 13px 39px 13px 23px;
  color: #999999;
  margin-top: 10px;
  text-transform: none;
  font: normal normal normal 18px/24px Nunito;
}
.advanced .toolbar .category svg {
  width: 14px;
  height: -webkit-fill-available;
  top: 58%;
}
.advanced .toolbar .category svg path {
  color: #999999;
}
.advanced .toolbar .category:nth-child(2) {
  margin: 0 40px;
}

/* Popup Compare Tickers */
.table-borda {
  border-collapse: collapse;
  width: 100%;
}

.table-borda td,
.table-borda th {
  border: 1px solid #dee2e6;
}

.table-borda td,
.table-borda th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table-compare-tickers td div {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: center;
}

.table-compare-tickers.header td div {
  justify-content: space-between;
  font-size: 0.8rem;
}

.table-compare-tickers td div i {
  position: absolute;
  right: 0;
}

.table-compare-tickers.body tr:nth-child(n+2) td.title {
  opacity: 0;
}

.table-compare-tickers.body tr:nth-child(1) td.title img {
  height: 90px;
}

.table-compare-tickers td.title {
  font-weight: 500;
  font-size: 1rem;
  height: 40px;
  text-align: center;
}

/* Comparar Empresas */
.box.especial {
  padding: 0 0 0 0;
  border-top: 3px solid #293038;
}
.box.especial header {
  display: flex;
  align-items: center;
  border-bottom: 5px solid #f5f5f5;
  justify-content: space-between;
}
.box.especial header .icon {
  margin-right: 20px;
  border-radius: 20px 0 0 0;
  background: #293038;
  padding: 15px 15px;
  margin: -1px 20px 0px -1px;
}
.box.especial header h2 {
  font: normal normal 800 18px/24px Nunito;
  width: 100%;
  text-transform: uppercase;
}
.box.especial .content {
  padding: 40px 40px 40px 40px;
}
.box.especial .content #chart-quotation {
  width: 100%;
  height: 400px;
}
.box.especial a {
  position: relative;
}
.box.especial .text-content a {
  font-weight: 800;
  border-bottom: 2px solid;
}
.box.especial .text-content a:hover {
  opacity: 0.7;
  transition: 0.5s;
}

.box-header-component {
  overflow: hidden !important;
}
.box-header-component .sub-especial {
  border-top: 0 !important;
}
@media (min-width: 768px) {
  .box-header-component .content {
    padding: 20px !important;
  }
}

.sub-especial {
  border-top: 2px solid #cecece;
}
.sub-especial .header, .sub-especial header {
  display: flex;
  align-items: center;
  box-shadow: 2px 2px 13px 0px #c7c7c7;
  justify-content: space-between;
  border-bottom: none !important;
}
.sub-especial .header .icon, .sub-especial header .icon {
  margin-right: 20px;
  border-radius: 0 0 0 0 !important;
  background: #293038;
  padding: 15px;
  margin: -1px 20px 0px -1px;
  width: 57px;
  text-align: center;
}
.sub-especial .header h2, .sub-especial header h2 {
  font: normal normal 800 18px/24px Nunito;
  width: 100%;
  text-transform: uppercase;
}
.sub-especial .sub-content {
  padding: 0;
}
.sub-especial a {
  color: #A38C65;
}

.filters {
  padding-right: 20px;
}

ul.nav.filters-large {
  width: -moz-max-content;
  width: max-content;
  align-items: baseline;
}
ul.nav.filters-large select {
  border: 2px solid #cecece;
  border-radius: 14px;
  padding: 3px 4px;
  color: #293038;
  font-weight: 800;
  font-family: "Nunito", sans-serif;
}
ul.nav.filters-large .nav-item {
  padding: 0 10px;
}
ul.nav.filters-large .nav-item a {
  text-transform: uppercase;
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  padding-bottom: 18px;
  margin-bottom: -22px;
  color: #999999;
  font: normal normal 800 14px/19px Nunito;
}
ul.nav.filters-large .nav-item a:hover, ul.nav.filters-large .nav-item a.active {
  border-bottom: 5px solid #A38C65;
  color: #A38C65;
}

.title-tached {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  align-items: center;
}
.title-tached span {
  margin: 0 20px;
}
.title-tached:after {
  content: " ";
  border-bottom: 1px solid rgba(204, 204, 204, 0.5019607843);
  margin: 0 auto;
  display: block;
  width: 100%;
}
.title-tached:before {
  content: " ";
  border-bottom: 1px solid rgba(204, 204, 204, 0.5019607843);
  margin: 0 auto;
  display: block;
  width: 100%;
}

.add-active .btn-default.black {
  font: normal normal bold 14px/19px Nunito;
  color: #fff;
  padding: 26px 37px;
  text-transform: uppercase;
}

.container-simulator .title {
  font: normal normal 800 14px/20px Nunito;
  text-align: center;
}
@media (min-width: 425px) {
  .container-simulator .title {
    font-size: 18px;
    line-height: 30px;
  }
}
.container-simulator .grid {
  --spacing: 0.75rem 0;
  --column-count: 2;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--spacing);
  margin-top: 30px;
}
.container-simulator .grid p {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5215686275);
  padding-bottom: 10px;
  font: normal normal normal 14px/30px Nunito;
}
.container-simulator .grid p .action {
  color: #fff;
  padding: 0px 10px;
  border-radius: 5px;
  font: normal normal 800 14px/30px Nunito;
  margin-right: 15px;
  display: inline-block;
  min-width: 73px;
  text-align: center;
  text-transform: uppercase;
}
.container-simulator .grid p:nth-child(1) .action {
  background: #C23531;
}
.container-simulator .grid p:nth-child(2) .action {
  background: #2F4554;
}
.container-simulator .grid p:nth-child(4) .action {
  background: #D48265;
}
.container-simulator .grid p:nth-child(5) .action {
  background: #5BBE65;
}
.container-simulator .grid p:nth-child(3) .action {
  background: #61A1A9;
}
.container-simulator .grid p:nth-child(6) .action {
  background: #749F83;
}
.container-simulator .grid p:nth-child(7) .action {
  background: #CA8622;
}
.container-simulator .grid p:nth-child(8) .action {
  background: #913462;
}
.container-simulator .grid p:nth-child(9) .action {
  background: #465997;
}
.container-simulator .grid p .valor {
  font-weight: 800;
}
@media (max-width: 992px) {
  .container-simulator .grid p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .container-simulator .grid p .action {
    margin: 0;
  }
}

svg.svg-inline--fa.fa-hand-point-up.fa-w-12.slide-left {
  display: none;
}

.box.especial .content-padding-30 {
  padding: 30px 30px 0 30px;
}

.dy-history {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 10px;
  margin-left: 15px;
  padding: 0 75px;
}
.dy-history .box-span {
  background: #f5f5f5;
  min-width: 270px;
  width: auto;
  text-align: center;
  padding: 12px 0;
  border-left: 4px solid #a28b65;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .dy-history {
    flex-direction: column !important;
    margin-left: 0 !important;
    padding: 0 !important;
  }
}

#table-indicators-compare {
  padding-bottom: 30px;
  overflow: auto !important;
  display: flex;
  width: 100%;
}
#table-indicators-compare .footer {
  padding: 10px;
  border: 1px solid #cecece;
  border-radius: 0 0 10px 10px;
  border-top: 0;
  width: calc(100% + 1px);
}
#table-indicators-compare .footer button {
  border: 1px solid #cecece;
  border-radius: 10px;
  padding: 5px 12px;
  color: #293038;
  font-weight: 800;
  background: transparent;
  font: normal normal 800 12px/16px Nunito;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  width: 100%;
}
#table-indicators-compare .footer button:hover {
  background: #000;
  color: #D3B583;
  border-color: #000;
}
#table-indicators-compare .champion {
  position: absolute;
  right: 5px;
  color: #A38C65;
}
#table-indicators-compare .popover-trigger {
  color: #999999;
}
#table-indicators-compare div#search-new-stock {
  border: 1px solid #cecece;
  border-radius: 10px;
  width: 180px;
  margin-left: 15px;
}
#table-indicators-compare div#search-new-stock:hover {
  background: #f7f7f7;
}
#table-indicators-compare button.remove-ticker.header {
  position: absolute;
  top: -8px;
  right: -5px;
  background: white;
  border: 1px solid #cecece;
  padding: 3px 7px;
  border-radius: 100%;
  color: #999999;
}
#table-indicators-compare button.remove-ticker.header:hover {
  background: #000;
  color: #D3B583;
  cursor: pointer;
  border: #000;
}
#table-indicators-compare > div:nth-child(2) {
  display: none;
}
#table-indicators-compare tr:nth-child(odd) {
  background: rgba(204, 204, 204, 0.2117647059);
}
#table-indicators-compare tr:nth-child(1) {
  background: transparent;
}
#table-indicators-compare #button_filter {
  border: 0 !important;
  height: 146px;
}
#table-indicators-compare #button_filter div {
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding: 0 30px 20px 0;
}
#table-indicators-compare #button_filter div button {
  border: 2px solid #cecece;
  border-radius: 10px;
  padding: 5px 12px;
  color: #293038;
  font-weight: 800;
  background: transparent;
  font: normal normal 800 12px/16px Nunito;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#table-indicators-compare td {
  padding: 5px;
  height: 40px;
}
#table-indicators-compare td div {
  font: normal normal normal 14px/19px Nunito;
}
#table-indicators-compare .col-6 {
  min-width: 169px;
}
#table-indicators-compare .col-6 table {
  border-collapse: collapse;
  width: 100%;
}
#table-indicators-compare .col-6 table td {
  border: 1px solid #CCCCCC;
}
#table-indicators-compare .col-6 .logo {
  height: 115px;
  border-color: #fff;
  border-bottom-color: #CCCCCC;
  border-right: 0;
  border-left: 0;
}
#table-indicators-compare .col-6 .logo a {
  border: 1px solid #CCCCCC;
  border-radius: 10px 10px 0 0;
  border-bottom: 0;
  width: calc(100% + 1px);
}
#table-indicators-compare .col-6 .logo div {
  font: normal normal 800 12px/16px Nunito !important;
  color: #000;
  padding-bottom: 13px;
}
#table-indicators-compare .testeDeploy {
  color: #123456;
}
#table-indicators-compare .spacing {
  padding-top: 146px;
}
#table-indicators-compare .spacing table {
  border-collapse: collapse;
  width: 15px;
}
#table-indicators-compare .spacing table tr:nth-child(even) {
  background: rgba(204, 204, 204, 0.2117647059);
}
#table-indicators-compare .spacing table tr:nth-child(odd) {
  background: transparent;
}
#table-indicators-compare .spacing table td {
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  font: normal normal 800 12px/16px Nunito;
  border-right: none;
  border-left: none;
}
#table-indicators-compare #label td {
  border-left-color: transparent;
}
#table-indicators-compare #label td .popover-trigger {
  color: #999999;
}
#table-indicators-compare #label td div {
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
  font: normal normal 800 12px/16px Nunito;
  /*&:hover {
    white-space: normal;
  }*/
}
#table-indicators-compare #label td div .champion {
  position: absolute;
  right: 10px;
  color: #A38C65;
}
#table-indicators-compare .mobile {
  display: none !important;
}

select#period-profitabilities-select {
  display: none;
}

/* Popover */
.popover-trigger {
  cursor: pointer;
}

.popover-trigger:hover {
  color: #D3B583 !important;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::after,
.popover .arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
  margin-bottom: 0.5rem;
}

.bs-popover-auto[x-placement^=top] > .arrow,
.bs-popover-top > .arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-auto[x-placement^=top] > .arrow::before,
.bs-popover-top > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^=top] > .arrow::after,
.bs-popover-top > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
  margin-left: 0.5rem;
}

.bs-popover-auto[x-placement^=right] > .arrow,
.bs-popover-right > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^=right] > .arrow::before,
.bs-popover-right > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^=right] > .arrow::after,
.bs-popover-right > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
  margin-top: 0.5rem;
}

.bs-popover-auto[x-placement^=bottom] > .arrow,
.bs-popover-bottom > .arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-auto[x-placement^=bottom] > .arrow::before,
.bs-popover-bottom > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^=bottom] > .arrow::after,
.bs-popover-bottom > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
  margin-right: 0.5rem;
}

.bs-popover-auto[x-placement^=left] > .arrow,
.bs-popover-left > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-auto[x-placement^=left] > .arrow::before,
.bs-popover-left > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^=left] > .arrow::after,
.bs-popover-left > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.popover-body p {
  margin-bottom: 8px;
}

/* Action */
div#header_action {
  display: flex;
  justify-content: space-between;
}
div#header_action .icons {
  display: flex;
  align-items: center;
}
div#header_action .icons ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
div#header_action .icons ul li {
  display: flex;
  align-items: flex-end;
  padding: 0 20px;
}
div#header_action .icons ul li a {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 800;
  align-items: center;
}
div#header_action .icons ul li a img {
  margin-bottom: 8px;
  max-width: 24px;
}
div#header_action .icons ul li a:hover {
  opacity: 0.8;
  color: #daccb4;
}
div#header_action .action {
  display: flex;
}
div#header_action .action .logo {
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 10px;
  margin-bottom: -15px;
  margin-top: 15px;
}
div#header_action .action .logo img {
  width: 80%;
}
div#header_action .action .name-ticker {
  padding-left: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div#header_action .action .name-ticker h1 {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 38px;
}
div#header_action .action .name-ticker .name-company {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
}
div#header_action .user_actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
div#header_action .user_actions button {
  width: 40px;
  height: 40px;
  white-space: nowrap;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.231372549);
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  display: flex;
  justify-content: center;
  padding: 6px;
  align-items: center;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
div#header_action .user_actions button:hover {
  background: #fff;
  color: #000;
  transition: 0.5s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media screen and (max-width: 767px) {
  div#header_action .user_actions button {
    width: 30px;
    height: 30px;
  }
}
div#header_action .user_actions button svg {
  width: 16px;
  height: 16px;
}

/* Cards */
#cards-ticker {
  --spacing: 0 18px;
  --column-count: 5;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--spacing);
  margin-bottom: 30px;
}

._card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
  display: flex;
  flex-direction: column;
}
._card ._card-header {
  background: #293038;
  color: #D3B583;
  border-radius: 10px 10px 0 0;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
  font-weight: 800;
}
._card ._card-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  padding: 15px;
  height: 100%;
}
._card ._card-body span {
  font-size: 24px;
  font-weight: 800;
}
._card ._card-body .popover-trigger {
  position: absolute;
  right: 16px;
  color: #9C9C9C;
}
._card ._card-body .fa-arrow-up {
  color: #4caf50;
}
._card ._card-body .fa-arrow-down {
  color: #f44336;
}
._card ._card-body .stockCurrentQuotation {
  display: flex;
  flex-direction: column;
}
._card ._card-body .stockCurrentQuotation .real {
  font-size: 14px;
  text-align: right;
}
._card ._card-body .etfCurrentQuotation {
  display: flex;
  flex-direction: column;
}
._card ._card-body .etfCurrentQuotation .real {
  font-size: 14px;
  text-align: right;
}
@media (max-width: 600px) {
  ._card ._card-body .stockCurrentQuotation .real {
    border-left: 1px solid #aaa;
    margin-left: 10px;
    padding-left: 10px;
  }
  ._card ._card-body .stockCurrentQuotation {
    flex-direction: row;
  }
}

/* Call to Action */
.call_action .text {
  text-align: right;
}

.call_action .action a.btn-default {
  margin: 0 25px;
}
.call_action .action a.more {
  color: #000;
  text-decoration: underline;
}

/* Indicadores */
.view-mode:hover, .view-mode.active {
  border: none !important;
}
.view-mode:hover svg,
.view-mode:hover svg rect, .view-mode.active svg,
.view-mode.active svg rect {
  color: #A38C65;
  fill: #A38C65;
}

div#indicators .content {
  padding-top: 25px;
}
div#indicators .content .sub-title {
  color: #999999;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 26px;
}

div#table-indicators {
  --spacing: 10px;
  --column-count: 4;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--spacing);
}
div#table-indicators .cell {
  border: 1px solid #bebebe;
  border-radius: 5px;
  padding: 15px 20px;
  position: relative;
}
div#table-indicators .name {
  color: #999999;
  padding-right: 16px;
  font-size: 14px;
}
div#table-indicators .name svg {
  color: #999999;
  position: absolute;
  right: 10px;
  top: 18px;
}
div#table-indicators .value {
  font-size: 18px;
  font-weight: 800;
}
div#table-indicators.view-list {
  --column-count: 3;
}
div#table-indicators.view-list .cell {
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
}
div#table-indicators.view-list .cell .name {
  font-weight: 800;
}
div#table-indicators.view-list .cell .name svg {
  top: 7px;
}
div#table-indicators.view-list .cell .value {
  padding-right: 28px;
  font-size: 14px;
}
div#table-indicators.view-list .cell:nth-child(6n+5), div#table-indicators.view-list .cell:nth-child(6n+6), div#table-indicators.view-list .cell:nth-child(6n+4) {
  background: #E5E5E5;
}
@media (max-width: 1024px) {
  div#table-indicators.view-list {
    --column-count: 2;
  }
  div#table-indicators.view-list .cell:nth-child(6n+5), div#table-indicators.view-list .cell:nth-child(6n+6), div#table-indicators.view-list .cell:nth-child(6n+4) {
    background: transparent;
  }
  div#table-indicators.view-list .cell:nth-child(4n+3), div#table-indicators.view-list .cell:nth-child(4n+4) {
    background: #E5E5E5;
  }
}
div#table-indicators.three_columns {
  --column-count: 3;
}
@media (max-width: 600px) {
  div#table-indicators.three_columns {
    --column-count: 2;
  }
}

/* Graham */
.disclaimer-graham {
  border-radius: 5px;
  position: relative;
  font-size: 14px;
}
.disclaimer-graham.ticker {
  margin-top: 20px;
  padding: 30px;
  background: #f4f4f4;
  border-radius: 5px;
  background: #f4f4f4;
}
.disclaimer-graham p {
  margin-bottom: 15px;
  display: flex;
}
.disclaimer-graham p:last-child {
  margin: 0;
}
.disclaimer-graham p svg {
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  margin-right: 15px;
  margin-top: 2px;
}

div#graham .grid {
  grid-template-columns: repeat(2, 1fr);
  margin: 0;
  text-align: center;
  margin-bottom: 10px;
}
div#graham .grid .price {
  display: flex;
  align-items: center;
  justify-content: center;
}
div#graham .grid .price div:first-child {
  border-right: 1px solid #ccc;
  margin-right: 20px;
  padding-right: 20px;
}
div#graham .grid .title {
  font-size: 18px;
  font-weight: 800;
}
div#graham .grid .value {
  font-size: 18px;
  font-weight: 600;
}
div#graham .grid .last,
div#graham .grid .last-value {
  font-size: 11px;
}
div#graham .grid .upside .title {
  margin-bottom: 10px;
}
div#graham .grid .upside a {
  margin-top: 10px;
}
@media (max-width: 800px) {
  div#graham .grid {
    grid-template-columns: repeat(1, 1fr);
  }
  div#graham header h2 {
    font-size: 14px;
  }
}
div#graham.hide .upside .value, div#graham.hide .price .value {
  color: transparent;
  text-shadow: 0 0 14px black;
  color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* Compare Tickers */
#compare-tickers {
  margin-bottom: 30px;
}

/* About Company */
#about-company header h2,
#about-section header h2 {
  font-size: 16px;
  line-height: 16px;
}
#about-company .header-company,
#about-section .header-company {
  display: flex;
  align-items: center;
}
#about-company .header-company .logo,
#about-section .header-company .logo {
  margin-right: 50px;
}
#about-company .rating,
#about-section .rating {
  font-size: 18px;
  display: flex;
  flex-direction: column;
}
#about-company .rating h4,
#about-section .rating h4 {
  margin-bottom: 10px;
}
#about-company .rating .content-rating,
#about-section .rating .content-rating {
  display: flex;
  align-items: center;
}
#about-company .rating .content-rating .rating-show,
#about-section .rating .content-rating .rating-show {
  border: none;
  margin-right: 30px;
}
#about-company .rating .content-rating .rating-show > input,
#about-section .rating .content-rating .rating-show > input {
  display: none;
}
#about-company .rating .content-rating .rating-show > label,
#about-section .rating .content-rating .rating-show > label {
  color: #616161;
  float: right;
  line-height: 0;
  margin: 0;
  padding: 0;
}
#about-company .rating .content-rating .rating-show > label::before,
#about-section .rating .content-rating .rating-show > label::before {
  font-size: 18px;
  display: inline-block;
  content: "\f005";
  margin: 2px;
  font-family: "Font Awesome 6 Pro";
}
#about-company .rating .content-rating .rating-show > input:checked ~ label,
#about-section .rating .content-rating .rating-show > input:checked ~ label {
  color: #a38c65;
}
#about-company .rating .content-rating #rate-company,
#about-company .rating .content-rating .follow-ticker,
#about-company .rating .content-rating .btn-default,
#about-section .rating .content-rating #rate-company,
#about-section .rating .content-rating .follow-ticker,
#about-section .rating .content-rating .btn-default {
  font-size: 14px;
  border-width: 2px;
  text-transform: uppercase;
  color: #293038;
  margin-right: 20px;
}
#about-company .rating .content-rating #rate-company svg,
#about-company .rating .content-rating .follow-ticker svg,
#about-company .rating .content-rating .btn-default svg,
#about-section .rating .content-rating #rate-company svg,
#about-section .rating .content-rating .follow-ticker svg,
#about-section .rating .content-rating .btn-default svg {
  width: 19px;
  height: 19px;
  color: #a38c65;
}
#about-company .about,
#about-section .about {
  margin-top: 20px;
  font-family: "Nunito", sans-serif;
}
#about-company .about p,
#about-section .about p {
  line-height: 1.5;
  word-break: break-word;
  margin-block-start: 0;
  margin-block-end: 1.3em;
  font-size: 17px;
  font-weight: 400;
  color: #222222;
}
#about-company .about a,
#about-section .about a {
  text-decoration: underline;
  font-weight: bold;
  transition: all 0.2s linear;
  border: none;
}
#about-company .about a:hover,
#about-section .about a:hover {
  color: #6e552a;
}
#about-company .about .read-more.collapsed .text-content,
#about-section .about .read-more.collapsed .text-content {
  height: 278px;
}
#about-company .about .title,
#about-section .about .title {
  font-size: 18px;
  line-height: 135%;
  color: #000000;
  margin-bottom: 20px;
}

#relevant_points ul li {
  width: 50%;
  float: left;
  margin-bottom: 12px;
  padding-right: 20px;
}

/* Balanço Patrimonial */
#table-balance-sheet.table-balance tr td:nth-child(1) {
  padding-left: 40px;
}

#table-balance-sheet.table-balance tr:nth-child(2) td:nth-child(1),
#table-balance-sheet.table-balance tr:nth-child(6) td:nth-child(1) {
  padding-left: 20px;
  text-transform: uppercase;
  font-weight: 800;
}

/* More Data ABout */
#data_about .columns {
  display: flex;
  /*justify-content: space-between;*/
}
#data_about .basic_info {
  margin-right: 30px;
}
#data_about .basic_info table {
  border-collapse: collapse;
}
#data_about .basic_info table tr td {
  border-bottom: 2px solid #CCCCCC;
  padding: 11px 0;
  font-weight: 600;
  white-space: nowrap;
}
#data_about .basic_info table tr td.value {
  font-weight: 800;
  padding-left: 15px;
}
@media (max-width: 600px) {
  #data_about .basic_info table {
    width: 100%;
  }
  #data_about .basic_info table tr td {
    font-size: 13px;
    white-space: normal;
  }
}
#data_about .tickers h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
#data_about .tickers .tag-ticker {
  width: -moz-fit-content;
  width: fit-content;
  float: left;
  margin-right: 15px;
}
#data_about .tickers .tag-ticker a {
  border: 2px solid #ccc;
  color: #000;
  padding: 9px 15px;
  font-size: 14px;
  display: inline-block;
  border-radius: 10px;
}
#data_about .tickers .tag-ticker a:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}
#data_about .tags {
  display: none;
}
#data_about .tags ul {
  list-style: none;
}

/* Informações */
.grid-3 {
  --spacing: 25px;
  --column-count: 3;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-gap: var(--spacing);
}

#info_about .detail-value {
  display: none;
}
#info_about .table .cell {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 767px) {
  #info_about .table .cell {
    padding: 15px 12px;
  }
}
#info_about .table .cell a {
  display: flex;
  flex-direction: column;
  position: relative;
}
#info_about .table .cell svg {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 14px;
  color: #ccc;
}
@media screen and (max-width: 767px) {
  #info_about .table .cell svg {
    right: 7px;
    top: 7px;
  }
}
#info_about .table .cell:hover {
  cursor: pointer;
  /*border-color: #A38C65;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(211,181,131,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(211,181,131,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(211,181,131,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d3b583",GradientType=1);*/
}
#info_about .table .title {
  color: #666666;
  font-size: 14px;
}
#info_about .table .value {
  color: #000000;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  #info_about .table .value {
    font-size: 16px;
  }
}

/* Company results_table*/
.no_datatable table {
  margin-bottom: 30px;
  border-collapse: collapse;
  width: 100%;
}
.no_datatable .detail-value {
  display: none;
}
.no_datatable .d-none {
  display: none;
}
.no_datatable td {
  padding: 8px 15px;
  white-space: nowrap;
  font-size: 14px;
  border: none;
  border-left: 1px solid #cecece;
}
.no_datatable tr td:nth-child(1) {
  border-radius: 5px 0 0 5px;
  border-left: none;
}
.no_datatable tr:nth-child(even) td {
  background: rgba(204, 204, 204, 0.4784313725);
}
.no_datatable th {
  border-left: 1px solid #cecece;
  font-size: 14px;
  color: #666666;
  padding: 8px 15px;
  text-align: left;
  position: relative;
}
.no_datatable th svg {
  position: absolute;
  right: 10px;
  top: 8px;
}
.no_datatable tr th:first-child {
  border: none;
}
.no_datatable #table-balance-results > tbody > tr:nth-child(1) > th:nth-child(1) {
  color: transparent;
}
.no_datatable tr:hover td {
  background: #D3B583;
  cursor: pointer;
}

/* Modal Rating Company */
fieldset.rating {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
}
fieldset.rating > input {
  display: none;
  float: right;
}
fieldset.rating > label {
  color: #616161;
  line-height: 0;
  margin: 0;
  padding: 0;
  float: right;
}
fieldset.rating > label::before {
  font-size: 18px;
  display: inline-block;
  content: "\f005";
  margin: 2px;
  font-family: "Font Awesome 6 Pro";
}

/***** CSS Magic to Highlight Stars on Hover *****/
fieldset.rating > input:checked ~ label,
fieldset.rating:not(:checked) > label:hover,
fieldset.rating:not(:checked) > label:hover ~ label {
  color: #f5cf05;
}

/* hover previous stars in list */
fieldset.rating > input:checked + label:hover,
fieldset.rating > input:checked ~ label:hover,
fieldset.rating > label:hover ~ input:checked ~ label,
fieldset.rating > input:checked ~ label:hover ~ label {
  color: #fff74f;
}

.text-content {
  font-size: 18px;
  color: #333333;
  /*word-break: break-all;*/
}
.text-content p {
  margin-bottom: 20px;
}
.text-content span {
  font-size: 18px !important;
}
.text-content ul {
  margin-left: 25px;
}
.text-content strong {
  font-weight: 800;
}
.text-content h2,
.text-content h3 {
  font-size: 22px;
  margin-bottom: 25px;
  font-weight: 800;
}
.text-content.small p {
  font-size: 16px;
}

/* discussion */
.like-comment-true {
  color: green;
}

#discussion {
  padding: 40px 0;
}
#discussion .content {
  padding: 0 20px;
  padding-right: 0;
  align-items: flex-start;
}
#discussion .subheading {
  font: normal normal 800 18px/24px Nunito;
  text-transform: uppercase;
  letter-spacing: 3.6px;
  color: #000;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
#discussion .subheading img {
  margin-left: 20px;
}
#discussion .header-question {
  display: flex;
  align-items: center;
}
#discussion .header-question img {
  border-radius: 100%;
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  #discussion .header-question img {
    max-width: 50px;
  }
}
#discussion .question input {
  border-radius: 10px;
  border: 1px solid #CCCCCC;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  color: rgb(26, 10, 10);
}
#discussion .description textarea {
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  color: #000;
  height: 120px;
}
#discussion .container-topic {
  background: linear-gradient(180deg, #F9F9F9 0%, #FFFFFF 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#ffffff", GradientType=1);
  padding: 5px 5px 20px 5px;
}
@media screen and (max-width: 767px) {
  #discussion .container-topic .body-answers .avatar-profile {
    min-width: 50px;
    width: auto;
    line-height: 42px;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
  }
}
#discussion .container-topic .body-answers .avatar-profile .name {
  margin-left: 5px;
  width: auto;
}
#discussion .container-topic > .content > .avatar-profile {
  min-width: 50x;
  display: flex;
  align-items: center;
}
#discussion .container-topic .discussion-container .body-answers .discussion-container {
  margin-left: 5px;
}
@media (max-width: 767px) {
  #discussion .container-topic .discussion-container .body-answers .discussion-container {
    margin-left: -6px;
  }
}
#discussion .container-topic .avatar-profile {
  min-width: 50px;
  line-height: 15px;
  text-align: center;
  flex-direction: row;
  width: 100%;
  margin-bottom: -15px;
}
#discussion .container-topic .avatar-profile div.avatar-container.avatar-container-js div.plaque {
  position: absolute;
  top: 42px;
  left: 32px;
}
@media screen and (max-width: 767px) {
  #discussion .container-topic .avatar-profile div.avatar-container.avatar-container-js {
    height: 25px;
  }
}
#discussion .container-topic .avatar-profile div.avatar-container {
  margin-right: 10px;
  margin-left: -20px;
  z-index: 100;
  background-color: #F9F9F9;
  border-radius: 50px;
}
#discussion .container-topic .avatar-profile div.avatar-container > .plaque {
  margin-bottom: 10px;
  position: absolute;
  top: 37px;
  left: 37px;
}
@media screen and (max-width: 767px) {
  #discussion .container-topic .avatar-profile div.avatar-container > .plaque {
    display: none;
  }
}
#discussion .container-topic .avatar-profile div.header-forum {
  width: inherit;
}
#discussion .container-topic .avatar-profile div.header-forum small {
  color: #CCCCCC;
  font-size: 9pt;
}
#discussion .container-topic .avatar-profile div.header-forum label {
  color: #293038;
  font-weight: 100;
}
@media screen and (max-width: 767px) {
  #discussion .container-topic .avatar-profile div.header-forum {
    font-size: 10pt;
    width: 100%;
  }
  #discussion .container-topic .avatar-profile div.header-forum label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 40%;
  }
}
#discussion .container-topic .avatar-profile img {
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  #discussion .container-topic .avatar-profile img {
    width: 25px !important;
  }
}
#discussion .container-topic .avatar-profile .name {
  font-size: 12px;
  color: #293038;
  text-align: center;
  width: -moz-min-content;
  width: min-content;
  text-align: center;
  line-height: 15px;
  font-weight: 100;
  word-break: break-word;
  min-width: 70px;
}
#discussion .container-topic .discussion-container {
  border-left: 1px #CCCCCC solid;
  padding-left: 30px;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  #discussion .container-topic .discussion-container {
    padding-left: 15px;
    margin-left: -2px;
  }
}
#discussion .container-topic .discussion-container .body p {
  font-size: 15px;
  padding: 15px 0;
  margin-bottom: 10px;
}
#discussion .container-topic .discussion-container .body h2 {
  height: 30px;
  margin-top: -20px;
  float: right;
  font-size: 18px;
  line-height: 42px;
  color: #000;
  font-weight: 800;
  display: flex;
  justify-content: space-between;
}
#discussion .container-topic .discussion-container .body h2 .data {
  font-size: 11px;
  color: #666666;
}
#discussion .container-topic .discussion-container .discussion-footer {
  justify-content: left;
}
#discussion .container-topic .discussion-container .discussion-footer button {
  border-width: 2px;
}
#discussion .container-topic .discussion-container .discussion-footer button img {
  border-radius: 100%;
}
@media (max-width: 768px) {
  #discussion .container-topic .discussion-container .discussion-footer button img:nth-child(n+4) {
    display: none;
  }
}
#discussion .container-topic .discussion-container .discussion-footer button:hover {
  border-color: #D3B583;
  background: transparent;
  color: #000;
}
#discussion .container-topic .discussion-container .discussion-footer .like-comment svg {
  margin: 0 10px 0 0;
}
#discussion .container-topic .discussion-container .discussion-footer .data {
  font-size: 14px;
  color: #666666;
}
@media (max-width: 768px) {
  #discussion .container-topic .discussion-container .discussion-footer button img {
    width: 23px;
  }
}
#discussion .container-topic .discussion-container .form-answer textarea {
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  color: #505050;
  height: 120px;
  margin-top: 30px;
}
#discussion .container-topic .body-answers .discussion-container-js {
  padding-left: 30px;
  margin-left: -20px;
}
@media screen and (max-width: 767px) {
  #discussion .container-topic .body-answers .discussion-container-js .discussion-footer {
    display: flex;
    flex-flow: wrap;
  }
}
@media screen and (max-width: 767px) {
  #discussion .container-topic .body-answers .discussion-container-js {
    padding-left: 15px !important;
  }
}
#discussion .container-topic .answers fieldset.title-container-answers {
  padding: 0;
  margin-top: 30px;
  border: 0;
  border-radius: unset;
  border-top: 1px solid #CCCCCC;
}
#discussion .container-topic .answers fieldset.title-container-answers legend {
  padding-right: 20px;
  color: #293038;
  font-size: 14px;
  text-transform: uppercase;
}
#discussion .container-topic .answers .body-answers {
  margin-top: 20px;
}
#discussion .container-topic .answers .body-answers .container-comment {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  #discussion .container-topic .answers .body-answers .container-comment {
    align-items: flex-start;
  }
}
#discussion .container-topic .answers .like-comment {
  margin-right: 20px;
}
#discussion #login_message {
  border: none;
}
#discussion #login_message .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
#discussion #login_message .buttons button {
  margin: 0 10px;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0;
  height: 0 !important;
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast a {
  color: #000;
}

.fade {
  transition: opacity 0.15s linear;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.toast-header .mr-auto,
.toast-header .mx-auto {
  margin-right: auto !important;
}

.toast-body {
  padding: 0.75rem;
}

.champion {
  position: absolute;
  right: 5px;
  color: #A38C65;
}
@media (max-width: 870px) {
  .champion {
    position: relative;
    margin-left: 5px;
  }
}

#related-companies .subheading {
  font-size: 18px;
  text-transform: uppercase;
  margin: 40px 0;
  text-align: center;
  font-weight: 800;
}
#related-companies .grid {
  --column-count: 4;
}
#related-companies .grid .logo {
  padding: 24px 30px;
}
#related-companies .grid .cell {
  cursor: pointer;
}
#related-companies .grid .cell img {
  max-width: 100%;
}
#related-companies .grid h3 {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 7px 10px;
}
#related-companies .grid .dados {
  padding: 16px 20px;
  font-size: 14px;
  color: #666666;
}
@media (max-width: 440px) {
  #related-companies .grid .dados p {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #related-companies .grid .dados p .name {
    font-weight: 800;
  }
}

#quotation-section .container-simulator {
  text-align: center;
}
@media (max-width: 425px) {
  #quotation-section .container-simulator {
    padding-top: 0;
  }
}
@media (max-width: 425px) {
  #quotation-section .container-simulator .title {
    padding-top: 0;
  }
}
#quotation-section .container-simulator button {
  text-transform: uppercase;
  margin: 20px auto;
  line-height: 10pt;
}

/*#table-compare-tickers_wrapper {
  .champion{

  }
}*/
#url-shared {
  border: 1px solid #ccc;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 0.9rem;
  margin-bottom: 15px;
}

#shared-btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 15px;
}

#shared-btns a {
  margin-right: 10px;
}

#modal-share-filters-advanced-search .modal-body h5 {
  margin-bottom: 15px;
  font-size: 16px;
}

#modal-password .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  margin-top: 20px;
}
#modal-password label {
  color: #7e7e7e;
  cursor: pointer;
  font-size: 20px;
  font-weight: 400;
}
#modal-password .form-modal label {
  margin-left: 40px;
  font-size: 0.7rem;
  margin-bottom: 0;
  display: block;
}

#dividends-section .dividends-pay {
  display: none;
}
@media (max-width: 800px) {
  #dividends-section .select-graph-li {
    width: 100%;
  }
  #dividends-section .loading {
    display: none !important;
  }
}

.autocomplete-suggestion .crypto-icon {
  background: url(/assets/vendor/crypto-icon-font/css/svg/sprite.css-2cce41ee.svg) 25% 17.1428571429% no-repeat;
}

#loginPage .d-flex {
  justify-content: space-around;
  align-items: flex-start;
}
#loginPage .d-flex > div {
  flex: 1;
}
#loginPage .d-flex .section-subtitle {
  margin-bottom: 20px;
  font-size: 25px;
}
#loginPage .d-flex .modal-login-form,
#loginPage .d-flex .modal-signup-form {
  max-width: 470px;
  margin-top: 30px;
}
#loginPage fieldset {
  border: none;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  margin-bottom: 10px;
}
#loginPage fieldset legend {
  padding: 0 15px;
}
#loginPage footer {
  text-align: center;
  margin-top: 30px;
}
@media (max-width: 700px) {
  #loginPage .d-flex {
    flex-direction: column;
  }
  #loginPage .section-subtitle {
    display: block !important;
  }
}
#loginPage .forgot-password {
  text-align: left;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6196078431);
  z-index: 999;
  opacity: 0;
  transition: 0.9s;
  visibility: hidden;
}
.overlay.show {
  visibility: visible;
  opacity: 1;
  background: rgba(0, 0, 0, 0.6196078431);
  transition: 0.9s;
}

.site-header--search form .input-group input[type=search]::-moz-placeholder {
  color: #d1d1d1;
}

.site-header--search form .input-group input[type=search]::placeholder {
  color: #d1d1d1;
}

#indicators-history .no_datatable {
  margin-bottom: 20px;
}

#table-indicators-history tr td:first-child,
#table-indicators-history tr th:first-child {
  display: flex;
  justify-content: space-between;
}
#table-indicators-history a.indicator-history-graph {
  border: 1px solid #bebebe;
  width: 21px;
  height: 19px;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  background: #fff;
}
#table-indicators-history td.value,
#table-indicators-history th.year {
  padding: 8px 23px;
}

.simulation_period,
.simulation_period_c {
  text-transform: lowercase;
}

span.select2-container.select2-container--default.select2-container--open {
  z-index: 9999;
}

#widget_course {
  z-index: 999;
  position: fixed;
  top: 50%;
  margin-top: -150px;
  right: 0;
  height: -moz-min-content;
  height: min-content;
  display: flex;
}
#widget_course:hover a {
  background: #363636;
  transition: all 0.5s;
}
#widget_course a {
  background: #000;
  display: flex;
  flex-direction: column;
  color: #cba76c;
  transition: all 0.5s;
}
#widget_course .text {
  writing-mode: tb-rl;
  transform: rotate(180deg);
}
#widget_course .text a {
  border-radius: 0px 0px 10px 0px;
  padding: 15px 10px;
}
#widget_course .icon {
  border-top: 2px solid #fff;
}
#widget_course .icon a {
  border-radius: 0px 0px 0px 10px;
  padding: 10px 10px;
  font-size: 20px;
}
#widget_course .icon i,
#widget_course .icon svg {
  transform: rotate(-90deg);
}
@media (max-width: 992px) {
  #widget_course {
    display: none;
  }
}

.widget_form {
  z-index: 999;
  position: fixed;
  top: 50%;
  margin-top: -150px;
  right: 0;
  height: -moz-min-content;
  height: min-content;
  display: flex;
}
.widget_form:hover a {
  background: #3d8542;
  transition: all 0.5s;
}
.widget_form a {
  background: #5ead63;
  display: flex;
  flex-direction: column;
  color: #fff;
  transition: all 0.5s;
}
.widget_form .text {
  writing-mode: tb-rl;
  transform: rotate(180deg);
}
.widget_form .text a {
  border-radius: 0px 0px 10px 0px;
  padding: 15px 10px;
}
.widget_form .icon {
  border-top: 2px solid #fff;
}
.widget_form .icon a {
  border-radius: 0px 0px 0px 10px;
  padding: 10px 10px;
  font-size: 20px;
}
.widget_form .icon i,
.widget_form .icon svg {
  transform: rotate(-90deg);
}
@media (max-width: 992px) {
  .widget_form {
    display: none;
  }
}

div.contact_form {
  z-index: 999;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
div.contact_form .close_contact {
  background: #fff;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 5px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
div.contact_form .close_contact:hover {
  transition: 0.2s all;
  transform: scale(1.1);
}
div.contact_form .chat {
  display: flex;
  cursor: pointer;
}
div.contact_form .chat:hover {
  transition: 0.3s all;
  transform: scale(1.02);
}
div.contact_form .chat .content {
  max-width: 270px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2196078431);
  padding: 10px;
  position: relative;
}
div.contact_form .chat .content::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 50%;
  right: -15px;
  border: 0.75rem solid transparent;
  border-top: none;
  transform: rotate(90deg);
  border-bottom-color: #fff;
  filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
}
div.contact_form .chat .image {
  padding-left: 20px;
}
div.contact_form .chat .image img {
  max-width: 50px;
}
div.contact_form .typing {
  align-items: center;
  display: flex;
  height: 17px;
}
div.contact_form .typing .dot {
  animation: mercuryTypingAnimation 1.8s infinite ease-in-out;
  background-color: #A38C65;
  border-radius: 50%;
  height: 7px;
  margin-right: 4px;
  vertical-align: middle;
  width: 7px;
  display: inline-block;
}
div.contact_form .typing .dot:nth-child(1) {
  animation-delay: 200ms;
}
div.contact_form .typing .dot:nth-child(2) {
  animation-delay: 300ms;
}
div.contact_form .typing .dot:nth-child(3) {
  animation-delay: 400ms;
}
div.contact_form .typing .dot:last-child {
  margin-right: 0;
}
@keyframes mercuryTypingAnimation {
  0% {
    transform: translateY(0px);
    background-color: #A38C65;
  }
  28% {
    transform: translateY(-7px);
    background-color: #aa9879;
  }
  44% {
    transform: translateY(0px);
    background-color: #b4ab9a;
  }
}
div.contact_form .contact {
  display: none;
  max-width: 400px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 3px 4px 3px 0px rgba(0, 0, 0, 0.1803921569);
}
div.contact_form .contact .top {
  background: #a38c65;
  color: #fff;
  display: flex;
  padding: 5px;
  align-items: center;
  border-radius: 10px 10px 0 0;
}
div.contact_form .contact .top img {
  max-width: 50px;
}
div.contact_form .contact .top .name {
  padding-left: 20px;
}
div.contact_form .contact .messages {
  padding: 10px;
}
div.contact_form .contact .messages .alert {
  display: none;
  margin-top: 15px;
}
div.contact_form .contact .messages .message {
  display: flex;
}
div.contact_form .contact .messages .message .image img {
  max-width: 25px;
  margin-right: 15px;
}
div.contact_form .contact .messages .message .content {
  background: #f2f2f2;
  border-radius: 10px;
  padding: 10px;
}
div.contact_form .contact .messages .form {
  margin-top: 20px;
}
div.contact_form .contact .messages .form .form-group {
  margin-bottom: 10px;
}
div.contact_form .contact .messages .form .form-group textarea {
  font-family: "Nunito", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #222222;
  height: 94px;
}

.displayed-graph {
  width: 100%;
  height: 400px;
}

@media (max-width: 425px) {
  .displayed-graph {
    height: 250px;
  }
}
@media (max-width: 800px) {
  #graph-quotation-profit-adjusted,
  #graph-quotation-profit- {
    height: 300px !important;
  }
}

@media (max-width: 800px) {
  .small-header-h2-mobile header h2 {
    font-size: 14px !important;
  }
}

.return-investment .return-bar {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 0;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
.return-investment .return-bar div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfdfdf;
  border-bottom: 0;
  border-right: 0;
  padding: 15px;
}
.return-investment .return-bar div .down {
  color: rgb(184, 78, 78);
}
.return-investment .return-bar div .up {
  color: rgb(67, 173, 99);
}
.return-investment .return-bar div:last-child {
  border-right: none;
}
.return-investment .return-bar div.text-left {
  align-items: flex-start;
  min-width: 175px;
}
.return-investment .return-bar.ticker {
  grid-template-columns: repeat(7, 1fr);
}
@media (max-width: 900px) {
  .return-investment .return-bar {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .return-investment .return-bar div {
    padding-bottom: 20px;
    border-right: none;
  }
  .return-investment .return-bar div.text-left {
    grid-column: span 2;
    align-items: center;
  }
}

.no-margin {
  margin: 0;
  padding: 0;
}

/*#about-company, #about-section {
  .read-more .text-content{
    height: auto!important;
    overflow: initial;
    &:after {
      display: none;
    }
  }
  .btn-readmore {
    display: none;
  }
}*/
.no-data {
  height: 70px !important;
  position: relative;
}
.no-data:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "Nenhum dado cadastrado até o momento.";
}
.no-data > div,
.no-data .content {
  height: auto !important;
}

.ban-user {
  display: none !important;
}

.blocked > .ban-user {
  display: block !important;
}

@media screen and (max-width: 767px) {
  .section-sector .owl-stage {
    display: flex;
    align-items: center;
  }
  .section-sector .owl-item {
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .crypto-single #cards-ticker ._card:first-child {
    grid-area: 1/1/2/3;
  }
}

.li-dual {
  margin-left: 20px !important;
}

.li-dual a {
  width: 91% !important;
}

.menu-complete {
  margin-left: -360px !important;
  padding-bottom: 14px !important;
}

.menu-complete:before {
  left: 390px !important;
}

.ideas-menu::before {
  left: 340px !important;
}

.menu-complete a {
  height: 34px !important;
}

.menu-complete-crypto {
  margin-left: -430px !important;
}

.menu-complete-crypto:before {
  left: 470px !important;
}

.menu-complete-fii {
  margin-left: -442px !important;
}

.menu-complete-fii:before {
  left: 464px !important;
}

.menu-complete-stock {
  margin-left: -580px !important;
}

.menu-complete-stock:before {
  left: 615px !important;
}

.menu-complete-veja-mais {
  margin-left: -724px !important;
}

.menu-complete-veja-mais:before {
  left: 748px !important;
}

.menu-complete-bdr {
  margin-left: -399px !important;
}

.menu-complete-bdr:before {
  left: 428px !important;
}

.menu-complete-internacional {
  margin-left: -481px !important;
}

.menu-complete-internacional:before {
  left: 535px !important;
}

.simple .menu-complete {
  margin-left: -425px !important;
  padding-bottom: 14px !important;
}
.simple .menu-complete:before {
  left: 465px !important;
}
.simple .menu-complete a {
  height: 34px !important;
}
.simple .menu-complete-crypto {
  margin-left: -440px !important;
}
.simple .menu-complete-crypto:before {
  left: 480px !important;
}
.simple .menu-complete-fii {
  margin-left: -428px !important;
}
.simple .menu-complete-fii:before {
  left: 450px !important;
}
.simple .menu-complete-stock {
  margin-left: -418px !important;
}
.simple .menu-complete-stock:before {
  left: 455px !important;
}
.simple .menu-complete-veja-mais {
  margin-left: -608px !important;
}
.simple .menu-complete-veja-mais:before {
  left: 637px !important;
}
.simple .menu-complete-bdr {
  margin-left: -444px !important;
}
.simple .menu-complete-bdr:before {
  left: 477px !important;
}

.sub-title a {
  color: #a38c65 !important;
  pointer-events: none;
  font-size: 18px !important;
}

.sub-title a:before {
  content: "" !important;
}

.sub-title a:hover {
  pointer-events: none;
}

.dual-menu li a:before {
  font-size: 10px;
  font-weight: bold;
  display: inline-block;
  content: "\f054";
  margin: 0px 5px 0px 0px;
  color: #a38c65;
  font-family: "Font Awesome 6 Pro";
}

.whitelabel_login_message {
  padding: 10px 0 20px 0;
}

@media screen and (max-width: 767px) {
  #compare-tickers .logo img {
    max-width: 40px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  #compare-tickers .logo a {
    flex-direction: column !important;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  #compare-tickers .logo a span {
    width: 100% !important;
    text-align: center !important;
    margin-top: 10px;
  }
}

.body-answers .avatar-profile {
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .body-answers .avatar-profile img {
    max-width: 25px !important;
    height: auto !important;
  }
}

@media screen and (max-width: 767px) {
  .show-answers img {
    max-width: 25px !important;
    height: auto !important;
  }
}

.discussion-container .discussion-buttons .btn-default {
  margin-right: 15px !important;
  padding: 0 15px !important;
}
@media screen and (max-width: 767px) {
  .discussion-container .discussion-buttons .btn-default {
    margin-right: 10px !important;
    padding: 0 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .answers,
  .body-answers {
    height: auto !important;
  }
}

#home_investment {
  background-color: #f3f3f3;
  padding: 110px 0px;
}
#home_investment .section-sector--title {
  margin-bottom: 40px;
}
#home_investment .grid {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: 0;
  right: 7.5px;
  padding-bottom: 50px;
}
#home_investment .grid .owl-stage-outer {
  padding-top: 50px;
}
#home_investment .grid .item {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
  min-height: 1px;
  margin: 0 15px;
  display: block;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s linear;
  color: #222222;
  background-color: #fff;
}
#home_investment .grid .item .body {
  padding: 0 25px 31px;
}
#home_investment .grid .item .body .title {
  transform: translateY(-30px);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
#home_investment .grid .item .body .title span {
  margin-left: 16px;
  color: #293038;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}
#home_investment .grid .item .body .title .logo {
  width: 80px;
  height: 80px;
  min-width: 80px;
  padding: 10px;
  border-radius: 10px;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.22);
}
#home_investment .grid .item .body .title .logo img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#home_investment .grid .item .body .text {
  font-size: 14px;
}
#home_investment .grid .item .body .text p {
  padding-bottom: 10px;
}
#home_investment .grid .item:hover {
  box-shadow: 0px 0px 8px -1px rgba(40, 39, 52, 0.6);
  transition: all 0.2s linear;
}
@media (max-width: 600px) {
  #home_investment {
    padding: 50px 0;
  }
  #home_investment .grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 70px;
  }
}
#home_investment .controls {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#home_investment .controls .prev button,
#home_investment .controls .next button {
  background: #fff;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  border: 0;
  cursor: pointer;
  outline: none;
}
#home_investment .controls .prev button:hover,
#home_investment .controls .next button:hover {
  background: #A38C65;
}
#home_investment .controls .dots {
  display: flex;
  justify-content: space-between;
  margin: 0 20px;
}
#home_investment .controls .owl-dot.active span {
  opacity: 1;
}
#home_investment .controls .owl-dot span {
  display: inline-block;
  padding: 5px;
  background: #293038;
  border-radius: 100%;
  margin: 0 6px;
  opacity: 0.2;
  cursor: pointer;
}

.form-contact .swal2-modal {
  background-color: #f3f3f3;
}
.form-contact .title {
  font-size: 25px;
  font-weight: 800;
  text-align: center;
  padding: 4px 0px 30px 0;
}
.form-contact .line {
  margin-bottom: 20px;
  text-align: left;
}
.form-contact .line label {
  font-size: 15px;
}
.form-contact .input-group {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #bebebe;
}
.form-contact .input-group svg {
  margin-right: 10px;
  color: #b0b0b0;
}
.form-contact .form-control {
  border: 0;
  background: transparent;
  border-radius: 0;
  padding-left: 0;
  font-size: 15px;
  font-family: "Nunito", sans-serif;
}
.form-contact .border-red {
  border-bottom: solid 3px #e77e7e;
  background: #ffeeee;
  padding-left: 10px;
}
.form-contact .btn-phone {
  border: 0;
  padding: 13px 65px;
  background: #49ac49;
  color: #fff;
  width: -moz-min-content;
  width: min-content;
  margin: 0 auto;
  display: block;
  border-radius: 14px;
}
.form-contact .btn-phone:hover {
  transition: all 0.5s;
  transform: scale(1.05);
}
.form-contact.gg .form-control,
.form-contact.gg label {
  font-size: 16px;
}
@media (max-width: 800px) {
  .form-contact .d-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.popover-popup {
  border-radius: 0.3rem;
  border: 1px solid #d0d0d0;
  max-width: 300px;
  background: #fff;
  padding: 10px;
  border: 1px solid #d0d0d0;
  z-index: 9999;
  position: absolute;
  font-size: 14px;
}
.popover-popup p {
  padding-bottom: 5px;
  line-height: 21px;
}
.popover-popup .arrow {
  top: 0;
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
  margin-left: -8px;
}
.popover-popup .arrow:before {
  content: "";
  position: absolute;
  border: 8px solid transparent;
  border-color: transparent transparent #fff hsla(0, 0%, 100%, 0);
  right: auto;
  top: -7px;
  z-index: 999;
  border-width: 0 8px 8px;
}
.popover-popup .arrow:after {
  content: "";
  position: absolute;
  border: 8px solid transparent;
  border-color: transparent transparent #d0d0d0 hsla(0, 0%, 100%, 0);
  right: auto;
  top: -8px;
  border-width: 0 8px 8px;
}

#checklist .checklist-item {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #f4f4f4;
  font-size: 14px;
}
#checklist .checklist-item label {
  display: flex;
}
#checklist .checklist-item input[type=checkbox]::before {
  /* ...existing styles */
  transform-origin: bottom left;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
#checklist .checklist-item .checklist-item-title {
  font-size: 15px;
  color: #293038;
}
#checklist .rating .value {
  font-size: 35px;
  font-weight: 700;
}
#checklist .footer .flex {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-top: 30px;
}
#checklist .footer .flex .ranking-btn {
  width: 100%;
}
#checklist .footer .disclaimer {
  text-align: center;
  max-width: 600px;
  margin: 20px auto 0;
}
#checklist .rating {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  background: #b3d987;
  border-radius: 7px;
  padding: 10px;
  color: #fff;
  margin-right: 30px;
}
#checklist .rating.red {
  background: #ffabae;
}
@media (max-width: 800px) {
  #checklist .list {
    grid-template-columns: repeat(1, 1fr);
  }
  #checklist .rating {
    font-size: 12px;
    margin: 0 0 20px 0;
  }
  #checklist .rating .value {
    font-size: 25px;
  }
  #checklist .footer .flex {
    flex-direction: column;
    text-align: center;
  }
  #checklist .footer .flex br {
    display: none;
  }
  #checklist .footer .flex .ranking-btn .btn-default {
    font-size: 12px;
  }
}
#checklist.hide .hide {
  text-shadow: 0 0 14px black;
  color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#checklist.hide .rating {
  background: #a38c65;
}

.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  min-width: 20px;
  height: 20px;
  background: #f4f4f4;
}
.styled-checkbox label:before {
  background: #a38c65;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #a38c65;
}
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  background: #f4f4f4;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg);
}

body {
  padding-top: 77px;
}
@media (max-width: 1024px) {
  body {
    padding-top: 64px;
  }
}

@media (max-width: 767px) {
  #item-ticker-selector:not(.quotation) .select2-container--default,
  .filters:not(.quotation) .select2-container--default {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
    width: auto !important;
    max-width: 50% !important;
  }
}

.select2-selection__rendered {
  padding-right: 30px !important;
}

#popup_user_phone {
  max-width: 430px;
  padding: 30px;
}
@media (max-width: 800px) {
  #popup_user_phone {
    padding: 5px;
  }
  #popup_user_phone .d-grid.gap-20 {
    grid-gap: 10px;
  }
}

#popup_buy_and_hold {
  padding: 20px;
}
#popup_buy_and_hold .popup-title {
  font-size: 18px;
  font-weight: 800;
}
#popup_buy_and_hold .content {
  margin-top: 20px;
}
#popup_buy_and_hold .content p {
  padding-bottom: 10px;
}
#popup_buy_and_hold .content p strong {
  font-weight: 800;
}
#popup_buy_and_hold .tankyou {
  text-align: center;
  font-size: 30px;
  font-weight: 100;
}
#popup_buy_and_hold .rating {
  padding: 20px;
}
#popup_buy_and_hold fieldset.rating > label::before {
  font-size: 28px;
  cursor: pointer;
}
@media (max-width: 800px) {
  #popup_buy_and_hold {
    padding: 5px;
  }
}
#popup_buy_and_hold .buttons {
  max-width: 300px;
  margin: 20px auto;
}

.swal2-close {
  color: #b3b3b3 !important;
}
.swal2-close:focus {
  box-shadow: none !important;
  color: #7f7f7f !important;
}
.swal2-close:hover {
  box-shadow: none !important;
  color: #7f7f7f !important;
}

@media (max-width: 767px) {
  .swal2-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/*.swal2-container {
    width: max-content;
    max-width: 95%;
}*/
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 0;
}
.dataTables_wrapper .dataTables_processing {
  height: 65px;
  margin-top: -35px;
  background: white;
}
.dataTables_wrapper .dataTables_length {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .banner-wallets {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto !important;
    padding: 20px 10px !important;
  }
  .banner-wallets .bg-mobile {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.3;
  }
}
@media screen and (min-width: 768px) {
  .bg-mobile {
    display: none;
  }
}
.banner-wallets {
  position: relative;
  background-color: #293038;
  height: 120px;
  width: 100%;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px 50px;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
  z-index: 9;
}

.banner-wallets .bg-desktop {
  z-index: -1;
  position: absolute;
  left: 0;
  height: 100%;
  width: auto;
  opacity: 0.3;
}

@media screen and (max-width: 767px) {
  .banner-wallets .bg-desktop {
    display: none;
  }
  .banner-wallets .t-1 {
    font-size: 21px !important;
    text-align: center !important;
    line-height: 26px !important;
    margin-bottom: 10px;
  }
  .banner-wallets .t-2 {
    margin-bottom: 10px;
  }
}
.banner-wallets .t-1 {
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  line-height: 41px;
  color: #D3B583;
}

.banner-wallets .t-2 {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  max-width: 235px;
}

.banner-wallets a.add-wallet {
  border: 2px solid #D3B583;
  line-height: 40px;
  border-radius: 22px;
  color: #D3B583;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 900;
  transition: all 0.3s linear;
}

.banner-wallets a.add-wallet:hover {
  transition: all 0.3s linear;
  transform: scale(1.05);
}

.banner-wallets a.add-wallet > img {
  margin-right: 5px;
}

div#bill {
  background: #ffcbcb;
  padding: 10px;
  text-align: center;
  color: #a83131;
  font-size: 14px;
}
div#bill a {
  color: #a83131;
  text-decoration: underline;
}
div#bill a:hover {
  color: #d76969;
}

.grecaptcha-badge {
  display: none !important;
}

@media (max-width: 800px) {
  .last12months {
    right: 20px !important;
  }
}
@media (max-width: 500px) {
  .last12months {
    right: 5px !important;
  }
}
.component-readmore .component-trigger {
  top: -30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
}
.component-readmore .component-trigger .trigger-btn {
  cursor: pointer;
}
.component-readmore .component-content {
  max-height: var(--limit, 300px);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  transition: height 5s ease-in-out;
}
.component-readmore .component-content:after {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 130px;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.component-readmore.expanded .component-trigger {
  top: unset;
}
.component-readmore.expanded .component-content {
  height: auto;
  max-height: unset;
}
.component-readmore.expanded .component-content:after {
  display: none;
}

.container-link-right {
  display: block;
  text-align: right;
  margin-right: 10px;
  padding-bottom: 10px;
}

.modal-login-form .user-verification p {
  margin-bottom: 20px;
}

.hidden {
  display: none;
}

.communication-card {
  display: flex;
  position: relative;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 767px) {
  .communication-card {
    flex-direction: column;
  }
}
.communication-card > * {
  padding: 10px;
  font-size: 17px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.communication-card--content {
  width: 60%;
}
@media (max-width: 767px) {
  .communication-card--content {
    width: auto;
  }
}
.communication-card--disclosure {
  width: 40%;
  display: flex;
  position: relative;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .communication-card--disclosure {
    width: auto;
    padding-top: 0;
  }
}
.communication-card--disclosure .card-date {
  width: 100%;
  max-width: 100%;
  padding-right: 50px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .communication-card--disclosure .card-date {
    flex-direction: column;
  }
}
.communication-card--disclosure .card-date--label {
  font-weight: 700;
}
.communication-card--disclosure a.btn-download-communication {
  color: #222222;
  display: flex;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.0588235294);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  line-height: 16px;
  gap: 8px;
}

.select2-container--international {
  box-sizing: border-box;
  font-family: inherit;
}

/* Estilo do container de seleção */
.select2-container--international .select2-selection--single {
  height: 38px;
  border: 1px solid #C2C0BC;
  border-radius: 100px;
  background-color: #fff;
  box-shadow: none;
  display: flex;
  align-items: center;
  padding: 0 8px;
  text-transform: uppercase !important;
}

/* Área de texto */
.select2-container--international .select2-selection--single .select2-selection__rendered {
  color: #2F3137;
  line-height: 36px;
  padding-left: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  font-family: "Figtree", sans-serif;
  font-weight: 600;
}

/* Placeholder */
.select2-container--international .select2-selection--single .select2-selection__placeholder {
  color: #2F3137;
}

/* Seta dropdown */
.select2-container--international .select2-selection--single .select2-selection__arrow {
  height: 36px;
  width: 20px;
  position: absolute;
  right: 3px;
  top: 1px;
  padding-right: 16;
}

.select2-container--international .select2-selection--single .select2-selection__arrow b {
  border-color: #6c757d transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* Estilo do dropdown */
.select2-container--international .select2-dropdown {
  border: 0.5px solid #424C57;
  border-radius: 4px;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  font-family: "Figtree", sans-serif;
  font-weight: 500;
  margin-top: 5px;
}

/* Itens do dropdown */
.select2-container--international .select2-results__option {
  margin-top: 3px;
  padding: 8px 12px;
  font-size: 14px;
  color: #2F3137;
  border-radius: 4px;
}

/* Item com hover */
.select2-container--international .select2-results__option--highlighted[aria-selected] {
  background-color: #F3F4F7;
  color: #2F3137;
}

/* Item selecionado */
.select2-container--international .select2-results__option[aria-selected=true] {
  background-color: #F3F4F7;
  font-weight: 500;
}

/* Mobile */
@media (max-width: 1300px) and (min-width: 992px) {
  #table-indicators-compare .col-6 {
    min-width: 157px;
  }
  .section-sectors .toolbar .category {
    width: 25% !important;
    max-width: 25% !important;
  }
}
@media (max-width: 1024px) {
  .page.myProfile .box.especial .content {
    padding: 20px 15px 0 15px;
  }
  .page.myProfile .page-subheader {
    display: none;
  }
  .page.myProfile .block .title {
    font-size: 14px;
  }
  .section-sectors .toolbar {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }
  .section-sectors .toolbar .category {
    width: 100% !important;
    max-width: 100% !important;
  }
  .section-sectors .toolbar .category span {
    text-align: left !important;
  }
}
@media (min-width: 1024px) {
  .tablet {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .not-desktop {
    display: none !important;
  }
  .section-sectors .toolbar .category:nth-child(2) {
    margin: 0 !important;
  }
  .section-sectors .toolbar .category {
    width: 100% !important;
    max-width: 100% !important;
  }
  .section-sectors .toolbar .category + .category {
    margin-top: 0 !important;
  }
}
.mobile,
.mobile-flex {
  display: none !important;
}

@media (max-width: 767px) {
  .last-searches-container {
    width: 100%;
    margin-top: 40px;
  }
  .last-searches-container .last-searches-text {
    display: block;
    width: 100%;
    color: #fff;
    margin-bottom: 15px;
    font-family: "Nunito", sans-serif;
    padding-left: 2%;
  }
  .last-searches-container .last-searches-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .last-searches-container .last-searches-box .last-searches-item {
    width: 40% !important;
    height: 50px;
    line-height: 50px;
    margin: 0 0 15px 0;
    border: 1px solid #fff;
  }
  .last-searches-container .last-searches-box .last-searches-item a {
    color: #fff;
  }
  /* Ticker */
  #ticker .breadcrumb li:nth-child(3) {
    display: none;
  }
  .section-sectors .toolbar .category {
    width: 100% !important;
    max-width: 100% !important;
  }
  .section-sectors .toolbar .category span {
    text-align: left !important;
  }
  .section-sectors .toolbar .category:nth-child(2) {
    margin: 0 0 !important;
  }
  .section-sectors .toolbar .category + .category {
    margin-top: 0px;
  }
  .desktop {
    display: none !important;
  }
  .mobile {
    display: inline-block !important;
  }
  .mobile-flex {
    display: flex !important;
  }
  .mobile-inline {
    display: inline !important;
  }
  .datatable .dataTables_scroll::before {
    display: none;
  }
  /* Busca Avançada */
  #busca-avancada .section-subtitle {
    display: inline;
    text-align: center;
    font-size: 24px;
  }
  #busca-avancada .sub-box {
    text-align: center;
  }
  #busca-avancada .sub-box .d-flex {
    display: block;
  }
  #busca-avancada .sub-box .d-flex p {
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin: 20px 0;
  }
  #busca-avancada .sub-box .btn-default {
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
  }
  #busca-avancada .actions-btn {
    flex-direction: column-reverse;
  }
  #busca-avancada .actions-btn .search {
    padding: 0 0 20px 0;
    width: 100%;
  }
  #busca-avancada .actions-btn .search .btn-default {
    width: 100%;
  }
  #container-table-advanced-search header {
    margin-top: 20px;
  }
  /* Comparação de Ações */
  .filters.mobile {
    width: 100%;
  }
  .filters.mobile ul {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 20px 0 20px 0;
  }
  div#simulators.grid p {
    margin-bottom: 10px;
  }
  div#simulators.grid {
    display: block;
  }
  .add-active {
    justify-content: center !important;
  }
  .add-active.select-active-container {
    display: flex;
    flex-direction: column;
  }
  /* Action Page */
  .box.especial .content {
    padding: 0;
  }
  .box.especial .content #quotation-container {
    padding: 20px 0 0 0;
  }
  .box.especial .content #chart-quotation {
    height: 250px;
  }
  div#header_action {
    flex-direction: column;
  }
  div#header_action .action {
    align-items: center;
    padding: 20px 0;
    justify-content: space-between;
  }
  div#header_action .action .logo {
    box-shadow: 1px -1px 10px #b1b1b1;
    min-width: 80px;
    min-height: 80px;
    height: 80px;
    width: 80px;
    margin: 0;
  }
  div#header_action .action .name-ticker {
    width: 100%;
    padding-right: 16px;
  }
  div#header_action .action .name-ticker h1 {
    text-align: left;
    font-weight: 800;
  }
  div#header_action .action .name-ticker .name-company {
    color: #000;
  }
  div#header_action .user_actions.mobile-flex button:first-child {
    margin-bottom: 8px;
  }
  div#header_action .user_actions.mobile-flex button {
    border: 1px solid #ccc;
    padding: 10px 11px;
    margin-bottom: 8px;
  }
  div#header_action .icons {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 20px;
    border-top: 1px solid #ccc;
  }
  div#header_action .icons ul {
    justify-content: space-between;
    width: 100%;
  }
  div#header_action .icons ul li {
    padding: 0;
  }
  div#header_action .icons ul li a {
    color: #000;
    font-size: 12px;
  }
  #cards-ticker {
    display: grid;
    grid-template-columns: 50%;
    grid-template-rows: auto auto auto;
    gap: 15px 15px;
  }
  #cards-ticker .cotacao {
    grid-area: 1/1/2/3;
  }
  #cards-ticker .pl {
    grid-area: 2/1/3/2;
  }
  #cards-ticker .val {
    grid-area: 2/2/3/3;
  }
  #cards-ticker .vp {
    grid-area: 3/1/4/2;
  }
  #cards-ticker .dy {
    grid-area: 3/2/4/3;
  }
  #cards-ticker ._card span {
    font-size: 13px;
  }
  #cards-ticker ._card svg {
    font-size: 18px !important;
  }
  div#table-indicators .cell {
    padding: 10px;
  }
  div#table-indicators {
    --column-count: 2;
  }
  div#table-indicators.view-list {
    --column-count: 1;
  }
  div#table-indicators.view-list .cell {
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
  }
  div#table-indicators.view-list .cell .name {
    font-weight: 800;
  }
  div#table-indicators.view-list .cell .name svg {
    top: 7px;
  }
  div#table-indicators.view-list .cell .value {
    padding-right: 28px;
    font-size: 14px;
  }
  div#table-indicators.view-list .cell:nth-child(even) {
    background: #e5e5e5;
  }
  div#table-indicators.view-list .cell:nth-child(odd) {
    background: #fff;
  }
  #indicators ul.nav.filters-large .nav-item {
    padding: 0 4px;
    margin-bottom: 0px;
  }
  #indicators header h2 {
    font-size: 16px;
    line-height: 16px;
  }
  ul.nav.filters-large .nav-item a {
    padding-bottom: 2px;
    border-bottom-width: 5px;
    margin-bottom: 0;
  }
  ul.nav.filters-large .nav-item {
    padding: 0 17px;
    margin-bottom: 8px;
  }
  #segments .btn-default {
    width: 100%;
    margin-top: 30px;
  }
  #about-company .header-company {
    flex-direction: column;
    font-size: 14px;
    margin-bottom: 30px;
    text-align: center;
  }
  #about-company .header-company img {
    max-width: 90%;
  }
  #about-company .header-company .logo {
    margin: 0;
  }
  #about-company .header-company .rating .content-rating #rate-company {
    color: #000;
  }
  #about-company .header-company .rating .content-rating #rate-company svg {
    color: #a38c65;
  }
  #relevant_points ul li {
    width: 100%;
    margin-bottom: 24px;
  }
  #data_about .columns {
    flex-direction: column;
  }
  #data_about .columns .basic_info {
    width: 100%;
  }
  #data_about .columns .tickers {
    margin: 50px 0;
  }
  #data_about .columns .tags ul {
    margin: 0;
  }
  #data_about .columns .tags ul li {
    text-align: center;
    margin-bottom: 20px;
  }
  #table-indicators-company {
    --column-count: 2;
    --spacing: 7px;
  }
  #discussion .content {
    padding: 0 20px;
  }
  #discussion .container-topic .discussion-container .body h2 {
    flex-direction: column;
  }
  #discussion .container-topic .discussion-container .body h2 .data {
    font-size: 12px;
  }
  #discussion .container-topic .discussion-container .discussion-footer {
    display: block;
  }
  #discussion .container-topic .discussion-container .discussion-footer button {
    float: left;
    margin-bottom: 10px !important;
  }
  #discussion .container-topic .discussion-container .discussion-container .discussion-footer {
    display: flex;
    text-align: left !important;
    align-items: flex-start;
    justify-content: normal;
  }
  #discussion .container-topic .discussion-container .discussion-container .discussion-footer button {
    margin: 0;
  }
  .filters.forced-mobile {
    position: absolute;
    margin-top: 160px;
    width: 97%;
    z-index: 1;
  }
  .filters.forced-mobile ul {
    display: block;
    width: 100%;
    text-align: center;
  }
  .filters.forced-mobile ul li {
    display: inline-block;
    text-align: center;
    float: none;
    margin-bottom: 8px;
  }
  .filters.forced-mobile .select-year-vacancy {
    padding-bottom: 40px;
  }
  .margin-top-50-mobile {
    margin-top: 60px;
  }
  .margin-top-80-mobile {
    margin-top: 80px;
  }
  .margin-top-120-mobile {
    margin-top: 120px;
  }
  div#container-best-seach .company footer span {
    display: none;
  }
  div#modal-ticker-compare ul#container-tickers .list-group-item {
    border-bottom: none;
  }
  div#modal-ticker-compare ul#container-tickers .btn-default {
    width: 50px;
    font-size: 27px;
    color: #000;
    margin-right: 0;
  }
  div#modal-ticker-compare ul#container-tickers .remover {
    background: #cccccc;
    border-color: #cccccc;
  }
  div#modal-ticker-compare #container-chip {
    --column-count: 2;
  }
  div#modal-ticker-compare #container-chip .chip {
    justify-content: space-around;
  }
  #related-companies .subheading {
    font-size: 14px;
  }
  #related-companies .grid {
    --column-count: 2;
  }
  #related-companies .grid .logo {
    padding: 10px 20px;
  }
  #related-companies .grid h3 {
    font: normal normal 800 12px/16px Nunito;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 7px 10px;
  }
  #related-companies .grid .dados {
    padding: 16px 20px;
    font: normal normal normal 12px/16px Nunito;
  }
  .site-header--search form .input-group button {
    display: none;
  }
  .site-header--search form .input-group input[type=search] {
    padding-right: 10px;
  }
  .tt-menu.tt-open.open {
    margin-top: 10px;
  }
  .site-header--search form .input-group.focus {
    background-color: #ffffff;
    border: 0px solid #d3b583;
  }
  .site-header--search form .input-group {
    background: #fff;
  }
  .site-header--search form .input-group svg {
    margin-right: 13px;
  }
  .tt-menu {
    border-color: #fff;
  }
  .section-datatable .datatable table.dataTable.row-border tbody td {
    white-space: nowrap;
  }
  #busca-avancada .sub-box .botoes {
    margin-top: 20px;
    display: flex !important;
    justify-content: space-between;
  }
  #busca-avancada .sub-box .botoes button {
    margin: 0 !important;
  }
  .page.myProfile .block .title {
    font-size: 14px;
  }
  .page.myProfile .block .title:after {
    margin: 0 5px;
  }
  .page.myProfile fieldset {
    padding: 15px;
  }
  .page.myProfile .grid {
    margin-top: 0;
    --spacing: 0px;
  }
  .page.myProfile .grid--2 {
    --column-count: 1;
    --spacing: 0px;
  }
  .page.myProfile .grid--3 {
    --column-count: 1;
    --spacing: 0px;
  }
  .page.myProfile .grid--25-75 {
    grid-template-columns: auto;
  }
  #myRatings header h2 {
    font-size: 18px;
    text-align: center;
  }
  #myRatings .grid {
    --column-count: 1;
  }
}
@media (max-width: 767px) {
  .select-active {
    width: 100%;
    margin-bottom: 17px !important;
  }
  .select-active-container button {
    width: 100%;
  }
}
.select-active {
  display: flex;
  gap: 10px;
  margin-bottom: 36px;
  overflow-x: auto;
}
.select-active .active-item {
  white-space: nowrap;
}

.active-item {
  padding: 8px 16px;
  border: 2px solid #dcdcdc;
  border-radius: 20px;
  background-color: #f9f9f9;
  color: #444;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.active-item i {
  font-size: 18px;
}

.active-item.selected {
  background-color: #2d3e50;
  color: #ffffff;
}

.active-item.selected i {
  color: #ffffff;
}

.active-item:not(.selected):hover {
  background-color: #e0e0e0;
}

.datatable-v2 {
  font-family: Figtree;
  border: #c2c0bc 1px solid;
  overflow: hidden;
  width: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: #fff;
}
@media (min-width: 768px) {
  .datatable-v2 {
    border: rgba(66, 76, 87, 0.7) 1px solid;
    border-radius: 8px;
  }
}
.datatable-v2 table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  color: #2f3137;
}
.datatable-v2 table thead {
  font-size: 14px;
  font-weight: 500;
}
.datatable-v2 table thead tr {
  height: 40px;
  background-color: #f5f5f4;
}
.datatable-v2 table thead tr th {
  text-align: center;
  padding: 0 12px;
  font-weight: 500;
  border-bottom: #c2c0bc 1px solid;
  border-left: unset;
  text-transform: none;
  color: #2f3137;
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .datatable-v2 table thead tr th:nth-child(1) {
    border-right: rgba(194, 192, 188, 0.4784313725) 1px solid;
    text-align: start;
  }
}
.datatable-v2 table thead tr th.hidden-header-title {
  width: 5%;
}
.datatable-v2 table thead tr th.sortable::after {
  content: "\e099";
  font-family: "Font Awesome 6 Pro";
  color: #778698;
  font-size: 14px;
  margin-left: 8px;
  font-weight: 300;
}
.datatable-v2 table thead tr th:not(.sticky) {
  position: unset;
}
.datatable-v2 table tbody tr:not(:last-child) td {
  border-bottom: rgba(194, 192, 188, 0.4784313725) 1px solid;
}
.datatable-v2 table tbody tr td {
  padding: 16px;
  font-weight: 400;
  text-align: center;
}
.datatable-v2 table tbody tr td:first-child {
  padding: 16px 5px 16px 16px;
  border-right: rgba(194, 192, 188, 0.4784313725) 1px solid;
  box-shadow: 4px 0 12px rgba(56, 43, 20, 0.1);
}
.datatable-v2 table tbody tr td span.variation-up {
  background-color: #E3FCF8;
  color: #009974;
  border-radius: 100px;
  white-space: nowrap;
  padding: 4px 8px;
}
.datatable-v2 table tbody tr td span.variation-down {
  background-color: #FEE6EC;
  color: #CB0B38;
  border-radius: 100px;
  white-space: nowrap;
  padding: 4px 8px;
}
.datatable-v2 table.dataTable thead {
  padding-right: 0;
}
.datatable-v2 table.dataTable thead th.sorting_asc,
.datatable-v2 table.dataTable thead th.sorting_desc,
.datatable-v2 table.dataTable thead th.sorting_asc_disabled,
.datatable-v2 table.dataTable thead th.sorting_desc_disabled,
.datatable-v2 table.dataTable thead th.sorting {
  background-image: none;
  padding-inline: 8px;
}
.datatable-v2 table.dataTable thead th div::after {
  font-family: "Font Awesome 6 Pro";
  color: #000;
  font-size: 12px;
  margin-left: 8px;
  font-weight: 500;
}
.datatable-v2 table.dataTable thead th.sorting_asc div::after {
  content: "\f885";
}
.datatable-v2 table.dataTable thead th.sorting_desc div::after {
  content: "\f160";
}
.datatable-v2 table.dataTable thead th.sorting div::after {
  color: #908D89;
  content: "\e099";
}
.datatable-v2 table.dataTable.no-footer {
  border-bottom: #c2c0bc 1px solid;
}
.datatable-v2 .ticker-img {
  width: 40px;
  height: 40px;
  border: #E3E6ED 1px solid;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .datatable-v2 .ticker-img {
    width: 32px;
    height: 32px;
  }
}
.datatable-v2 .collapsed {
  height: 1500px;
  overflow: hidden;
  position: relative;
}
.datatable-v2 .collapsed::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 130px;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.datatable-v2 .collapsed.collaped-pro {
  height: 585px;
}
.datatable-v2 .datatable-loader {
  width: 56px;
  height: 56px;
  background: url("/assets/front/images/spinner-loading.svg") no-repeat center center;
  background-size: contain;
  animation: spinning-loader 1s linear infinite;
}
@keyframes spinning-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.datatable-v2 .pagination-container, .datatable-v2 .dataTables_paginate {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #2F3137;
  font-weight: 500;
  font-size: 14px;
}
.datatable-v2 .pagination-container .pagination-list, .datatable-v2 .pagination-container .pagination, .datatable-v2 .dataTables_paginate .pagination-list, .datatable-v2 .dataTables_paginate .pagination {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
}
.datatable-v2 .pagination-container .pagination-list .page-item, .datatable-v2 .pagination-container .pagination .page-item, .datatable-v2 .dataTables_paginate .pagination-list .page-item, .datatable-v2 .dataTables_paginate .pagination .page-item {
  border: 1px solid #E5E7EB;
  border-right: none;
}
.datatable-v2 .pagination-container .pagination-list .page-item a, .datatable-v2 .pagination-container .pagination .page-item a, .datatable-v2 .dataTables_paginate .pagination-list .page-item a, .datatable-v2 .dataTables_paginate .pagination .page-item a {
  padding: 0 12px;
  height: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2F3137;
}
.datatable-v2 .pagination-container .pagination-list .page-item:last-child, .datatable-v2 .pagination-container .pagination .page-item:last-child, .datatable-v2 .dataTables_paginate .pagination-list .page-item:last-child, .datatable-v2 .dataTables_paginate .pagination .page-item:last-child {
  border-right: 1px solid #E5E7EB;
}
@media (max-width: 425px) {
  .datatable-v2 .pagination-container .pagination-list .page-item:not(.previous):not(.next), .datatable-v2 .pagination-container .pagination .page-item:not(.previous):not(.next), .datatable-v2 .dataTables_paginate .pagination-list .page-item:not(.previous):not(.next), .datatable-v2 .dataTables_paginate .pagination .page-item:not(.previous):not(.next) {
    display: none;
  }
}
.datatable-v2 .pagination-container .pagination-list .page-item.previous, .datatable-v2 .pagination-container .pagination .page-item.previous, .datatable-v2 .dataTables_paginate .pagination-list .page-item.previous, .datatable-v2 .dataTables_paginate .pagination .page-item.previous {
  border-radius: 8px 0 0 8px;
}
.datatable-v2 .pagination-container .pagination-list .page-item.next, .datatable-v2 .pagination-container .pagination .page-item.next, .datatable-v2 .dataTables_paginate .pagination-list .page-item.next, .datatable-v2 .dataTables_paginate .pagination .page-item.next {
  border-radius: 0 8px 8px 0;
}
.datatable-v2 .pagination-container .pagination-list .page-item.current, .datatable-v2 .pagination-container .pagination .page-item.current, .datatable-v2 .dataTables_paginate .pagination-list .page-item.current, .datatable-v2 .dataTables_paginate .pagination .page-item.current {
  background-color: #2F3137;
  color: #FFFFFF;
}
.datatable-v2 .pagination-container .pagination-list .page-item.disabled, .datatable-v2 .pagination-container .pagination .page-item.disabled, .datatable-v2 .dataTables_paginate .pagination-list .page-item.disabled, .datatable-v2 .dataTables_paginate .pagination .page-item.disabled {
  background-color: #F9FAFB;
}
.datatable-v2 .pagination-container .pagination-list .page-item.disabled a, .datatable-v2 .pagination-container .pagination .page-item.disabled a, .datatable-v2 .dataTables_paginate .pagination-list .page-item.disabled a, .datatable-v2 .dataTables_paginate .pagination .page-item.disabled a {
  color: #9CA3AF;
}
.datatable-v2 .pagination-container .pagination-list .page-item.active, .datatable-v2 .pagination-container .pagination .page-item.active, .datatable-v2 .dataTables_paginate .pagination-list .page-item.active, .datatable-v2 .dataTables_paginate .pagination .page-item.active {
  background-color: #2F3137;
}
.datatable-v2 .pagination-container .pagination-list .page-item.active a, .datatable-v2 .pagination-container .pagination .page-item.active a, .datatable-v2 .dataTables_paginate .pagination-list .page-item.active a, .datatable-v2 .dataTables_paginate .pagination .page-item.active a {
  color: #FFFFFF;
}
.datatable-v2 .pagination-container .pagination-list .page-item.page-item.disabled:not(:first-child):not(:last-child) .page-link, .datatable-v2 .pagination-container .pagination .page-item.page-item.disabled:not(:first-child):not(:last-child) .page-link, .datatable-v2 .dataTables_paginate .pagination-list .page-item.page-item.disabled:not(:first-child):not(:last-child) .page-link, .datatable-v2 .dataTables_paginate .pagination .page-item.page-item.disabled:not(:first-child):not(:last-child) .page-link {
  background-color: #FFFFFF;
}
.datatable-v2 .pagination-container .pagination-list .page-item.page-item.disabled:not(:first-child):not(:last-child) .page-link a, .datatable-v2 .pagination-container .pagination .page-item.page-item.disabled:not(:first-child):not(:last-child) .page-link a, .datatable-v2 .dataTables_paginate .pagination-list .page-item.page-item.disabled:not(:first-child):not(:last-child) .page-link a, .datatable-v2 .dataTables_paginate .pagination .page-item.page-item.disabled:not(:first-child):not(:last-child) .page-link a {
  color: #2F3137;
  cursor: default;
}
.datatable-v2 .rating[class*=rate-] {
  border-radius: 5px;
  color: #fff;
  padding: 8px 10px;
  background: #009974;
}
.datatable-v2 .rating.rate-100 {
  background: #009974;
}
.datatable-v2 .rating.rate-90 {
  background: #3d9900;
}
.datatable-v2 .rating.rate-80 {
  background: #9fcd35;
}
.datatable-v2 .rating.rate-70 {
  background: #c1cc36;
}
.datatable-v2 .rating.rate-60 {
  background: #e1c63b;
}
.datatable-v2 .rating.rate-50 {
  background: #f8c43d;
}
.datatable-v2 .rating.rate-40 {
  background: #f59e3b;
}
.datatable-v2 .rating.rate-30 {
  background: #f37e3b;
}
.datatable-v2 .rating.rate-20 {
  background: #e43e3d;
}
.datatable-v2 .rating.rate-10 {
  background: #e43e3d;
}
.datatable-v2 .rating.rate-0 {
  background: #CB0B38;
}