@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');


/* #REGION OPIFEX GENERATES CSS CODE FROM THE UI */
html {
  font-size: 16px;
}

:root {
  --font-base: 'Roboto', sans-serif;
  /*! --hyperlink___color: #333333; */
  --indicator--up___color: #1F7F1F;
  --indicator--down___color: #DB0000;
  --color-neutral-650: #333333;
  --color-gray-dark-800: #333333;
  --color-primary: #D51A72;
  --color-blue-400: #D51A72;
  --TickerItem--active___background: #fdf2f8;
  --color-red-600: #D60A0A;
  --color-gray-dark-150: #6E6E6E;
  --color-stone-400: #6E6E6E;
}

body {
  0: #;
  1: 0;
  2: 0;
  3: 0;
  4: 0;
  5: 0;
  6: 0;
}

.title-section {
  color: #333333;
}

body .app__inner {
  font-size: 16px;
  color: #333333;
  font-family: 'Roboto', sans-serif;
}

.app__inner button,
input,
.chartContainer {
  font-family: 'Roboto', sans-serif;
}

.app__inner .indicator-down .ticker__change-value,
.app__inner .chart-title__current-price .fs-triangle-down,
.app__inner .chart-title .close-down {
  color: #DB0000;
}

.app__inner .chart-title__current-price .fs-triangle-up,
.app__inner .chart-title .close-up {
  color: #1F7F1F;
}

.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,
.currency-select button {
  color: #333333;
}

.app__inner .accessibility-link {
  color: #D51A72;
  text-transform: capitalize;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: inherit;
  font-size: 13px;
}

.app__inner .accessibility-link:hover {
  color: #D51A72;
  text-transform: capitalize;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: underline;
}

.app__inner h1,
.app__inner h2.chart-title__symbol,
h2.chart-title__symbol .ticker-name,
.app__inner h2.share-detail__title,
.app__inner h2.share-detail__title .ticker-name,
.app__inner h3,
.app__inner h4,
.app__inner h5,
.app__inner h6 {
  color: #333333;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  text-transform: capitalize;
}

.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: #ffffff;
  color: #333333;
  /*! border-top-width: 0px; */
  /*! border-bottom-width: 0px; */
  /*! border-left-width: 0px; */
  /*! border-right-width: 0px; */
}

.switcher--tab .switcher__item.active .switcher__item-title:hover {
  color: #D51A72;
}

.app__inner .switcher__btn {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  text-transform: capitalize;
  border-top-width: 0px;
  border-top-color: #e1e1e1;
  border-top-style: solid;
  border-bottom-width: 0px;
  border-bottom-color: #e1e1e1;
  border-bottom-style: solid;
  border-left-width: 0px;
  border-left-color: #e1e1e1;
  border-left-style: solid;
  border-right-width: 0px;
  border-right-color: #e1e1e1;
  border-right-style: solid;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 30px;
  padding-left: 30px;
}

.switcher--tab,
.app__inner .share-graph__peer-indices .switcher,
.app__inner .comparison-wrapper .switcher {
  justify-content: center;
}

.app__inner .share-graph__peer-indices .switcher .switcher__item button,
.app__inner .comparison-wrapper .switcher .switcher__item button {
  background-color: #ffffff;
  color: #333333;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 16px;
  font-weight: 700;
  border-radius: 5px;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  min-width: 8em;
}

.app__inner .switcher--tab .switcher__item button,
.app__inner .switcher__item .switcher__btn {
  background-color: #ffffff;
  color: #333333;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 0em;
  padding-left: 0em;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

.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 .share-graph__peer-indices .switcher .switcher__item:hover button.switcher__item-title,
.app__inner .comparison-wrapper .switcher .switcher__item:hover button.switcher__item-title {
  color: #D51A72;
  background-color: #fff;
  width: 100%;
  padding-right: 2em;
  padding-left: 2em;
  display: relative;
  gap: 20%
}

.switcher--tab {
  position: relative;
}

.switcher--tab::before {
  content: "";
  border-bottom: 0.0625rem var(--color-gray-light) solid;
  width: 100%;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  right: 0;
}

.app__inner .switcher--tab .switcher__item button.switcher__item-title {
  position: relative;
}

.app__inner .switcher--tab .switcher__item button.switcher__item-title:hover {
  color: #D51A72;
}

.app__inner .switcher--tab .switcher__item:hover button.switcher__item-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  width: 100%;
  height: 3px;
  background: #D51A72;
}

.app__inner .active.switcher__item .switcher__btn {
  border: 1px solid #D51A72;
  box-shadow: 0 3px 15px rgba(175, 22, 133, 0.6);
  background: #D51A72;
  border-top: unset;
  border: 1px solid transparent;
}

.switcher--tab .switcher__item.active .switcher__item-title::before,
.comparison-v2 .switcher__item.active::after {
  background: #D51A72;
}

.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: #D51A72;
}

.switcher__item.active .switcher__btn {
  color: #ffffff;
}

.currency-select .eu-dropdown__popout .search-input {
  padding: 0.625rem 0;
}

.currency-select .eu-dropdown__popout .search-input input {
  height: unset;
  background-color: #ffffff;
  color: #333333;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: unset;
  border-top-width: 1px;
  border-top-color: #333333;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #333333;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-color: #333333;
  border-left-style: solid;
  border-right-width: 1px;
  border-right-color: #333333;
  border-right-style: solid;
}

.currency-select .eu-dropdown__popout .search-input .fs-search,
.currency-select .eu-dropdown__popout .search-input span.placeholder {
  user-select: none;
}

.currency-select .eu-dropdown.display-default-currency .eu-dropdown__popout.open .eu-dropdown__menu {
  margin: unset;
}

.currency-select ul {
  margin: unset;
}

.currency-select .eu-dropdown__menu-item {
  margin: unset;
  border: unset;
  padding: 0.75rem 1rem;
}

.currency-select li span.fs-tick-mark {
  right: 5px;
}

.currency-select .eu-dropdown__popout.open .eu-dropdown__menu .eu-dropdown__menu-item:first-child {
  position: relative;
  z-index: auto;
  width: unset;
  top: unset;
}

.currency-select li span.fs-tick-mark::before {
  color: #333333;
}

.eu-dropdown__popout {
  box-shadow: unset;
  background-color: white;
}

.dropdown-list {
  box-shadow: unset;
}

.performance .eu-dropdown__menu {
  box-shadow: unset;
}

.performance--dropdown .eu-dropdown__menu-item:before {
  display: none;
}

.share-graph--fixed .performance .dropdown-list button,
.app__inner .switcher__wrapper--currency .currency-select button.eu-dropdown__button {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 10px;
  border: 1px solid #c1c1c1;
}

.app__inner input[type=checkbox] {
  position: relative;
}

.app__inner input[type=checkbox]:before {
  border: unset;
}

