:root {
--color-primary: #ffc72c;
--template-bg-color: var(--bg-color);
--bg-color: #ffffff;
}
html {
background-color: var(--bg-color);
width: 100%;
}
.date-picker-content table {
background-color: unset;
}
.footer {
text-align: left;
}
@font-face {
font-family: 'Releway-Light';
font-weight: normal;
font-style: normal;
src: url('/tools/sharegraph3-api/Config/Company/s-epiroc/font/raleway-light.ttf');
}
@font-face {
font-family: 'Raleway-Medium';
font-weight: normal;
font-style: normal;
src: url('/tools/sharegraph3-api/Config/Company/s-epiroc/font/raleway-medium.ttf');
}
@font-face {
font-family: 'Raleway-SemiBold';
font-weight: normal;
font-style: normal;
src: url('/tools/sharegraph3-api/Config/Company/s-epiroc/font/raleway-semibold.ttf');
}
.app__inner .comparison .comparison__item .unchecked-checkbox {
color: var(--color-primary);
background-color: var(--bg-color);
font-size: 15px;
}
.app__inner .comparison .comparison__item.selected .custom-checkbox {
font-size: 15px;
}
.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: 15px;
}
.app__inner input[type=checkbox]:before {
content: '';
pointer-events: none;
display: block;
box-sizing: border-box;
position: absolute;
width: 15px;
height: 15px;
top: 0;
left: 0;
height: 15px;
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;
}
.app__inner cq-dropdown .content > .item.ciq-active .ciq-checkbox {
font-size: 15px;
font-size: 15px;
}
.app__inner cq-dropdown .content > .item .ciq-checkbox span {
width: 15px;
height: 15px;
}
html:not([ciq-last-interaction=touch]) .app__inner cq-dropdown .content > .item:not(.ciq-active) .ciq-checkbox span {
width: 15px;
height: 15px;
border-width: 1px;
border-color: var(--color-primary);
background-color: var(--bg-color);
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);
width: 15px;
height: 15px;
border-color: #e4e1de;
border-width: 1px;
background-color: var(--bg-color);
}
.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: Releway-Light, Raleway-Medium, Raleway-SemiBold;
font-size: 18px;
}
.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: Releway-Light, Raleway-Medium, Raleway-SemiBold;
font-size: 18px;
color: #425563;
}
:root {
--tiny-slider___--slide-width: 2px;
--tiny-slider___--slide-gap: 2px;
--mobile--tiny-slider___--slide-width: 2px;
--color-neutral-650: #425563;
--color-gray-dark-800: #425563;
}
.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: #425563;
}
cq-menu.nav-dropdown:after, .share-details--grid .share-detail__item-icon:before {
border-color: #425563;
}
.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: #425563;
}
.app__inner .custom-range-container .EUCalendar-day-selected {
background-color: var(--color-primary);
color: #425563 !important;
border: 1px solid var(--color-primary) !important;
}
.app__inner .button-apply-custom-range button {
background-color: var(--color-primary);
color: #425563;
border: 1px solid var(--color-primary) !important;
}
.app__inner .custom-range-container .eur-date-picker-content .EUCalendar-day:hover {
background-color: var(--color-primary);
color: #425563;
}
.app__inner .eur-picker-date__dropdown {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.app__inner .datepicker__selected-date {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
}
.app__inner .EUCalendar-menu-cont, .EUCalendar-menu, .EUCalendar-menuYear {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.app__inner .custom-range-container .EUCalendar {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.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: #425563;
}
.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: #425563;
text-decoration: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
}
.app__inner .accessibility-link:hover, .footer a:hover {
color: #000000;
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),
    .share-detail__list .share-detail__item:nth-child(4n+3),
    .share-detail__list .share-detail__item:nth-child(4n+4) {
        background-color: #f2f0ee !important; 
}
.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),
    .share-detail__list .share-detail__item:nth-child(4n+1),
    .share-detail__list .share-detail__item:nth-child(4n+2) {
        background-color: var(--bg-color);
}
@media (max-width: 767.98px) {
.share-detail__list .share-detail__item:nth-child(odd) {
background-color: #f2f0ee;
}
}
@media (max-width: 767.98px) {
.share-detail__list .share-detail__item:nth-child(even) {
background-color: var(--bg-color);
}
}
.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: #ffc72c;
color: #231F20;
font-family: Raleway-SemiBold;
}
.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: #ffc72c;
color: #231F20;
font-family: Raleway-SemiBold;
}
.ticker-table .table .table__body tr,table.tableV2__table tbody tr {
padding-left: 14px;
vertical-align: middle;
background-color: var(--bg-color);
color: #e4e1de;
}
table.tableV2__table tbody tr td:first-child,.ticker-table .table tbody tr td:first-child {
background-color: var(--bg-color);
color: #231F20;
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) {
background-color: var(--bg-color);
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: #425563;
}
.ticker-table .table tbody tr:nth-of-type(even) > * {
--color-white: var(--bg-color);
}
.app__inner .ticker-table tbody tr td,
    table.tableV2__table tbody tr td {
padding-left: 14px;
vertical-align: middle;
background-color: var(--bg-color);
color: #e4e1de;
}
.tableV2__sm-col:first-child {
background-color: var(--bg-color);
}
.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 {
    background-color: #ffc72c;
    color: #425563;
}
.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;
padding-top: 6px;
padding-right: 40px;
padding-bottom: 6px;
padding-left: 40px;
margin: 8px;
font-family: Raleway-SemiBold;
border-radius: 4px;
}
.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,
.switcher--tab .switcher__item-title:hover {
color: var(--color-primary);
background-color: #425563;
}

