.chart,
.chart__home {
  position: relative;
}

.highlight.ticker {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: 10px;
}

.custom-arrow-default {
  width: 48px;
  height: 48px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAAD6ElEQVRoBe1YPWwTMRR+9t2lNLkgMSBgIukCghEGOpGOiLlILPxMCJiQYEJIkWCCgYWk6tSCkCitVNgYW3YYkWCBbiAYgPaSKrk7m/e5vZDQNEmTI1DpLDnx2e/ne5/t9y4hSlrCQMJAwkDCQMJAwkDCwH/KgNaC0HdlawbePN4VwbQD3G4uhmBkDDZaTRS1pM1Dk5+q3EY3ApjDWswtZoN83o8BvtD50s8LwtlzDx1jzG2sxXsnYg2gsEQWnRPhWLlyloSc1UGN0DE2c7xmZGLchdgCODGtneUJEeTK1VNah8+FMypIKZ9U6GOMOaxBBrJxxRBLAMeL71Jvrwg/X149IihclHuyGe2v14kMUAdjzGENMpCFThxBDJyjwSYA5UreQU76SzLtHlXrHoOnVoCCOAg3paree01iYuW6+yXSHSSQgXbgxPQbA/7Agy/MrlqUGQPe3wIeCDWlODAfMpCFDgKHjX8SQKGo7bdXTgIspTPpOelmx5ldPNsdANmQgSx0IAcbsNVBp+NSf0doXptsA8u50uqM5WYvKc8LOIFaPNXNpubdCKXr2qG3Nrtyfe9lg7DJpnnu8WPnRwjFiNMh7OfL3n0rw+ArnmLYsNUNPNQEZKEDXdjApLHZR6HbWQDFYkM+X/JuypHMLT4ScK+5N9Yw0aVBVkMXNmCrId/kozHXYdALYxvqeJdZYJDMfq7sXZR2alYrPjUqDBh9X2eYnQdaWraQNqmgfmnlmvuYcJQmiXeUK3cPrWfWCsu/qyynyxnmj1Co+gUPbEYXxY5tMd6ZRrWGrx5bTwFEVfbwo9VxTWrOVNbQ54wTR0XVjmZbwuZqTeEcfOykWnc9QlGxQQXl+7ckR9xDqmbS5UD5uw3BPt8HR9Uqn5mYiU/X9n6IfLeRbUx13IHIQK709SDv8Us5yuDrFVTZuMEDkKPq1Tp8wBd8bhS6zru8bQAR+ANPdEbI0UU2jFcEPq+69RWhwUUMA7ZtqjX7gk/47hZE+wA4E0ARkDLe2lN+hxnnvL1uIGoK+Pb9vc5O4As+4Rs+DRZkpzZt6x1AMSkKRZPzVn7izDN7nzsZrnEsErFuFW9jM4Ypzk9KkZV1KPjuLXxaenWeFs6F5hcdsDW1PxBxrkf25Zw2NuXd0Erd5YfvjBs/o2SL5qaRaAujtX6eI90IF2wgBP5gt3qfkPLOx6vuQ/MPh0H8u0b8UYB4FSHwLij68cJOjSz4SocjSsgqVSP7Q/lOU5pqllaOFFYQ1GzDvjDsmxCGAmIYTraPhi9NYT/vx+thwOjg4zTR8jc+FZsvkB0kk6WEgYSBhIGEgYSBhIGEgZ0y8AthKvi5qGC2rAAAAABJRU5ErkJggg==);
  transform: rotate(180deg);
}

.arrow-custom-image,
.custom-arrow-image {
  max-width: 20px;
}

.custom-arrow-default.up {
  transform: none;
}

.highlight.ticker .infos-wrapper {
  font-size: 12px;
}

.highlight.ticker .pref {
  font-weight: 700;
  color: black;
}

.highlight.ticker .value {
  font-size: 30px;
  font-weight: 700;
  color: #004f9d;
}

.variation.down {
  color: #8b0000;
}

.infos-wrapper .ticker,
.variation.up {
  color: green;
}

.highlight .infos-wrapper > span {
  display: block;
}

.chart .loading-content {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  background: #fff;
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  transition: all 0.2s linear;
  visibility: visible;
  opacity: 1;
}

.btns.hide.simple-chart,
.chart :before,
.tbPrices.simple-chart {
  display: none;
}

.chart .loading-content.hide {
  visibility: hidden;
  opacity: 0;
}

.chart .tbPrices {
  width: 100%;
  margin: 0 0 15px;
  padding: 0;
  float: left;
  font-family: "Barlow", sans-serif;
  background: #fff;
}