.EUCalendar *:focus {
  outline-color: #f7aad1;
}

.legend .fs-tick-mark {
  position: relative;
}

.legend .fs-tick-mark::before {
  font-size: 12px;
  margin-bottom: 1em !important;
  margin-left: -0.55em !important;
  margin-top: -0.4em !important;
  position: absolute;
}

.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,
.EUCalendar-menu-decade-title {
  color: #333333;
}

.app__inner .custom-range-container .EUCalendar-day-selected {
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
  border: 1px solid #af1685;
  color: #ffffff !important;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border-top-color: #ffffff00;
}

.eur-picker-date .eur-date-picker-content .EUCalendar-menu-today {
  background-color: #ffffff;
  color: #333333;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-top: 0.8em;
  padding-right: 0.8em;
  padding-bottom: 0.8em;
  padding-left: 0.8em;
}

.eur-picker-date .eur-date-picker-content .EUCalendar-menu-today:hover {
  background-color: #333333;
  color: #ffffff !important;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding-top: 0.8em;
  padding-right: 0.8px;
  padding-bottom: 0.8px;
  padding-left: 0.8em;
}

.app__inner .custom-range-container .eur-date-picker-content .EUCalendar-day:hover,
.app__inner .custom-range-container .EUCalendar-day-selected:hover,
.EUCalendar-hover-date {
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
  border: 1px solid #af1685;
  color: #ffffff !important;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.app__inner .EUCalendar-menu-cont,
.EUCalendar-menu,
.EUCalendar-menuYear {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}

.app__inner .custom-range-container .EUCalendar {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
}

.app__inner .custom-range-container .EUCalendar-topCont {
  --picker-date--dropdown--EUCalendar-table-topControl___background-color: #D51A72;
  --date-picker-content--EUCalendar-menu-today___color: #D51A72;
}

.app__inner .custom-range-container .EUCalendar-title div>span {
  font-size: 18px;
  text-transform: capitalize;
  font-family: 'Roboto', sans-serif;
}

.app__inner .custom-range-container .EUCalendar-dayNames div {
  font-size: 14px;
  text-transform: capitalize;
}

.app__inner .custom-range-container .EUCalendar-menu-today,
.EUCalendar-menu-yearLabel,
.EUCalendar-menu-decade-title,
.eur-date-picker-content .EUCalendar-day {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
}

.app__inner .EUCalendar-menu table td .EUCalendar-menu-month,
.EUCalendar-menuYear .EUCalendar-menu-table td .EUCalendar-menu-month {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
}

.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: #D51A72 !important;
}

.app__inner .custom-range-container .EUCalendar-dayNames div.EUCalendar-weekend,
.EUCalendar-weekend {
  color: #DB0000 !important;
  ;
  font-weight: 500;
}

