html {
    font-size: 17px;
}

@font-face {
    font-family: Energy;
    font-style: normal;
    font-weight: normal;
    src: url(/tools/ShareGraph3/config/company/uk-rb/font/energy-regular.ttf);
}

@font-face {
    font-family: Energy;
    font-style: normal;
    font-weight: bold;
    src: url(/tools/ShareGraph3/config/company/uk-rb/font/energy-bold.ttf);
}

:root {
    --font-base: Energy;
    --hyperlink___color: #000000;
    --indicator--up___color: #2aa814;
    --indicator--down___color: #e8357e;
    --color-neutral-650: #000000;
    --color-gray-dark-800: #000000;
    --color-primary: #ff007f;
    --tiny-slider___--slide-width: 2px;
    --tiny-slider___--slide-gap: 0px;
    --mobile--tiny-slider___--slide-width: 2px;
    --color-blue-400: #ff007f;
    --TickerItem--active___background: #fff0f9;
}

:root .ticker--multiple_ticker_2 {
    --tiny-slider___--slide-width: 2px;
    --mobile--tiny-slider___--slide-width: 2px;
}

:root .ticker--multiple_ticker_1 {
    --tiny-slider___--slide-width: 2px;
    --mobile--tiny-slider___--slide-width: 2px;
}

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

.title-section {
    color: #000000;
}

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

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

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

.mSticky {
    border-color: #ff007f;
}

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

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

.app__inner .comparison .comparison__item .unchecked-checkbox {
    color: #e7e9eecc;
    background-color: #e7e9ee99;
    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 {
    width: 15px;
    height: 15px;
    border-width: 1px;
    border-color: #e7e9eecc;
    border-style: solid;
}

.app__inner input[type=checkbox]:checked:before {
    background-color: #ffffff;
    border-color: #e7e9eecc;
}

.app__inner cq-dropdown .content>.item.ciq-active .ciq-checkbox {
    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 {
    background-color: #e7e9ee99;
    border-width: 1px;
    border-color: #e7e9eecc;
    width: 15px;
    height: 15px;
    border-radius: 3px;
}

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

.app__inner cq-dropdown .content>.item.ciq-active .ciq-checkbox span::before {
    color: #e7e9eecc;
}

.app__inner .share-graph .graph .ciq-radio span {
    border-width: 1px;
    border-color: #415a6ccc;
    border-style: solid;
}

.app__inner .share-graph .graph .ciq-active .ciq-radio span,
.app__inner .share-graph .graph .ciq-radio.ciq-active span {
    border-color: #415a6ccc;
    border-width: 1px;
    background-color: #ffffff;
}

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

body .app__inner {
    font-size: 17px;
    color: #000000;
    font-family: Energy;
}

.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 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: #000000;
    font-size: 17px;
    font-family: Energy;
}

.app__inner .ticker--single-ticker-1 .ticker__heading,
.app__inner .ticker--single-ticker-1 .ticker__last-price,
.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: #000000;
    font-family: Energy;
}

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

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

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

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

.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,
.trades__nodata,
.order--depth__table .tableV2__footer .tableV2__cell,
.share-detail__item-label,
.share-detail__item-value {
    color: #000000;
}

cq-menu.nav-dropdown:after,
.share-details--grid .share-detail__item-icon:before {
    border-color: transparent;
}

.app__inner .datepicker .input-container input {
    font-size: 11px;
}

.app__inner .EUCalendar-topCont,
.app__inner .eur-picker-date .eur-date-picker-content .EUCalendar-title div span:nth-child(2),
.app__inner .EUCalendar-title,
.app__inner .EUCalendar-menu-yearLabel {
    color: #000000;
}

.app__inner .custom-range-container .EUCalendar-day-selected {
    background-color: #ff008066;
    color: #ffffff !important;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-color: #ff008066;
    border-bottom-color: #ff008066;
    border-left-color: #ff008066;
    border-right-color: #ff008066;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.eur-picker-date .eur-date-picker-content .EUCalendar-menu-today {
    background-color: #ff007f;
    color: #ffffff;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-left-radius: 10px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-top: 7px;
    padding-right: 25px;
    padding-bottom: 7px;
    padding-left: 25px;
    border-top-color: #ff007f !important;
    border-bottom-color: #ff007f !important;
    border-left-color: #ff007f !important;
    border-right-color: #ff007f !important;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.eur-picker-date .eur-date-picker-content .EUCalendar-menu-today:hover {
    background-color: #ff007f;
    color: #ffffff;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-top: 7px;
    padding-right: 25px;
    padding-bottom: 7px;
    padding-left: 25px;
    border-top-color: #ff007f !important;
    border-bottom-color: #ff007f !important;
    border-left-color: #ff007f !important;
    border-right-color: #ff007f !important;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

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

.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-color: #ff008066;
    color: #ffffff;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-color: #ff008066;
    border-bottom-color: #ff008066;
    border-left-color: #ff008066;
    border-right-color: #ff008066;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
}