cq-context {
color: #425563;
font-family: Releway-Light, Raleway-Medium, Raleway-SemiBold;
}
.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: 18px;
color: #425563;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding: 5px;
background-color: var(--color-primary);
font-family: Raleway-SemiBold;
width: 45px;
height: 45px;
}
.app__inner .switcher__btn {
box-shadow: 1.6px 1.6px 1.5px 1.5px #e4e1de;
}
.app__inner .btn.btn-show--more,
.app__inner .btn.btn-show--less {
font-size: 18px;
color: #425563;
background-color: var(--color-primary);
padding-top: 10.8px;
padding-bottom: 14.4px;
padding-left: 45px;
padding-right: 45px;
font-family: Raleway-SemiBold;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.app__inner .btn.btn-show--more:hover, .app__inner .btn.btn-show--less:hover {
color: white;
color: var(--color-primary);
background-color: #425563;
}
.additional-options .option-buttons > .option-button:hover, .print-dialog-confirm__no-btn:hover, .print-dialog-confirm__yes-btn {
background-color: #425563;
color: var(--color-primary);
}
.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: #425563;
}
.stx_mountain_chart {
background-color: transparent;
}


/*****Custom***/
.ticker-table-v2 .table__body-tr.selected .table__body-share,
.chart-show-range .active {
  color: #231F20 !important;
  font-weight: 600;
}

.switcher--tab::before {
    border-bottom: 0rem var(--color-gray-light) solid !important;
}
.switcher--tab .switcher__item:not(:first-child) {
    margin-left: 0rem !important;
  }
  .app__inner .switcher--tab .switcher__item button {
    height: 51px !important;
  }
  .app__inner .switcher__item .switcher__btn {
    height: 50px !important;
    padding: 10px !important;
    width: 50px !important;
  }
  .ticker--multiple .ticker__inner .tiny-slider__item {
    margin: 10px !important;
  }
  .ticker--multiple .ticker__item.selected .ticker__item-inner,
  .ticker--multiple .ticker__item-inner:hover {
    background: #f5f4f2 !important;
    border-color: #425563;
    box-shadow: 0 10px 10px -10px rgba(0,0,0,0.5);
    transform: scale(1.1);
    margin-left: 10px;
  }
  #tns1-iw {
    margin-left: 10px !important;
  }
  .ticker--multiple .ticker__item.selected .ticker__item-inner::after {
    border-bottom: 0.1875rem solid #425563;
  }

  .ticker-table-v2 tbody tr:not(:last-child) td {
    border-bottom: 1px solid #ebe8e5 !important;
  }
  .ticker-table-v2 thead th { 
    border-top: 0px solid var(--color-blue-700);
    border-bottom: 1px solid #e4e1de !important;
  }
  .tableV2__row:last-child,
  .table__body-tr:last-child {
    border-bottom: 1px solid #ebe8e5;
  }
  .table tbody td {
      font-size: 18px !important;
  }
  .tableV2__table.trades__table .tableV2__head[data-column="volume"],
  .tableV2__table.trades__table .tableV2__cell[data-column="volume"],
  .tableV2__table.trades__table table .tableV2__table tbody tr td:nth-child(2n+2),
  .tableV2__table.trades__table table .tableV2__table thead tr th:nth-child(2n+2) {
      text-align: center !important;

  }
  .trades__table tbody tr td:last-child {
    text-align: right !important;
  }
  .legend__color {
    width: 1.2em !important;
    height: 1.2em !important;
  }
  .legend .fs-tick-mark::before {
    font-size: 11px !important;
  }
  [class^="fs-"], [class*=" fs-"] {
    line-height: 0 !important;
  }
  .clock,
.time-open-close__update {
  display: none;
}
.tableV2__cell {
    font-size: 18px !important;
}
.share-details--grid .share-detail__item-icon::before {
    border: none !important;
}
.share-detail__list .share-detail__item-value {
  text-align: right !important;
  padding-right: 1em;
}
.btn-show__text {
  text-decoration: none !important;
}
.tableV2__sm-head:first-child {
  background: #ffc72c !important;
}
.tableV2__sm-row:hover td:first-child,
.legend__label,
.fs-tick-mark + .legend__label {
  color: #231F20 !important;
}
.tableV2__body .tableV2__row:hover * {
  background: transparent;
}
.tableV2__sm-row:hover td:first-child {
  color: var(--primary-color);
}
.chart-title__symbol .ticker-name__share-name,
.chart-title__symbol .ticker-name__market-abbreviation {
  color: #231F20 !important;
  font-weight: 600 !important;
}

@media (max-width: 991.98px) {
    .switcher--tab .switcher__item-title {
        width: 190px !important;
    }
  }
@media screen and (max-width: 800px) {
    .switcher--tab, .app__inner .share-graph__peer-indices .switcher, .app__inner .comparison-wrapper .switcher {
      justify-content: left !important;
    }
  }
  @media (max-width: 350px) {
    .switcher__wrapper--currency {
      display: inline-block !important;
    }
    .switcher {
      margin-top: 1em;
    }
    .switcher__wrapper--v2 {
        margin-top: 2rem !important;
      }
    }
    @media (max-width: 580px) {
      #tabs .switcher--tab {
        display: inline-block !important;
      }
      .switcher--tab .switcher__item-title {
        width: 97% !important;
      }
  }
    @media (max-width: 575.98px) {
        .performance .stx_xaxis, .performance .stx_yaxis, .performance .main-share-name, .performance .myEvents {
          font-size: 15px;
        }
      }
    @media (max-width: 320px) {
        .performance .stx_xaxis, .performance .stx_yaxis, .performance .main-share-name, .performance .myEvents {
          font-size: 14px !important;
          margin-right: 5px !important;
        }
        #performance .table thead th {
          font-size: 10px !important;
          margin:14px !important;
        }
      }