:root {
--color-primary: #870052;
}
html {
width: 100%;
}
.date-picker-content table {
background-color: unset;
}
.footer {
text-align: left;
}
@font-face {
	font-family: "Cordale";
	src: url("/tools/Opifex2/Font/qa-qnbk/355865_2_0.eot?#iefix") format("embedded-opentype"), 
	  url("/tools/Opifex2/Font/qa-qnbk/355865_2_0.woff2") format("woff2"), 
	  url("/tools/Opifex2/Font/qa-qnbk/355865_2_0.woff") format("woff"), 
	  url("/tools/Opifex2/Font/qa-qnbk/355865_2_0.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: auto;
}
  
@font-face {
	font-family: "Cordale";
	src: url("/tools/Opifex2/Font/qa-qnbk/355865_1_0.eot?#iefix") format("embedded-opentype"), 
	  url("/tools/Opifex2/Font/qa-qnbk/355865_1_0.woff2") format("woff2"), 
	  url("/tools/Opifex2/Font/qa-qnbk/355865_1_0.woff") format("woff"), 
	  url("/tools/Opifex2/Font/qa-qnbk/355865_1_0.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: auto;
}

.app__inner .comparison .comparison__item .unchecked-checkbox {
color: var(--color-primary);
background-color: #FFF;
}
.app__inner input[type=checkbox],
    cq-study-dialog div.stx-data input[type=checkbox],
    .ciq-drawing-dialog-setting div.stx-data input[type=checkbox] {
position: relative;
}
.app__inner input[type=checkbox]:before {
content: '';
pointer-events: none;
display: block;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
border: 1px solid var(--color-primary) !important;
}
.app__inner input[type=checkbox]:checked:before {
background-color: var(--color-primary);
border-color: var(--color-primary);
border-width: 1px;
}
.app__inner input[type=checkbox]:checked:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: calc(50% - 3px);
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg) translate(-50%, -50%);
width: 3px;
height: 6px;
}
#tab-peers, #tab-indices {
  font-size: 18px !important;
}
html:not([ciq-last-interaction=touch]) .app__inner cq-dropdown .content > .item:not(.ciq-active) .ciq-checkbox span {
border-width: 1px;
border-color: var(--color-primary);
background-color: #FFF;
border-radius: 3px;
}
.app__inner cq-dropdown .content > .item.ciq-active span.ciq-checkbox span {
border-width: 1px;
border-color: var(--color-primary);
background-color: var(--color-primary);
border-radius: 3px;
}
.app__inner cq-dropdown .content > .item.ciq-active .ciq-checkbox span::before {
color: var(--color-primary);
}
.app__inner .share-graph .graph .ciq-radio span {
border-color: var(--color-primary);
border-color: var(--color-primary);
border-width: 1px;
background-color: #FFF;
}
.app__inner .share-graph .graph .ciq-active .ciq-radio span,.app__inner .share-graph .graph .ciq-radio.ciq-active span {
border-color: var(--color-primary);
border-color: var(--color-primary);
border-width: 1px;
background-color: var(--color-primary);
}
.app__inner .ciq-active .ciq-radio span:after, .ciq-radio.ciq-active span:after {
background-color: var(--color-primary);
background-color: var(--color-primary);
}
body .app__inner {
font-family: Cordale;
}
.app__inner button, input, .chartContainer, cq-chart-title, cq-chart-title cq-chart-price,
      cq-heading, cq-hu-dynamic, cq-hu-dynamic cq-hu-date,
       cq-hu-static, cq-drawing-settings .ciq-heading, .stx-float-date, stx-float-price, stx_current_hr_up , stx_current_hr_down,
      .stx_xaxis,.stx_yaxis,.mSticky  {
font-family: inherit;
}
.app__inner .stx_annotation  {
font-family: inherit !important;
}
.app__inner h1,.app__inner h2,.app__inner h3,.app__inner h4,.app__inner h5,.app__inner h6 {
font-family: Cordale;
font-size: 16px;
color: #394040;
}
.app__inner .indicator-down .ticker__change-value,.app__inner .chart-title__current-price .fs-triangle-down,.app__inner .chart-title .close-down {
color: #F00;
}
.app__inner .chart-title__current-price .fs-triangle-up,.app__inner .chart-title .close-up {
color: #080;
}
.order--depth__table .tableV2__row:hover .progress-buy, .order--depth__table .progress-buy {
background-color: #080;
}
.order--depth__table .tableV2__row:hover .progress-sell, .order--depth__table .progress-sell {
background-color: #F00;
}
:root {
--indicator--up___color: #080;
--indicator--down___color: #F00;
--color-neutral-650: #394040;
--color-gray-dark-800: #394040;
}
.performance--buttons .dropdown button,.share-graph--fixed .performance .dropdown button, .weeks52graph .weeks52graph--table tbody td:first-child, .weeks52graph .weeks52graph--table thead th span,.weeks52graph--table__value-low,.weeks52graph--table__value-high, .weeks52graph .weeks52graph--tabledata-low__currency, .weeks52graph .graph--labelsbottom .value-indicator, .ticker__price-number, .trades__nodata, .order--depth__table .tableV2__footer .tableV2__cell, .share-detail__item-label, .share-detail__item-value {
color: #394040;
}
cq-menu.nav-dropdown:after, .share-details--grid .share-detail__item-icon:before {
border-color: #394040;
}
.chart-show-range__wrapper,.dialog-wrapper-custom-range  {
--color-neutral-650: #555;
--picker-date--fs-calendar___color: #555;
}
.app__inner .datepicker .input-container input {
font-size: 16px;
}
.app__inner .EUCalendar-topCont, .app__inner .eur-picker-date .eur-date-picker-content .EUCalendar-title div span:nth-child(2), .app__inner .EUCalendar-title, .app__inner .EUCalendar-menu-yearLabel {
color: #394040;
}
.app__inner .custom-range-container .EUCalendar-day-selected {
background-color: var(--color-primary);
color: #394040 !important;
}
.app__inner .button-apply-custom-range button {
background-color: var(--color-primary);
}
.app__inner .custom-range-container .eur-date-picker-content .EUCalendar-day:hover {
background-color: var(--color-primary);
}
.app__inner .eur-picker-date__dropdown {
border-bottom-left-radius: 0.313px;
border-bottom-right-radius: 0.313px;
border-top-left-radius: 0.313px;
border-top-right-radius: 0.313px;
}
.app__inner .datepicker__selected-date {
border-top-left-radius: 0.313px;
border-top-right-radius: 0.313px;
padding-top: 0.875em;
padding-right: 0.75em;
padding-left: 0.75em;
}
.app__inner .EUCalendar-menu-cont, .EUCalendar-menu, .EUCalendar-menuYear {
border-bottom-left-radius: 0.313px;
border-bottom-right-radius: 0.313px;
}
.app__inner .custom-range-container .EUCalendar {
border-bottom-left-radius: 0.313px;
border-bottom-right-radius: 0.313px;
}
.app__inner .datepicker__selected-date,.app__inner .custom-range-container .EUCalendar-topCont {
--picker-date--dropdown--EUCalendar-table-topControl___background-color: var(--color-primary);
--date-picker-content--EUCalendar-menu-today___color: var(--color-primary);
}
.EUCalendar-day-today {
color: var(--color-primary);
}
.eur-picker-date .eur-input-container input, .eur-picker-date .eur-date-picker-content .EUCalendar-menu-today, .EUCalendar-menu-yearLabel, .EUCalendar-menu-decade-title, .fs-calendar::before, .dialog--custom-range .dialog__title {
color: #394040;
}
.eur-picker-date .eur-date-picker-content .EUCalendar-menu-month-selected, .eur-picker-date .eur-date-picker-content .EUCalendar-menu-month.EUCalendar-hover-navBtn {
background-color: var(--color-primary) !important;
}
.app__inner .accessibility-link, .footer a {
color: #870052;
text-decoration: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
}
.app__inner .accessibility-link:hover, .footer a:hover {
color: var(--color-primary);
text-decoration: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
text-decoration: underline;
}
.app__inner .ticker-table .table tbody tr:hover,
    .ticker-table .table tbody tr:hover > *,
    .performance table.tableV2__table tbody tr:hover,
    .performance table.tableV2__table tbody tr:hover > *,
    .weeks52highlow--table tbody tr:hover,
    .performanceByYear--table tbody tr:hover,
    .sharePricedevelopment--table tbody tr:hover,
    .performance .tableV2__table tbody tr:hover td:first-child,
    .ticker-table .table tbody tr.selected,
    .ticker-table .table tbody tr.selected > *
     {
color: var(--color-primary);
}
.tableV2__body .tableV2__row:hover *, .tableV2__sm-row:hover td:first-child, .ticker-table .table tbody tr:hover > * {
color: var(--color-primary);
}
.tableV2__body .tableV2__row:hover td:not(.indicator-up, .indicator-down, .indicator-neutral) {
color: var(--color-primary);
}
.app__inner .weeks52highlow--table tbody tr td:first-child,
    .performanceByYear--table tbody tr td:first-child,
    .sharePricedevelopment--table tbody tr td:first-child {
border-left: none;
}
.app__inner .ticker-table .table__head {
border-left: none;
border-right: none;
}
@media (max-width: 991px) {
.app__inner .performance .tableV2__table tbody tr td:first-child {
border-left: none;
}
}
@media only screen and (max-width: 991px) {
.app__inner .weeks52highlow--table tbody tr:last-child td:first-child,
    .performance .performanceByYear--table tbody tr:last-child td:first-child,
    .sharePricedevelopment--table tbody tr:last-child td:first-child {
border-bottom: none;
}
}
.app__inner .performanceByYear--table tbody tr td:last-child,
    .performanceByYear--table tbody tr:last-child td,
    .sharePricedevelopment--table tbody tr:last-child td,
    .weeks52highlow--table tbody tr:last-child td {
border-bottom: none;
}
.app__inner .performanceByYear--table tbody tr td:last-child,
    .sharePricedevelopment--table tbody tr td:last-child,
    .weeks52highlow--table tbody tr td:last-child {
border-right: none;
}
@media only screen and (max-width: 991px) {
.app__inner .table td:first-child {
border-left: none;
}
}
.app__inner .ticker--table_ticker_multiple {
margin-bottom: 1rem;
}
.app__inner .table-responsive .table {
margin-bottom: 0px;
border: none;
}
.app__inner .table-responsive {
margin-bottom: 0px;
border: none;
}
@media only screen and (max-width: 991px) {
.app__inner .table-responsive {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 991px) {
.app__inner .performance .table-responsive {
border: none;
}
}
.app__inner .ticker-table thead tr th:first-child,
    .app__inner table.tableV2__table thead tr th:first-child {
vertical-align: middle;
background-color: var(--color-primary);
color: #FFF;
font-weight: normal;
background: var(--color-primary);
}
.app__inner .ticker-table table thead tr th,
    table.tableV2__table thead tr th {
vertical-align: middle;
background-color: var(--color-primary);
color: #FFF;
font-weight: normal;
border: 0;
}
.ticker-table .table .table__body tr,table.tableV2__table tbody tr {
padding-left: 14px;
vertical-align: middle;
color: #394040;
}
table.tableV2__table tbody tr td:first-child,.ticker-table .table tbody tr td:first-child {
color: #394040;
}
table.tableV2__table tbody tr td:not(:first-child):not(.indicator-up):not(.indicator-down),.ticker-table .table tbody tr td:not(:first-child):not(.indicator-up):not(.indicator-down) {
color: #394040;
}
.app__inner .ticker-table tbody tr td,
    table.tableV2__table tbody tr td {
padding-left: 14px;
vertical-align: middle;
color: #394040;
}
.app__inner table {
border-collapse: collapse !important;
}
.app__inner .switcher__item button,.app__inner .share-graph__peer-indices .switcher .switcher__item:not(.active) button, .app__inner .comparison-wrapper .switcher .switcher__item:not(.active) button {
color: #000F33;
}
.app__inner .switcher--tab .switcher__item button, .app__inner .share-graph__peer-indices .switcher .switcher__item button, .app__inner .comparison-wrapper .switcher .switcher__item button, .app__inner .switcher__item .switcher__btn {
font-size: 16px;
font-weight: normal;
border-bottom: 0.167em solid transparent !important;
padding-top: 1em;
padding-right: 2em;
padding-bottom: 1em;
padding-left: 2em;
margin-right: 0px;
margin-left: 0px;
font-family: Cordale;
}
.app__inner .switcher--tab .switcher__item button:hover,
.app__inner .share-graph__peer-indices .switcher .switcher__item button:hover,
.app__inner .comparison-wrapper .switcher .switcher__item button:hover,
.app__inner .switcher__item .switcher__btn:hover {
    background: transparent;
    color: var(--color-primary);
    border-bottom: 0.167em solid var(--color-primary) !important;
}
.app__inner .active.switcher__item .switcher__btn {
background-color: var(--color-primary);
}
.app__inner .switcher--tab .switcher__item.active button.switcher__item-title, 
.app__inner .share-graph__peer-indices .switcher .switcher__item.active button.switcher__item-title, 
.app__inner .comparison-wrapper .switcher .switcher__item.active button.switcher__item-title {
color: var(--color-primary);
border-bottom: 0.167em solid var(--color-primary) !important;
}
.app__inner .active.switcher__item .switcher__btn {
color: #FFF;
border: 0.167em solid var(--color-primary) !important;
}
.switcher--tab .switcher__item.active .switcher__item-title, .chart-show-range .active, .comparison-v2 .switcher__item.active .switcher__item-title, .radio-item.item.ciq-active[role=menuitemradio], .ticker-name, .ticker-table-v2 .table__body-tr.selected .table__body-share {
color: #394040;
}
cq-context {
color: #394040;
font-family: Cordale;
}
.stx_current_hr_up, .stx_current_hr_down, .ciq-active > .ciq-switch, .ciq-active > .ciq-switch:hover, .comparison-v2 .switcher__item.active::after, .additional-options .option-button {
background-color: var(--color-primary);
}
.switcher--tab .switcher__item.active .switcher__item-title:hover, .app__inner .btn-show, .app__inner .btn-show:active, .chart-show-range .active .fs-calendar::before {
color: var(--color-primary);
}
.switcher .switcher__item.active .switcher__item-title::before, .switcher .switcher__item.active::after {
background-color: unset;
}
cq-toggle.active, cq-menu.toggle-options.nav-dropdown:after {
border-color: var(--color-primary);
}
.additional-options .option-buttons > .option-button, .print-dialog-confirm__no-btn, .print-dialog-confirm__yes-btn {
font-size: 16px;
color: #FFF;
border-top-left-radius: 0.313px;
border-top-right-radius: 0.313px;
border-bottom-left-radius: 0.313px;
border-bottom-right-radius: 0.313px;
padding-top: 0.875em;
padding-bottom: 0.875em;
padding-left: 0.75em;
padding-right: 0.75em;
background-color: #000f33;
font-family: Cordale;
}
.app__inner .btn.btn-show--more {
font-size: 16px;
color: #FFF;
background-color: #000f33;
padding-top: 0.875em;
padding-bottom: 0.875em;
padding-left: 0.75em;
padding-right: 0.75em;
font-family: Cordale;
border-top-left-radius: 0.313px;
border-top-right-radius: 0.313px;
border-bottom-left-radius: 0.313px;
border-bottom-right-radius: 0.313px;
}
.app__inner .btn.btn-show--more:hover, .app__inner .btn.btn-show--less:hover {
text-decoration: none;
box-shadow: 0 4px 11px 0 rgb(0, 15, 51, .5);
background: #1f2050;
color: #FFFFFF;
}
.additional-options .option-buttons > .option-button:hover, .print-dialog-confirm__no-btn:hover, .print-dialog-confirm__yes-btn {
background-color: #1f2050;
color: #FFF;
}
.tooltip, cq-menu.ciq-display .menu-clickable span.icon, cq-menu.ciq-preferences .menu-clickable span.icon::before, cq-heading.dropdown, cq-heading.dropdown div, cq-heading.study-group, .menu-clickable [label], .chart-show-range__item, .chart-show-range .fs-calendar::before, .performance .eu-dropdown__menu-item.active, .performance .eu-dropdown__menu-item, .performance--buttons .dropdown-list button, .currency-select button, .currency-select .eu-dropdown__menu-item, .share-details--grid .share-detail__item-icon i {
color: #394040;
}
.stx_mountain_chart {
background-color: transparent;
}

#tab-peers, #tab-indices {
  padding: 0.5em 0.75em;
  /*! border: 0 !important; */
}
body[dir="ltr"] .switcher--tab,
body[dir="ltr"] .app__inner .share-graph__peer-indices .switcher,
body[dir="ltr"] .app__inner .comparison-wrapper .switcher {
  justify-content: left;
}
body[dir="rtl"] .switcher--tab,
body[dir="rtl"] .app__inner .share-graph__peer-indices .switcher,
body[dir="rtl"] .app__inner .comparison-wrapper .switcher {
  justify-content: right;
}
.switcher--tab .switcher__item {
  padding-bottom: 1px;
}
.switcher--tab::before {
  border-bottom: 1px solid #E1C5D6;
  bottom: 0.0625rem;
}
.switcher--tab .switcher__item button {
    background-color: transparent;
}
/* Responsive layout: 700px and below – 2x2 */
@media (max-width: 722px) {
    .main__inner > .switcher {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .switcher--tab .switcher__item {
        margin: 0.5em !important;
    }
    .app__inner .switcher--tab .switcher__item button {
        border: 1px solid #d9d9d9 !important;
    }
    
    .switcher--tab::before {
      border-bottom: 0;
    }
    body[dir="ltr"] .app__inner .switcher--tab .switcher__item.active button.switcher__item-title {
        border-left: 0.167em solid #870052 !important;
        border-bottom: 1px solid #d9d9d9 !important;
    }
    body[dir="rtl"] .app__inner .switcher--tab .switcher__item.active button.switcher__item-title {
        border-right: 0.167em solid #870052 !important;
        border-bottom: 1px solid #d9d9d9 !important;
    }
    .app__inner .switcher--tab .switcher__item button:hover {
        color: #870052 !important;
        border-bottom: 1px solid #d9d9d9 !important;
    }
}

/* Responsive layout: 400px and below – 1x4 */
@media (max-width: 400px) {
    .main__inner > .switcher {
        grid-template-columns: 1fr;
    }
    .switcher--tab .switcher__item {
        margin: 0.25em 0 !important;
    }
}
.ticker-table-v2.scrolled-table .table__head-tr th:first-child, .ticker-table-v2.scrolled-table .table__head-tr td:first-child {
    background-color: var(--color-primary);
    background: var(--color-primary);
}
.app__inner .switcher--tab .switcher__item button {
    font-size: 18px;
}
.tableV2 .indicator-up,
.w52-range--indicator-up .w52-range__change-percent {
  color: #24A814;
}
.ticker-name {
  letter-spacing: .2px;
}
.share-graph--fixed .tickerLayout,
.share-graph--fixed .switcher--tab {
  margin-bottom: 30px;
}
.peer-indices-item {
  min-height: 5.41rem;
}
.chart-header__title-wrapper {
  flex-direction: column;
}
.ciq-dropdowns > cq-menu,
.icon-toggles.ciq-toggles > :not(.nav-dropdown) {
  margin: 0 10px;
}
.comparison-v2 .switcher::before {
  bottom: 18px;
}
.peer-indices-item__heading {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.peer-indices-item {
  padding: 0.888em 0.9375rem;
}
.time-stamp--v2 {
  padding: 7.5px 0px;
}
.chart-show-range__item.range-item.active {
  color: #870052;
  font-weight: bolder;
  font-size: 1.15em;
}
.chart-show-range__item:not(:first-child) {
  margin-left: 1.625rem;
}
.chart-show-range__wrapper {
  padding-top: 20px;
}
.comparison-v2__inner {
  scrollbar-color: #b7b7b7 rgba(0, 0, 0, 0);
  overflow-x: hidden;
  max-height: 41.9rem;
}
.peer-indices-item__change-value,
.peer-indices-item__currency {
  font-size: 16px;
}
.peer-indices-item__change .fs-triangle-up, 
.peer-indices-item__change .fs-triangle-down {
  font-size: 0.6rem;
}
.peer-indices-item__change .fs-triangle-up {
  position: relative;
  top: -1px;
}
.ticker--single-ticker-1 .ticker__currency-code {
  margin-right: 0.3125rem;
}
.peer-indices-item {
  width: 98%;
}
.share-details--grid .share-detail__item-icon::before {
  content: unset;
}
body[dir="ltr"] .share-detail__item-value {
  text-align: right;
}
body[dir="rtl"] .share-detail__item-value {
  text-align: left;
}
.switcher__wrapper--v2 {
  margin-top: 2.125rem;
}