.app__inner .datepicker__selected-date {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

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

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

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

.app__inner .datepicker__selected-date .datepicker__title,
.datepicker__selected-date .datepicker__value {
    font-size: 11px;
}

.app__inner .custom-range-container .EUCalendar-title div>span {
    font-size: 11px;
}

.app__inner .custom-range-container .EUCalendar-dayNames div {
    font-size: 11px;
}

.app__inner .custom-range-container .EUCalendar-menu-today,
.EUCalendar-menu-yearLabel,
.EUCalendar-menu-decade-title,
.eur-date-picker-content .EUCalendar-day {
    font-size: 11px;
}

.app__inner .EUCalendar-menu table td .EUCalendar-menu-month,
.EUCalendar-menuYear .EUCalendar-menu-table td .EUCalendar-menu-month {
    font-size: 11px;
}

.EUCalendar-menu-yearLabel,
.EUCalendar-menu-decade-title,
.fs-calendar::before,
.dialog--custom-range .dialog__title {
    color: #000000;
}

.eur-picker-date .eur-input-container input {
    color: #000000;
    background-color: #ffffff;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border: unset;
    border-top-width: 1px;
    border-top-color: #e7e9ee;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e7e9ee;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-color: #e7e9ee;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-color: #e7e9ee;
    border-right-style: solid;
}

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

.eur-picker-date .eur-date-picker-content .EUCalendar-menu-month-selected,
.eur-picker-date .eur-date-picker-content .EUCalendar-menu-month.EUCalendar-hover-navBtn {
    background-color: #ff007f !important;
}

.app__inner .accessibility-link,
.footer a {
    color: #000000;
    text-transform: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-decoration: inherit;
}

.app__inner .accessibility-link:hover,
.footer a:hover {
    color: #5a2882;
    text-transform: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-decoration: inherit;
}

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

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

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

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

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

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

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

.app__inner .ticker-table thead tr th:first-child,
.app__inner table.tableV2__table thead tr th:first-child {
    text-align: left;
    background-color: #ffffff;
    color: #000000;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 12px;
    padding-right: 12px;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
    font-weight: bold;
    background: #ffffff;
}

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

.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: left;
    background-color: #ffffff;
    color: #000000;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 12px;
    padding-right: 12px;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
    font-weight: bold;
    background: #ffffff;
}

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

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

body[dir="rtl"] .trades__table thead th:nth-child(2),
body[dir="rtl"] .trades__table thead th:last-child {
    text-align: left;
}

.trades__table tbody tr td:nth-child(2),
.trades__table tbody tr td:last-child {
    text-align: right;
}

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

.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 {
    font-weight: bold;
    text-align: right;
    background-color: #ffffff;
    color: #000000;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 12px;
    padding-right: 12px;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
    background: #ffffff;
}

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

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

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

.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: 12px;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
    text-align: right;
    color: #000000;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-right: 12px;
}

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,
table.tableV2__table tbody tr td:first-child .ticker-name,
.ticker-table .table tbody tr td:first-child,
.order--depth__table .ticker-table-v2 tbody tr td:first-child,
.ticker-table-v2 tbody tr td:first-child {
    text-align: left;
    color: #000000;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 12px;
    padding-right: 12px;
}

.app__inner .trades .tableV2__table tbody tr td .trades__change {
    justify-content: flex-start;
}

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: right;
    color: #000000;
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 12px;
    padding-right: 12px;
}

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):not(.indicator-up):not(.indicator-down),
.ticker-table .table tbody tr td:not(:first-child):not(.indicator-up):not(.indicator-down) {
    color: #000000;
}

table.tableV2__table tbody tr td:not(:first-child).indicator-up {
    color: #2aa814;
}

table.tableV2__table tbody tr td:not(:first-child).indicator-down {
    color: #e8357e;
}

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

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

.app__inner .ticker-table tbody tr td,
table.tableV2__table tbody tr td {
    padding-left: 14px;
    border-top: unset;
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
}

.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-top: unset;
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
}

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

.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: #000000;
    border-top-color: #ff007f;
    border-bottom-color: #ff007f;
    border-left-color: #ff007f;
    border-right-color: #ff007f;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}