.app__inner .datepicker__selected-date {
  background: linear-gradient(to bottom, #6d2077 0%, #af1685 100%);
  color: #fff;
  padding: 0.8px;
}

.app__inner .datepicker__selected-date .datepicker__title,
.datepicker__selected-date .datepicker__value {
  text-transform: capitalize;
  font-family: 'Roboto', sans-serif;
}

.app__inner .datepicker__selected-date .datepicker__title {
  padding-top: 5px;
  font-size: 13px;
  padding-left: 1em;
  font-family: 'Roboto', sans-serif;
}

.app__inner .datepicker__selected-date .datepicker__value {
  padding-bottom: 5px;
  font-size: 18px;
  padding-left: 0.7em;
}

.datepicker__selected-date::after {
  background: transparent;
}

.eur-picker-date .eur-input-container input {
  color: #333333;
  background-color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 2px solid #e9e9e9;
}

.eur-picker-date .eur-input-container input:hover {
  border: 2px solid #D51A72;
}

.eur-picker-date .eur-input-container .fs-calendar::before {
  color: #333333;
}

.app__inner .eur-picker-date__dropdown {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

.app__inner .datepicker .input-container input {
  font-size: 13px;
  text-transform: capitalize;
}

.button-apply-custom-range button.btn-done:hover {
  color: #fff;
  background: #D51A72;
  border: 1px solid #D51A72;
  box-shadow: 0 3px 15px rgba(175, 22, 133, 0.6);
}

.dialog--custom-range .dialog__title {
  color: #333333;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.app__inner .button-apply-custom-range button {
  background-color: #ffffff;
  color: #333333;
  border-top-color: #e1e1e1;
  border-bottom-color: #e1e1e1;
  border-left-color: #e1e1e1;
  border-right-color: #e1e1e1;
  border-top-width: 0px;
  border-top-style: solid;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-left-width: 0px;
  border-left-style: solid;
  border-right-width: 0px;
  border-right-style: solid;
}

.app__inner .button-apply-custom-range button {
  background-color: #fff;
  color: #000;
  border: 2px solid #D51A72;
  border-radius: 10px;
}

.button-apply-custom-range button.btn-done {
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
  border: 1px solid #af1685;
  color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 25px;
  padding-left: 25px;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  text-transform: capitalize;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.chart-show-range .active .fs-calendar::before {
  color: #D51A72;
}

.app__inner table {
  border-collapse: separate !important;
}

.tableV2__row {
  /*! border: 1px solid transparent; */
}

.app__inner .ticker-table thead tr th:first-child {
  text-align: center;
  background-color: #9a1980;
  color: #ffffff;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  border-bottom: unset;
  border-left: unset;
  border-right: unset;
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
}

.app__inner table.tableV2__table thead tr th[data-column="price"] {
  text-align: left;
  background-color: #9a1980;
  color: #ffffff;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1.2em;
  padding-right: 0.6em;
  border-bottom: unset;
  border-left: unset;
  border-right: unset;
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
}

.app__inner table.tableV2__table thead tr th[data-column="volune"] {
  text-align: center;
  background-color: #9a1980;
  color: #ffffff;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  border-bottom: unset;
  border-left: unset;
  border-right: unset;
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
}

.app__inner table.tableV2__table thead tr th[data-column="updated"] {
  text-align: right;
  background-color: #9a1980;
  color: #ffffff;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0.6em;
  padding-right: 0.8em;
  border-bottom: unset;
  border-left: unset;
  border-right: unset;
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
}

.app__inner table.tableV2__table thead tr th[data-column="shareName"] {
  text-align: left;
  background-color: #9a1980;
  color: #ffffff;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0.8em;
  padding-right: 0.6em;
  border-bottom: unset;
  border-left: unset;
  border-right: unset;
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
}

table.tableV2__table tbody tr td:not([data-column="last"]),
table.tableV2__table tbody tr td:not([data-column="w52HighLow"]),
table.tableV2__table tbody tr td:not([data-column="allTimeHighLow"]),
table.tableV2__table tbody tr td:not([data-column="week"]),
table.tableV2__table tbody tr td:not([data-column="month"]),
table.tableV2__table tbody tr td:not([data-column="threeMonthChange"]),
table.tableV2__table tbody tr td:not([data-column="yTD"]),
table.tableV2__table tbody tr td:not([data-column="percent52W"]),
table.tableV2__table tbody tr td:not([data-column="fiveYearsChange"]),
table.tableV2__table tbody tr td:not([data-column="change"]) {
  text-align: right;
}

table.tableV2__table tbody tr td:not([data-column="change"]) {
  text-align: right;

}

.share-details__footer .btn-show {
  display: inline-flex;
  align-items: center;
  gap: 0px;
}

.share-details__footer .fs-triangle-up::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.7em solid #333;
  display: inline-block;
  vertical-align: middle;
}

.share-details__footer .btn-show:hover .fs-triangle-up::before,
.share-details__footer .btn-show.active .fs-triangle-up::before {
  color: #D51A72;
}

table.tableV2__table tbody tr td:not([data-column="currencyCode"]) {
  text-align: right;
  padding-right: .8em;
}

table.tableV2__table tbody tr td:not([data-column="currencyCode"]) {
  text-align: right;
  padding-right: .8em;
}

.app__inner table.tableV2__table thead tr th[data-column="last"],
.app__inner table.tableV2__table thead tr th[data-column="w52HighLow"],
.app__inner table.tableV2__table thead tr th[data-column="allTimeHighLow"],
.app__inner table.tableV2__table thead tr th[data-column="week"],
.app__inner table.tableV2__table thead tr th[data-column="month"],
.app__inner table.tableV2__table thead tr th[data-column="threeMonthChange"],
.app__inner table.tableV2__table thead tr th[data-column="yTD"],
.app__inner table.tableV2__table thead tr th[data-column="percent52W"],
.app__inner table.tableV2__table thead tr th[data-column="fiveYearsChange"] {
  text-align: right;

}

.app__inner table.tableV2__table thead tr th[data-column="currencyCode"] {
  text-align: right;
}

.app__inner table.tableV2__table thead tr th[data-column="change"] {
  text-align: right;
}

body[dir="rtl"] .app__inner .ticker-table thead tr th:first-child,
body[dir="rtl"] .app__inner table.tableV2__table thead tr th:first-child {
  text-align: center;
}

.ticker-table-v2.scrolled-table .table__head-tr th:first-child,
.ticker-table-v2.scrolled-table .table__head-tr td:first-child,
.order--depth__table .ticker-table-v2 tfoot tr td:first-child,
.ticker-table-v2 thead tr th:first-child {
  text-align: center;
  /* background-color: #9a1980; */
  color: #ffffff;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  border-top: unset;
  border-bottom: unset;
  border-left: unset;
  border-right: unset;
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
}

body[dir="rtl"] .ticker-table-v2.scrolled-table .table__head-tr th:first-child,
body[dir="rtl"] .ticker-table-v2.scrolled-table .table__head-tr td:first-child,
body[dir="rtl"] .order--depth__table .ticker-table-v2 tfoot tr td:first-child,
body[dir="rtl"] .ticker-table-v2 thead tr th:first-child {
  text-align: center;
}

.app__inner .ticker-table table thead tr th,
table.tableV2__table thead tr th,
.order--depth__table table.tableV2__table thead tr th,
.order--depth__table .tableV2__footer .tableV2__cell {
  text-align: center;
  background-color: #ffffff;
  color: #fff;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  border-top: unset;
  border-bottom: unset;
  border-left: unset;
  border-right: unset;
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

body[dir="rtl"] .app__inner .ticker-table table thead tr th,
body[dir="rtl"] table.tableV2__table thead tr th,
body[dir="rtl"] .order--depth__table table.tableV2__table thead tr th,
body[dir="rtl"] .order--depth__table .tableV2__footer .tableV2__cell {
  text-align: right;
}

table.tableV2__table thead tr th[data-column="2022"],
table.tableV2__table thead tr th[data-column="2023"],
table.tableV2__table thead tr th[data-column="2024"],
table.tableV2__table thead tr th[data-column="2025"],
table.tableV2__table thead tr th[data-column="2026"] {
  text-align: right;
}

.app__inner table.tableV2__table thead tr th[data-column="2022"],
.app__inner table.tableV2__table thead tr th[data-column="2023"],
.app__inner table.tableV2__table thead tr th[data-column="2024"],
.app__inner table.tableV2__table thead tr th[data-column="2025"],
.app__inner table.tableV2__table thead tr th[data-column="2026"] {
  text-align: right;
  padding-right: 0.8em;
}

.app__inner .table.tableV2__table thead tr th[data-column="last"] {
  text-align: right;
}

.ticker-table .table .table__body tr,
table.tableV2__table tbody tr,
.order--depth__table .ticker-table-v2 tbody tr td:not(:first-child),
.ticker-table-v2 tbody tr td:not(:first-child) {
  /* padding-left: 0.8em; */
  padding-top: 1em;
  padding-bottom: 1em;
  /* padding-right: 0.8em; */
}

body[dir="rtl"] .ticker-table .table .table__body tr,
body[dir="rtl"] table.tableV2__table tbody tr,
body[dir="rtl"] .order--depth__table .ticker-table-v2 tbody tr td:not(:first-child),
body[dir="rtl"] .ticker-table-v2 tbody tr td:not(:first-child) {
  text-align: left;
}

table.tableV2__table tbody tr td:first-child .ticker-name,
.order--depth__table .ticker-table-v2 tbody tr td:first-child,
.ticker-table-v2 tbody tr td:first-child {
  text-align: center;
  background-color: transparent;
  color: #333333;
  padding-top: 1em;
  padding-bottom: 1em;
  /*   padding-left: 0.8em;
  padding-right: 0.8em; */
}

.ticker-table .table tbody tr td:first-child {
  background-color: #fff;
}

table.tableV2__table tbody tr td[data-column="shareName"] {
  text-align: left;
  white-space: nowrap;
  padding-left: 0.8rem;
}

.app__inner .trades .tableV2__table tbody tr td .trades__change {
  /*! justify-content: center; */
}

body[dir="rtl"] table.tableV2__table tbody tr td:first-child,
body[dir="rtl"] table.tableV2__table tbody tr td:first-child .ticker-name,
body[dir="rtl"] .ticker-table .table tbody tr td:first-child,
body[dir="rtl"] .order--depth__table .ticker-table-v2 tbody tr td:first-child,
body[dir="rtl"] .ticker-table-v2 tbody tr td:first-child {
  text-align: right;
}

table.tableV2__table tbody tr td:not(:first-child),
.ticker-table .table tbody tr td:not(:first-child) {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  /*   padding-left: 0.8em;
  */
  /*! padding-right: 0.8em; */
}

.tableV2__row .tableV2__cell[data-column="price"] {
  text-align: left;
  /*! padding-right: 35rem; */
}

body[dir="rtl"] table.tableV2__table tbody tr td:not(:first-child),
body[dir="rtl"] .ticker-table .table tbody tr td:not(:first-child) {
  text-align: left;
}

table.tableV2__table tbody tr td:not(:first-child).indicator-up {
  color: #1F7F1F;
  margin: 10px;
  position: relative;
}

table.tableV2__table tbody tr td:not(:first-child).indicator-down {
  color: #DB0000;
  margin: 10px;
  position: relative;
}

table.tableV2__table tbody tr td:not(:first-child).indicator-down::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.7em solid #DB0000;
  position: absolute;
  bottom: 26px;
  left: 0px;
}

table.tableV2__table tbody tr td:not(:first-child).indicator-up::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-bottom: 0.7em solid #1F7F1F;
  position: absolute;
  bottom: 28px;
  left: 0px;
}

table.tableV2__table tbody tr td[data-column="week"].indicator-down::after,
table.tableV2__table tbody tr td[data-column="month"].indicator-down::after,
table.tableV2__table tbody tr td[data-column="threeMonthChange"].indicator-down::after,
table.tableV2__table tbody tr td[data-column="yTD"].indicator-down::after,
table.tableV2__table tbody tr td[data-column="percent52W"].indicator-down::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.7em solid #DB0000;
  position: absolute;
  bottom: 26px;
  left: 25px;
}

