:root {
    --color-primary: #7F0442;
    --color-secondary: #F06C00;
    --background-hover: #000000;
}
html {
    width: 100%;
}
.date-picker-content table {
    background-color: unset;
}
.footer {
    text-align: left;
}
@font-face {
    font-family: 'Mary Ann';
    font-weight: normal;
    font-style: normal;
    src: url('font/mary_ann_web-regular.woff');
}
@font-face {
    font-family: 'Mary Ann';
    font-weight: bold;
    font-style: normal;
    src: url('font/mary_ann_web-bold.woff');
}
.app__inner .comparison .comparison__item .unchecked-checkbox {
    color: var(--color-primary);
    font-size: 13px;
}
.app__inner .comparison .comparison__item.selected .custom-checkbox {
    font-size: 13px;
}
.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: 13px;
}
.app__inner input[type=checkbox]:before {
    content: '';
    pointer-events: none;
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 0;
    left: 0;
    height: 13px;
    background-color: #fff;
    border: 1px solid var(--color-primary) !important;
}
.app__inner input[type=checkbox]:checked:before {
    background-color: var(--color-primary);
    border-color: #F06C00;
    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: 13px;
    font-size: 13px;
}
.app__inner cq-dropdown .content > .item .ciq-checkbox span {
    width: 13px;
    height: 13px;
}
html:not([ciq-last-interaction=touch]) .app__inner cq-dropdown .content > .item:not(.ciq-active) .ciq-checkbox span {
    width: 13px;
    height: 13px;
    border-width: 1px;
    border-color: var(--color-secondary);
    border-radius: 3px;
}
.app__inner cq-dropdown .content > .item.ciq-active span.ciq-checkbox span {
    border-width: 1px;
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
    border-radius: 3px;
}
.app__inner cq-dropdown .content > .item.ciq-active .ciq-checkbox span::before {
    color: #FFFFFF;
    top: 4px;
}
.app__inner .share-graph .graph .ciq-radio span {
    border-color: var(--color-secondary);
    width: 13px;
    height: 13px;
}
.app__inner .share-graph .graph .ciq-active .ciq-radio span, .app__inner .share-graph .graph .ciq-radio.ciq-active span {
    border-color: var(--color-secondary);
    border-width: 1px;
    background-color: #F06C00;
}
.app__inner .ciq-active .ciq-radio span:after, .ciq-radio.ciq-active span:after {
    background-color: var(--color-secondary);
}
body .app__inner {
    font-family: Mary Ann;
    font-size: 16px;
}
.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: Mary Ann;
    font-size: 18px;
    color: #000000;
}
.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: #0067C4;
}
.order--depth__table .tableV2__row:hover .progress-buy, .order--depth__table .progress-buy {
    background-color: #0067C4;
}
.order--depth__table .tableV2__row:hover .progress-sell, .order--depth__table .progress-sell {
    background-color: #FF0000;
}
:root {
    --indicator--up___color: #0067C4;
    --indicator--down___color: #FF0000;
    --color-neutral-650: #000000;
    --color-gray-dark-800: #000000;
}
.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: #000000;
}
cq-menu.nav-dropdown:after, .share-details--grid .share-detail__item-icon:before {
    border-color: #000000;
}
.chart-show-range__wrapper, .dialog-wrapper-custom-range {
    --color-neutral-650: #555;
    --picker-date--fs-calendar___color: #555;
}
.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: #000000;
}
.app__inner .custom-range-container .EUCalendar-day-selected {
    background-color: #F06C00;
    color: #FFFFFF !important;
    border: 1px solid #F06C00 !important;
}
.app__inner .button-apply-custom-range button {
    background-color: var(--background-hover) !important;
    color: #FFFFFF;
    border: 1px solid var(--background-hover) !important;
}