.chart .tbPrices li {
  margin: 0;
  padding: 0;
  float: left;
  width: 20%;
  list-style: none;
}

.chart .tbPrices .tbPrices__title {
  padding: 15px 19px;
  border-radius: 4px 4px 0px 0px;
  background: #043464;
  box-shadow: none;
  border: none;
  width: 100%;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  line-height: 130%;
}

.chart .tbPrices .tbPrices__column {
  font-size: 15px;
  font-weight: 100;
  color: #666;
  height: 102px;
}

.chart .tbPrices .tbPrices__price {
  padding: 10px;
  height: 102px;
  display: flex;
  align-items: center;
}

.chart .tbPrices .tbPrices__column .label {
  color: #4B4B4B;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  height: 50px;
  display: inline-block;
  margin: 0 5px 0 15px;
  line-height: 50px;
}

.chart .containerIndexes label,
.table-footer {
  margin-right: 10px;
  margin-bottom: 4rem !important;
}

.chart .tbPrices .tbPrices__column .value {
  font-size: 14px;
  font-weight: 300;
}

.chart .tbPrices .tbPrices__column .line,
.chart .tbPrices .tbPrices__column .tbPrices__column.first {
  display: block;
  width: 100%;
}

.chart .tbPrices .preco {
  display: block;
  width: 100%;
  color: #4B4B4B;
  text-align: center;
  font-size: 18.854px;
  font-weight: 400;
}

.chart .tbPrices .preco span.variation {
  color: #4B4B4B;
  text-align: center;
  font-size: 12.57px;
  font-weight: 300;
  margin-top: 5px;
}

.chart .tbPrices .preco span.variation.down {
  color: #D35143;
}

.chart .tbPrices .preco span.variation.up {
  color: #228E45;
}

.chart .tbPrices .preco span.variation.neutro {
  color: #e28c3b;
}

.chart .tbPrices .maxima {
  color: #2bda2b;
}

.chart .tbPrices .minima {
  color: #c00;
}

.chart .tbPrices .abertura {
  color: #f1b70f;
}

.chart .tbPrices .dateReference {
  float: right;
  font-size: 12px;
  margin-top: 3px;
}

.chart .containerIndexes {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.table-footer {
  margin-bottom: 15px;
}

.table-footer::after {
  clear: both;
  content: "";
  display: block;
}

.table-footer .footer {
  font-family: "Barlow", sans-serif;
  font-size: 10px;
  float: right;
  text-align: right;
  background: none;
  margin: 0;
  color: #848587;
}

.historyTabularPrices *,
.historyTickerIdentification {
  font-family: "Barlow", sans-serif;
}

.table-footer .footer .link a {
  text-decoration: none;
  color: #777;
}

.table-footer .footer .link a:hover {
  color: black;
}

#texto .table-footer .footer a {
  color: #428bca;
  text-decoration: none;
}

.btns {
  margin-left: 10px;
  margin-top: 20px;
}

.btn-change-chart-period,
.btn-change-chart-type {
  color: black;
  border-radius: 4.603px;
  background: #EBEBEB;
  border: none;
  display: inline-block;
  padding: 5px 32px;
  margin-bottom: 0;
  margin-right: 10px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #182630;
  text-align: center;
  font-size: 10.998px;
  font-weight: 300;
}

.btn-change-chart-period.active,
.btn-change-chart-type.active {
  background: #5F5F5F;
  color: #fff;
}

.btn-change-chart-period:hover,
.btn-change-chart-type:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.highcharts-axis-labels text,
.highcharts-axis-labels tspan {
  fill: #aaa;
  font-size: 10px !important;
}
.highcharts-axis-labels text .highcharts-text-outline,
.highcharts-axis-labels tspan .highcharts-text-outline {
  stroke: transparent !important;
}