table.tableV2__table tbody tr td[data-column="2022"].indicator-down::after,
table.tableV2__table tbody tr td[data-column="2023"].indicator-down::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.7em solid #DB0000;
  position: absolute;
  bottom: 21px;
  left: 6.5em;
}

table.tableV2__table tbody tr td[data-column="2024"].indicator-down::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.7em solid #DB0000;
  position: absolute;
  bottom: 21px;
  left: 5.5em;
}

table.tableV2__table tbody tr td[data-column="2026"].indicator-down::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.7em solid #DB0000;
  position: absolute;
  bottom: 21px;
  left: 6.5em;
}

table.tableV2__table tbody tr td[data-column="2025"].indicator-down::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.7em solid #DB0000;
  position: absolute;
  bottom: 21px;
  left: 6em;
}

table.tableV2__table tbody tr td[data-column="fiveYearsChange"].indicator-down::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.7em solid #DB0000;
  position: absolute;
  bottom: 27px;
  left: 32px;
}


table.tableV2__table tbody tr td[data-column="week"].indicator-up::after,
table.tableV2__table tbody tr td[data-column="month"].indicator-up::after,
table.tableV2__table tbody tr td[data-column="threeMonthChange"].indicator-up::after,
table.tableV2__table tbody tr td[data-column="yTD"].indicator-up::after,
table.tableV2__table tbody tr td[data-column="percent52W"].indicator-up::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-bottom: 0.7em solid #1F7F1F;
  position: absolute;
  bottom: 28px;
  left: 25px;
}

table.tableV2__table tbody tr td[data-column="2022"].indicator-up::after,
table.tableV2__table tbody tr td[data-column="2023"].indicator-up::after,
table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-bottom: 0.7em solid #1F7F1F;
  position: absolute;
  bottom: 21px;
  left: 6.5em;
}

table.tableV2__table tbody tr td[data-column="2024"].indicator-up::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-bottom: 0.7em solid #1F7F1F;
  position: absolute;
  bottom: 21px;
  left: 5.5em;
}

table.tableV2__table tbody tr td[data-column="2026"].indicator-up::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-bottom: 0.7em solid #1F7F1F;
  position: absolute;
  bottom: 21px;
  left: 6.5em;
}

table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-bottom: 0.7em solid #1F7F1F;
  position: absolute;
  bottom: 21px;
  left: 6em;
}

table.tableV2__table tbody tr td[data-column="fiveYearsChange"].indicator-up::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-bottom: 0.7em solid #1F7F1F;
  position: absolute;
  bottom: 28px;
  left: 32px;
}

table.tableV2__table tbody tr td:not(:first-child).indicator-neutral {
  color: #333333 !important;
}

.ticker-table .indicator-neutral .ticker__change-value {
  color: #333333;
}

.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; */
  border-top: unset;
  border-bottom: 1px solid transparent;
  border-left: unset;
  border-right: unset;
  background-color: #ffffff;
  color: #333333;
}

.tableV2__sm-col:first-child {
  background-color: #ffffff;
}

.app__inner .ticker-table .table tbody tr td,
.performance .tableV2__table tbody tr td,
.app__inner .order--depth__table .tableV2__table tbody tr td,
.app__inner .trades .tableV2__table tbody tr td {
  border-bottom-width: 1px solid transparent;
}

.app__inner .trades .tableV2__table tbody tr td[data-column="price"] {
  text-align: left !important;
}

.app__inner .ticker-table .table tbody tr:nth-child(even),
.ticker-table .table tbody tr:nth-child(even)>*,
.share-detail__list .share-detail__item:nth-child(4n+3) {
  background-color: #f4f4f4;
}

table.tableV2__table tbody tr td:not(:first-child)[data-column="updated"] {
  text-align: right;
}

table.tableV2__table tbody tr td:not(:first-child)[data-column="volume"] {
  text-align: center !important;
}

.app__inner .ticker-table .table tbody tr:nth-child(odd),
.ticker-table .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+3),
.share-detail__list .share-detail__item:nth-child(4n+4),
.share-detail__list .share-detail__item:nth-child(4n+2) {
  background-color: #ffffff;
}

.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: #ffffff;
}

.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: #f4f4f4;
}

.tableV2__row:nth-child(even) .tableV2__cell {
  background: #FFFFFF;
}


.tableV2__row:nth-child(odd) .tableV2__cell {
  background: #f4f4f4;
}

.tableV2__row:nth-child(2n+1) .tableV2__cell[colspan] {
  background: #fff;
  border: 1px solid transparent !important;
}

.app__inner .table-responsive .table {
  margin-bottom: 0px;
  border: none;
}

.app__inner .table-responsive {
  margin-bottom: 0;
  border: unset;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

@media only screen and (max-width: 991px) {
  .app__inner .performance .table-responsive {
    border: unset;
  }
}

.trades__table thead th:nth-child(2),
.trades__table thead th:last-child {
  text-align: center;
}

body[dir="rtl"] .trades__table thead th:nth-child(2),
body[dir="rtl"] .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: center;
}

body[dir="rtl"] .trades__table tbody tr td:nth-child(2),
body[dir="rtl"] .trades__table tbody tr td:last-child {
  text-align: center;
}

.order--depth__table .tableV2__head[data-column=sell],
.order--depth__table .tableV2__head[data-column=sellVolume],
.order--depth__table .tableV2__cell[data-column=sell],
.order--depth__table .tableV2__cell[data-column=sellVolume],
.order--depth__table .tableV2__footer .tableV2__cell[data-column=total] {
  text-align: center;
}

