:root {
    --color-primary: #D60042;
    --template-bg-color: var(--bg-color);
    --bg-color: #FFFFFF;
}

html {
    background-color: var(--bg-color);
    width: 100%;
}

@font-face {
    font-family: 'MuseoSans';
    font-weight: normal;
    font-style: normal;
    src: url('Font/museosans.otf');
}

.app__inner .comparison .comparison__item .unchecked-checkbox {
    color: #501849;
    font-size: 18px;
}

.app__inner .comparison .comparison__item.selected .custom-checkbox {
    font-size: 18px;
}

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

.app__inner input[type=checkbox]:before {
    content: '';
    pointer-events: none;
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
    height: 18px;
    background-color: #fff;
    border: 2px solid #501849 !important;
}

.app__inner input[type=checkbox]:checked:before {
    background-color: #501849;
    border: 2px solid #501849 !important;
}

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

.app__inner .ciq-checkbox span {
    width: 18px;
    height: 18px;
    border: 2px solid #501849 !important;
    -webkit-border-radius: 4px;
}

.app__inner .ciq-active .ciq-checkbox.ciq-active span {
    border: 2px solid #501849 !important;
}

.app__inner .ciq-active .ciq-checkbox.ciq-active span:after {
    background-color: #501849;
}

.app__inner .share-graph .graph .ciq-radio span {
    width: 18px;
    height: 18px;
    border-color: #501849;
    border-width: 1px;
    background-color: var(--bg-color);
}

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

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

body .app__inner {
    font-family: MuseoSans;
    font-size: 16px;
    margin: 0 auto;
}

.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: MuseoSans;
    font-size: 16px;
    color: #501849;
}

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

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

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

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

:root {
    --indicator--up___color: #5EA814;
    --indicator--down___color: #FF0055;
    --color-neutral-650: #501849;
}

.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,
.peer-indices-item__name,
.peer-indices-item__last-price,
.peer-indices-item__currency,
.indicator-neutral .ticker__change-value {
    color: #272727;
}

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

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

.app__inner .custom-date-container .EUCalendar-day-selected {
    background-color: var(--bg-color);
    color: #501849 !important;
}

.app__inner .custom-date-container .EUCalendar-day-selected:hover,
.EUCalendar-hover-date {
    background-color: #501849;
    color: #ffffff !important;
    border: 1px solid #501849 !important;
}

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

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

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

.app__inner .datepicker__selected-date,
.app__inner .custom-date-container .EUCalendar-topCont {
    --picker-date--dropdown--EUCalendar-table-topControl___background-color: var(--bg-color);
    --date-picker-content--EUCalendar-menu-today___color: var(--bg-color);
}

.EUCalendar-day-today {
    color: var(--bg-color);
}

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

.app__inner .accessibility-link:hover,
.footer a:hover {
    color: #501849;
    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;
    }
    .switcher--tab .switcher__item-title {
        width: auto !important;
      }
}
@media (max-width: 1045px) {
    .switcher--tab {
      justify-content: left !important;
    }
  }
@media only screen and (max-width: 991px) {

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

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

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

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

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

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

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

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

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

.app__inner .ticker-table thead tr th:first-child,
.app__inner table.tableV2__table thead tr th:first-child {
    text-align: left !important;
    vertical-align: middle;
    background-color: #EF749D;
    color: #501849;
    font-weight: 600;
}

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

.app__inner .ticker-table table thead tr th,
table.tableV2__table thead tr th {
    text-align: left;
    vertical-align: middle;
    background-color: #EF749D;
    color: #501849;
    font-weight: 600;
}

.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 {
    background-color: var(--bg-color);
    color: #501849;
    text-align: left;
}

table.tableV2__table tbody tr td .trades__change {
    justify-content: left;
}

table.tableV2__table tbody tr td:not(:first-child),
.ticker-table .table tbody tr td:not(:first-child) {
    background-color: var(--bg-color);
    text-align: 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: #501849;
}

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

.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: 0px solid #F6E4EA !important;
    border-bottom: 4px solid #F6E4EA !important;
}

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

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

.app__inner .switcher--tab .switcher__item button,
.app__inner .share-graph__peer-indices .switcher .switcher__item:not(.active) button {
    background-color: var(--bg-color);
    color: #501849;
}

.app__inner .switcher--tab .switcher__item button,
.app__inner .share-graph__peer-indices .switcher .switcher__item button {
    font-size: 18px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin: 0px;
    font-family: MuseoSans;
    text-transform: uppercase;
}

.app__inner .switcher--tab .switcher__item.active button,
.app__inner .share-graph__peer-indices .switcher .switcher__item.active button {
    color: #501849 !important;
    background-color: var(--bg-color);
}

.additional-options .option-buttons>.option-button,
.print-dialog-confirm__no-btn,
.print-dialog-confirm__yes-btn {
    font-size: 16px;
    color: var(--bg-color);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    padding-left: 14.5px;
    padding-right: 14.5px;
    background-color: var(--color-primary);
    font-family: MuseoSans;
}