.app__inner .button-apply-custom-range button:hover{
    background-color: #FFFFFF !important;
    color: var(--color-secondary) !important;
    border: 1px solid var(--color-secondary) !important;
    cursor: pointer;
}
.app__inner .custom-range-container .eur-date-picker-content .EUCalendar-day:hover {
    background-color: #FFFFFF !important;
    color: var(--color-secondary) !important;
    border: 1px solid var(--color-secondary) !important;
    cursor: pointer;
}
.app__inner .datepicker__selected-date {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
}
.app__inner .datepicker__selected-date, .app__inner .custom-range-container .EUCalendar-topCont {
    --picker-date--dropdown--EUCalendar-table-topControl___background-color: #F06C00;
    --date-picker-content--EUCalendar-menu-today___color: #F06C00;
}
.EUCalendar-day-today {
    color: #F06C00;
}
.app__inner .datepicker__selected-date .datepicker__title, .datepicker__selected-date .datepicker__value {
    text-transform: capitalize;
}
.app__inner .custom-range-container .EUCalendar-title div > span {
    text-transform: capitalize;
}
.app__inner .custom-range-container .EUCalendar-dayNames div {
    text-transform: capitalize;
}
.app__inner .custom-range-container .EUCalendar-menu-today {
    text-transform: capitalize;
}
.app__inner .EUCalendar-menu table td .EUCalendar-menu-month, .EUCalendar-menuYear .EUCalendar-menu-table td .EUCalendar-menu-month {
    text-transform: capitalize;
}
.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: #000000;
}
.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: #000000;
    text-decoration: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-transform: inherit;
}
.app__inner .accessibility-link:hover, .footer a:hover {
    color: #F06C00;
    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 {
    text-align: left;
    vertical-align: middle;
    background-color: var(--color-primary);
    color: #FFFFFF;
    text-transform: capitalize;
    font-weight: bold;
}
.trades__table thead th:nth-child(2), .trades__table thead th:last-child {
    text-align: right;
}
.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: right;
    vertical-align: middle;
    background-color: var(--color-primary);
    color: #FFFFFF;
    text-transform: capitalize;
}
.ticker-table .table .table__body tr, table.tableV2__table tbody tr {
    padding-left: 14px;
    vertical-align: middle;
    text-transform: capitalize;
}
table.tableV2__table tbody tr td:first-child, .ticker-table .table tbody tr td:first-child {
    color: #000000;
    text-align: left;
}
table.tableV2__table tbody tr td .trades__change {
    justify-content: left;
}
table.tableV2__table tbody tr td:not(:first-child), .ticker-table .table tbody tr td:not(:first-child) {
    text-align: right;
}
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: #000000;
}
.app__inner .ticker-table tbody tr td, table.tableV2__table tbody tr td {
    padding-left: 14px;
    vertical-align: middle;
    text-transform: capitalize;
}
.switcher--tab, .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 {
    color: #000000;
}
.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: 18px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    margin-right: 20px;
    margin-left: 20px;
    font-family: Mary Ann;
    transition: border 0.3s ease-in-out;
    border-bottom: 0px solid transparent;
}
.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: #000000;
    border: 0;
    border-bottom: 2px solid #F06C00;
    font-weight: bold;
    position: relative;
    z-index: 2;
}
/* HOVER STATE */
.app__inner .switcher--tab .switcher__item button.switcher__item-title:hover
,.app__inner .share-graph__peer-indices .switcher .switcher__item button.switcher__item-title:hover
 ,.app__inner .comparison-wrapper .switcher .switcher__item button.switcher__item-title:hover
{
    border-bottom: 2px solid #d9dadc;
    font-weight: bold;
}
.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-table-v2 .table__body-tr.selected .table__body-share {
    /* color: var(--color-primary); */
    color: #000000;
    font-weight: normal;
}
cq-context {
    color: #000000;
    font-family: Mary Ann;
}
.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-secondary);
}
.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: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--color-primary);
    font-family: Mary Ann;
}
.app__inner .btn.btn-show {
    font-size: 1.25rem;
    color: #FFFFFF;
    background-color: var(--color-primary);
    font-family: Mary Ann;
}
.btn-show {
    font-size: 1.25rem;
    padding: 10px;
}
.app__inner .btn.btn-show--more:hover, .app__inner .btn.btn-show--less:hover {
    color: white;
    background-color: var(--background-hover);
}
.additional-options .option-buttons > .option-button:hover, .print-dialog-confirm__no-btn:hover, .print-dialog-confirm__yes-btn {
    background-color: var(--background-hover);
}
.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: #000000;
}
.stx_mountain_chart {
    background-color: transparent;
}
.share-detail__item-icon i:not(.fs.fs-symbol):not(.fs.fs-lot-size) {
    position: relative;
    z-index: 1;
    left: 6px;
    top: 4px;
}
i.fs.fs-symbol, i.fs.fs-lot-size {
    position: relative;
    z-index: 1;
    left: 9px;
    top: 4px;
}
.share-details--grid .share-detail__item-icon:before {
    width: 25px;
    height: 25px;
    border: 0.0625rem solid rgba(0, 0, 0, .1);
}

