html {
    width: 100%;
}

.date-picker-content table {
    background-color: unset;
}

.footer {
    text-align: left;
}

@font-face {
    font-family: 'Barlow';
    font-weight: bold;
    font-style: normal;
    src: url('/tools/sharegraph3/config/company/F-007329/Font/barlow-bold.ttf');
}

@font-face {
    font-family: 'Barlow';
    font-weight: normal;
    font-style: normal;
    src: url('/tools/sharegraph3/config/company/F-007329/Font/barlow-regular.ttf');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 100;
    font-style: normal;
    src: url('/tools/sharegraph3/config/company/F-007329/Font/barlow-thin.ttf');
}

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

.app__inner input[type=checkbox]:before {
    content: '';
    pointer-events: none;
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
}

.app__inner input[type=checkbox]:checked:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% - 3px);
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-50%, -50%);
    width: 3px;
    height: 6px;
}

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

body .app__inner {
    font-family: Barlow;
    font-size: 16px;
    
    width: 1140px;
}

.app__inner button,
input,
.chartContainer,
cq-chart-title,
cq-chart-title cq-chart-price,
cq-heading,
cq-hu-dynamic,
cq-hu-dynamic cq-hu-date,
cq-hu-static,
cq-drawing-settings .ciq-heading,
.stx-float-date,
stx-float-price,
stx_current_hr_up,
stx_current_hr_down,
.stx_xaxis,
.stx_yaxis,
.mSticky {
    font-family: inherit;
}

.app__inner .stx_annotation {
    font-family: inherit !important;
}

.app__inner h1,
.app__inner h2,
.app__inner h3,
.app__inner h4,
.app__inner h5,
.app__inner h6 {
    font-family: Barlow;
    font-size: 16px;
    color: #001836;
}

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

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

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

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

:root {
    --indicator--up___color: #14A19A;
    --indicator--down___color: #FF0000;
    --color-neutral-650: #001836;
    --color-gray-dark-800: #001836;
}

.performance--buttons .dropdown button,
.share-graph--fixed .performance .dropdown button,
.weeks52graph .weeks52graph--table tbody td:first-child,
.weeks52graph .weeks52graph--table thead th span,
.weeks52graph--table__value-low,
.weeks52graph--table__value-high,
.weeks52graph .weeks52graph--tabledata-low__currency,
.weeks52graph .graph--labelsbottom .value-indicator,
.ticker__price-number,
.trades__nodata,
.order--depth__table .tableV2__footer .tableV2__cell,
.share-detail__item-label,
.share-detail__item-value {
    color: #001836;
}

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

.chart-show-range__wrapper,
.dialog-wrapper-custom-range {
    --color-neutral-650: #555;
    --picker-date--fs-calendar___color: #555;
}

.app__inner .datepicker .input-container input {
    font-size: 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: #001836;
}

.app__inner .custom-range-container .EUCalendar-day-selected {
    background-color: #1DAFAD;
    color: #ffffff !important;
    border: 2px solid #1DAFAD !important;
}

.app__inner .button-apply-custom-range button {
    background-color: #14A19E;
    color: #ffffff;
}

.app__inner .custom-range-container .eur-date-picker-content .EUCalendar-day:hover {
    background-color: #ffffff;
    color: #1DAFAD;
    border: 2px solid #1DAFAD !important;
}

.app__inner .datepicker__selected-date {
    padding-top: 1em;
}

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

.EUCalendar-day-today {
    color: #1DAFAD;
}

.app__inner .datepicker__selected-date .datepicker__title,
.datepicker__selected-date .datepicker__value {
    font-weight: bold;
}

.app__inner .custom-range-container .EUCalendar-title div>span {
    font-weight: bold;
}

.app__inner .custom-range-container .EUCalendar-dayNames div {
    font-weight: bold;
}

.app__inner .custom-range-container .EUCalendar-menu-today {
    font-weight: bold;
}

