:root {
--color-primary: #000000;
--template-bg-color: #FFFFFF;
--bg-color: #FFFFFF;
}
html {
background-color: var(--bg-color);
width: 100%;
}
@font-face {
font-family: 'RenaultGroup-Regular';
font-weight: normal;
font-style: normal;
src: url('fonts/renaultgroup-regular.woff2');
}
@font-face {
font-family: 'RenaultGroup-SemiBold';
font-weight: normal;
font-style: normal;
src: url('fonts/renaultgroup-semibold.woff2');
}
@font-face {
font-family: 'RenaultGroup-Bold';
font-weight: normal;
font-style: normal;
src: url('fonts/renaultgroup-bold.woff2');
}
.app__inner .comparison .comparison__item .unchecked-checkbox {
color: #FFFFFF;
background-color: var(--color-primary);
}
.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 #000000 !important;
}
.app__inner input[type=checkbox]:checked:before {
background-color: #FFFFFF;
border: 1px solid #000000 !important;
}
.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 .ciq-checkbox span {
border: 1px solid #000000 !important;
background-color: #FFFFFF;
}
.app__inner .ciq-active .ciq-checkbox.ciq-active span {
border: 1px solid #000000 !important;
}
.app__inner .ciq-active .ciq-checkbox.ciq-active span:after {
background-color: #000000;
}
.app__inner .share-graph .graph .ciq-radio span {
border-color: #000000;
border-width: 1px;
background-color: #FFFFFF;
}
.app__inner .share-graph .graph .ciq-active .ciq-radio span,.app__inner .share-graph .graph .ciq-radio.ciq-active span {
border-color: #000000;
border-width: 1px;
/* background-color: var(--color-primary); */
}
.app__inner .ciq-active .ciq-radio span:after, .ciq-radio.ciq-active span:after {
background: #000000;
}
body .app__inner {
font-family: RenaultGroup-Regular;
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: RenaultGroup-Bold;
font-size: 16px;
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: #F44336;
}
.app__inner .chart-title__current-price .fs-triangle-up,.app__inner .chart-title .close-up {
color: #035E0A;
}
.order--depth__table .tableV2__row:hover .progress-buy, .order--depth__table .progress-buy {
background-color: #035E0A;
}
.order--depth__table .tableV2__row:hover .progress-sell, .order--depth__table .progress-sell {
background-color: #F44336;
}
:root {
--indicator--up___color: #035E0A;
--indicator--down___color: #F44336;
--color-neutral-650: var(--color-primary);
}
.performance--buttons .dropdown button,.share-graph--fixed .performance .dropdown button, .share-detail__item-label, .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 {
color: var(--color-primary);
}
.chart-show-range__wrapper,.dialog-wrapper-custom-range  {
--color-neutral-650: #555;
--picker-date--fs-calendar___color: #555;
}
.app__inner .custom-date-container .EUCalendar-day-selected {
background-color: #000000;
color: #FFFFFF !important;
}
.app__inner .button-apply-custom-range button {
background-color: var(--color-primary);
color: #FFFFFF;
}
.app__inner .button-apply-custom-range button:hover {
background-color: #FFFFFF;
color: var(--color-primary);
}
.app__inner .custom-date-container .EUCalendar-day-selected:hover, .EUCalendar-hover-date {
background-color: #000000;
color: #FFFFFF !important;
}