.switcher--tab::before {
    z-index: 1;
}

.switcher--tab .switcher__item {
    padding-bottom: unset;
}
.tns-inner:focus-visible {
    outline: none !important;
}

.tableV2__sm-head:first-child {
    background: linear-gradient(180deg, #5e0331 0%, #7F0442 100%);
}
.ticker-table-v2.scrolled-table .table__head-tr th:first-child, .ticker-table-v2.scrolled-table .table__head-tr td:first-child {
    background: linear-gradient(180deg, #5e0331 0%, #7F0442 100%);
}

.footer *{
    font-size: 13px;
}

.event-marker.pressRelease {
    background: var(--color-primary);
}
.event-marker.earning {
    background-color: var(--color-secondary);
}

.btn-show--more .fs-triangle-up {
    transform: rotate(0deg);
}
.btn-show .fs-triangle-up {
    transition: 0.3s all ease-in-out;
}

button[aria-selected="true"] i::before{
    color: #FFFFFF;
}

button.tooltip-wrapper{
    transition: transform 0.3s ease-in-out;
}
button.tooltip-wrapper:hover {
    transform: scale(1.05);
}

.additional-options .option-button {
    border-radius: 0;
}

.switcher--tab .switcher__item:not(:first-child) {
    margin-left: unset;
}

.share-graph--fixed .switcher--tab .switcher__item {
    flex-basis: 15%;
}

.ticker-table .table .table__body tr:nth-child(odd), table.tableV2__table tbody tr:nth-child(odd) {
    background: #F6F6F6 !important;
}

@media screen and (max-width: 768px) {
    .share-graph--fixed .switcher--tab {
        margin-bottom: 1.25rem;
        border-bottom: 1px solid var(--color-gray-light);
    }
    .switcher--tab {
        justify-content: unset;
    }
    .switcher--tab::before {
        content: none;
    }
}

.app__inner .switcher__item .switcher__btn{
    margin-right: unset;
}
button[aria-label="Graph View"]{
    margin-left: unset !important;
}

.chart-title__symbol .ticker-name {
    color: var(--color-secondary);
}

.ticker-table-v2 thead th {
    border: none;
    border-top: 0;
    border-bottom: 0;
}

th{
    font-weight: bold !important;
    font-size: 18px !important;
}

.chart-show-range .active{
    color: var(--color-primary);
    font-weight: 700;
}

.ciq-btn {
    color: white;
    background-color: var(--color-primary);
}

.ciq-btn:hover {
    cursor: pointer;
    color: white !important;
    background-color: var(--background-hover);
}

.ticker__inner--fade .indicator-down .ticker__change-value {
    background: unset;
}

.ticker-table-v2 tbody tr:not(:last-child) td {
    border-bottom: 0;
}

.table__body-tr.selected .table__body-share {
    color: var(--color-green-300);
    text-decoration: none;
}

.share-graph--fixed .switcher--tab {
    max-height: 58px;
    overflow-y: hidden;
    margin: 1rem 0 2rem 0;
}

.share-graph--fixed .tickerLayout {
    margin-bottom: 0;
}

.btn {
    border-radius: 0;
}
.table thead {
    border: none !important;
    border-color: none !important;
}

/* Remove BorderLine in tabs */
.switcher--tab::before {
        content: none;
    }

@media screen and (max-width:475px) {
    .table thead th {
        line-height: 0.9rem;
    }
}