body[dir="rtl"] .order--depth__table .tableV2__head[data-column=sell],
body[dir="rtl"] .order--depth__table .tableV2__head[data-column=sellVolume],
body[dir="rtl"] .order--depth__table .tableV2__cell[data-column=sell],
body[dir="rtl"] .order--depth__table .tableV2__cell[data-column=sellVolume],
body[dir="rtl"] .order--depth__table .tableV2__footer .tableV2__cell[data-column=total] {
  text-align: center;
}

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;
}

cq-help .ciq-help-widget {
  background: #ba1c59;
  color: #ba1c59;
}

:host(cq-study-legend.shaded) [section-dynamic] cq-heading,
cq-study-legend.shaded [section-dynamic] cq-heading {
  color: var(--color-blue-400);
}

:host(*) [cq-tooltip],
*>[cq-tooltip],
cq-drawing-palette .ciq-tool label,
cq-drawing-palette .ciq-tool span[label],
cq-drawing-palette .ciq-mini-widget label,
cq-drawing-palette .ciq-mini-widget span[label] {
  background: #ba1c59;
}

cq-toggle cq-tooltip,
cq-clickable cq-tooltip,
div[cq-toolbar-action] cq-tooltip,
[cq-tooltip-activator] cq-tooltip,
cq-undo-section .ciq-icon-btn cq-tooltip,
cq-drawing-settings .ciq-icon-btn cq-tooltip {
  background: #ba1c59;
}

html:not([ciq-last-interaction=touch]) .app__inner cq-dropdown .content>.item:not(.ciq-active) .ciq-checkbox span {
  border-radius: 3px;
}

.app__inner cq-dropdown .content>.item.ciq-active span.ciq-checkbox span {
  border-radius: 3px;
}

cq-study-dialog div.stx-data input[type=checkbox],
.ciq-drawing-dialog-setting div.stx-data input[type=checkbox] {
  position: relative;
}

.app__inner .share-graph .graph .ciq-radio span {
  border: 1px solid #ccc;
  ;
}

.app__inner .share-graph .graph .ciq-radio span:after,
.ciq-radio.ciq-active span:after {
  background-color: #D51A72;
  border: 1px solid #ccc;
}

.app__inner .share-graph .graph .ciq-active .ciq-radio span,
.app__inner .share-graph .graph .ciq-radio.ciq-active span {
  /*! border-width: 1px; */
  /*! background-color: #D51A72; */
}

.app__inner .ciq-active .ciq-radio span:after,
.ciq-radio.ciq-active span:after {
  background-color: #D51A72;
}

.mSticky {
  border-color: #D51A72;
}

.cq-keyboard-selected-highlight {
  border-color: #f175b2;
  box-shadow: 0 0 5px white, 0 0 2px #f175b2;
}

.stx_mountain_chart {
  background-color: transparent;
}

cq-context {
  font-size: 16px;
  color: #333333;
  font-family: 'Roboto', sans-serif;
}

.stx_current_hr_up,
.stx_current_hr_down,
.ciq-active>.ciq-switch,
.ciq-active>.ciq-switch:hover,
cq-comparison[chart-legend] .ciq-active .ciq-switch,
cq-comparison[chart-legend] .ciq-active .ciq-switch:hover,
cq-comparison[chart-legend] .ciq-active:hover .ciq-switch {
  background-color: #D51A72;
}

cq-toggle.active,
cq-menu.toggle-options.nav-dropdown:after {
  border-color: #D51A72;
}

cq-study-legend .item.ciq-btn,
.ciq-btn,
.ciq-btn-negative,
.annotationCancel,
.annotationSave {
  border-top-width: 0px;
  border-top-color: #e1e1e1;
  border-top-style: solid;
  border-bottom-width: 0px;
  border-bottom-color: #e1e1e1;
  border-bottom-style: solid;
  border-left-width: 0px;
  border-left-color: #e1e1e1;
  border-left-style: solid;
  border-right-width: 0px;
  border-right-color: #e1e1e1;
  border-right-style: solid;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

cq-menu.nav-dropdown:after {
  border-color: #333333;
}

.ciq-dialog-cntrls .ciq-btn:first-child {
  height: unset;
  background-color: #ffffff;
  color: #333333;
  border-top-color: #e1e1e1;
  border-bottom-color: #e1e1e1;
  border-left-color: #e1e1e1;
  border-right-color: #e1e1e1;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  text-transform: capitalize;
  border-top-width: 0px;
  border-top-style: solid;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-left-width: 0px;
  border-left-style: solid;
  border-right-width: 0px;
  border-right-style: solid;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 30px;
  padding-left: 30px;
}

.ciq-dialog-cntrls .ciq-btn:first-child:hover {
  background-color: #333333;
  color: #ffffff;
  border-top-color: #333333;
  border-bottom-color: #333333;
  border-left-color: #333333;
  border-right-color: #333333;
  border-top-width: 0px;
  border-top-style: solid;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-left-width: 0px;
  border-left-style: solid;
  border-right-width: 0px;
  border-right-style: solid;
}

.app__inner .ticker--single-ticker-1 .ticker__heading {
  color: #333333;
  font-family: 'Roboto', sans-serif;
}

.app__inner .ticker--single-ticker-1 .ticker__last-price {
  color: #333333;
  font-family: 'Roboto', sans-serif;
}

.app__inner .ticker--multiple .ticker__heading .ticker__name,
.app__inner .ticker--multiple .ticker__price-number,
.app__inner .ticker--multiple_ticker_2 .ticker__name,
.app__inner .ticker--multiple_ticker_2 .ticker__price {
  color: #333333;
  font-family: 'Roboto', sans-serif;
}

.comparison-wrapper .peer-indices-item:not(.selected) .ticker-name {
  color: #333333;
}

.order--depth__table .tableV2__row:hover .progress-buy,
.order--depth__table .progress-buy {
  background-color: #1F7F1F;
}

.order--depth__table .tableV2__row:hover .progress-sell,
.order--depth__table .progress-sell {
  background-color: #DB0000;
}

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

@media (max-width: 767.98px) {
  .share-detail__list .share-detail__item:nth-child(odd) {
    background-color: #ffffff;
  }
}

@media (max-width: 767.98px) {
  .share-detail__list .share-detail__item:nth-child(even) {
    background-color: #f4f4f4;
  }
}

.share-detail__item-label,
.share-detail__item-value {
  color: #333333;
}

.share-details--grid .share-detail__item-icon {
  background: #D51A72;
  color: #fff;
  border: #D51A72;
  border-radius: 50%;
  display: flex;
  grid-row: 1/span 2;
  width: 3.25rem;
  height: 3.25rem;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

.share-details--grid .share-detail__item-icon::before {
  display: none;
}

.share-details--grid .share-detail__item-icon:hover {
  background: #fff;
  color: #D51A72;
  border: #fff;
}

.app__inner .btn-show,
.app__inner .btn-show:active {
  color: #333333;
}

.btn-show__text {
  text-decoration: underline;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  top: 0;
}

.btn-show__text:hover {
  text-decoration: underline;
  font-size: 16px;
  color: #D51A72;
  font-family: 'Roboto', sans-serif;
  top: 0;
}

.trades__nodata {
  color: #333333;
}

.performance--buttons .dropdown-list button,
.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 {
  color: #333333;
}

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

.footer a {
  color: #333333;
  text-transform: capitalize;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: inherit;
  font-size: 13px;
}

.footer a:hover {
  color: #333333;
  text-transform: capitalize;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: underline;
}

.additional-options .option-button {
  background-color: #D51A72;
}

.additional-options .option-buttons>.option-button,
.print-dialog-confirm__no-btn,
.print-dialog-confirm__yes-btn {
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
  border: 1px solid #af1685;
  color: #fff;
  border-top-color: #e1e1e1;
  border-bottom-color: #e1e1e1;
  border-left-color: #e1e1e1;
  border-right-color: #e1e1e1;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-top-width: 0px;
  border-top-style: solid;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-left-width: 0px;
  border-left-style: solid;
  border-right-width: 0px;
  border-right-style: solid;
}

.additional-options .option-buttons>.option-button:hover,
.print-dialog-confirm__no-btn:hover,
.print-dialog-confirm__yes-btn {
  border: 1px solid #D51A72;
  box-shadow: 0 3px 15px rgba(175, 22, 133, 0.6);
  background: #D51A72;
  color: #fff;
  border-top-color: #333333;
  border-bottom-color: #333333;
  border-left-color: #333333;
  border-right-color: #333333;
  border-top-width: 0px;
  border-top-style: solid;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-left-width: 0px;
  border-left-style: solid;
  border-right-width: 0px;
  border-right-style: solid;
}

/* #ENDREGION OPIFEX GENERATES CSS CODE FROM THE UI */

/***************CUSTOM CSS*********************/
.ciq-active .ciq-radio span::after,
.ciq-radio.ciq-active span::after {
  left: 50%;
  top: 50%;
  width: 0.4375rem;
  height: 0.4375rem;
  transform: translate(-50%, -50%);
  background: var(--color-blue-400);
  /*! bottom: 3px; */
  /*! border-radius: 50%; */
}

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

.ticker__inner--fade .indicator-up .ticker__change-value {
  background: #fff;
}

.indicator-down .ticker__change-percentage {
  background: #fff;
}

.indicator-up .ticker__change-percentage {
  background: #fff;
}

.ticker__change-value {
  position: relative;
}

.indicator-down .ticker__change-value::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.7em solid #DB0000;
  position: absolute;
  bottom: 10px;
  left: 50px;
}

.indicator-down .change .ticker__change-value::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.7em solid #DB0000;
  position: absolute;
  bottom: 10px;
  left: -5px;
}