@media (max-width: 1023px) {
  .chart .tbPrices .tbPrices__price {
    width: 30%;
    height: 204px;
  }
  .chart .tbPrices .tbPrices__column {
    width: 70%;
    height: 51px;
  }
  .chart .tbPrices .tbPrices__column .tbPrices__column-box {
    float: left;
    width: 50%;
  }
}
@media (max-width: 992px) {
  .chart .tbPrices .tbPrices__column {
    width: 100%;
    background: #F5F6FA;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .chart .tbPrices .tbPrices__column .tbPrices__column-box.first {
    border: none !important;
  }
  .chart .tbPrices .tbPrices__column .label {
    margin-left: 0;
    display: block;
    margin-bottom: 0;
    height: unset;
    line-height: 2;
  }
}
@media (max-width: 639px) {
  .chart .tbPrices .tbPrices__price {
    width: 100%;
    height: 102px;
  }
  .chart .tbPrices .tbPrices__column {
    width: 100%;
    border-left: 1px dashed #eee;
    text-align: center;
  }
  .chart .tbPrices .tbPrices__column .label {
    margin-left: 0;
  }
}
@media (max-width: 439px) {
  .chart .tbPrices .tbPrices__column {
    width: 100%;
    height: 102px;
  }
  .chart .tbPrices .tbPrices__column:nth-child(even) {
    border-left: 1px dashed #eee;
  }
  .chart .tbPrices .tbPrices__column .tbPrices__column-box {
    width: 100%;
  }
  .chart .tbPrices .tbPrices__column .tbPrices__column-box.first {
    border-right: 0;
    border-bottom: 1px dashed #eee;
  }
}
.stockinfo {
  margin: 0;
}

.mziq-quotations {
  overflow: auto;
  width: 100%;
}

.mziq-quotations .scroll {
  min-width: 930px;
}

#historyForm {
  margin-right: 10px;
  margin-left: 10px;
}

.historyTabularPrices * {
  text-decoration: none;
}

.historyTickerIdentification {
  padding: 10px;
  font-size: 18px;
  background: #043464;
  border-radius: 10px 10px 0px 0px;
  box-shadow: none;
  border: none;
  width: 100%;
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 150%;
  color: white;
  display: none !important;
}

.historyTabularPrices .loading {
  text-align: center;
}

.historyTabularPrices .scroll {
  float: left;
  overflow: auto;
  width: 100%;
}

.historyTabularPrices .form-inline {
  float: left;
  margin: 20px 0;
  width: 100%;
  margin-bottom: 0;
}

.historyTabularPrices .form-inline div {
  float: left;
}
.historyTabularPrices .form-inline div.last {
  display: flex;
  align-items: center;
}

.historyTabularPrices .form-inline div.first {
  margin-right: 30px;
}

.historyTabularPrices .form-inline div input {
  display: inline-block;
  margin-right: 10px;
  margin-top: 0;
  width: auto;
  color: black;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}

.historyTabularPrices .form-inline div label {
  display: inline-block;
  margin-right: 10px;
  margin-top: 0;
  width: auto;
  color: black;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}

.historyTabularPrices .form-control {
  display: block;
  width: 100%;
  max-width: 105px;
  height: 48px;
  padding: 6px 12px;
  background-image: none;
  border: 1px solid black;
  background: #FFF;
  border-radius: 4px;
  color: black;
  font-size: 14px;
  font-weight: 300;
}

.historyTabularPrices .form-inline div label.info {
  float: right;
  margin-left: 10px;
  margin-top: auto;
  margin-bottom: auto;
  color: black;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}

.historyTabularPrices .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
}

.legend {
  width: 100%;
  color: #999;
  margin: 2px;
  font-family: "Barlow", sans-serif;
  border-bottom: none;
  font-size: 11px;
}

.item .symbol {
  font-weight: 700;
  margin-left: 5px;
}

.historyTabularPrices .form-inline .btn-close {
  display: none;
  background-color: #d9534f;
  border-color: #d43f3a;
  float: left;
  width: auto;
}

.historyTabularPrices .form-inline .btn-close:hover {
  background-color: #d43f3a;
}

.historyTabularPrices .fa-close:before {
  content: "\f00d";
  font: 100 17px/1 FontAwesome;
}

.historyTabularPrices .form-inline .btn-default {
  float: left;
}

.historyTabularPrices .form-inline .btn-export {
  float: right;
}

.historyTabularPrices .form-inline .btn-default,
.historyTabularPrices .form-inline .btn-export {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 166px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #043464;
  background-color: #043464;
  transition: 0.3s all;
  cursor: pointer;
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
}
.historyTabularPrices .form-inline .btn-default:hover,
.historyTabularPrices .form-inline .btn-export:hover {
  opacity: 0.7;
}

.historyTabularPrices .form-inline .btn:disabled {
  background-color: #dedede;
  border-color: #b7b7b7;
  color: #666;
  pointer-events: none;
}

.historyTabularPrices .up {
  color: green;
  text-indent: 4px;
}

.variation .icon.up:after {
  content: "▲";
  display: inline-block;
  font-size: 10px;
}

.variation .icon.down:after {
  content: "▼";
  display: inline-block;
  font-size: 10px;
}

