@font-face {
	font-family: Neue;
	src: url('fonts/NeueHaasUnica-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Neue;
	src: url('fonts/NeueHaasUnica-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: Neue;
	src: url('fonts/NeueHaasUnica-Italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: Neue;
	src: url('fonts/NeueHaasUnica-BoldItalic.woff') format('woff2');
	font-weight: 700;
	font-style: italic;
}

:root {
--color-primary: #003158;
}
html {
width: 100%;
}

body {
    font-family: Neue, Helvetica, sans-serif !important;
    color:var(--color-primary) !important;
}

.currency-select button {
    color:var(--color-primary) !important;
}
.date-picker-content table {
background-color: unset;
}
.footer {
text-align: left;
}
.app__inner .comparison .comparison__item .unchecked-checkbox {
color: var(--color-primary);
background-color: #FFFFFF;
font-size: 12px;
}
.app__inner .comparison .comparison__item.selected .custom-checkbox {
font-size: 12px;
}
.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;
height: 12px;
}
.app__inner input[type=checkbox]:before {
content: '';
pointer-events: none;
display: block;
box-sizing: border-box;
position: absolute;
width: 12px;
height: 12px;
top: 0;
left: 0;
height: 12px;
background-color: #fff;
border: 1px solid var(--color-primary) !important;
}
span, .chart-show-range__item {
    color:  var(--color-primary);
}
.app__inner input[type=checkbox]:checked:before {
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;
}
.app__inner cq-dropdown .content > .item.ciq-active .ciq-checkbox {
font-size: 12px;
font-size: 12px;
}
.app__inner cq-dropdown .content > .item .ciq-checkbox span {
width: 12px;
height: 12px;
}
.app__inner cq-dropdown .content > .item:not(.ciq-active) .ciq-checkbox span {
width: 12px;
height: 12px;
border-width: 1px;
border-color: var(--color-primary);
background-color: #FFFFFF;
}
.app__inner cq-dropdown .content > .item.ciq-active span.ciq-checkbox span {
border-width: 1px;
}
.app__inner cq-dropdown .content > .item.ciq-active .ciq-checkbox span::before {
color: var(--color-primary);
}
.app__inner .share-graph .graph .ciq-radio span {
width: 12px;
height: 12px;
border-color: var(--color-primary);
border-width: 1px;
background-color: var(--color-primary);
}
.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-width: 1px;
}
body .app__inner {
font-size: 14px;
}
.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: Neue, Helvetica, sans-serif !important;
}
.app__inner .stx_annotation  {
font-family: Neue, Helvetica, sans-serif !important;
}

.ciq-dropdowns {
    font-family: Neue, Helvetica, sans-serif !important;
}
.app__inner h1,.app__inner h2,.app__inner h3,.app__inner h4,.app__inner h5,.app__inner h6 {
font-size: 14px;
color: var(--color-primary);
}
.app__inner .indicator-down .ticker__change-value,.app__inner .chart-title__current-price .fs-triangle-down,.app__inner .chart-title .close-down {
color: #FF0000;
}
.app__inner .chart-title__current-price .fs-triangle-up,.app__inner .chart-title .close-up {
color: #1CA814;
}
.order--depth__table .tableV2__row:hover .progress-buy, .order--depth__table .progress-buy {
background-color: #1CA814;
}
.order--depth__table .tableV2__row:hover .progress-sell, .order--depth__table .progress-sell {
background-color: #FF0000;
}
:root {
--indicator--up___color: #1CA814;
--indicator--down___color: #FF0000;
}
.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: 14px;
}
.app__inner .custom-date-container .EUCalendar-day-selected {
background-color: var(--color-primary);
color: #FFFFFF !important;
border: 1px solid var(--color-primary) !important;
}
.app__inner .button-apply-custom-range button {
background-color: var(--color-primary);
color: #FFFFFF;
border: 1px solid var(--color-primary) !important;
}
.app__inner .button-apply-custom-range button:hover {
background-color: var(--color-primary);
color: #FFFFFF;
border: 1px solid var(--color-primary) !important;
}
.app__inner .custom-date-container .EUCalendar-day-selected:hover, .EUCalendar-hover-date {
background-color: var(--color-primary);
color: #FFFFFF;
border: 1px solid var(--color-primary) !important;
}
.app__inner .datepicker__selected-date,.app__inner .custom-date-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);
}
.app__inner .accessibility-link, .footer a {
color: #C30721;
text-decoration: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
font-weight: bold;
}
.app__inner .accessibility-link:hover, .footer a:hover {
color: #C30721;
text-decoration: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
text-decoration: underline;
font-weight: bold;
}
.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 > *,
     {
background-color: #FFFFFF;
color: var(--color-primary);
}
.tableV2__body .tableV2__row:hover *, .tableV2__sm-row:hover td:first-child, .ticker-table .table tbody tr:hover > * {
background: #FFFFFF;
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 {
text-align: left;
vertical-align: middle;
background-color: var(--color-primary);
color: #FFFFFF;
font-weight: bold;
}
.trades__table thead th:nth-child(2), .trades__table thead th:last-child {
text-align: center;
}
.trades__table tbody tr td:nth-child(2), .trades__table tbody tr td:last-child {
text-align: right;
}
.app__inner .ticker-table table thead tr th,
    table.tableV2__table thead tr th {
text-align: center;
vertical-align: middle;
background-color: var(--color-primary);
color: #FFFFFF;
font-weight: bold;
}
.ticker-table .table .table__body tr,table.tableV2__table tbody tr {
padding-left: 14px;
vertical-align: middle;
background-color: #FFFFFF;
color: var(--color-primary);
}
table.tableV2__table tbody tr td:first-child,.ticker-table .table tbody tr td:first-child {
background-color: #FFFFFF;
color: var(--color-primary);
text-align: left;
}
table.tableV2__table tbody tr td .trades__change {
justify-content: center;
}
table.tableV2__table tbody tr td:not(:first-child),.ticker-table .table tbody tr td:not(:first-child) {
background-color: #FFFFFF;
text-align: center;
}
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: var(--color-primary);
}
.ticker-table .table tbody tr:nth-of-type(even) > * {
--color-white: #FFFFFF;
}
.app__inner .ticker-table tbody tr td,
    table.tableV2__table tbody tr td {
padding-left: 14px;
vertical-align: middle;
background-color: #FFFFFF;
color: var(--color-primary);
}
.tableV2__sm-col:first-child {
background-color: #FFFFFF;
}
.switcher--tab, .app__inner .share-graph__peer-indices .switcher, .app__inner .comparison-wrapper .switcher {
justify-content: left;
}