.indicator-up .ticker__change-value::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-bottom: 0.7em solid #1F7F1F;
  position: absolute;
  bottom: 10px;
  left: -5px;
}

.app__inner .switcher--tab .switcher__item button {
  min-width: 12em;
}

.switcher {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 5px;
}

.switcher--tab {
  margin-bottom: 2.6875rem;
  width: 100%;
  height: auto;
  line-height: normal;
  position: relative;
  z-index: 0;
}

.share-graph>* {
  display: block;
  width: 100%;
  max-width: 100%;
}

.chart-title__today-change close-up {
  position: relative;
}

.ticker__prices .fs-triangle-up::before {
  font-family: "euroland";
  content: "\e931";
  padding-right: 0.5em;
}

.ticker__prices .ticker__change .fs-triangle-down::before {
  font-family: "euroland";
  content: "\e931";
  padding-right: 0.2em;
}

.chart-title__change-content {
  margin-right: unset;
}

.app__inner .switcher__item .switcher__btn {
  color: #fff;
  background: linear-gradient(to bottom, #6d2077 0, #af1685 100%);
  border: 1px solid #af1685;
  padding: 15px;
  border-radius: 5px;
}

.eu-dropdown__button dropdown-toggle {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border: 1px solid #d0d0d0;
}

/* .app__inner .switcher__item  */

.chart-title__change-content {
  position: relative;
}

.comparison-v2 .switcher__item.active::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background: #D51A72;
}

.ticker__prices .ticker__change-value::after {
  display: none;
}

.share-details--grid .share-detail__item {
  display: grid;
  grid-template-columns: 3rem auto;
  column-gap: 0.625rem;
  align-items: center;
  border: 1px solid #e9e9e9;
  padding: 10px 15px;
  margin: 10px;
  border-radius: 5px;
  row-gap: 0.375rem;
}

.share-details--grid .share-detail__item:hover .share-detail__item-label,
.share-details--grid .share-detail__item:hover .share-detail__item-value {
  color: #FFFFFF;
}

.share-details--grid .share-detail__item-icon i {
  color: #fff;
  font-size: 1.50rem;
  width: 1.8em;
  height: 1.5em;
}

.share-details--grid .share-detail__item-icon i.fs.fs-symbol {
  color: #fff;
  font-size: 1.5rem;
  width: 1.35em;
  height: 1.5em;
}

.share-details--grid .share-detail__item-icon i.fs.fs-currency {
  width: 1.9em;
  height: 1.5em;
}

.share-details--grid .share-detail__item-icon i.fs.fs-time {
  width: 1.8em;
  height: 1.4em;
}

.share-details--grid .share-detail__item-icon i.fs.fs-isin {
  width: 1.70em;
  height: 1.4em;
}

.share-details--grid .share-detail__item-icon i.fs.fs-number-of-shares {
  width: 1.6em;
  height: 1.4em;
}

.share-details--grid .share-detail__item-icon i.fs.fs-market-status {
  width: 1.75em;
  height: 1.5em;
}

.share-details--grid .share-detail__item-icon i.fs.fs-market-status:before {
  width: 0.95em;
  height: 1em;
}

.share-details--grid .share-detail__item-icon i.fs.fs-market-cap {
  width: 1.6em;
  height: 1.4em;
}

.share-details--grid .share-detail__item-icon i.fs.fs-market-cap:before {
  width: 0.85em;
  height: 1em;
}

.share-details--grid .share-detail__item:hover {
  background: #D51A72;
  border: 1px solid #D51A72;
  box-shadow: 0 3px 15px rgba(175, 22, 133, 0.6);
}