.historyTabularPrices .down {
  color: brown;
}

.historyTabularPrices .footer {
  width: 100%;
  margin: 10px 0;
  border-bottom: none;
  float: left;
  text-align: right;
  color: #666;
  font-size: 10px;
}

.table__history .fonte {
  width: 100%;
  font-size: 12px;
  color: #999;
  font-style: italic;
  float: right;
  border-bottom: none;
  background: transparent !important;
}

.table__history {
  margin-top: 3rem;
}
.table__history th {
  color: black;
  font-size: 16px;
  font-weight: 600;
  line-height: 130%;
  padding: 0 1rem 1.5rem 1rem;
  background: white;
  white-space: nowrap;
}
.table__history td {
  color: black;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  background: white;
  border-bottom: 1px solid #D5D7D8;
  padding: 1rem;
  white-space: nowrap;
}

table#stockinfo-live-table {
  font-family: "Barlow", sans-serif;
  font-size: 11px;
  display: table;
  color: #333;
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  border-spacing: 2px;
}

table#stockinfo-live-table td,
table#stockinfo-live-table th {
  padding: 4px;
  background: 0 0;
  border-bottom: 1px solid #ddd;
  transition: all 0.2s ease-out;
  font-size: 11px;
}

table#stockinfo-live-table th {
  background: #e3e5e9;
  text-transform: uppercase;
}

table#stockinfo-live-table tr td {
  padding: 5px 4px;
}

table#stockinfo-live-table tr:hover {
  background: #f2f2ef;
}

table#stockinfo-live-table tr td.up {
  color: #006400;
}

table#stockinfo-live-table tr td.down {
  color: #8b0000;
}

table#stockinfo-live-table tr.footer td {
  padding: 15px 0 0 5px;
  border-bottom: none;
  font-size: 10px;
  color: #999;
}

table#stockinfo-live-table tr.footer td:hover {
  background: #fff;
}

table#stockinfo-live-table tr.footer td a {
  text-decoration: none;
  color: #777;
}

table#stockinfo-live-table tr.footer td a:hover {
  color: black;
}

.page-template-mziq-stockinfo h2 {
  color: black;
  font-size: 2rem;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 2rem;
}
.page-template-mziq-stockinfo .stockinfo-chart {
  margin-bottom: 70px;
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area {
  gap: 10px;
}
@media (min-width: 992px) {
  .page-template-mziq-stockinfo .stockinfo-chart-timeline-area {
    display: flex;
  }
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area .col-tableChart {
  flex: 1;
  border: solid 1px #EEEEEE;
}
@media (min-width: 992px) {
  .page-template-mziq-stockinfo .stockinfo-chart-timeline-area .timelineChart {
    width: 30%;
  }
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area .timelineChart .timelineChartHeaderArea .timelineChartHeader {
  background-color: #043464;
  color: #fff;
  border-radius: 4px 4px 0px 0px;
  font-weight: 700;
  font-size: 1rem;
  padding: 16.19px 19px;
  line-height: 130%;
  letter-spacing: 0em;
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area .timelineChart .timelineChartHeaderArea .timelineChartHeaderInformations {
  padding: 0 20px 10px;
  font-size: 12px;
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area .timelineChart .filesArea {
  padding: 0 20px;
  border: solid 1px #EEEEEE;
  overflow-y: scroll;
  height: 610px;
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area .timelineChart .filesArea .listFiles {
  padding: 20px 0;
  flex-direction: column;
  gap: 20px;
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area .timelineChart .filesArea .listFiles .listFilesArea {
  display: flex;
  gap: 20px;
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area .timelineChart .filesArea .listFiles .listFilesArea .listFileItems {
  display: grid;
  place-items: center;
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area .timelineChart .filesArea .listFiles .listFilesArea .listFileItems .listFilesimageArea {
  background-color: #E5E5E5;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area .timelineChart .filesArea .listFiles .listFilesArea .listFileItems .listFileDate {
  margin-top: 3px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #535F7B;
  text-wrap: nowrap;
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area .timelineChart .filesArea .listFiles .listFilesArea .listFileItemsInfo .listFileArchiveName {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  color: #535F7B;
  margin-bottom: 9px;
}
.page-template-mziq-stockinfo .stockinfo-chart-timeline-area .timelineChart .filesArea .listFiles .listFilesArea .listFileItemsInfo .listFileArchiveFile > a {
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: 0em;
  color: #01010C;
  text-decoration: none;
}
/*# sourceMappingURL=mziq-stockinfo.css.map */