.app__inner .switcher__btn {
    font-size: 16px;
    color: var(--bg-color);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    padding-left: 14.5px;
    padding-right: 14.5px;
    background-color: var(--color-primary);
    margin: 5px;
    border: 1px solid var(--color-primary);
}

.app__inner .active.switcher__item .switcher__btn, .btn-show {
    background-color: var(--bg-color);
    color: var(--color-primary);
}

.app__inner .btn.btn-show--more {
    font-size: 16px;
    color: #501849;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    padding-left: 14.5px;
    padding-right: 14.5px;
    font-family: MuseoSans;
}

.app__inner .btn.btn-show--more:hover {
    color: var(--color-primary);
}

.additional-options .option-buttons>.option-button:hover,
.print-dialog-confirm__no-btn:hover,
.print-dialog-confirm__yes-btn {
    background-color: var(--bg-color);
    color: var(--color-primary);
    border: 1px solid var(--color-primary) !important;
}

.tooltip {
    color: #501849;
}

/******* EXtra Phrases ***************/
.print-dialog-confirm__no-btn:hover {
    border: 1px solid var(--color-primary);
}

.app__inner .switcher--tab .switcher__item button:hover:before {
    content: "";
    background: #501849;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 0rem;
}

.switcher--tab .switcher__item.active .switcher__item-title::before {
    content: "";
    background: #501849;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 0rem;
}
.switcher--tab::before {
    border-bottom: 0rem var(--color-gray-light) solid !important;
}

.chart-show-range__item {
    font-weight: 400;
    color: #272727;
}

.chart-show-range .active {
    font-weight: 700;
    color: #D60042 !important;
}

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

cq-toggle.active {
    border-bottom: solid 3px #D60042;
    color: #D60042;
}

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

.ciq-active .ciq-checkbox.ciq-active span:after {
    background-image: url("checkmark.svg") !important;
    background-repeat: no-repeat;
}

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

.ciq-active .ciq-radio span:after,
.ciq-radio.ciq-active span:after {
    width: 10px;
    height: 10px;
}

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

.fs-open-link:before,
.fs-pop-in:before,
cq-menu-dropdown,
cq-clickable.ciq-select.ciq-mobile-palette-toggle,
cq-line-color.ciq-color.ciq-active,
.app__inner h1, .app__inner h2, .app__inner h3, .app__inner h4, .app__inner h5, .app__inner h6,
.chart-title__current-price,
.chart-title__as-of, .chart-title__real-time,
.ticker--multiple .ticker__heading,
.ticker--multiple .ticker__price,
.ticker .indicator-neutral .ticker__change-value,
.ticker--multiple .ticker__currency-code,
.time-stamp--v2,
.datepicker .input-container input {
    color: #272727;
}
.ciq-menu-icon.ciq-active{
    color: #501849;
}
cq-study-legend cq-section-dynamic cq-heading,
.study-group,
.dialog--custom-range .dialog__title {
    color: #501849;
    text-decoration: underline;
}
.ticker--multiple .ticker__item-inner {
    border: 1px solid #EFEFEF;
    border-radius: 8px;

}
.ticker--multiple .ticker__item.selected .ticker__item-inner{
    border: solid 1px #D60042;
    color: #D60042;
    background: #F6E4EA;
}
.ticker--multiple .ticker__item.selected .ticker__item-inner::after {
    border-bottom: 0rem solid var(--primary-color);
  }
.ticker-table-v2 thead th{
    border-top: 0px solid var(--color-blue-700);
    border-bottom: 0px solid var(--color-blue-700);
}
.ciq-menu:after, .ciq-select:after,
.ciq-menu-icon.ciq-menu-icon .ciq-icon-line::before{
    color: #501849;
}
.table thead{
    border: 0rem solid var(--secondary-color);
}
.ticker-table-v2 .table__body-tr.selected .table__body-share{
    color: #D60042 !important;

}


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

.tableV2__head, .tableV2__cell{
    padding: 0.6em;
    height: auto;
}