.share-details--grid .share-detail__item:hover .share-detail__item-icon i {
  background: #fff;
  border-color: #af1685;
  color: #D51A72;
  font-size: 1.6rem;
  width: 2em;
  height: 2em;
  left: 0em;
  top: 0em;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.share-details--grid .share-detail__list {
  grid-template-columns: repeat(2, 1fr);
  /*! row-gap: 1rem; */
  column-gap: 1.5rem;
}

.peer-indices-item__change .peer-indices-item__change-value::after {
  display: none;
}

.app__inner .chart-title .close-down::before {
  display: none;
}

.switcher--tab .switcher__item.active .switcher__item-title::before {
  content: "";
  background: var(--color-blue-400);
  height: 0.1875rem;
  width: 100%;
  position: absolute;
  bottom: -0.1rem;
  right: 0;
  left: 0;
  border-radius: 0.1875rem;
}

.tableV2__body .tableV2__cell:hover * {
  background: transparent !important;
}

.trades__description {
  font-size: 16px;
  color: var(--color-neutral-650);
  margin-top: 0.625rem;
  line-height: 1.6875rem;
  font-family: 'Roboto', sans-serif;
}

.trades__download-text {
  font-size: 0.75rem;
  color: var(--color-neutral-650);
  padding-top: 2.5em;
}

.trades__change.neutral {
  text-align: left;
}

.tableV2__body>tr>td:nth-child(4),
.tableV2__row .tableV2__cell>td:nth-child(4) {
  padding-right: 0 !important;
}

.tableV2__body>tr>td:nth-child(5),
.tableV2__row .tableV2__cell>td:nth-child(5) {
  padding-right: 0 !important;
}

.tableV2__body>tr>td:nth-child(2),
.tableV2__body>tr>td:nth-child(3),
.tableV2__body>tr>td:nth-child(4),
.tableV2__body>tr>td:nth-child(5),
.tableV2__body>tr>td:nth-child(6),
.tableV2__body>tr>td:nth-child(7),
.tableV2__body>tr>td:nth-child(8),
.tableV2__body>tr>td:nth-child(9),
.tableV2__body>tr>td:nth-child(10),
.tableV2__body>tr>td:nth-child(11),
.tableV2__body>tr>td:nth-child(12) {
  text-align: right !important;
}

th.tableV2__head:nth-child(4),
th.tableV2__head:nth-child(5) {
  padding-right: 0 !important;
}

.tableV2__body>tr>td:nth-child(2) {
  /*! text-align: center !important; */
}

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

.footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 1.25rem;
  line-height: 1rem;
  color: var(--color-neutral-650);
  font-size: 0.75rem;
  padding-top: 2em;
}

.additional-options {
  margin-bottom: 0.625rem;
  padding-top: 2em;
}

.tableV2__row,
.tableV2__body .tableV2__row:hover * {
  background: transparent !important;
}

.tableV2__body .tableV2__row:nth-child(odd),
.tableV2__body .tableV2__row:nth-child(odd):hover * {
  background: #f4f4f4 !important;
}

/***********************************************RESPONSIVENESS********************************************************/
@media (max-width: 320px) {
  .cq-dropdown .content {
    width: 180px;
  }

  cq-menu.nav-dropdown:nth-child(2)>cq-dropdown:nth-child(3)>ul:nth-child(1) {
    width: 180px;
  }
}

@media (max-width: 786px) {
  cq-menu.nav-dropdown:nth-child(2)>cq-dropdown:nth-child(3)>ul:nth-child(1) {
    width: 160px;
  }
}

@media (max-width: 884px) {
  .switcher--tab {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    /* min-height: 115px; */
    justify-content: center;
    margin: 1rem 0;
  }

  .app__inner .switcher--tab .switcher__item button {
    width: 100%;
    display: inline-block;
    text-align: center;
  }

  .switcher--tab::before {
    border-bottom: 0;
  }
}

@media (max-width: 1454px) {

  table.tableV2__table tbody tr td[data-column="2022"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 21px;
    left: 4.5em;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 21px;
    left: 4em;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 21px;
    left: 4.5em;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 21px;
    left: 4em;
  }

  table.tableV2__table tbody tr td[data-column="2022"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 21px;
    left: 4.5em;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 21px;
    left: 4em;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 21px;
    left: 4.5em;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 21px;
    left: 4em;
  }
}

@media (max-width: 1108px) {

  table.tableV2__table tbody tr td[data-column="2022"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 21px;
    left: 4em;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 21px;
    left: 3.5em;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 21px;
    left: 4em;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 21px;
    left: 3.5em;
  }

  table.tableV2__table tbody tr td[data-column="2022"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 21px;
    left: 4em;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 21px;
    left: 3.5em;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 21px;
    left: 4em;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 21px;
    left: 3.5em;
  }
}