.app__inner .EUCalendar-menu-cont, .EUCalendar-menu, .EUCalendar-menuYear {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.app__inner .custom-date-container .EUCalendar {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.app__inner .datepicker__selected-date,.app__inner .custom-date-container .EUCalendar-topCont {
--picker-date--dropdown--EUCalendar-table-topControl___background-color: #FFFFFF;
--date-picker-content--EUCalendar-menu-today___color: #FFFFFF;
}

.app__inner .datepicker__selected-date {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
    background: black;
    }
.EUCalendar-day-today {
color: #FFFFFF;
}
.app__inner .accessibility-link, .footer a {
color: var(--color-primary);
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:nth-child(even),
    .ticker-table .table tbody tr:nth-child(even) > *,
    table.tableV2__table tbody tr:nth-child(even),
    table.tableV2__table tbody tr:nth-child(even) > *,
    .weeks52highlow--table tbody tr:nth-child(even),
    .performanceByYear--table tbody tr:nth-child(even),
    .sharePricedevelopment--table tbody tr:nth-child(even),
    .performance .tableV2__table tbody tr:nth-child(even)
     {
background-color: #504F4E;
}
.app__inner .ticker-table .table tbody tr:nth-child(odd),
    .ticker-table .table tbody tr:nth-child(odd) > *,
    table.tableV2__table tbody tr:nth-child(odd),
    table.tableV2__table tbody tr:nth-child(odd) > *,
    .weeks52highlow--table tbody tr:nth-child(odd),
    .performanceByYear--table tbody tr:nth-child(odd),
    .sharePricedevelopment--table tbody tr:nth-child(odd),
    .performance .tableV2__table tbody tr:nth-child(odd)
     {
background-color: #FAF9F8 !important;
}
/* .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: var(--color-primary)00;
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: #FFFFFF;
color: var(--color-primary);
font-weight: bold;
border-bottom: 1px solid #5a534c !important;
}
.app__inner .ticker-table table thead tr th,
    table.tableV2__table thead tr th {
vertical-align: middle;
background-color: #FFFFFF;
color: var(--color-primary);
font-weight: bold;
border-bottom: 1px solid #5a534c !important;
}
.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);
}
table.tableV2__table tbody tr td:not(:first-child),.ticker-table .table tbody tr td:not(:first-child) {
background-color: #FFFFFF;
}
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: var(--color-primary)00;
}
.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 {
/* justify-content: left; */
justify-content: space-between;
}
.app__inner .switcher--tab .switcher__item button,.app__inner .share-graph__peer-indices .switcher .switcher__item:not(.active) button  {
background-color: #FFFFFF;
color: var(--color-primary);
}
.app__inner .switcher--tab .switcher__item button, .app__inner .share-graph__peer-indices .switcher .switcher__item button {
font-size: 17px;
font-family: RenaultGroup-Regular;
font-weight: bold;
}
.app__inner .switcher--tab .switcher__item.active button, .app__inner .share-graph__peer-indices .switcher .switcher__item.active button {
/* color: var(--color-primary); */
color: #000000;
background-color: #FFFFFF;
/* font-family: RenaultGroup-SemiBold !important; */
}
.additional-options .option-buttons > .option-button, .print-dialog-confirm__no-btn, .print-dialog-confirm__yes-btn {
font-size: 14px;
color: #FFFFFF;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
background-color: var(--color-primary);
font-family: RenaultGroup-SemiBold;
border: 1px solid #000;
}
.app__inner .switcher__btn {
font-size: 14px;
color: #000000;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
background-color: #FFFFFF;
}
.app__inner .active.switcher__item .switcher__btn {
background-color: #000000;
color: #FFFFFF;
}
.app__inner .btn.btn-show--more {
font-size: 14px;
color: #000000;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
font-family: RenaultGroup-SemiBold;
}
.app__inner .btn.btn-show--more:hover {
color: var(--color-primary);
}
.additional-options .option-buttons > .option-button:hover, .print-dialog-confirm__no-btn:hover, .print-dialog-confirm__yes-btn {
background-color: #FFFFFF;
color: var(--color-primary);
}
.tooltip {
color: var(--color-primary);
}



.stx_mountain_chart {
    opacity: 1;
    background-color: transparent;
  
  }


  /* .stx_annotation, cq-context canvas {
    background-color: #333333;
  } */

  /* .chartContainer,
  .chartContainer.stx-crosshair-on,
  .chartContainer.stx-draggable {
    background-color: #FFFFFF !important;
} */

/* .ciq-nav {
    background-color: #FFFFFF00;
} */

.ciq-draw span:before, .ciq-CH span:before, .ciq-HU span:before {
    color: #000000;
}

.fs-open-link:before, .fs-pop-in:before,
.ciq-menu:after, .ciq-select:after,
.ciq-menu cq-clickable.ciq-menu-icon>span:first-child {
    color: #000000;
}

.ciq-menu:after, .ciq-select:after {
    border-color: #000000;
}

.ciq-nav cq-toggle > *:not(cq-text) {
    color: #000000;
}

cq-toggle.active {
    border-color: #5a534c;
}

.ciq-menu, .ciq-menu.stxMenuActive, .ciq-btn, .ciq-btn-negative, .annotationCancel, .annotationSave, html:not([ciq-last-interaction=touch]) .ciq-menu:hover, html:not([ciq-last-interaction=touch]) .ciq-btn:hover, html:not([ciq-last-interaction=touch]) .ciq-btn-negative:hover, html:not([ciq-last-interaction=touch]) .annotationCancel:hover, html:not([ciq-last-interaction=touch]) .annotationSave:hover {
    color: #000000;
}


/* .tooltip {
    color: #FFFFFF !important;
} */

cq-study-legend cq-section-dynamic .ciq-btn {
    margin-top: 5px;
    color: #000000;
    text-transform: capitalize;
}

.app__inner .ticker-table table thead tr th, table.tableV2__table thead tr th,
.app__inner .ticker-table .table__head {
    border-top: 0;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.ticker-table-v2 tbody tr:not(:last-child) td {
    border-bottom: 0;
}
/* 
.tableV2__body .tableV2__row:hover *, .tableV2__sm-row:hover td:first-child, .ticker-table .table tbody tr:hover > * {
    background: #5a534c;
    color: #FFF;
} */

.app__inner .ticker-table tbody tr td, table.tableV2__table tbody tr td {
    border-right: 1px solid #5a534c;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.ticker-table-v2 .table__body-tr.selected .table__body-share {
    color: #000000 !important;
    text-decoration: none;
    font-weight: bold;
}

.app__inner .table-responsive .table {
    background: #4C4C4C;
    border-radius: 15px;
}

.ticker--multiple .ticker__item.selected .ticker__item-inner {
    background: #F5F3F1;
    border-color: #F5F3F1;
    border-radius: 15px;
}

.ticker--multiple .ticker__item.selected .ticker__item-inner:after {
    border-bottom: 0;
}

.ticker--multiple .ticker__currency-code, .ticker--multiple_ticker_1 .ticker__col>p {
    color: #000000;
}

.ticker--multiple_ticker_1 .ticker__change-value {
    padding: 0.3125rem;
}

.time-stamp--v2 .status-closed {
    color: #666666;
    
}
.time-stamp--v2 .status-opened {
    color: #035E0A;
}
.app__inner .switcher--tab .switcher__item button:hover:before {
    content: "";
    background: var(--color-blue-400);
    height: 0.1875rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 0.1875rem;
}
.switcher--tab::before {
    bottom: 0;
    border-bottom: 1px solid #5a534c;
}

.switcher--tab .switcher__item.active .switcher__item-title::before,
.app__inner .switcher--tab .switcher__item button:hover::before {
    background: #5a534c;
    border-radius: 0;
    bottom: 1px;
}

.switcher--tab .switcher__item {
    padding-bottom: 1em;
}

/* .chart-title__current-price, 
.chart-title__currency {
    color: #FFFFFF;
} */

.chart-show-range__item {
    color: #000000;
}

.chart-show-range .active {
    color: #000000 !important;
    background: #FFFFFF;
    /* padding: 0px 3px; */
}

/* .fs-calendar::before {
    color: #FFFFFF;
} */

.ciq-menu-icon.ciq-active>span:first-child {
    color: #5a534c;
}

.ciq-menu-icon.ciq-active,
.study-group,
.study-group {
    color: #5a534c;
    font-weight: 500;
}

cq-study-legend cq-section-dynamic cq-heading {
    color: #000000;
}

html:not([ciq-last-interaction=touch]) .ciq-btn:hover {
    background: #000000;
    color: #FFFFFF;
}

html:not([ciq-last-interaction=touch]) .ciq-btn {
    border-radius: 100px;
}


.app__inner .btn.btn-show--more,
.btn-show {
    color: #000000;
}

.share-details__footer .btn:hover {
    color: #5a534c;
}

.share-detail__item-value,
.share-details--flow .share-detail__item-icon {
    color: #5a534c;
}

.trades__table thead th,
.app__inner table.tableV2__table thead tr th:first-child {
    /* border-bottom: 0 !important; */
}

.trades__table tbody tr td:last-child,
.trades__table thead th:last-child {
    border-right: 0;
}

.switcher--tab .switcher__item.active .switcher__item-title:hover {
    color: #000000;
    background: transparent;
}

table.tableV2__table thead tr th {
   
    border-right: 1px solid #5a534c;
}

.order--depth__table .tableV2__footer .tableV2__cell {
    color: #FFFFFF;
}

.order--depth__currency {
    color: #FFFFFF;
}

.performance--buttons .dropdown button, .share-graph--fixed .performance .dropdown button {
    color: #000;
}

.order--depth__table .ticker-table-v2 thead th[data-column=buyProcess], .order--depth__table .ticker-table-v2 thead th[data-column=sellProcess] {
    border: 0;
}

.order--depth__table .tableV2__head:nth-child(2) {
    border-right: 0;
}

.order--depth__table .tableV2__head:last-child,
table.tableV2__table thead tr th:last-child,
table.tableV2__table tbody tr td:last-child {
    border-right: 0;
}

.tableV2__sm-head:first-child {
    box-shadow: none;
    background: transparent;

}

.ticker-table .table tbody tr td:last-child {
    border-right: 0;
}

.ticker-table.ticker-table-v2.table-responsive.table-responsive--fade.ticker__inner--fade table td {
    border-right: 0;
}

.chart-show-range__wrapper {
    padding: 24px;
    background: #FFFFFF;
    /* display: flex; */
    width: fit-content;
    border-radius: 16px;
    border: 2px solid #978B7F;
}

/* cq-drawing-palette {
    background: #333333;
} */

/* html:not([ciq-last-interaction=touch]) cq-item:hover, html[ciq-last-interaction=touch] cq-item:active, cq-item[cq-focused] {
    background: #4C4C4C;
} */
/* cq-drawing-settings {
    background: #333333;
    border-right: 1px solid #fff;
} */

.dialog--custom-range .dialog__title {
    color: #5a534c;
}
.dialog--custom-range {
    border-radius: 10px;
}

/* .datepicker .input-container input,
.datepicker .input-container .fs-calendar::before {
    color: #000000;
} */

.app__inner .button-apply-custom-range button {
    border-radius: 100px;
    border: 1px solid #000;
}

html:not([ciq-last-interaction=touch]) cq-item:hover, html[ciq-last-interaction=touch] cq-item:active, cq-item[cq-focused] {
    background: #979797;
    color: #FFFFFF;
}
html:not([ciq-last-interaction=touch]) cq-item:hover span:first-child {
    color: #FFF;
}


.footer-content__dataDelayed {
    margin-top: 0;
}

.chart-header__title-wrapper {
    flex-direction: column;
}

.peer-indices-item {
    background: #F5F3F1;
    border-radius: 10px;
    border-color: transparent;
}

.peer-indices-item__name {
    color: #000000;
}

.peer-indices-item__name-icon-box {
   border-color: #978B7F;
}

.peer-indices-item__last-price {
    color: #000000;
}

.comparison-v2 .switcher__item.active::after {
    background: #5a534c;
}

/* Remove this to revert default position of indices */
/* 
.share-graph--fixed .graph {
    width: 100%;

}

.share-graph--fixed-v2 .share-graph__peer-indices {
    display: flex;
    flex-direction: row-reverse;
}

.comparison-v2 .switcher {
    margin-top: 0 !important;
} */

.chart-show-range__item-mobile-label,
.fs-dropdown-arrow:before {
    color: #000000;
}

@media screen and (max-width: 768px) {
    .chart-show-range__item {
        color: #000000;
    }
}

.switcher--tab .switcher__item.active .switcher__item-title::before {
    width: 100%;
}
.trades {
    margin-top: 2em;
}

/* .stx_xaxis {
    color: #0026ff;
  } */


  td.table__body-share.tickerName {
    font-family: 'RenaultGroup-Bold' !important;
}

.ticker .indicator-neutral .ticker__change-value {
    background: #FFFFFF !important;
}

.legend .fs-tick-mark:before {
    font-size: 16px;
}
.datepicker__value {
    font-weight: 500;
    font-size: 1.125rem;
    margin-top: 0.3125rem;
    display: inline-block;
    width: 70%;
    text-align: right;
}
.custom-date-container .EUCalendar-topCont {
    top: 5.1rem !important;
}
.datepicker__title {
    font-size: 0.75rem;
    font-weight: 400;
    display: inline-block;
}

.stx_mountain_chart {

    opacity: 1; 
  
    background-color: transparent;
  
  }

  @media screen and (max-width: 768px) {
    .share-graph--fixed .switcher--tab {
        margin-bottom: 1.25rem;
        border-bottom: 1px solid;
    }
}

.fs-triangle-up::before {
    background: url(arrow_up.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: block;
    content: "";
    position: relative;
    top: 0;
}

.fs-triangle-down::before {
    background: url(arrow_down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: block;
    content: "";
    position: relative;
    top: 0;
    transform: rotate(-180deg);
}

.trades__change.neutral:before {
    background: url(equal_sign.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: block;
    content: "";
    position: relative;
    top: 2px;
    /* transform: rotate(-180deg); */
}





.chartContainer {
    border-radius: 16px;
    padding: 5p;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.ciq-chart:first-of-type {
    background: #000;
    border-radius: 16px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

cq-context, .ciq-nav {
    border-radius: 16px;
}

/* .stx_strip_background {

    background-color: rgba(151, 139, 127, .2);
  
  } */

  .event-marker.earning, 
  .event-marker.pressRelease,
  .event-marker.dividend {
    border-radius: 100px;
    background: #000000;
  }

  .stx-marker-video-wrapper.video .stx-visual::before {
    color: black;
}

cq-palette-dock [orientation=vertical] {
    border-bottom-left-radius: 16px;
}

.chart-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    /* width: 100%; */
}

.share-graph--fixed .graph {
    flex: 3;
}

.share-graph--fixed-v2 .share-graph__peer-indices .comparison-wrapper {
    flex: 1;
}

.share-graph--fixed-v2 .share-graph__peer-indices {
    column-gap: 3em;
    flex-direction: row-reverse;
    display: flex;
}

.comparison-v2 .switcher {
    margin-top: 8em !important;
}

.comparison-v2__inner {
    max-height: 43.5rem;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16.875rem, 1fr));
    grid-gap: 0.9375rem;
    scrollbar-width: thin;
    scrollbar-color: #DEDAD5 #DEDAD5;
    background: #DEDAD5;
    padding: 10px 15px 30px;
    border-radius: 16px;
}

.peer-indices-item {
    background: #DEDAD5;
    border-bottom: 1px solid #978B7F;
    border-radius: 0;
    margin: 0 10px;
    width: 93%;
    padding: 20px 0.9375rem;
}

@media screen and (max-width: 800px) {
    .share-graph--fixed-v2 .share-graph__peer-indices {
        display: block;
    }
    .comparison-v2 .switcher {
        margin-top: 0 !important;
    }
}


body.print-graph-container.ticker-multiple thead.table__head {
    background-color: #FFFFFF;
    padding-top: 0 !important;
}
.print-graph-container tr td {
    border: 0 !important;
}
.app__inner .ticker-table thead tr th:first-child {
    border: 0 !important;
}
.app__inner .ticker-table table thead tr th {
    border: 0 !important;
}

/* .app__inner .ticker-table table thead tr th:nth-child(odd), */
.ticker-table .table tbody tr:nth-child(odd) td {
    background: #FFFFFF !important;
}

.ticker-table .table tbody tr:nth-child(even) td {
    background: #FFFFFF !important;
}


.print-graph-container .print-title {
    background: #000;
    color: #FFF;
}
.ticker-single .print-ticker-graph-wrapper, .ticker-multiple .print-ticker-graph-wrapper,
.print-graph-container .print-ticker-layout, .print-graph-container .print-graph-wrapper, .print-graph-container .print-share-details{
    border-radius: 16px;
    border-color: #dcdada;
}

.print-graph-container .print-title{
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}
.app__inner .ticker-table .table tbody tr:nth-child(odd), .ticker-table .table tbody tr:nth-child(odd) > *, table.tableV2__table tbody tr:nth-child(odd), table.tableV2__table tbody tr:nth-child(odd) > *, .weeks52highlow--table tbody tr:nth-child(odd), .performanceByYear--table tbody tr:nth-child(odd), .sharePricedevelopment--table tbody tr:nth-child(odd), .performance .tableV2__table tbody tr:nth-child(odd) {
    background-color: #FFFFFF !important;
}
/* FAF9F8  */

.print-graph-container .print-button {
    position: absolute;
    z-index: 99999;
    color: var(--color-white);
    padding: 0.625rem 0.9375rem;
    background: #000;
    border-radius: 30px;
    font-size: 1.2rem;
    border: 1px solid #000;
}


.print-graph-container .print-button:hover {
    background: white;
    color: #000;

}


.weeks52graph .weeks52graph--table tbody tr td .value-high_bar,
.weeks52graph .graph--labelsbottom .value-indicator .graph__highvalue-indicator{
    background:#978B7F;
}

:host(cq-dropdown) .content>.item:not(.template-item)>*, cq-dropdown .content>.item:not(.template-item)>* {
    padding: 0 0.6rem;
}


div#tickerLayout {
    display: none;
}

/* td.tableV2__cell.indicator-up:after,
td.tableV2__cell.indicator-down:after {
    content: "%";
}
 */

/* div#\35 2whl-graph  */

table.tableV2__table.performance--table.weeks52highlow td.tableV2__cell.indicator-up:after,
table.tableV2__table.performance--table.weeks52highlow td.tableV2__cell.indicator-down:after
{
    content: "%";
}

@media(max-width:970px)
{
.share-graph--fixed-v2 .share-graph__peer-indices {
    display: inline-block!important;
}
}