cq-context {
    font-size: 17px;
    color: #000000;
    font-family: Energy;
}

.stx_current_hr_up,
.stx_current_hr_down,
.ciq-active>.ciq-switch,
.ciq-active>.ciq-switch:hover,
.additional-options .option-button,
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: #ff007f;
}

.switcher--tab .switcher__item.active .switcher__item-title:hover,
.chart-show-range .active .fs-calendar::before {
    color: #ff007f;
}

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

.additional-options .option-buttons>.option-button,
.print-dialog-confirm__no-btn,
.print-dialog-confirm__yes-btn,
.app__inner .button-apply-custom-range button {
    font-size: 11px;
    background-color: #ff007f;
    color: #ffffff;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-top: 7px;
    padding-right: 25px;
    padding-bottom: 7px;
    padding-left: 25px;
    border-top-color: #ff007f;
    border-bottom-color: #ff007f;
    border-left-color: #ff007f;
    border-right-color: #ff007f;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

.app__inner .switcher__btn {
    font-size: 17px;
    font-family: Energy;
    font-weight: bold;
    border-top-width: 1px;
    border-top-color: #ff007f;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ff007f;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-color: #ff007f;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-color: #ff007f;
    border-right-style: solid;
   border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 25px;
  padding-left: 25px;
}

.ciq-dialog-cntrls .ciq-btn:first-child {
    height: unset;
    background-color: #ff007f;
    color: #ffffff;
    border-top-color: #ff007f;
    border-bottom-color: #ff007f;
    border-left-color: #ff007f;
    border-right-color: #ff007f;
      font-size: 11px;
    font-family: Energy;
    font-weight: bold;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 25px;
  padding-left: 25px;
}

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

.additional-options .option-buttons>.option-button:hover,
.print-dialog-confirm__no-btn:hover,
.print-dialog-confirm__yes-btn,
.ciq-dialog-cntrls .ciq-btn:first-child:hover,
.app__inner .button-apply-custom-range button:hover {
    font-size: 11px;
    background-color: #ff007f;
    color: #ffffff;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-top: 7px;
    padding-right: 25px;
    padding-bottom: 7px;
    padding-left: 25px;
    border-top-color: #ff007f;
    border-bottom-color: #ff007f;
    border-left-color: #ff007f;
    border-right-color: #ff007f;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

cq-study-legend .item.ciq-btn,
.button-apply-custom-range button,
.ciq-btn,
.ciq-btn-negative,
.annotationCancel,
.annotationSave {
    border-top-width: 1px;
    border-top-color: #ff007f;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ff007f;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-color: #ff007f;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-color: #ff007f;
    border-right-style: solid;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

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

.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 {
    background-color: #ffffff;
    color: #000000;
    border-top-color: #ff007f;
    border-bottom-color: #ff007f;
    border-left-color: #ff007f;
    border-right-color: #ff007f;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 17px;
    padding-left: 17px;
    font-size: 17px;
    font-family: Energy;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 95%;
    background-size: 300% 300%;
    background-position: 0% 50%;
    transition: width .3s;
    min-width: 9em;
  margin: 0px 10px;
}


.app__inner .switcher--tab .switcher__item:hover 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,
.app__inner .comparison-wrapper .switcher .switcher__item.active:hover button.switcher__item-title,
.app__inner .share-graph__peer-indices .switcher .switcher__item.active:hover button.switcher__item-title,
.app__inner .switcher--tab .switcher__item.active:hover button.switcher__item-title {
    color: #FFFFFF;
    -webkit-animation: gradient 3s ease infinite;
    animation: gradient 3s ease infinite;
    background-image: linear-gradient(243.04deg, #ff593d -1.66%, #ff007f 50.23%, #c41974 99.97%);

    border-top-width: 1px;
    border-top-color: #ff007f;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ff007f;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-color: #ff007f;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-color: #ff007f;
    border-right-style: solid;
}
.app__inner .comparison-wrapper .switcher .switcher__item.active button.switcher__item-title,
.app__inner .share-graph__peer-indices .switcher .switcher__item.active button.switcher__item-title,
.app__inner .switcher--tab .switcher__item.active button.switcher__item-title,
.app__inner .active.switcher__item .switcher__btn {
    color: #ffffff;
    background-color: #ff007f;
    border-top-width: 1px;
    border-top-color: #ff007f;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ff007f;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-color: #ff007f;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-color: #ff007f;
    border-right-style: solid;
}

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

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

.tooltip,
.performance--buttons .dropdown-list button,
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,
.share-details--grid .share-detail__item-icon i {
    color: #000000;
}

.stx_mountain_chart {
    background-color: transparent;
}

.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: #000000;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border: unset;
    border-top-width: 1px;
    border-top-color: #e7e9ee;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e7e9ee;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-color: #e7e9ee;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-color: #e7e9ee;
    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;
    background-color: #ffffff;
    color: #000000;
}

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

.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 {
    background-color: #ffffff;
    color: #000000;
}

.performance--dropdown .eu-dropdown__menu-item:hover,
.performance--dropdown .eu-dropdown__menu-item.active,
.currency-select .eu-dropdown__menu-item:hover,
.currency-select .eu-dropdown__menu-item.active {
    background-color: #ffffff;
    color: #000000;
}

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

.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 {
    background-color: #ffffff;
    color: #000000;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-top-width: 1px;
    border-top-color: #e7e9ee;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e7e9ee;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-color: #e7e9ee;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-color: #e7e9ee;
    border-right-style: solid;
    height: 3.5em;
}


/* **********************new modifications ************************* */
.switcher--tab::before {
    content: "";
    border-bottom: 0rem var(--color-gray-light) solid;
}

.switcher--tab .switcher__item.active .switcher__item-title::before,
.comparison-v2 .switcher__item.active::after {
    height: 0rem;
}
.comparison-v2 .switcher::before {
  border-bottom: 0px solid var(--color-gray-light);
}
.switcher--tab .switcher__item:not(:first-child) {
  margin-left: 0px;
}
/* .switcher--tab .switcher__item {
    width: 13%;
} */
.tableV2__body .tableV2__row:hover * {
  background: transparent;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
:host(cq-dropdown) .content > .item.ciq-active .ciq-checkbox span::after, :host(cq-dropdown) .content > .item.ciq-active .ciq-radio span::after, cq-dropdown .content > .item.ciq-active .ciq-checkbox span::after, cq-dropdown .content > .item.ciq-active .ciq-radio span::after {
  position: absolute;

  display: block;

  content: "";

  background: transparent;

}
 cq-dropdown .content > .item.ciq-active .ciq-radio span::after{
    background: #50b428;
 }
:host(cq-dropdown) .content > .item .ciq-checkbox span, :host(cq-dropdown) .content > .item .ciq-radio span, cq-dropdown .content > .item .ciq-checkbox span, cq-dropdown .content > .item .ciq-radio span {
  margin-top: 6px;
  display: inline-block;
  border: solid 1px #415a6ccc;
  position: relative;
  width: 12px;
  height: 12px;
  background: #e7e9ee99;
}
.app__inner cq-dropdown .content > .item.ciq-active span.ciq-checkbox span {
  background-color: #ffffff;
  border-radius: 3px;
  border: solid 1px #415a6ccc;
}
.app__inner cq-dropdown .content > .item.ciq-active .ciq-checkbox span::before {
  color: #50b428;
}
.btn{
    font-family: inherit;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF !important;
	text-transform: none;

	margin: 0.5em;
	padding: 16px 25px 17px;

	border: 0.08em solid #FF007F;
	border-radius: 16px;
	background: #FF007F;

	background-size: 300% 300%;
  background-position: 0% 50%;
	text-decoration: none;
	transition: padding .3s;
}
.btn:hover{
    text-decoration: none;
	padding: 16px 32px 17px;
	-webkit-animation: gradient 3s ease infinite;
	animation: gradient 3s ease infinite;
	background-image: linear-gradient(243.04deg, #ff593d -1.66%, #ff007f 50.23%, #c41974 99.97%);
}
.btn span {
  text-decoration: none !important;
}
.print-dialog-confirm{
    margin: 0.125rem 0.313rem;
}
.trades__description {
  font-size: 17px;
}
.ticker__change-value {
  background: transparent !important;
}
.app__inner .switcher__item .switcher__btn {
  min-width: auto;
}
@media(max-width:400px){
  .share-detail__item-value,
  .share-detail__item-label {
    font-size: 14px;
  }
  .eur-picker-date .eur-input-container input{
    padding-left: 5px;
  padding-right: 5px;
  min-width: 115px;
  }
  .eur-picker-date .eur-input-container .fs-calendar::before {
  content: "";
  font-size: 10px;
  top: -4px;
  position: relative;
}
.custom-range-container{
    padding-left: 0px;
  padding-right: 0px;
}
:host(cq-dropdown) .content, cq-dropdown .content{
    width: 170px;
}
}
/* @media(max-width:750px){
   .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{
    min-width: auto;
   } 
} */

.table thead {
    border: 0rem solid var(--secondary-color) !important;
}