.tableV2__body .tableV2__row:hover * {
    background: #fff;
  }

  .order--depth__table .tableV2__footer .tableV2__cell{
    padding: 0.6em;
    color: #501849;
    font-size: 16px;
  }
  .switcher--tab .switcher__item:not(:first-child), .switcher__item + * {
    margin-left: 0em;
  }

  .switcher.switcher--tab .switcher__item {
    margin-right: 40px;
  }

  .share-details--grid .share-detail__item{
    border-bottom: 4px solid #F6E4EA;
    padding: 0.6em 0;
  }

  .dropdown button {
    color: #501849;
    font-size: 16px;
    padding: 8.5px;
    box-sizing: border-box;
    background: #fff;
    max-width: 20em;
    width: 300px;
    border-radius: 8px;
  }
  .dropdown{
    border: 2px solid #501849;;
    box-shadow: none;
    border-radius: 8px;
  }

  .tableV2__sm-head:first-child{
    box-shadow: none;
    background: #EF749D;
  }
  .switcher--tab .switcher__item {
    padding-bottom: 4px;
  }

  .indicator-down .fs-triangle-down, .ticker .indicator-neutral .fs-triangle-up{
    padding: 5px;
  }
  .indicator-up .fs-arrow-up, .indicator-up .fs-triangle-up{
    padding: 6px;
  }
  .time-stamp--v2 i, .chart-title__real-time .fs-checked-radio, .fs-close-radio,
  .chart-show-range__item-custom-range .fs-calendar, .chart-show-range__item-mobile .fs-calendar {
    font-size: 0.85rem !important;
  }
  .share-graph--fixed .switcher--tab {
    margin-bottom: 1.5rem;
  }
  .comparison-v2 .switcher__item.active .switcher__item-title {
    color: #501849 !important;
  }
  .comparison-v2 .switcher__item-title{
      font-size: 16px;
      padding: 10px;
  }
  .comparison-v2 .switcher__item.active::after,
  .comparison-v2 .switcher__item:hover::after {
    background-color:#501849;
  }
  .comparison-v2 .switcher__item {
    margin-right: 1.5em;
  }
  .weeks52graph .weeks52graph--table tbody tr td,
  .weeks52graph .weeks52graph--table thead tr:first-child th:first-child, .weeks52graph .weeks52graph--table thead th,
  .weeks52graph .graph--labelsbottom .value-indicator {
    font-size: 16px;
  }
  .legend__color {
    width: 18px;
    height: 18px;
    border-radius: 2px;
  }
  .legend .fs-tick-mark::before {
    font-size: 10px;
  }
  [class^="fs-"], [class*=" fs-"] {
    line-height: 0;
  }
  .share-details--grid .share-detail__item-icon i {
    left: 4px;
    top: 3px;
  }
  .chart-title__current-price {
    font-size: 1.25rem;
  }
  .trades__description{
    font-size: 15px !important;
  }
  .ticker-table-v2.scrolled-table .table__head-tr th:first-child, .ticker-table-v2.scrolled-table .table__head-tr td:first-child {
    background-image: none !important;
    background-color: #EF749D !important;
  }
  .share-detail__item-label,
  .share-detail__item-value {
    color:#501849;
}
.table thead th{
    padding: 0.6em !important;
    line-height: normal !important;
}
.table tbody td{
    padding: 0.6em !important;
  font-style: normal;
  font-size: 16px;
  line-height: 10px;
}
#comparison .switcher__item-title {
    padding-bottom: 5px;
  }
  .comparison-v2 .switcher__item.active::after {
    height: 3px;
  }
  .fs-open-link::before, .fs-pop-in::before {
    font-size: 17px;
  }
  .fs-open-link::before, .fs-pop-in::before {
    top: 8px;
  }
  .fs-calendar {
    padding: 10px !important;
  }
  .chart-show-range__item-custom-range .fs-calendar{
      color:#272727;
  }
  .peer-indices-item__name-icon-box {
    margin-top: -1px;
  }
  cq-comparison-swatch, cq-comparison-item cq-swatch {
    margin-top: -2px;
  }
  .fs-full-screen, .fs-open-link, .fs-pop-in {
    padding-top: 15% !important;
  }
  .ciq-btn, .ciq-btn-negative, .annotationCancel, .annotationSave {
    padding: 4px;
    border: 0.08em solid #D60042;
    border-radius: 8px;
    background: #D60042;
    color: #FFFFFF;
    width: 80px;
    line-height: 19px;
    text-align: center;
    font-size: 11px;
  }
  .ciq-btn:hover, .ciq-btn-negative:hover, .annotationCancel:hover, .annotationSave:hover {
    border: 0.08em solid #D60042 !important;
    background: #ffffff !important;
    color: #D60042 !important;
  }
  /* .tableV2__head {
    text-align: center !important;
  }
  .tableV2__cell {
    text-align: center !important;
  }
  .order--depth__table .tableV2__cell:first-child {
    text-align: left !important;
  } */
  .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"] {
    text-align: right;
  }
  /**************Calendar style************/
  table.EUCalendar-titleCont{
    color: #501849;
  }
  .EUCalendar-dayNames .EUCalendar-weekend{
      color: #c22;

}
.custom-date-container .EUCalendar-dayNames div{
    font-size: 11px;
}
.EUCalendar-day-othermonth, .EUCalendar-day{
    color:#272727;
}
.app__inner .button-apply-custom-range button {
    background-color: #D60042;
    color: #ffffff;
    border: 1px solid #D60042 !important;
    border-radius: 8px;
    padding: 7px;
    width: 80px;
}

.app__inner .button-apply-custom-range button:hover {
    background-color: #ffffff;
    color: #D60042;
    border: 1px solid #D60042 !important;
}

@media (max-width: 768px) {
.chart-title__real-time {
    line-height: 0px;
  }
  .share-detail__item-value {
    text-align: right;
  }
  .app__inner table.tableV2__table thead tr th:first-child, table.tableV2__table tbody tr td:first-child, .ticker-table .table tbody tr td:first-child {
    width: 130px;
  }
  .dropdown button {
    padding: 8px;
    max-width: 17em;
    width: 300px;
  }
}