@media (max-width: 1031px) {

  table.tableV2__table tbody tr td[data-column="2022"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-down::after {
    bottom: 21px;
    left: 3em;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-down::after {
    bottom: 21px;
    left: 2.5em;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-down::after {
    bottom: 21px;
    left: 3em;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-down::after {
    bottom: 21px;
    left: 3em;
  }

  table.tableV2__table tbody tr td[data-column="2022"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px;
    left: 3em;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-up::after {
    bottom: 21px;
    left: 2.5em;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-up::after {
    bottom: 21px;
    left: 3em;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px;
    left: 3em;
  }
}

@media (max-width: 932px) {

  table.tableV2__table tbody tr td[data-column="2022"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-down::after {
    bottom: 21px;
    left: 2em;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-down::after {
    bottom: 21px;
    left: 2em;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-down::after {
    bottom: 21px;
    left: 2.5em;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-down::after {
    bottom: 21px;
    left: 2em;
  }

  table.tableV2__table tbody tr td[data-column="2022"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px;
    left: 2em;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-up::after {
    bottom: 21px;
    left: 2em;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-up::after {
    bottom: 21px;
    left: 2.5em;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px;
    left: 2em;
  }
}

@media (max-width: 854px) {

  table.tableV2__table tbody tr td[data-column="2022"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-down::after {
    bottom: 21px;
    left: 1.5em;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-down::after {
    bottom: 21px;
    left: 1.5em;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-down::after {
    bottom: 21px;
    left: 2em;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-down::after {
    bottom: 21px;
    left: 1.5em;
  }

  table.tableV2__table tbody tr td[data-column="2022"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px;
    left: 1.5em;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-up::after {
    bottom: 21px;
    left: 1.5em;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-up::after {
    bottom: 21px;
    left: 2em;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px;
    left: 1.5em;
  }
}

@media (max-width: 809px) {

  table.tableV2__table tbody tr td[data-column="2022"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-down::after {
    bottom: 21px !important;
    left: 1em !important;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-down::after {
    bottom: 21px !important;
    left: 1em !important;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-down::after {
    bottom: 21px !important;
    left: 1em !important;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-down::after {
    bottom: 21px !important;
    left: 1em !important;
  }

  table.tableV2__table tbody tr td[data-column="2022"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px !important;
    left: 1em !important;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-up::after {
    bottom: 21px !important;
    left: 1em !important;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-up::after {
    bottom: 21px !important;
    left: 1em !important;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px !important;
    left: 1em !important;
  }
}

@media (max-width: 723px) {

  table.tableV2__table tbody tr td[data-column="2022"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-down::after {
    bottom: 21px !important;
    left: 0.5em !important;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-down::after {
    bottom: 21px !important;
    left: 0.5em !important;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-down::after {
    bottom: 21px !important;
    left: 0.5em !important;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-down::after {
    bottom: 21px !important;
    left: 0.5em !important;
  }

  table.tableV2__table tbody tr td[data-column="2022"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px !important;
    left: 0.5em !important;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-up::after {
    bottom: 21px !important;
    left: 0.5em !important;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-up::after {
    bottom: 21px !important;
    left: 0.5em !important;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px !important;
    left: 0.5em !important;
  }
}

@media (max-width: 575px) {

  table.tableV2__table tbody tr td[data-column="2022"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-down::after {
    bottom: 21px !important;
    left: 0.2em !important;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-down::after {
    bottom: 21px !important;
    left: 0.2em !important;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-down::after {
    bottom: 21px !important;
    left: 0.5em !important;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-down::after {
    bottom: 21px !important;
    left: 0.3em !important;
  }

  table.tableV2__table tbody tr td[data-column="2022"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2023"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px !important;
    left: 0.2em !important;
  }

  table.tableV2__table tbody tr td[data-column="2024"].indicator-up::after {
    bottom: 21px !important;
    left: 0.2em !important;
  }

  table.tableV2__table tbody tr td[data-column="2026"].indicator-up::after {
    bottom: 21px !important;
    left: 0.5em !important;
  }

  table.tableV2__table tbody tr td[data-column="2025"].indicator-up::after {
    bottom: 21px !important;
    left: 0.3em !important;
  }
}

@media (max-width: 1444px) {
  table.tableV2__table tbody tr td {
    position: relative;
  }

  table.tableV2__table tbody tr td[data-column="week"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="week"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="month"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="threeMonthChange"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="yTD"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="percent52W"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 26px;
    left: 2px !important;
  }

  table.tableV2__table tbody tr td[data-column="week"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="month"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="threeMonthChange"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="yTD"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="percent52W"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 28px;
    left: 2px;
  }

  table.tableV2__table tbody tr td[data-column="fiveYearsChange"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 28px;
    left: 3px;
  }

  table.tableV2__table tbody tr td[data-column="fiveYearsChange"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 27px;
    left: 3px;
  }
}

@media (max-width: 830px) {
  .switcher--tab .switcher__item:not(:first-child) {
    margin-left: 0rem;
  }

  .share-detail__item-value {
    font-weight: 500;
  }

  .share-details--grid .share-detail__item-icon::before {
    display: none;
  }

  table.tableV2__table tbody tr td:not(:first-child).indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 28px;
    left: -2px;
  }

  table.tableV2__table tbody tr td:not(:first-child).indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 28px;
    left: -2px;
  }

  table.tableV2__table tbody tr td[data-column="week"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="month"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="threeMonthChange"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="yTD"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="percent52W"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 28px;
    left: 2px;
  }

  table.tableV2__table tbody tr td[data-column="fiveYearsChange"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 27px;
    left: 5px;
  }

  table.tableV2__table tbody tr td[data-column="week"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="month"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="threeMonthChange"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="yTD"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="percent52W"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 28px;
    left: 0px;
  }

  table.tableV2__table tbody tr td[data-column="fiveYearsChange"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 28px;
    left: 0px;
  }
}

@media (max-width: 680px) {
  .share-details--grid .share-detail__list {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 1%;
    column-gap: 1%;
  }

  .share-details--grid .share-detail__item {
    margin: 0 0 1% 0;
  }

  .share-detail__item-value {
    font-weight: 500;
  }

  .share-details--grid .share-detail__item-icon::before {
    display: none;
  }
}

@media (max-width: 980px) {
  tr.tableV2__sm-row:nth-child(odd)>td:nth-child(1) {
    background: #f4f4f4 !important;
  }
}

@media (max-width: 728px) {
  table.tableV2__table tbody tr td {
    position: relative;
  }

  table.tableV2__table tbody tr td[data-column="week"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="week"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="month"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="threeMonthChange"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="yTD"].indicator-down::after,
  table.tableV2__table tbody tr td[data-column="percent52W"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.35em solid transparent;
    border-right: 0.35em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 28px;
    left: 5px !important;
  }

  table.tableV2__table tbody tr td[data-column="week"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="month"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="threeMonthChange"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="yTD"].indicator-up::after,
  table.tableV2__table tbody tr td[data-column="percent52W"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.35em solid transparent;
    border-right: 0.35em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 28px;
    left: 5px;
  }

  table.tableV2__table tbody tr td[data-column="fiveYearsChange"].indicator-up::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.35em solid transparent;
    border-right: 0.35em solid transparent;
    border-bottom: 0.7em solid #1F7F1F;
    position: absolute;
    bottom: 28px;
    left: 3px;
  }

  table.tableV2__table tbody tr td[data-column="fiveYearsChange"].indicator-down::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0.35em solid transparent;
    border-right: 0.35em solid transparent;
    border-top: 0.7em solid #DB0000;
    position: absolute;
    bottom: 27px;
    left: 3px;
  }
}

@media (max-width: 687px) {
  .share-detail__list .share-detail__item:nth-child(2n) {
    background-color: #fff !important;
    ;
  }

  .app__inner .btn-show,
  .app__inner .btn-show:active {
    color: #333333;
    padding-top: 2em;
  }
}

@media (max-width: 579px) {
  .share-detail__list .share-detail__item:nth-child(2n) {
    background-color: #fff !important;
    ;
  }

  .app__inner .btn-show,
  .app__inner .btn-show:active {
    color: #333333;
    padding-top: 3.5em;
  }
}

@media (max-width: 765px) {
  .share-detail__list .share-detail__item:nth-child(2n) {
    background-color: #fff !important;
    ;
  }

  .app__inner .btn-show,
  .app__inner .btn-show:active {
    color: #333333;
    padding-top: 3.5em;
  }
}

/*CUSTOM CSS FOR WORK AROUND ISSUE*/

/* 1. For default currency flag display issue */
.display-default-currency button .currency-flag {
  display: none;
}

.display-default-currency button:before {
  content: '';
  background-position: 0 calc(var(--currency-flag-height) * -20);
  display: block;
  height: 0.8125rem;
  width: 1.21875rem;
  background-image: url(https://gamma.euroland.com/tools/sharegraph3/assets/images/currency-sprite.jpg);
  background-repeat: no-repeat;
  --currency-flag-height: 13px;
}

.default-currency-flag {
  background-position: 0 calc(var(--currency-flag-height) * -20);
  background-image: url(https://gamma.euroland.com/tools/sharegraph3/assets/images/currency-sprite.jpg);
}


/*END CUSTOM CSS FOR WORK AROUND ISSUE*/