.app__inner .EUCalendar-menu table td .EUCalendar-menu-month,
.EUCalendar-menuYear .EUCalendar-menu-table td .EUCalendar-menu-month {
    font-weight: bold;
}

.eur-picker-date .eur-input-container input,
.eur-picker-date .eur-date-picker-content .EUCalendar-menu-today,
.EUCalendar-menu-yearLabel,
.EUCalendar-menu-decade-title,
.fs-calendar::before,
.dialog--custom-range .dialog__title {
    color: #001836;
}

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

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

.app__inner .weeks52highlow--table tbody tr td:first-child,
.performanceByYear--table tbody tr td:first-child,
.sharePricedevelopment--table tbody tr td:first-child {
    border-left: none;
}

.app__inner .ticker-table .table__head {
    border-left: none;
    border-right: none;
}

@media (max-width: 991px) {
    .app__inner .performance .tableV2__table tbody tr td:first-child {
        border-left: none;
    }
}

@media only screen and (max-width: 991px) {

    .app__inner .weeks52highlow--table tbody tr:last-child td:first-child,
    .performance .performanceByYear--table tbody tr:last-child td:first-child,
    .sharePricedevelopment--table tbody tr:last-child td:first-child {
        border-bottom: none;
    }
}

.app__inner .performanceByYear--table tbody tr td:last-child,
.performanceByYear--table tbody tr:last-child td,
.sharePricedevelopment--table tbody tr:last-child td,
.weeks52highlow--table tbody tr:last-child td {
    border-bottom: none;
}

.app__inner .performanceByYear--table tbody tr td:last-child,
.sharePricedevelopment--table tbody tr td:last-child,
.weeks52highlow--table tbody tr td:last-child {
    border-right: none;
}

@media only screen and (max-width: 991px) {
    .app__inner .table td:first-child {
        border-left: none;
    }
}

.app__inner .ticker--table_ticker_multiple {
    margin-bottom: 1rem;
}

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

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

@media only screen and (max-width: 991px) {
    .app__inner .table-responsive {
        margin-bottom: 0px;
    }
}

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

.app__inner .ticker-table thead tr th:first-child,
.app__inner table.tableV2__table thead tr th:first-child {
    vertical-align: middle;
}

.app__inner .ticker-table table thead tr th,
table.tableV2__table thead tr th {
    vertical-align: middle;
    color: #001836;
}

.ticker-table .table .table__body tr,
table.tableV2__table tbody tr {
    padding-left: 14px;
    vertical-align: middle;
}

table.tableV2__table tbody tr td:first-child,
.ticker-table .table tbody tr td:first-child {
    color: #001836;
}

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

.app__inner .ticker-table tbody tr td,
table.tableV2__table tbody tr td {
    vertical-align: middle;
    
    padding: 0.8em;
}

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

.app__inner .switcher__item button,
.app__inner .share-graph__peer-indices .switcher .switcher__item:not(.active) button,
.app__inner .comparison-wrapper .switcher .switcher__item:not(.active) button {
    background-color: #ffffff;
    color: #14A19A;
}

.app__inner .switcher--tab .switcher__item button,
.app__inner .share-graph__peer-indices .switcher .switcher__item button,
.app__inner .comparison-wrapper .switcher .switcher__item button,
.app__inner .switcher__item .switcher__btn {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 12px;
    font-family: Barlow;
}

.app__inner .switcher--tab .switcher__item.active button.switcher__item-title,
.app__inner .share-graph__peer-indices .switcher .switcher__item.active button.switcher__item-title,
.app__inner .comparison-wrapper .switcher .switcher__item.active button.switcher__item-title,
.app__inner .active.switcher__item .switcher__btn {
    font-weight: 600;
    color: #14A19A;
    background-color: #FFFFFF;
    border: 0px solid #14A19A;
    border-bottom: 2px solid #14A19A;
}

cq-context {
    color: #001836;
    font-family: Barlow;
}