.app__inner .share-graph__peer-indices .switcher, .app__inner .comparison-wrapper .switcher {
    justify-content: center;
}
.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 {
background-color: var(--color-primary);
color: #FFFFFF;
}
.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: 14px;
font-weight: bold;
}
.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, .app__inner .active.switcher__item .switcher__btn {
color: var(--color-primary);
background-color: #EAF6FD;
}
.switcher--tab .switcher__item.active .switcher__item-title, .chart-show-range .active, .comparison-v2 .switcher__item.active .switcher__item-title, .share-detail__item-label, .share-detail__item-value, .menu-clickable [label] {
color: var(--color-primary);
}
.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: 14px;
color: #FFFFFF;
background-color: var(--color-primary);
}
.app__inner .switcher__btn {
font-size: 14px;
color: #FFFFFF;
background-color: var(--color-primary);
}
.app__inner .btn.btn-show--more {
font-size: 14px;
color: #FFFFFF;
}
.app__inner .btn.btn-show--more:hover, .app__inner .btn.btn-show--less:hover {
color: #FFFFFF;
}
.additional-options .option-buttons > .option-button:hover, .print-dialog-confirm__no-btn:hover, .print-dialog-confirm__yes-btn {
background-color: var(--color-primary);
color: #FFFFFF;
}
.stx_mountain_chart {
background-color: transparent;
}


.ticker-table-v2 tbody tr:not(:last-child) td {
    border-bottom: 3px solid #eaf6fd;
}

.app__inner table.tableV2__table thead tr th:first-child {
    text-align: left;
}
table.tableV2__table.trades__table thead tr th:first-child {
    text-align: center;
}
table.tableV2__table.performance--table.weeks52highlow table.tableV2__table tbody tr td:first-child,
table.tableV2__table.performance--table.weeks52highlow thead tr th:first-child{
    text-align: left;
}

.switcher--tab .switcher__item {
    padding-bottom: 0;
}

.switcher--tab .switcher__item:not(:first-child),
.switcher__item+* {
    margin-left: 0;
}

.switcher--tab .switcher__item button {
    padding: 1em 3em;
}
.switcher__item button {
    padding: 1em 3em !important;
}

.switcher--tab .switcher__item button, .switcher__item button{
    transition: all 0.3s ease-in-out;
}

.switcher--tab .switcher__item-title:hover, .switcher__item button:hover {
    background: #EAF6FD;
    color: #003158;
}

.switcher--tab::before{
    bottom: 0;
    border-bottom: 3px solid #EAF6FD;
}

.comparison-v2 .switcher::before{
    bottom: 18px;
    border-bottom: 0px solid #EAF6FD;
    z-index: -1;
}

.chart-header__title-wrapper {
    flex-direction: column;
    gap: 1rem;
}
.chart-title {
    flex-direction: row;
}

.chart-title__time-wrapper {
    margin-left: 1em;
}

.app__inner .share-graph__peer-indices .switcher, .app__inner .comparison-wrapper .switcher {
    margin-top: 6em !important;
}

.chart-show-range__item {
    padding: 5px;
}

.chart-show-range .active {
    background: #003158;
    color: #FFFFFF !important;
}

.tableV2__sm-head:first-child, .ticker-table-v2.scrolled-table .table__head-tr th:first-child, .ticker-table-v2.scrolled-table .table__head-tr td:first-child{
    background: #003158;
}
.share-detail__item.share-detail__item--symbol .share-detail__item-value {
    color: transparent;
    font-size: 0px;
  }
  .share-detail__item.share-detail__item--symbol .share-detail__item-value:after {
    content: "SUBC";
    color: #003158 !important;
    font-size: 16px !important;
  }
  .tableV2__footer .tableV2__cell {
    display: none;
  }
  .tableV2__footer::after {
    content: "* current year to date";
    color: #003158 !important;
    font-size: 14px !important;
    margin-left: 2em;
  }
  #AdditionalOptions::before {
    content: "*The peer's currencies are adjusted based on the SUBC market";
    color: #003158 !important;
    font-size: 14px !important;
  }
  .share-graph {
    margin-bottom: 0rem !important;
  }
  .share-graph--fixed .graph {
    margin-bottom: 1rem !important;
  }
@media screen and (max-width: 640px) {
    .share-graph--fixed .switcher--tab {
        display: inline-block;
    }
    .switcher--tab .switcher__item {
        margin: 3px 0;
    }
}

@media screen and (max-width: 378px) {
    .switcher__wrapper--currency {
        flex-direction: column;
        gap: 1rem;
    }
}

.ticker--single-ticker-1 .w52-range .range__heading, .ticker--single-ticker-1 .day-range .range__heading {
    margin-bottom: 0.925rem;
}