.switcher .switcher__item.active .switcher__item-title::before,
.switcher .switcher__item.active::after {
    background-color: unset;
}

.additional-options .option-buttons>.option-button,
.print-dialog-confirm__no-btn,
.print-dialog-confirm__yes-btn {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #1DAFAD;
    font-family: Barlow;
}

.app__inner .btn.btn-show--more {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    background-color: #1DAFAD;
    padding-top: 1em;
    padding-bottom: 1em;
    font-family: Barlow;
}

.app__inner .btn.btn-show--more:hover,
.app__inner .btn.btn-show--less:hover,
.switcher--tab .switcher__item-title:hover {
    font-weight: 600 !important;
    color: #1DAFAD;
    background-color: #FFFFFF;
    border: 0px solid #1DAFAD;
    border-bottom: 2px solid #FFFFFF;
}

.additional-options .option-buttons>.option-button:hover,
.print-dialog-confirm__no-btn:hover,
.print-dialog-confirm__yes-btn {
    background-color: #14A19E;
    color: #ffffff;
}

.tooltip,
cq-menu.ciq-display .menu-clickable span.icon,
cq-menu.ciq-preferences .menu-clickable span.icon::before,
cq-heading.dropdown,
cq-heading.dropdown div,
cq-heading.study-group,
.menu-clickable [label],
.chart-show-range__item,
.chart-show-range .fs-calendar::before,
.performance .eu-dropdown__menu-item.active,
.performance .eu-dropdown__menu-item,
.performance--buttons .dropdown-list button,
.currency-select button,
.currency-select .eu-dropdown__menu-item,
.share-details--grid .share-detail__item-icon i {
    color: #001836;
}

.stx_mountain_chart {
    background-color: transparent;
}

.chart-show-range .active {
    color: #1DAFAD !important;
}

.app__inner .chart-title__current-price .fs-triangle-up,
.app__inner .chart-title .close-up,
.indicator-up .ticker__change-value,
.indicator-up .fs-arrow-up,
.indicator-up .fs-triangle-up {
    color: #2DB574;
}

.ticker-table-v2 .table__body-tr.selected .table__body-share {
    color: #121b5a !important;
    font-weight: normal !important;
}

.ticker--multiple .ticker__item.selected .ticker__item-inner {
    background: #e1ffff !important;
    border-color: #14A19E !important;
}

.ticker--multiple .ticker__item.selected .ticker__item-inner:after {
    border-bottom: 0.1875rem solid #14A19E !important;
    border-color: #14A19E !important;
}

.ticker__inner--fade .indicator-up .ticker__change-value {
    background-color: transparent !important;
}

.fs-triangle-up::before {
    position: relative;
    top: 2px;
}

:host(cq-toggle.active),
cq-toggle.active {
    border-bottom: solid 3px #14a19e !important;
}

.app__inner .custom-range-container .EUCalendar-day-selected:hover {
    background-color: #14A19E !important;
}

/* ADDITIONAL CSS */

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

.switcher--tab .switcher__item-title {
    border-bottom: 2px solid #FFFFFF;
}

.app__inner .switcher--tab .switcher__item button:hover {
    font-weight: bold;
}

.footer {
    font-size: 14px;
}

table.tableV2__table > tbody > tr:nth-child(odd) td {
    background: #E8E7E7 !important;
}

.ticker-table-v2 thead th {
    border-top: 1px solid #14A19A;
    border-bottom: 1px solid #14A19A;
    
    padding: 0.8em;
}

.share-details--grid .share-detail__item-icon:before {
    width: 33px;
    height: 33px;
    top: -4px;
    left: -1px;
}

i.fs {
    position: relative;
}

.fs-currency:before {
    left: -2px;
}

.fs-symbol:before {
    left: 2px;
}

.fs-market:before {
    left: -1px;
}

.tableV2__body .tableV2__row:hover * {
    background: transparent;
}