/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/datatables.net-dt/css/dataTables.dataTables.css ***!
  \********************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --dt-row-selected: 13, 110, 253;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-html-background: white;
}
:root.dark {
  --dt-html-background: rgb(33, 37, 41);
}

table.dataTable td.dt-control {
  text-align: center;
  cursor: pointer;
}
table.dataTable td.dt-control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}
table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

html.dark table.dataTable td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable td.dt-control:before,
:root[data-theme=dark] table.dataTable td.dt-control:before {
  border-left-color: rgba(255, 255, 255, 0.5);
}
html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-left-color: transparent;
}

div.dt-scroll {
  width: 100%;
}

div.dt-scroll-body thead tr,
div.dt-scroll-body tfoot tr {
  height: 0;
}
div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body tfoot tr td {
  height: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}
div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  position: absolute;
  display: block;
  bottom: 50%;
  content: "▲";
  content: "▲"/"";
}
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  position: absolute;
  display: block;
  top: 50%;
  content: "▼";
  content: "▼"/"";
}
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc,
table.dataTable thead > tr > td.dt-ordering-asc,
table.dataTable thead > tr > td.dt-ordering-desc {
  position: relative;
  padding-right: 30px;
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  width: 12px;
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: 0.125;
  line-height: 9px;
  font-size: 0.8em;
}
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc {
  cursor: pointer;
}
table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(0, 0, 0, 0.05);
  outline-offset: -2px;
}
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.6;
}
table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before,
table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after,
table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
  display: none;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

div.dt-scroll-body > table.dataTable > thead > tr > th,
div.dt-scroll-body > table.dataTable > thead > tr > td {
  overflow: hidden;
}

:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(255, 255, 255, 0.05);
}

div.dt-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -22px;
  text-align: center;
  padding: 2px;
  z-index: 10;
}
div.dt-processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}
div.dt-processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(13, 110, 253);
  background: rgb(var(--dt-row-selected));
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
div.dt-processing > div:last-child > div:nth-child(1) {
  left: 8px;
  animation: datatables-loader-1 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(2) {
  left: 8px;
  animation: datatables-loader-2 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(3) {
  left: 32px;
  animation: datatables-loader-2 0.6s infinite;
}
div.dt-processing > div:last-child > div:nth-child(4) {
  left: 56px;
  animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable th,
table.dataTable td {
  box-sizing: border-box;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable th.dt-empty,
table.dataTable td.dt-empty {
  text-align: center;
  vertical-align: top;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: right;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  text-align: left;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable > thead > tr > th:active,
table.dataTable > thead > tr > td:active {
  outline: none;
}
table.dataTable > tfoot > tr > th,
table.dataTable > tfoot > tr > td {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  padding: 10px 10px 6px 10px;
}
table.dataTable > tbody > tr {
  background-color: transparent;
}
table.dataTable > tbody > tr:first-child > * {
  border-top: none;
}
table.dataTable > tbody > tr:last-child > * {
  border-bottom: none;
}
table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);
  color: rgb(255, 255, 255);
  color: rgb(var(--dt-row-selected-text));
}
table.dataTable > tbody > tr.selected a {
  color: rgb(9, 10, 11);
  color: rgb(var(--dt-row-selected-link));
}
table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td {
  padding: 8px 10px;
}
table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.row-border > tbody > tr:first-child > *, table.dataTable.display > tbody > tr:first-child > * {
  border-top: none;
}
table.dataTable.row-border > tbody > tr.selected + tr.selected > td, table.dataTable.display > tbody > tr.selected + tr.selected > td {
  border-top-color: rgba(13, 110, 253, 0.65);
  border-top-color: rgba(var(--dt-row-selected), 0.65);
}
table.dataTable.cell-border > tbody > tr > * {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.cell-border > tbody > tr > *:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.cell-border > tbody > tr:first-child > * {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable.stripe > tbody > tr:nth-child(odd) > *, table.dataTable.display > tbody > tr:nth-child(odd) > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.023);
}
table.dataTable.stripe > tbody > tr:nth-child(odd).selected > *, table.dataTable.display > tbody > tr:nth-child(odd).selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.923);
}
table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.035);
}
table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px #0d6efd !important;
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important;
}
table.dataTable.order-column > tbody tr > .sorting_1,
table.dataTable.order-column > tbody tr > .sorting_2,
table.dataTable.order-column > tbody tr > .sorting_3, table.dataTable.display > tbody tr > .sorting_1,
table.dataTable.display > tbody tr > .sorting_2,
table.dataTable.display > tbody tr > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019);
}
table.dataTable.order-column > tbody tr.selected > .sorting_1,
table.dataTable.order-column > tbody tr.selected > .sorting_2,
table.dataTable.order-column > tbody tr.selected > .sorting_3, table.dataTable.display > tbody tr.selected > .sorting_1,
table.dataTable.display > tbody tr.selected > .sorting_2,
table.dataTable.display > tbody tr.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_1, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054);
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_2, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.047);
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_3, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.039);
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.954);
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.947);
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.939);
}
table.dataTable.display > tbody > tr.even > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019);
}
table.dataTable.display > tbody > tr.even > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.011);
}
table.dataTable.display > tbody > tr.even > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.003);
}
table.dataTable.display > tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
}
table.dataTable.display > tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.911);
}
table.dataTable.display > tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.903);
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.082);
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.074);
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.062);
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.982);
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.974);
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.962);
}
table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

div.dt-container div.dt-layout-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0.75em 0;
}
div.dt-container div.dt-layout-row div.dt-layout-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
  justify-content: flex-start;
  margin-right: auto;
}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
  justify-content: flex-end;
  margin-left: auto;
}
div.dt-container div.dt-layout-row div.dt-layout-cell:empty {
  display: none;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-row:not(.dt-layout-table) {
    display: block;
  }
  div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
    display: block;
    text-align: center;
  }
  div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell > * {
    margin: 0.5em 0;
  }
  div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-start {
    margin-right: 0;
  }
  div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-end {
    margin-left: 0;
  }
}
div.dt-container div.dt-layout-start > *:not(:last-child) {
  margin-right: 1em;
}
div.dt-container div.dt-layout-end > *:not(:first-child) {
  margin-left: 1em;
}
div.dt-container div.dt-layout-full {
  width: 100%;
}
div.dt-container div.dt-layout-full > *:only-child {
  margin-left: auto;
  margin-right: auto;
}
div.dt-container div.dt-layout-table > div {
  display: block !important;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-start > *:not(:last-child) {
    margin-right: 0;
  }
  div.dt-container div.dt-layout-end > *:not(:first-child) {
    margin-left: 0;
  }
}
/*
 * Control feature layout
 */
div.dt-container {
  position: relative;
  clear: both;
}
div.dt-container .dt-search input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  color: inherit;
  margin-left: 3px;
}
div.dt-container .dt-input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  color: inherit;
}
div.dt-container select.dt-input {
  padding: 4px;
}
div.dt-container .dt-paging .dt-paging-button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: inherit !important;
  border: 1px solid transparent;
  border-radius: 2px;
  background: transparent;
}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: inherit !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.05);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* IE10+ */
  background: -o-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%); /* W3C */
}
div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
  cursor: default;
  color: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
div.dt-container .dt-paging .dt-paging-button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #111;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */
}
div.dt-container .dt-paging .dt-paging-button:active {
  outline: none;
  background-color: #0c0c0c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */
  box-shadow: inset 0 0 3px #111;
}
div.dt-container .dt-paging .ellipsis {
  padding: 0 1em;
}
div.dt-container .dt-length,
div.dt-container .dt-search,
div.dt-container .dt-info,
div.dt-container .dt-processing,
div.dt-container .dt-paging {
  color: inherit;
}
div.dt-container .dataTables_scroll {
  clear: both;
}
div.dt-container .dataTables_scroll div.dt-scroll-body {
  -webkit-overflow-scrolling: touch;
}
div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > th, div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > td, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > th, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > td {
  vertical-align: middle;
}
div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > th > div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > td > div.dataTables_sizing, div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > th > div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
div.dt-container.dt-empty-footer .dt-scroll-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
div.dt-container.dt-empty-footer .dt-scroll-body tbody > tr:last-child > * {
  border-bottom: none;
}

html.dark {
  --dt-row-hover: 255, 255, 255;
  --dt-row-stripe: 255, 255, 255;
  --dt-column-ordering: 255, 255, 255;
}
html.dark table.dataTable > thead > tr > th,
html.dark table.dataTable > thead > tr > td {
  border-bottom: 1px solid rgb(89, 91, 94);
}
html.dark table.dataTable > thead > tr > th:active,
html.dark table.dataTable > thead > tr > td:active {
  outline: none;
}
html.dark table.dataTable > tfoot > tr > th,
html.dark table.dataTable > tfoot > tr > td {
  border-top: 1px solid rgb(89, 91, 94);
}
html.dark table.dataTable.row-border > tbody > tr > *, html.dark table.dataTable.display > tbody > tr > * {
  border-top: 1px solid rgb(64, 67, 70);
}
html.dark table.dataTable.row-border > tbody > tr:first-child > *, html.dark table.dataTable.display > tbody > tr:first-child > * {
  border-top: none;
}
html.dark table.dataTable.row-border > tbody > tr.selected + tr.selected > td, html.dark table.dataTable.display > tbody > tr.selected + tr.selected > td {
  border-top-color: rgba(13, 110, 253, 0.65);
  border-top-color: rgba(var(--dt-row-selected), 0.65);
}
html.dark table.dataTable.cell-border > tbody > tr > th,
html.dark table.dataTable.cell-border > tbody > tr > td {
  border-top: 1px solid rgb(64, 67, 70);
  border-right: 1px solid rgb(64, 67, 70);
}
html.dark table.dataTable.cell-border > tbody > tr > th:first-child,
html.dark table.dataTable.cell-border > tbody > tr > td:first-child {
  border-left: 1px solid rgb(64, 67, 70);
}
html.dark .dt-container.dt-empty-footer table.dataTable {
  border-bottom: 1px solid rgb(89, 91, 94);
}
html.dark .dt-container .dt-search input,
html.dark .dt-container .dt-length select {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: var(--dt-html-background);
}
html.dark .dt-container .dt-paging .dt-paging-button.current, html.dark .dt-container .dt-paging .dt-paging-button.current:hover {
  border: 1px solid rgb(89, 91, 94);
  background: rgba(255, 255, 255, 0.15);
}
html.dark .dt-container .dt-paging .dt-paging-button.disabled, html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover, html.dark .dt-container .dt-paging .dt-paging-button.disabled:active {
  color: #666 !important;
}
html.dark .dt-container .dt-paging .dt-paging-button:hover {
  border: 1px solid rgb(53, 53, 53);
  background: rgb(53, 53, 53);
}
html.dark .dt-container .dt-paging .dt-paging-button:active {
  background: #3a3a3a;
}

/*
 * Overrides for RTL support
 */
*[dir=rtl] table.dataTable thead th,
*[dir=rtl] table.dataTable thead td,
*[dir=rtl] table.dataTable tfoot th,
*[dir=rtl] table.dataTable tfoot td {
  text-align: right;
}
*[dir=rtl] table.dataTable th.dt-type-numeric, *[dir=rtl] table.dataTable th.dt-type-date,
*[dir=rtl] table.dataTable td.dt-type-numeric,
*[dir=rtl] table.dataTable td.dt-type-date {
  text-align: left;
}
*[dir=rtl] div.dt-container div.dt-layout-cell.dt-start {
  text-align: right;
}
*[dir=rtl] div.dt-container div.dt-layout-cell.dt-end {
  text-align: left;
}
*[dir=rtl] div.dt-container div.dt-search input {
  margin: 0 3px 0 0;
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./Styles/web-charts-marketing-styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
body.web-charts-marketing {
  margin: 0;
}
body.web-charts-marketing.cursor-n-resize {
  cursor: n-resize;
}

.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/seballot/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}

.sp-original-input-container {
  position: relative;
  display: inline-flex;
}

.sp-original-input-container input {
  margin: 0 !important;
}

.sp-original-input-container .sp-add-on {
  width: 40px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

input.spectrum.with-add-on {
  /*padding-left: 45px;*/
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}

.sp-original-input-container .sp-add-on .sp-colorize {
  height: 100%;
  width: 100%;
  border-radius: inherit;
}

.sp-colorize-container {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23ccc' fill-opacity='1'%3E%3Crect x='0' y='0' width='6' height='6' /%3E%3Crect x='6' y='6' width='6' height='6' /%3E%3C/svg%3E");
}

.sp-container.sp-flat {
  position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20px !important;
}

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 100%;
  left: initial !important;
}

.sp-clear-enabled .sp-hue {
  top: 15%;
  height: 85%;
}

.sp-fill {
  padding-top: 80%;
}

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sp-alpha-enabled .sp-top {
  margin-bottom: 28px !important;
}

.sp-alpha-enabled .sp-alpha {
  display: block;
}

.sp-alpha-handle {
  position: absolute;
  top: -3px;
  cursor: pointer;
  height: 16px;
  border-radius: 50%;
  width: 16px;
  margin-right: 5px;
  left: -2px;
  right: 0;
  background: #f9f9f9;
  box-shadow: 0 0 2px 0px #3a3a3a;
}

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -18px;
  right: 0;
  left: 0;
  height: 10px;
}

.sp-alpha-inner {
  border-radius: 4px;
}

.sp-clear {
  display: none;
}

.sp-clear.sp-clear-display {
  background-position: center;
}

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  cursor: pointer;
  left: initial;
  height: 14px;
  width: 14px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}

.sp-palette-only .sp-picker-container {
  display: none;
}

.sp-palette-disabled .sp-palette-container {
  display: none;
}

.sp-initial-disabled .sp-initial {
  display: none;
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81");
}

.sp-val {
  border-radius: 4px;
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000");
}

.sp-hue {
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
}

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
}

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
}

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
}

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
}

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
}

.sp-hidden {
  display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table;
}

.sp-cf:after {
  clear: both;
}

.sp-cf {
  *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 10px;
  width: 10px;
  border: 1px solid #fff;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 3px;
  margin-top: 3px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 16px;
  border-radius: 50%;
  width: 16px;
  left: -2px;
  background: #f9f9f9;
  box-shadow: 0 0 2px 0px #3a3a3a;
  margin-top: 8px;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths)
*/
.sp-container {
  display: inline-flex;
  border-radius: 0;
  background-color: white;
  padding: 0;
  border-radius: 4px;
  color: black;
  box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08);
}

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  font-size: 12px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-top {
  margin-bottom: 10px;
}

.sp-color, .sp-hue, .sp-clear, .sp-val, .sp-sat {
  border-radius: 3px;
}

.sp-input-container {
  margin-top: -5px;
}

.sp-input-container.sp-cf,
.sp-initial.sp-thumb.sp-cf,
.sp-button-container.sp-cf {
  height: 25px;
}

.sp-picker-container .sp-cf {
  margin-bottom: 10px;
}

.sp-palette-row-initial > span:first-child {
  cursor: pointer;
}

/* Input */
.sp-initial-disabled .sp-input-container {
  width: 100%;
}

.sp-input {
  padding: 0px 5px !important;
  margin: 0;
  width: 100%;
  box-shadow: none !important;
  height: 100% !important;
  background: transparent;
  color: #3a3a3a;
  border-radius: 2px !important;
  border: 1px solid #e0e0e0 !important;
  text-align: center;
  font-family: monospace;
  font-size: inherit !important;
}

.sp-input:focus {
  border: 1px solid orange;
}

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

.sp-picker-container, .sp-palette-container {
  position: relative;
  padding: 10px;
}

.sp-picker-container {
  width: 200px;
  padding-bottom: 0;
}

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
  border: 0;
}

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

.sp-thumb-el {
  position: relative;
}

/* Initial */
.sp-initial {
  float: left;
}

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

.sp-initial .spe-thumb-el.sp-thumb-active {
  border-radius: 0 5px 5px 0;
}

.sp-initial .spe-thumb-el {
  border-radius: 5px 0 0 5px;
}

.sp-initial .sp-clear-display {
  background-position: center;
}

/* Buttons */
.sp-button-container {
  float: right;
}

.sp-palette-button-container {
  margin-top: 10px;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #aaa;
  color: #666;
  transition: border-color 0.3s;
  vertical-align: middle;
  width: 3rem;
  height: 1.5rem;
}

.sp-replacer:hover, .sp-replacer.sp-active {
  border: 1px solid #666;
  color: black;
}

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

.sp-dd {
  position: absolute;
  font-size: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 2px;
  line-height: 1.6rem;
  background-color: white;
}

.sp-preview {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  z-index: 0;
}

.sp-preview-inner {
  transition: background-color 0.2s;
}

.sp-preview-inner.sp-clear-display {
  /*width: 20px;
  margin-left: 10px;
  margin-top: 2px;*/
  display: none;
}

/* Color Picker */
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 3px;
  border: none;
  border-radius: 3px;
}

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  border-radius: 3px;
  border: none;
  background: transparent;
  line-height: 1;
  padding: 0 8px;
  height: 25px;
  text-transform: capitalize;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #606c72;
  font-weight: bold;
}

.sp-container button.sp-choose {
  background-color: #3cab3b;
  color: #fff;
  margin-left: 5px;
}

.sp-container button:hover {
  opacity: 0.8;
}

.sp-container button.sp-palette-toggle {
  width: 100%;
  background-color: #f3f3f3;
  margin: 0;
}

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23ccc' fill-opacity='1'%3E%3Crect x='0' y='0' width='6' height='6' /%3E%3Crect x='6' y='6' width='6' height='6' /%3E%3C/svg%3E");
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-palette .sp-thumb-inner {
  border-radius: 3px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z' fill='%23000'%3E%3C/path%3E%3C/svg%3E");
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath d='M12 20.016q3.281 0 5.648-2.367t2.367-5.648q0-2.672-1.734-4.922l-11.203 11.203q2.25 1.734 4.922 1.734zM3.984 12q0 2.672 1.734 4.922l11.203-11.203q-2.25-1.734-4.922-1.734-3.281 0-5.648 2.367t-2.367 5.648zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z' fill='%23000'%3E%3C/path%3E%3C/svg%3E");
}

.web-charts-marketing {
  /**
   * @license Highcharts
   *
   * (c) 2009-2016 Torstein Honsi
   *
   * License: www.highcharts.com/license
   */
  /* Titles */
  /* Axes */
  /* Credits */
  /* Tooltip */
  /* Legend hover affects points and series */
  /* Series options */
  /* Default colors */
  /* Legend */
  /* Bubble legend */
  /* Loading */
  /* Plot bands and polar pane backgrounds */
  /* Highcharts More and modules */
  /* Highstock */
  /* Highcharts Maps */
  /* 3d charts */
  /* Exporting module */
  /* Breadcrumbs */
  /* Drilldown module */
  /* No-data module */
  /* Drag-panes module */
  /* Bullet type series */
  /* Lineargauge type series */
  /* Annotations module */
  /* A11y module */
  /* Gantt */
  /* annotation edit small popup */
  /* latin-ext */
  /* latin */
  /* latin-ext */
  /* latin */
  /* latin-ext */
  /* latin */
  /* latin-ext */
  /* latin */
  /* latin-ext */
  /* latin */
  /* latin-ext */
  /* latin */
  /* cyrillic */
  /* greek */
  /* latin-ext */
  /* latin */
  /* cyrillic */
  /* greek */
  /* latin-ext */
  /* latin */
  /* cyrillic */
  /* greek */
  /* latin-ext */
  /* latin */
  /* cyrillic */
  /* greek */
  /* latin-ext */
  /* latin */
  /* You can add global styles to this file, and also import other style files */
}
.web-charts-marketing .highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0; /* #1072 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: manipulation;
  outline: none;
}
.web-charts-marketing .highcharts-root {
  display: block;
}
.web-charts-marketing .highcharts-root text {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-strong {
  font-weight: bold;
}
.web-charts-marketing .highcharts-emphasized {
  font-style: italic;
}
.web-charts-marketing .highcharts-anchor {
  cursor: pointer;
}
.web-charts-marketing .highcharts-background {
  fill: #ffffff;
}
.web-charts-marketing .highcharts-plot-border, .web-charts-marketing .highcharts-plot-background {
  fill: none;
}
.web-charts-marketing .highcharts-label-box {
  fill: none;
}
.web-charts-marketing .highcharts-button-box {
  fill: inherit;
}
.web-charts-marketing .highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, 0.0001);
  stroke-width: 22;
  fill: none;
}
.web-charts-marketing .highcharts-tracker-area {
  fill: rgba(192, 192, 192, 0.0001);
  stroke-width: 0;
}
.web-charts-marketing .highcharts-title {
  fill: #333333;
  font-size: 1.5em;
}
.web-charts-marketing .highcharts-subtitle {
  fill: #666666;
  font-size: 1em;
}
.web-charts-marketing .highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb;
}
.web-charts-marketing .highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-axis-title {
  fill: #666666;
}
.web-charts-marketing .highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 0.9em;
}
.web-charts-marketing .highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}
.web-charts-marketing .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px;
}
.web-charts-marketing .highcharts-tick {
  stroke: #ccd6eb;
}
.web-charts-marketing .highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-minor-grid-line {
  stroke: #f2f2f2;
}
.web-charts-marketing .highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #cccccc;
}
.web-charts-marketing .highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: 0.25;
}
.web-charts-marketing .highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms;
}
.web-charts-marketing .highcharts-credits:hover {
  fill: black;
  font-size: 1em;
}
.web-charts-marketing .highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}
.web-charts-marketing .highcharts-tooltip text {
  fill: #333333;
}
.web-charts-marketing .highcharts-tooltip .highcharts-header {
  font-size: 0.85em;
}
.web-charts-marketing .highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: 0.85;
}
.web-charts-marketing .highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: 0.85;
}
.web-charts-marketing div.highcharts-tooltip {
  filter: none;
}
.web-charts-marketing .highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.25;
}
.web-charts-marketing .highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.web-charts-marketing .highcharts-empty-series {
  stroke-width: 1px;
  fill: none;
  stroke: #cccccc;
}
.web-charts-marketing .highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}
.web-charts-marketing .highcharts-point-inactive {
  opacity: 0.2;
  transition: opacity 50ms; /* quick in */
}
.web-charts-marketing .highcharts-series-inactive {
  opacity: 0.2;
  transition: opacity 50ms; /* quick in */
}
.web-charts-marketing .highcharts-state-hover path {
  transition: stroke-width 50ms; /* quick in */
}
.web-charts-marketing .highcharts-state-normal path {
  transition: stroke-width 250ms; /* slow out */
}
.web-charts-marketing g.highcharts-series,
.web-charts-marketing .highcharts-point,
.web-charts-marketing .highcharts-markers,
.web-charts-marketing .highcharts-data-labels {
  transition: opacity 250ms;
}
.web-charts-marketing .highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.web-charts-marketing .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.web-charts-marketing .highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.web-charts-marketing .highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2;
}
.web-charts-marketing .highcharts-color-0 {
  fill: #7cb5ec;
  stroke: #7cb5ec;
}
.web-charts-marketing .highcharts-color-1 {
  fill: #434348;
  stroke: #434348;
}
.web-charts-marketing .highcharts-color-2 {
  fill: #90ed7d;
  stroke: #90ed7d;
}
.web-charts-marketing .highcharts-color-3 {
  fill: #f7a35c;
  stroke: #f7a35c;
}
.web-charts-marketing .highcharts-color-4 {
  fill: #8085e9;
  stroke: #8085e9;
}
.web-charts-marketing .highcharts-color-5 {
  fill: #f15c80;
  stroke: #f15c80;
}
.web-charts-marketing .highcharts-color-6 {
  fill: #e4d354;
  stroke: #e4d354;
}
.web-charts-marketing .highcharts-color-7 {
  fill: #2b908f;
  stroke: #2b908f;
}
.web-charts-marketing .highcharts-color-8 {
  fill: #f45b5b;
  stroke: #f45b5b;
}
.web-charts-marketing .highcharts-color-9 {
  fill: #91e8e1;
  stroke: #91e8e1;
}
.web-charts-marketing .highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}
.web-charts-marketing .highcharts-markers {
  stroke-width: 1px;
  stroke: #ffffff;
}
.web-charts-marketing .highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
.web-charts-marketing .highcharts-a11y-marker-hidden {
  opacity: 0;
}
.web-charts-marketing .highcharts-point {
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}
.web-charts-marketing .highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}
.web-charts-marketing .highcharts-data-label text, .web-charts-marketing text.highcharts-data-label {
  fill: #333333;
}
.web-charts-marketing .highcharts-data-label-connector {
  fill: none;
}
.web-charts-marketing .highcharts-data-label-hidden {
  pointer-events: none;
}
.web-charts-marketing .highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}
.web-charts-marketing .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
.web-charts-marketing .highcharts-markers .highcharts-point-select {
  fill: #cccccc;
  stroke: #000000;
}
.web-charts-marketing .highcharts-column-series rect.highcharts-point {
  stroke: #ffffff;
}
.web-charts-marketing .highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}
.web-charts-marketing .highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.web-charts-marketing .highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}
.web-charts-marketing .highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.web-charts-marketing .highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}
.web-charts-marketing .highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.web-charts-marketing .highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}
.web-charts-marketing .highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}
.web-charts-marketing .highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.web-charts-marketing .highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}
.web-charts-marketing .highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}
.web-charts-marketing .highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}
.web-charts-marketing .highcharts-treemap-series .highcharts-above-level {
  display: none;
}
.web-charts-marketing .highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}
.web-charts-marketing .highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}
.web-charts-marketing .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}
.web-charts-marketing .highcharts-vector-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}
.web-charts-marketing .highcharts-windbarb-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}
.web-charts-marketing .highcharts-lollipop-stem {
  stroke: #000000;
}
.web-charts-marketing .highcharts-focus-border {
  fill: none;
  stroke-width: 2px;
}
.web-charts-marketing .highcharts-legend-item-hidden .highcharts-focus-border {
  fill: none !important;
}
.web-charts-marketing .highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}
.web-charts-marketing .highcharts-legend-item > text {
  fill: #333333;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}
.web-charts-marketing .highcharts-legend-item:hover text {
  fill: #000000;
}
.web-charts-marketing .highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 250ms;
}
.web-charts-marketing .highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer;
}
.web-charts-marketing .highcharts-legend-nav-inactive {
  fill: #cccccc;
}
.web-charts-marketing circle.highcharts-legend-nav-active, .web-charts-marketing circle.highcharts-legend-nav-inactive { /* tracker */
  fill: rgba(192, 192, 192, 0.0001);
}
.web-charts-marketing .highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}
.web-charts-marketing .highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: 0.5;
}
.web-charts-marketing .highcharts-bubble-legend-connectors {
  stroke-width: 1;
}
.web-charts-marketing .highcharts-bubble-legend-labels {
  fill: #333333;
}
.web-charts-marketing .highcharts-loading {
  position: absolute;
  background-color: #ffffff;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}
.web-charts-marketing .highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end;
}
.web-charts-marketing .highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}
.web-charts-marketing .highcharts-plot-band, .web-charts-marketing .highcharts-pane {
  fill: #000000;
  fill-opacity: 0.05;
}
.web-charts-marketing .highcharts-plot-line {
  fill: none;
  stroke: #999999;
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-boxplot-box {
  fill: #ffffff;
}
.web-charts-marketing .highcharts-boxplot-median {
  stroke-width: 2px;
}
.web-charts-marketing .highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}
.web-charts-marketing .highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}
.web-charts-marketing .highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}
.web-charts-marketing .highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}
.web-charts-marketing .highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3;
}
.web-charts-marketing .highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: 0.5;
}
.web-charts-marketing .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1;
}
.web-charts-marketing .highcharts-venn-series .highcharts-point {
  fill-opacity: 0.75;
  stroke: #cccccc;
  transition: stroke 250ms, fill-opacity 250ms;
}
.web-charts-marketing .highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: #cccccc;
}
.web-charts-marketing .highcharts-navigator-mask-outside {
  fill-opacity: 0;
}
.web-charts-marketing .highcharts-navigator-mask-inside {
  fill: #6685c2; /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}
.web-charts-marketing .highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none;
}
.web-charts-marketing .highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}
.web-charts-marketing .highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}
.web-charts-marketing .highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}
.web-charts-marketing .highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}
.web-charts-marketing .highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}
.web-charts-marketing .highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-scrollbar-arrow {
  fill: #666666;
}
.web-charts-marketing .highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-button {
  fill: #f7f7f7;
  stroke: #cccccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms;
}
.web-charts-marketing .highcharts-button text {
  fill: #333333;
}
.web-charts-marketing .highcharts-button-hover {
  transition: fill 0ms;
  fill: #e6e6e6;
  stroke: #cccccc;
}
.web-charts-marketing .highcharts-button-hover text {
  fill: #333333;
}
.web-charts-marketing .highcharts-button-pressed {
  font-weight: bold;
  fill: #e6ebf5;
  stroke: #cccccc;
}
.web-charts-marketing .highcharts-button-pressed text {
  fill: #333333;
  font-weight: bold;
}
.web-charts-marketing .highcharts-button-disabled text {
  fill: #333333;
}
.web-charts-marketing .highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0px;
}
.web-charts-marketing .highcharts-range-label rect {
  fill: none;
}
.web-charts-marketing .highcharts-range-label text {
  fill: #666666;
}
.web-charts-marketing .highcharts-range-input rect {
  fill: none;
}
.web-charts-marketing .highcharts-range-input text {
  fill: #333333;
}
.web-charts-marketing .highcharts-range-input {
  stroke-width: 1px;
  stroke: #cccccc;
}
.web-charts-marketing input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px; /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em; /* #4798 */
}
.web-charts-marketing .highcharts-crosshair-label text {
  fill: #ffffff;
  font-size: 1.1em;
}
.web-charts-marketing .highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}
.web-charts-marketing .highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-candlestick-series .highcharts-point-up {
  fill: #ffffff;
}
.web-charts-marketing .highcharts-hollowcandlestick-series .highcharts-point-down {
  fill: #f21313;
  stroke: #f21313;
}
.web-charts-marketing .highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up {
  fill: #06b535;
  stroke: #06b535;
}
.web-charts-marketing .highcharts-hollowcandlestick-series .highcharts-point-up {
  fill: transparent;
  stroke: #06b535;
}
.web-charts-marketing .highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}
.web-charts-marketing .highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: #ffffff;
  transition: fill 250ms;
}
.web-charts-marketing .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #ccd6eb;
}
.web-charts-marketing .highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}
.web-charts-marketing .highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #cccccc;
  stroke-width: inherit;
}
.web-charts-marketing .highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
}
.web-charts-marketing .highcharts-mapline-series .highcharts-point {
  fill: none;
}
.web-charts-marketing .highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}
.web-charts-marketing .highcharts-mapview-inset-border {
  stroke: #cccccc;
  stroke-width: 1px;
  fill: none;
}
.web-charts-marketing .highcharts-coloraxis {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-coloraxis-marker {
  fill: #999999;
}
.web-charts-marketing .highcharts-null-point {
  fill: #f7f7f7;
}
.web-charts-marketing .highcharts-3d-frame {
  fill: transparent;
}
.web-charts-marketing .highcharts-contextbutton {
  fill: #ffffff; /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
}
.web-charts-marketing .highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6;
}
.web-charts-marketing .highcharts-button-symbol {
  stroke: #666666;
  stroke-width: 3px;
}
.web-charts-marketing .highcharts-menu {
  border: 1px solid #999999;
  background: #ffffff;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}
.web-charts-marketing .highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 250ms, color 250ms;
}
.web-charts-marketing .highcharts-menu-item:hover {
  background: #335cad;
  color: #ffffff;
}
.web-charts-marketing .highcharts-breadcrumbs-button {
  fill: none;
  stroke-width: 0;
  cursor: pointer;
}
.web-charts-marketing .highcharts-breadcrumbs-separator {
  fill: #666666;
}
.web-charts-marketing .highcharts-drilldown-point {
  cursor: pointer;
}
.web-charts-marketing .highcharts-drilldown-data-label text,
.web-charts-marketing text.highcharts-drilldown-data-label,
.web-charts-marketing .highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline;
}
.web-charts-marketing .highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #666666;
}
.web-charts-marketing .highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: black;
  stroke-width: 2px;
}
.web-charts-marketing .highcharts-bullet-target {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: #333333;
}
.web-charts-marketing .highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #333333;
}
.web-charts-marketing .highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.75;
}
.web-charts-marketing .highcharts-annotation-label text {
  fill: #e6e6e6;
}
.web-charts-marketing .highcharts-a11y-proxy-button {
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  opacity: 0.001;
  z-index: 999;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: block;
  position: absolute;
}
.web-charts-marketing .highcharts-a11y-proxy-group li {
  list-style: none;
}
.web-charts-marketing .highcharts-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  margin-top: -3px;
  opacity: 0.01;
}
.web-charts-marketing .highcharts-a11y-invisible {
  visibility: hidden;
}
.web-charts-marketing .highcharts-a11y-proxy-container,
.web-charts-marketing .highcharts-a11y-proxy-container-before,
.web-charts-marketing .highcharts-a11y-proxy-container-after {
  position: absolute;
  white-space: nowrap;
}
.web-charts-marketing g.highcharts-series, .web-charts-marketing .highcharts-markers, .web-charts-marketing .highcharts-point {
  outline: none;
}
.web-charts-marketing .highcharts-treegrid-node-collapsed, .web-charts-marketing .highcharts-treegrid-node-expanded {
  cursor: pointer;
}
.web-charts-marketing .highcharts-point-connecting-path {
  fill: none;
}
.web-charts-marketing .highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-grid-axis .highcharts-axis-line {
  stroke-width: 1px;
}
.web-charts-marketing .chart:-webkit-full-screen {
  width: 100%;
  height: 100%;
}
.web-charts-marketing .chart:fullscreen {
  width: 100%;
  height: 100%;
}
.web-charts-marketing .chart {
  width: 100%;
  float: left;
  height: 400px;
  position: relative;
}
.web-charts-marketing .highcharts-draw-mode {
  cursor: crosshair;
}
.web-charts-marketing .highcharts-bindings-wrapper * {
  box-sizing: content-box;
}
.web-charts-marketing .highcharts-bindings-wrapper {
  display: block;
  width: 40px;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0px;
}
.web-charts-marketing .highcharts-stocktools-popup {
  width: 100%;
}
.web-charts-marketing .highcharts-menu-wrapper {
  float: left;
  width: 40px;
  height: calc(100% - 50px);
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 10px;
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-submenu-wrapper {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 0px;
  background: #fff;
  width: 40px;
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-arrow-wrapper {
  text-align: center;
  width: 40px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 1.5em;
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-arrow-wrapper > div {
  cursor: pointer;
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-arrow-down {
  background-size: cover;
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg);
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-arrow-up {
  background-size: cover;
  outline: none;
  display: inline-block;
  width: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(-90deg);
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-arrow-right {
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-arrow-left.highcharts-arrow-right {
  /* Safari */
  -webkit-transform: rotate(0deg);
  /* Firefox */
  -moz-transform: rotate(0deg);
  /* IE */
  -ms-transform: rotate(0deg);
  /* Opera */
  -o-transform: rotate(0deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(0deg);
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-arrow-left {
  /* Safari */
  -webkit-transform: rotate(180deg);
  /* Firefox */
  -moz-transform: rotate(180deg);
  /* IE */
  -ms-transform: rotate(180deg);
  /* Opera */
  -o-transform: rotate(180deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}
.web-charts-marketing .highcharts-bindings-wrapper ul {
  width: 40px;
  /* 30px spacing for arrows to scroll */
  margin: 0px;
  padding: 0px;
  float: left;
  transition: margin 250ms;
}
.web-charts-marketing .highcharts-bindings-wrapper > ul {
  width: 40px;
  position: relative;
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-stocktools-toolbar li {
  list-style: none;
  margin-bottom: 3px;
  padding: 0px;
  clear: both;
  width: 100%;
  height: 40px;
  cursor: pointer;
  position: relative;
  background-color: #f7f7f7;
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn {
  cursor: default;
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn > .highcharts-menu-item-btn {
  opacity: 0.5;
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn.highcharts-active {
  background: #f7f7f7;
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-stocktools-toolbar li.highcharts-disabled-btn .highcharts-menu-item-btn:hover {
  background-color: transparent;
}
.web-charts-marketing .highcharts-bindings-wrapper li > span.highcharts-menu-item-btn {
  display: block;
  float: left;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 32px 32px;
}
.web-charts-marketing .highcharts-submenu-wrapper li > span.highcharts-menu-item-btn {
  width: 40px;
}
.web-charts-marketing .highcharts-bindings-wrapper li > span.highcharts-submenu-item-arrow {
  float: left;
  width: 10px;
  height: 100%;
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.web-charts-marketing .highcharts-bindings-wrapper li.highcharts-separator {
  height: 15px;
  background-color: transparent;
  width: 36px;
  pointer-events: none;
}
.web-charts-marketing .highcharts-bindings-wrapper li.highcharts-separator > span.highcharts-menu-item-btn {
  width: 100%;
}
.web-charts-marketing .highcharts-bindings-wrapper li.highcharts-active > span.highcharts-menu-item-btn,
.web-charts-marketing .highcharts-bindings-wrapper li > span.highcharts-menu-item-btn:hover,
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-arrow-wrapper > div:hover,
.web-charts-marketing .highcharts-bindings-wrapper li.highcharts-active,
.web-charts-marketing .highcharts-toggle-toolbar:hover {
  background-color: #e6ebf5;
  transition: background-color 100ms;
}
.web-charts-marketing .highcharts-toggle-toolbar {
  position: absolute;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #f7f7f7;
  background-size: cover;
}
.web-charts-marketing .highcharts-hide {
  display: none;
}
.web-charts-marketing .highcharts-bindings-wrapper li:hover, .web-charts-marketing .highcharts-submenu-item-arrow:hover {
  background-color: #e6ebf5;
}
.web-charts-marketing .highcharts-bindings-wrapper .highcharts-arrow-down, .web-charts-marketing .highcharts-bindings-wrapper .highcharts-arrow-up {
  width: 50%;
  height: 20px;
  float: left;
}
.web-charts-marketing li.highcharts-disabled-btn:hover, .web-charts-marketing .highcharts-disabled-btn .highcharts-submenu-item-arrow:hover {
  background-color: #f7f7f7;
}
.web-charts-marketing .highcharts-popup.highcharts-annotation-toolbar {
  right: 10%;
  left: auto;
  height: 40px;
  overflow: hidden;
  padding-right: 40px;
  width: auto;
  min-width: 0;
}
.web-charts-marketing .highcharts-popup.highcharts-annotation-toolbar button {
  margin-top: 0px;
}
.web-charts-marketing .highcharts-popup.highcharts-annotation-toolbar > span {
  display: block;
  float: left;
  padding: 12px;
}
.web-charts-marketing .highcharts-popup {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #666666;
  display: none;
  font-size: 0.876em;
  max-height: 90%;
  top: 5%;
  left: 15%;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 75%;
  min-width: 300px;
  max-width: 600px;
  position: absolute;
  z-index: 100;
  box-shadow: 0px 0px 8px 0px rgba(61, 61, 61, 0.3);
}
.web-charts-marketing .highcharts-popup div, .web-charts-marketing .highcharts-popup span {
  box-sizing: border-box;
}
.web-charts-marketing .highcharts-popup input, .web-charts-marketing .highcharts-popup label, .web-charts-marketing .highcharts-popup select {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.web-charts-marketing .highcharts-popup input {
  border: 1px solid #e6e6e6;
  border-radius: 0.3rem;
  padding: 5px;
  width: 100%;
}
.web-charts-marketing .highcharts-popup-lhs-col, .web-charts-marketing .highcharts-popup-rhs-col {
  height: 100%;
  float: left;
  overflow-y: auto;
}
.web-charts-marketing .highcharts-popup-lhs-col.highcharts-popup-lhs-full {
  width: 100%;
  overflow-x: hidden;
  height: calc(100% - 104px);
  border: none;
  padding: 20px;
  padding-bottom: 10px;
}
.web-charts-marketing .highcharts-popup-lhs-col.highcharts-popup-lhs-full + .highcharts-popup-bottom-row {
  width: 100%;
}
.web-charts-marketing .highcharts-popup-lhs-col {
  clear: both;
  width: 30%;
  border-right: 1px solid #e6e6e6;
}
.web-charts-marketing .highcharts-popup-bottom-row {
  float: left;
  padding: 0px 20px;
  padding-bottom: 12px;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.web-charts-marketing .highcharts-popup-rhs-col {
  width: 70%;
  height: calc(100% - 40px);
  padding: 20px;
}
.web-charts-marketing .highcharts-popup-rhs-col-wrapper {
  width: 100%;
  overflow-x: hidden;
}
.web-charts-marketing .highcharts-popup-rhs-col-wrapper h3 {
  margin-top: 0px;
  padding-bottom: 0px;
}
.web-charts-marketing .highcharts-bindings-wrapper ul.highcharts-indicator-list,
.web-charts-marketing .highcharts-indicator-list {
  float: left;
  color: #666666;
  height: calc(100% - 150px);
  width: 100%;
  overflow-x: hidden;
  margin: 0px;
  padding: 15px 0px;
}
.web-charts-marketing .highcharts-indicator-list li {
  cursor: pointer;
  padding: 5px 20px;
  margin: 0px;
  width: 100%;
  height: auto;
  overflow: hidden;
  word-break: break-all;
  box-sizing: border-box;
}
.web-charts-marketing .highcharts-indicator-list li:hover {
  background-color: #e6e6e6;
}
.web-charts-marketing .highcharts-tab-item {
  background-color: #f7f7f7;
  cursor: pointer;
  display: block;
  float: left;
  padding: 0px 10px;
  height: 40px;
  line-height: 40px;
}
.web-charts-marketing .highcharts-tab-item.highcharts-tab-item-active {
  background-color: #e6e6e6;
}
.web-charts-marketing .highcharts-tab-item-content {
  display: none;
  float: left;
  height: 100%;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.web-charts-marketing .highcharts-tab-item-show {
  display: block;
}
.web-charts-marketing .highcharts-popup-close {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: absolute;
  padding: 10px;
  top: 0%;
  right: 0%;
  color: #333333;
}
.web-charts-marketing .highcharts-popup-close:hover,
.web-charts-marketing .highcharts-popup button:hover,
.web-charts-marketing .highcharts-popup button.highcharts-annotation-edit-button:hover,
.web-charts-marketing .highcharts-popup button.highcharts-annotation-remove-button:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.web-charts-marketing .highcharts-popup button {
  float: right;
  border: none;
  background: #f7f7f7;
  color: #666666;
  margin-left: 5px;
  margin-top: 12px;
}
.web-charts-marketing .highcharts-popup button:first-child {
  margin-left: 0;
}
.web-charts-marketing .highcharts-tab-disabled {
  color: #cccccc;
}
.web-charts-marketing .highcharts-popup button.highcharts-annotation-edit-button,
.web-charts-marketing .highcharts-popup button.highcharts-annotation-remove-button {
  width: 20px;
  height: 40px;
  padding: 20px;
}
.web-charts-marketing .highcharts-popup button.highcharts-annotation-edit-button {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
}
.web-charts-marketing .highcharts-popup button.highcharts-annotation-remove-button {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
}
.web-charts-marketing .highcharts-popup .highcharts-annotation-title {
  display: block;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 15px;
  width: 100%;
}
.web-charts-marketing .highcharts-popup .highcharts-popup-main-title {
  border-bottom: 1px solid #e6e6e6;
  margin: 0px;
  padding: 8px 0px 6px 20px;
}
.web-charts-marketing .highcharts-indicator-title {
  float: left;
  padding-bottom: 15px;
}
.web-charts-marketing .highcharts-input-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
}
.web-charts-marketing .highcharts-input-search-indicators-label {
  text-align: center;
  font-weight: bold;
  color: #000000;
  margin-top: 0.5rem;
}
.web-charts-marketing input.highcharts-input-search-indicators {
  width: 80%;
  margin: 0 auto;
  float: none;
  border-color: #949494;
}
.web-charts-marketing .highcharts-popup a.clear-filter-button {
  margin: 0 auto;
  display: none;
  color: #335cad;
  background-color: #fff;
  border: 1px solid #335cad;
  margin-top: 10px;
}
.web-charts-marketing .highcharts-popup a.clear-filter-button:hover {
  color: #fff;
  background-color: #335cad;
  cursor: pointer;
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/lato_1.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/lato_2.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/lato_3.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/lato_4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/lato_5.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/lato_6.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/lato_7.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/lato_8.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/lato_9.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/lato_10.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/lato_11.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/lato_12.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/trebuchet_1.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/trebuchet_2.woff2) format("woff2");
    unicode-range: U+0370-03FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/trebuchet_3.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/trebuchet_4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/trebuchet_5.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/trebuchet_6.woff2) format("woff2");
    unicode-range: U+0370-03FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/trebuchet_7.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/trebuchet_8.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/trebuchet_9.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/trebuchet_10.woff2) format("woff2");
    unicode-range: U+0370-03FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/trebuchet_11.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/trebuchet_12.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/trebuchet_13.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/trebuchet_14.woff2) format("woff2");
    unicode-range: U+0370-03FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/trebuchet_15.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "Trebuchet MS";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/trebuchet_16.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
}
@font-face {
  .web-charts-marketing {
    font-family: "text-security-disc";
    src: url(../fonts/text-security-disc.woff2) format("woff2");
  }
}
.web-charts-marketing text {
  fill: #000;
}
.web-charts-marketing path.candle {
  stroke: #000000;
}
.web-charts-marketing path.candle.body {
  stroke-width: 0;
}
.web-charts-marketing path.candle.up {
  fill: #00AA00;
  stroke: #00AA00;
}
.web-charts-marketing path.candle.down {
  fill: #FF0000;
  stroke: #FF0000;
}
.web-charts-marketing .highcharts-stocktools-wrapper {
  top: 24px;
  transition: all ease-in-out 0.5s;
  opacity: 1;
  left: -60px;
  z-index: 30;
}
.web-charts-marketing .highcharts-stocktools-wrapper .highchart-custom-toggle-toolbar {
  position: absolute;
  cursor: pointer;
  width: 22px;
  height: 22px;
  opacity: 0.7;
  background-color: #f7f7f7;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/menu/drawingtools.png);
  top: 26px;
  left: 60px;
}
.web-charts-marketing .highcharts-stocktools-wrapper .highchart-custom-toggle-toolbar:hover {
  background-color: #e6ebf5;
  transition: background-color 100ms;
}
.web-charts-marketing .highcharts-stocktools-wrapper.show {
  left: 0px;
  opacity: 1;
}
.web-charts-marketing .highcharts-stocktools-wrapper.show .highchart-custom-toggle-toolbar {
  opacity: 1;
  left: 50px;
  background-image: url(../img/pip-arrow-right.svg);
  transform: rotate(180deg);
}
.web-charts-marketing .highcharts-stocktools-wrapper.show .highchart-custom-toggle-toolbar.level2 {
  left: 104px;
}
.web-charts-marketing .highcharts-stocktools-wrapper.show .highcharts-menu-wrapper {
  overflow: hidden;
  overflow-y: auto;
}
.web-charts-marketing .highcharts-stocktools-wrapper.show .highcharts-menu-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 4px;
  height: 6px;
  display: block;
}
.web-charts-marketing .highcharts-stocktools-wrapper.show .highcharts-menu-wrapper::-webkit-scrollbar-thumb:horizontal {
  height: 6px;
}
.web-charts-marketing .highcharts-stocktools-wrapper.show .highcharts-menu-wrapper::-webkit-scrollbar-track {
  background: #ffffff;
  height: 6px;
  display: block;
}
.web-charts-marketing .highcharts-stocktools-wrapper.show .highcharts-menu-wrapper::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 6px;
  display: block;
  border-radius: 4px;
}
.web-charts-marketing .highcharts-stocktools-wrapper.has-comparison {
  top: 44px;
}
.web-charts-marketing .highcharts-toggle-toolbar {
  visibility: hidden;
}
.web-charts-marketing .highcharts-exporting-group {
  opacity: 0;
}
.web-charts-marketing .highcharts-menu-wrapper {
  top: 16px;
  width: 48px !important;
  padding: 0;
}
.web-charts-marketing .highcharts-menu-wrapper.level2 {
  width: 92px !important;
}
.web-charts-marketing .hidden {
  display: none !important;
}
.web-charts-marketing .ov-hidden {
  overflow: hidden;
}
.web-charts-marketing .relative {
  position: relative;
}
.web-charts-marketing .visually-hidden, .web-charts-marketing .vh {
  visibility: hidden !important;
  opacity: 0 !important;
}
.web-charts-marketing .no-opacity {
  opacity: 0 !important;
}
.web-charts-marketing.chart-component-main.hidden {
  display: none !important;
}
.web-charts-marketing.chart-component-main.ov-hidden {
  overflow: hidden;
}
.web-charts-marketing.chart-component-main.relative {
  position: relative;
}
.web-charts-marketing.chart-component-main.visually-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
}
.web-charts-marketing.chart-component-main.no-opacity {
  opacity: 0 !important;
}
.web-charts-marketing.chart-component-main.preview {
  height: 100%;
}
.web-charts-marketing.chart-component-main.preview .ti-chart {
  height: 100%;
}
.web-charts-marketing.chart-component-main.preview .ti-chart .chart {
  height: 100%;
}
.web-charts-marketing.chart-component-main.preview .logout,
.web-charts-marketing.chart-component-main.preview .main-symbol-last-price,
.web-charts-marketing.chart-component-main.preview .time.menu-item,
.web-charts-marketing.chart-component-main.preview .highcharts-yaxis-grid {
  display: none !important;
}
.web-charts-marketing.chart-component-main.preview .controls .pnl-box,
.web-charts-marketing.chart-component-main.preview .controls .pnp-switch,
.web-charts-marketing.chart-component-main.preview .controls .open-indicators-menu,
.web-charts-marketing.chart-component-main.preview .controls .chart-settings-btn,
.web-charts-marketing.chart-component-main.preview .controls .scaling-reset-button {
  display: none !important;
}
.web-charts-marketing.chart-component-main.preview .controls .chart-menu-box {
  overflow: visible;
}
.web-charts-marketing.chart-component-main.preview .marketing-status-line {
  right: unset;
  display: block;
}
.web-charts-marketing.chart-component-main.preview .marketing-status-line .symbol {
  display: block;
  width: 100%;
  line-height: 1;
  color: #000;
}
.web-charts-marketing.chart-component-main.preview .marketing-status-line .current-percent {
  margin-top: 2px;
  line-height: 1;
  justify-content: flex-start;
  padding-left: 0;
  margin-left: 0;
}
.web-charts-marketing.chart-component-main.preview .marketing-status-line .current-percent .icon {
  display: none;
}
.web-charts-marketing.chart-component-main.preview .marketing-status-line .current-close,
.web-charts-marketing.chart-component-main.preview .marketing-status-line .current-amount {
  display: none !important;
}
.web-charts-marketing.chart-component-main.preview .logo-wrapper {
  display: none !important;
}
.web-charts-marketing.chart-component-main.preview .dark-theme .marketing-status-line .symbol {
  color: #fff;
}
.web-charts-marketing :root {
  --main-symbol-bg-color: #32cd32;
}
.web-charts-marketing .ti-chart {
  display: block;
  height: 100vh;
  overflow: hidden;
}
.web-charts-marketing .ti-chart ::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 2px;
  height: 4px;
  display: block;
}
.web-charts-marketing .ti-chart ::-webkit-scrollbar-thumb:horizontal {
  height: 4px;
}
.web-charts-marketing .ti-chart ::-webkit-scrollbar-track {
  background: #ffffff;
  height: 4px;
  display: block;
}
.web-charts-marketing .ti-chart ::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 4px;
  display: block;
  border-radius: 4px;
}
.web-charts-marketing .ti-chart .main-chart {
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.web-charts-marketing .ti-chart .main-chart.active .controls {
  visibility: visible;
  opacity: 1;
}
.web-charts-marketing .ti-chart .main-chart.active .logo-wrapper {
  display: flex;
}
.web-charts-marketing .ti-chart .main-chart.active .last-price-wrapper {
  visibility: visible;
  opacity: 1;
}
.web-charts-marketing .ti-chart .main-chart {
  height: 100%;
}
.web-charts-marketing .ti-chart .chart-container {
  width: 100%;
  height: 100%;
}
.web-charts-marketing .ti-chart .chart-container .chart {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
  left: 0px;
}
.web-charts-marketing .ti-chart.dark-theme .controls svg {
  --color-1: rgb(168, 168, 168);
}
.web-charts-marketing .ti-chart.dark-theme .historical-chart-button .dark-img {
  display: block;
}
.web-charts-marketing .ti-chart.dark-theme .historical-chart-button .light-img {
  display: none;
}
.web-charts-marketing .highcharts-annotation-shapes path {
  fill: none;
}
.web-charts-marketing .highcharts-container {
  font-family: "Lato", sans-serif;
}
.web-charts-marketing .highcharts-container .highcharts-grid-line {
  stroke-dasharray: 3, 2;
  stroke: rgba(128, 128, 128, 0.15);
}
.web-charts-marketing .highcharts-container .highcharts-grid-line.darker {
  stroke: rgba(128, 128, 128, 0.5);
}
.web-charts-marketing .highcharts-container .highcharts-axis-labels .bold {
  font-weight: bold;
}
.web-charts-marketing .highcharts-container .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-container .highcharts-yaxis-grid .highcharts-grid-line {
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-container .highcharts-yaxis-grid[data-z-index="1"] {
  display: none !important;
}
.web-charts-marketing .highcharts-container .highcharts-axis-resizer {
  stroke-width: 12;
  stroke: rgba(0, 0, 0, 0);
}
.web-charts-marketing .highcharts-container .highcharts-xaxis .highcharts-axis-line, .web-charts-marketing .highcharts-container .highcharts-xaxis .highcharts-tick {
  stroke: rgb(128, 128, 128);
}
.web-charts-marketing .highcharts-container .highcharts-series-inactive {
  opacity: 1;
  transition: unset;
}
.web-charts-marketing .highcharts-container .indicator-series.highcharts-spline-series .highcharts-point, .web-charts-marketing .highcharts-container .indicator-series.highcharts-line-series .highcharts-point {
  display: none;
}
.web-charts-marketing .highcharts-container .main-chart-series.highcharts-spline-series .highcharts-point:not(:first-child):not(.highcharts-point-hover), .web-charts-marketing .highcharts-container .main-chart-series.highcharts-line-series .highcharts-point:not(:first-child):not(.highcharts-point-hover) {
  display: none;
}
.web-charts-marketing .highcharts-container .highcharts-hlc-series .highcharts-point, .web-charts-marketing .highcharts-container .highcharts-ohlc-series .highcharts-point {
  stroke-width: 1px;
}
.web-charts-marketing .highcharts-container .highcharts-plot-line {
  stroke-width: 1px;
  stroke-dasharray: unset;
}
.web-charts-marketing .highcharts-container .highcharts-plot-line.buy-plot-line {
  stroke: #37b34a;
  stroke-dasharray: 2, 3;
}
.web-charts-marketing .highcharts-container .highcharts-plot-line.sell-plot-line {
  stroke: #ec2324;
  stroke-dasharray: 2, 3;
}
.web-charts-marketing .highcharts-container .highcharts-plot-line.selected {
  stroke-width: 2px;
}
.web-charts-marketing .highcharts-container .highcharts-column-series .highcharts-point {
  stroke-width: 0;
}
.web-charts-marketing .highcharts-container .highcharts-draw-mode .highcharts-plot-line {
  cursor: inherit !important;
}
.web-charts-marketing .highcharts-container .hidden-series, .web-charts-marketing .highcharts-container .hidden-point {
  display: none !important;
}
.web-charts-marketing .highcharts-container .highcharts-stochastic-series path:first-child {
  stroke: rgb(41, 98, 255);
}
.web-charts-marketing .highcharts-container .highcharts-stochastic-series path:last-child {
  stroke: rgb(255, 109, 0);
}
.web-charts-marketing .highcharts-container .main-series-last-price {
  visibility: hidden;
  opacity: 0;
}
.web-charts-marketing .controls {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  left: 0;
  padding-top: 0px;
  padding-left: 2px;
  visibility: hidden;
  transition: all ease-in-out 0.5s;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.web-charts-marketing .controls svg {
  --color-1: #2b2b2b;
}
.web-charts-marketing .controls .logo-box {
  display: inline-block;
  float: left;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 40px;
  height: 40px;
}
.web-charts-marketing .controls .logo-box img {
  position: relative;
  width: 40px;
  height: 40px;
}
.web-charts-marketing .controls .menu-box {
  display: inline-block;
  float: left;
  padding-left: 10px;
  position: absolute;
  width: 100%;
  left: 42px;
  top: 23px;
}
.web-charts-marketing .controls .menu-box.pnl-box {
  top: -3px;
}
.web-charts-marketing .controls .quote-quantity-input {
  display: inline-flex;
  top: -6px;
  position: relative;
  margin-left: 0px;
  border: none;
  border-radius: 4px;
  overflow: hidden;
}
.web-charts-marketing .controls .quote-quantity-input input {
  font-size: 11px;
  text-align: right;
  background: transparent;
  height: 13px;
  outline: none;
  color: #000;
  line-height: 1;
  width: 40px;
  padding-right: 4px;
  border: none;
}
.web-charts-marketing .controls .quote-quantity-input input:disabled {
  opacity: 0.7;
}
.web-charts-marketing .controls .tools {
  display: inline-flex;
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.web-charts-marketing .controls .time,
.web-charts-marketing .controls .chart-type,
.web-charts-marketing .controls .indicator,
.web-charts-marketing .controls .trade-order-type {
  margin-right: 6px;
  cursor: pointer;
  position: relative;
  display: inline-flex;
}
.web-charts-marketing .controls .time ul,
.web-charts-marketing .controls .chart-type ul,
.web-charts-marketing .controls .indicator ul,
.web-charts-marketing .controls .trade-order-type ul {
  margin: 0;
  position: absolute;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 6px 8px;
  padding-top: 0;
  left: 0px;
  border-radius: 2px;
  top: 22px;
  display: none;
}
.web-charts-marketing .controls .time ul li,
.web-charts-marketing .controls .chart-type ul li,
.web-charts-marketing .controls .indicator ul li,
.web-charts-marketing .controls .trade-order-type ul li {
  display: inline-block;
  width: 100%;
  text-align: right;
  color: #fff;
  text-shadow: 1px 0px #333;
  font-size: 12px;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.web-charts-marketing .controls .time ul li.active, .web-charts-marketing .controls .time ul li:hover,
.web-charts-marketing .controls .chart-type ul li.active,
.web-charts-marketing .controls .chart-type ul li:hover,
.web-charts-marketing .controls .indicator ul li.active,
.web-charts-marketing .controls .indicator ul li:hover,
.web-charts-marketing .controls .trade-order-type ul li.active,
.web-charts-marketing .controls .trade-order-type ul li:hover {
  color: #004fd0;
}
.web-charts-marketing .controls .time ul li.ema,
.web-charts-marketing .controls .chart-type ul li.ema,
.web-charts-marketing .controls .indicator ul li.ema,
.web-charts-marketing .controls .trade-order-type ul li.ema {
  position: relative;
}
.web-charts-marketing .controls .time ul li.ema .ico-trade-wave,
.web-charts-marketing .controls .chart-type ul li.ema .ico-trade-wave,
.web-charts-marketing .controls .indicator ul li.ema .ico-trade-wave,
.web-charts-marketing .controls .trade-order-type ul li.ema .ico-trade-wave {
  color: #fff;
  width: 16px;
  height: 16px;
  top: 3px;
  margin-right: 4px;
  right: 0;
  position: relative;
}
.web-charts-marketing .controls .time ul li.ema .ico-edit,
.web-charts-marketing .controls .chart-type ul li.ema .ico-edit,
.web-charts-marketing .controls .indicator ul li.ema .ico-edit,
.web-charts-marketing .controls .trade-order-type ul li.ema .ico-edit {
  --color-1: #fff;
  width: 16px;
  height: 16px;
  top: 2px;
  right: 0;
  display: none;
  position: absolute;
}
.web-charts-marketing .controls .time ul li.ema a,
.web-charts-marketing .controls .chart-type ul li.ema a,
.web-charts-marketing .controls .indicator ul li.ema a,
.web-charts-marketing .controls .trade-order-type ul li.ema a {
  font-size: 12;
  text-decoration: none;
  display: none;
  color: #3f80ea;
}
.web-charts-marketing .controls .time ul li.ema a:hover,
.web-charts-marketing .controls .chart-type ul li.ema a:hover,
.web-charts-marketing .controls .indicator ul li.ema a:hover,
.web-charts-marketing .controls .trade-order-type ul li.ema a:hover {
  text-decoration: underline;
}
.web-charts-marketing .controls .time ul li.ema span,
.web-charts-marketing .controls .chart-type ul li.ema span,
.web-charts-marketing .controls .indicator ul li.ema span,
.web-charts-marketing .controls .trade-order-type ul li.ema span {
  padding-right: 24px;
}
.web-charts-marketing .controls .time ul li.ema:hover .ico-trade-wave, .web-charts-marketing .controls .time ul li.ema.active .ico-trade-wave,
.web-charts-marketing .controls .chart-type ul li.ema:hover .ico-trade-wave,
.web-charts-marketing .controls .chart-type ul li.ema.active .ico-trade-wave,
.web-charts-marketing .controls .indicator ul li.ema:hover .ico-trade-wave,
.web-charts-marketing .controls .indicator ul li.ema.active .ico-trade-wave,
.web-charts-marketing .controls .trade-order-type ul li.ema:hover .ico-trade-wave,
.web-charts-marketing .controls .trade-order-type ul li.ema.active .ico-trade-wave {
  color: #004fd0;
}
.web-charts-marketing .controls .time ul li.active.ema,
.web-charts-marketing .controls .chart-type ul li.active.ema,
.web-charts-marketing .controls .indicator ul li.active.ema,
.web-charts-marketing .controls .trade-order-type ul li.active.ema {
  color: #fff;
}
.web-charts-marketing .controls .time ul li.active.ema .ico-trade-wave,
.web-charts-marketing .controls .chart-type ul li.active.ema .ico-trade-wave,
.web-charts-marketing .controls .indicator ul li.active.ema .ico-trade-wave,
.web-charts-marketing .controls .trade-order-type ul li.active.ema .ico-trade-wave {
  color: #004fd0;
}
.web-charts-marketing .controls .time ul li.active.ema:hover,
.web-charts-marketing .controls .chart-type ul li.active.ema:hover,
.web-charts-marketing .controls .indicator ul li.active.ema:hover,
.web-charts-marketing .controls .trade-order-type ul li.active.ema:hover {
  color: #004fd0;
}
.web-charts-marketing .controls .time ul li.active.ema .ico-edit,
.web-charts-marketing .controls .chart-type ul li.active.ema .ico-edit,
.web-charts-marketing .controls .indicator ul li.active.ema .ico-edit,
.web-charts-marketing .controls .trade-order-type ul li.active.ema .ico-edit {
  display: block;
}
.web-charts-marketing .controls .time ul li.active.ema a,
.web-charts-marketing .controls .chart-type ul li.active.ema a,
.web-charts-marketing .controls .indicator ul li.active.ema a,
.web-charts-marketing .controls .trade-order-type ul li.active.ema a {
  display: inline-block;
}
.web-charts-marketing .controls .time.active ul,
.web-charts-marketing .controls .chart-type.active ul,
.web-charts-marketing .controls .indicator.active ul,
.web-charts-marketing .controls .trade-order-type.active ul {
  display: block;
}
.web-charts-marketing .controls .time .timespan {
  display: none !important;
  left: 24px;
  margin: 0;
  position: absolute;
  color: grey;
  font-size: 12px;
  transition: all ease-in-out 0.25s;
}
.web-charts-marketing .controls .chart-type {
  margin-right: 6px;
}
.web-charts-marketing .controls .chart-type ul {
  padding-top: 6px;
  padding-bottom: 0;
  left: -10px;
  top: 22px;
}
.web-charts-marketing .controls .chart-type ul li {
  display: flex;
  align-items: center;
  padding-bottom: 6px;
}
.web-charts-marketing .controls .chart-type ul li img {
  float: left;
  margin-right: 6px;
}
.web-charts-marketing .controls .chart-type ul li span {
  float: left;
}
.web-charts-marketing .controls .chart-type ul li.Area img, .web-charts-marketing .controls .chart-type ul li.Line img, .web-charts-marketing .controls .chart-type ul li.Bar img, .web-charts-marketing .controls .chart-type ul li.HLC img, .web-charts-marketing .controls .chart-type ul li.OHLC img {
  position: relative;
  left: 1.5px;
  margin-right: 10px;
}
.web-charts-marketing .controls .indicator {
  left: 0;
}
.web-charts-marketing .controls .indicator svg {
  position: relative;
  width: 16px;
  height: 16px;
}
.web-charts-marketing .controls .indicator ul li {
  text-align: left;
}
.web-charts-marketing .controls .indicator ul li span {
  white-space: nowrap;
}
.web-charts-marketing .controls .trade-order-type {
  top: -4px;
  margin-right: 6px !important;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.web-charts-marketing .controls .trade-order-type.menu-item {
  display: none;
}
.web-charts-marketing .controls .trade-order-type p {
  margin: 0;
  font-size: 12px;
  color: #000;
  position: relative;
  top: -1px;
  margin: 0px 0px 0px 4px;
  width: 24px;
  padding-right: 12px;
}
.web-charts-marketing .controls .trade-order-type p .arrow svg {
  top: 6px;
  right: 5px;
  position: absolute;
  vertical-align: unset;
  height: 6px;
  width: 6px;
}
.web-charts-marketing .controls .trade-order-type .quote-quantity-input {
  top: 0;
}
.web-charts-marketing .controls .trade-order-type .quote-quantity-input:after {
  content: " ";
  height: 80%;
  background-color: #e8e8e8;
  width: 1px;
  position: absolute;
  right: 0;
  top: 0;
}
.web-charts-marketing .controls .trade-order-type ul {
  left: unset;
  right: 4px;
  top: 22px;
  width: 24px;
}
.web-charts-marketing .controls .trade-order-type ul li {
  text-align: left;
}
.web-charts-marketing .controls .trade-order-type ul li span {
  white-space: nowrap;
}
.web-charts-marketing .controls .trade-order-type::after {
  display: none !important;
}
.web-charts-marketing .controls .status-bar {
  display: inline-block;
  position: absolute;
  top: 3px;
  padding-left: 12px;
  width: auto;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.web-charts-marketing .controls .status-bar.active {
  visibility: visible;
  opacity: 1;
}
.web-charts-marketing .controls .status-bar .value {
  border-radius: 2px;
  padding: 5px 6px;
  height: 12px;
  display: flex;
  flex-flow: row;
  white-space: nowrap;
}
.web-charts-marketing .controls .status-bar .value .item {
  font-size: 10px;
  color: #fff;
  display: inline-block;
  height: 14px;
  margin-right: 4px;
}
.web-charts-marketing .controls .export {
  display: inline-flex;
  position: relative;
  pointer-events: none;
  align-self: flex-start;
  margin-left: auto;
  left: -12px;
}
.web-charts-marketing .controls .menu-item .light-img,
.web-charts-marketing .controls .menu-item .dark-img {
  position: relative;
  width: 16px;
}
.web-charts-marketing .controls .menu-item .dark-img {
  display: none;
}
.web-charts-marketing .controls .menu-item {
  position: relative;
  margin-right: 10px;
  cursor: pointer;
  display: inline-flex;
}
.web-charts-marketing .controls .menu-item:after {
  position: absolute;
  display: inline-block;
  content: " ";
  height: 100%;
  width: 1px;
  background-color: #e8e8e8;
  top: 0;
  right: -6px;
}
.web-charts-marketing .controls .menu-item.heart-status-button .selected-img {
  display: none;
  position: relative;
  width: 16px;
}
.web-charts-marketing .controls .menu-item.heart-status-button.selected .light-img,
.web-charts-marketing .controls .menu-item.heart-status-button.selected .dark-img {
  display: none;
}
.web-charts-marketing .controls .menu-item.heart-status-button.selected .selected-img {
  display: block;
}
.web-charts-marketing .controls .menu-item.trade-button {
  top: -4px;
}
.web-charts-marketing .controls .menu-item.trade-button button {
  font-family: sans-serif;
  font-weight: 600;
  border-radius: 2px;
  cursor: pointer;
  height: 16px;
  font-size: 11px;
  border: solid 1px #bfbfbf;
}
.web-charts-marketing .controls .menu-item.trade-button::after {
  display: none;
}
.web-charts-marketing .controls .menu-item.trade-quick-orders {
  width: 16px;
  height: 16px;
  position: relative;
  display: none;
  margin-right: 0px;
  margin-left: 0px;
}
.web-charts-marketing .controls .menu-item.trade-quick-orders svg {
  width: 18px;
  height: 18px;
  color: #000;
  position: absolute;
  left: 2px;
  top: -1px;
}
.web-charts-marketing .controls .menu-item.trade-quick-orders::after {
  display: none;
}
.web-charts-marketing .controls .menu-item.trade-quick-orders.disabled {
  opacity: 0.7;
  cursor: default;
}
.web-charts-marketing .controls .menu-item.trade-quick-orders.disabled button {
  color: grey;
}
.web-charts-marketing .controls .menu-item.trade-quick-orders {
  top: -4px;
}
.web-charts-marketing .controls .menu-item.trade-quick-orders button {
  font-family: sans-serif;
  font-weight: 600;
  border-radius: 2px;
  cursor: pointer;
  height: 16px;
  font-size: 11px;
  background: #efefef;
  color: #000;
  border: solid 1px #bfbfbf;
  line-height: 1;
  margin-left: 4px;
}
.web-charts-marketing .controls .menu-item.trade-quick-orders button:disabled {
  opacity: 0.5;
  cursor: default;
  color: #b3b3b3;
}
.web-charts-marketing .controls .comparison-box {
  display: none;
}
.web-charts-marketing .controls .comparison-box .comparison-container {
  position: relative;
  margin-right: 6px;
  cursor: pointer;
  display: inline-flex;
}
.web-charts-marketing .controls .comparison-box .comparison-container p {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  padding: 4px 0;
  font-size: 11px;
  font-weight: 600;
  height: 8px;
  line-height: 0.8;
  margin-right: 4px;
}
.web-charts-marketing .controls .comparison-box .anchor-container {
  position: relative;
  display: inline-flex;
}
.web-charts-marketing .controls.has-comparisons .menu-box {
  top: 40px;
}
.web-charts-marketing .controls.has-comparisons .menu-box.pnl-box {
  top: -3px;
}
.web-charts-marketing .controls.has-comparisons .menu-box.comparison-box {
  top: 20px;
  display: inline-flex;
}
.web-charts-marketing .controls .trade-ui-group {
  display: none;
}
.web-charts-marketing .chart-settings-btn {
  position: absolute;
  z-index: 4;
  width: 18px;
  right: 66px;
  top: 25px;
  cursor: pointer;
  text-align: center;
}
.web-charts-marketing .chart-settings-btn svg {
  width: 14px;
  height: 14px;
}
.web-charts-marketing .single-stock-mode .controls .logo-box {
  display: none !important;
}
.web-charts-marketing .single-stock-mode .controls .menu-box {
  padding-left: 0px;
  left: 4px;
}
.web-charts-marketing .single-stock-mode .controls .menu-box.pnl-box .pnl {
  display: none !important;
}
.web-charts-marketing .single-stock-mode.one .controls .menu-box {
  top: 6px;
}
.web-charts-marketing .single-stock-mode.one .controls.has-comparisons .menu-box.chart-menu-box {
  top: 24px;
}
.web-charts-marketing .single-stock-mode.one .controls.has-comparisons .menu-box.comparison-box {
  top: 6px;
  display: inline-flex;
}
.web-charts-marketing .single-stock-mode.one .chart-settings-btn {
  top: 6px;
}
.web-charts-marketing .new-trade-ui .trade-ui-group {
  display: inline-flex;
  position: relative;
  top: 4px;
}
.web-charts-marketing .new-trade-ui.ti-chart.ti-pro .trade-ui-group.on {
  top: 0;
}
.web-charts-marketing .new-trade-ui.ti-chart.ti-pro .trade-ui-group.on .trade-button {
  margin-left: 2px;
}
.web-charts-marketing .new-trade-ui.ti-chart.ti-pro .scaling-reset-button {
  right: 115px;
  top: -2px;
}
.web-charts-marketing .new-trade-ui.ti-chart.ti-pro .chart-settings-btn {
  top: -2px !important;
  right: 88px;
}
.web-charts-marketing .new-trade-ui .controls .pnp-switch.normal {
  top: -6px;
}
.web-charts-marketing .new-trade-ui .controls .single-stock-expand-btn.normal {
  top: -2px;
  right: 64px;
}
.web-charts-marketing .new-trade-ui .controls .single-stock-expand-btn.normal.active {
  top: -10px;
}
.web-charts-marketing .new-trade-ui .controls .menu-item.trade-button, .web-charts-marketing .new-trade-ui .controls .menu-item.trade-quick-orders, .web-charts-marketing .new-trade-ui .controls .menu-item.trade-order-type {
  display: inline-flex;
}
.web-charts-marketing .new-trade-ui .controls .menu-item.camera-screenshot-button::after {
  display: none;
}
.web-charts-marketing .ti-chart.dark-theme .menu-item .light-img {
  display: none;
}
.web-charts-marketing .ti-chart.dark-theme .menu-item .dark-img {
  display: block;
}
.web-charts-marketing .ti-chart.dark-theme .menu-item::after {
  background-color: #a8a8a8;
}
.web-charts-marketing .ti-chart.dark-theme .menu-item.trade-order-type p {
  color: #fff;
}
.web-charts-marketing .ti-chart.dark-theme .trade-order-type {
  border: 1px solid #a8a8a8;
}
.web-charts-marketing .ti-chart.dark-theme .trade-order-type .quote-quantity-input span {
  color: #fff;
}
.web-charts-marketing .ti-chart.dark-theme .trade-order-type .quote-quantity-input input {
  color: #fff;
}
.web-charts-marketing .ti-chart.dark-theme .trade-order-type .quote-quantity-input input:after {
  background-color: #a8a8a8;
}
.web-charts-marketing .tooltip {
  color: #fff;
  position: absolute;
  top: 80px;
  left: 8px;
  z-index: 5;
  font-size: 10px;
  padding: 2px;
  width: 140px;
  visibility: hidden;
  transition: left ease-in-out 0.5s;
}
.web-charts-marketing .tooltip::before {
  background-color: #000;
  opacity: 0.75;
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.web-charts-marketing .tooltip.active {
  visibility: visible;
}
.web-charts-marketing .tooltip.has-comparsion {
  top: 98px;
}
.web-charts-marketing .tooltip.level1 {
  left: 52px;
}
.web-charts-marketing .tooltip.level1.level2 {
  left: 96px;
}
.web-charts-marketing .tooltip .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ff0000;
  display: inline-block;
  margin-right: 4px;
}
.web-charts-marketing .tooltip .bl {
  display: inline-block;
  width: 100%;
  position: relative;
}
.web-charts-marketing .tooltip .indicators {
  display: inline-block;
  width: 100%;
  position: relative;
}
.web-charts-marketing .tooltip .h {
  position: relative;
  padding-bottom: 4px;
  margin-bottom: 6px;
}
.web-charts-marketing .tooltip .h .date {
  font-weight: 700;
}
.web-charts-marketing .tooltip .h:after {
  content: " ";
  position: absolute;
  width: 50%;
  height: 1px;
  background-color: #fff;
  left: 25%;
  bottom: 0;
}
.web-charts-marketing .tooltip .v {
  width: 50%;
  display: inline-block;
  float: right;
  text-align: right;
}
.web-charts-marketing .tooltip .lb {
  word-break: break-all;
  width: 50%;
  display: inline-block;
}
.web-charts-marketing .tooltip .tooltip-container {
  position: relative;
  z-index: 2;
  max-height: 200px;
  overflow-y: auto;
  padding: 0 4px;
}
.web-charts-marketing .tooltip .tooltip-container::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 4px;
  height: 6px;
  display: block;
}
.web-charts-marketing .tooltip .tooltip-container::-webkit-scrollbar-thumb:horizontal {
  height: 6px;
}
.web-charts-marketing .tooltip .tooltip-container::-webkit-scrollbar-track {
  background: #ffffff;
  height: 6px;
  display: block;
}
.web-charts-marketing .tooltip .tooltip-container::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 6px;
  display: block;
  border-radius: 4px;
}
.web-charts-marketing .last-price-wrapper {
  visibility: hidden;
  opacity: 0;
  background-color: var(--main-symbol-bg-color);
  width: 48px;
  height: 16px;
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 20;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.web-charts-marketing .last-price-wrapper.main-symbol-last-price {
  z-index: 99;
}
.web-charts-marketing .last-price-wrapper.comparison-percentage {
  width: 62px;
}
.web-charts-marketing .last-price-wrapper.comparison-percentage .last-price p {
  font-size: 9px;
  line-height: 1.8;
}
.web-charts-marketing .last-price-wrapper .last-price {
  position: relative;
}
.web-charts-marketing .last-price-wrapper .last-price:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 8px 0;
  position: absolute;
  border-color: transparent var(--main-symbol-bg-color) transparent transparent;
  content: " ";
  left: -6px;
  top: 0px;
}
.web-charts-marketing .last-price-wrapper .last-price p {
  cursor: default;
  color: rgb(255, 255, 255);
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  margin: 0;
  line-height: 1.4;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 16px;
}
.web-charts-marketing .last-price-wrapper.normal {
  background-color: rgb(128, 128, 128);
}
.web-charts-marketing .last-price-wrapper.normal .last-price:before {
  border-color: transparent rgb(128, 128, 128) transparent transparent;
}
.web-charts-marketing .last-price-wrapper.main-symbol-current-price {
  z-index: 100;
  background-color: rgb(128, 128, 128);
  cursor: n-resize !important;
}
.web-charts-marketing .last-price-wrapper.main-symbol-current-price .last-price:before {
  border-color: transparent rgb(128, 128, 128) transparent transparent;
}
.web-charts-marketing .last-price-wrapper.main-symbol-current-price .last-price p {
  cursor: n-resize !important;
}
.web-charts-marketing .last-price-wrapper.main-symbol-current-price .add {
  position: absolute;
  right: 72px;
  top: 0px;
  width: 22px;
  height: 22px;
  color: #fff;
  cursor: pointer;
}
.web-charts-marketing .last-price-wrapper.main-symbol-current-price .add svg {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0px;
}
.web-charts-marketing .last-price-wrapper.main-symbol-current-price .add .dark-img {
  height: 22px;
  width: 22px;
  display: none;
}
.web-charts-marketing .last-price-wrapper.main-symbol-current-price .add .light-img {
  height: 22px;
  width: 22px;
  display: block;
}
.web-charts-marketing .ti-chart.dark-theme .add .dark-img {
  display: block;
}
.web-charts-marketing .ti-chart.dark-theme .add .light-img {
  display: none;
}
.web-charts-marketing .ti-chart.ti-pro .last-price-wrapper.main-symbol-current-price {
  width: 70px;
  height: 22px;
  background-color: rgb(128, 128, 128);
}
.web-charts-marketing .ti-chart.ti-pro .last-price-wrapper.main-symbol-current-price .last-price {
  width: 100%;
  height: 100%;
  right: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-charts-marketing .ti-chart.ti-pro .last-price-wrapper.main-symbol-current-price .last-price::before {
  display: none !important;
}
.web-charts-marketing .ti-chart.ti-pro .last-price-wrapper.main-symbol-current-price.smartrisk {
  width: 100px;
}
.web-charts-marketing .ti-chart.ti-pro .last-price-wrapper.main-symbol-current-price.smartrisk .add {
  right: 102px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input {
  height: 24px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input input {
  height: 16px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input button.down {
  top: 12px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input button.down span {
  position: relative;
  top: -1px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .trade-order-type p {
  width: 55px;
  height: 12px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .trade-order-type p .arrow svg {
  top: 4px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .trade-order-type ul {
  width: 60px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .menu-item.add-price-alert {
  height: 22px;
  padding-top: 10px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .menu-item.add-price-alert .txt {
  position: relative;
  top: 0;
  margin-right: 2px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .menu-item.buy-sell .button {
  height: 12px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .menu-item.buy-sell .button.submit {
  line-height: 2;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .menu-item.buy-sell .val {
  height: 12px;
}
.web-charts-marketing .ti-chart.ti-pro .main-symbol-current-price-menu-items .menu-item.buy-sell .market {
  height: 12px;
}
.web-charts-marketing .main-symbol-current-price-menu-items {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: none;
  position: absolute;
  width: auto;
  right: 72px;
  top: 22px;
  font-size: 11px;
  z-index: 999;
  padding: 4px 0;
  color: #131722;
  background-color: #fff;
  border: 1px solid #f0f3fa;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(106, 109, 120, 0.6);
  line-height: 1.2;
  cursor: pointer;
}
.web-charts-marketing .main-symbol-current-price-menu-items.active {
  display: block;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  justify-content: center;
  border: none !important;
  align-items: center;
  margin-left: 4px;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type p {
  margin: 0;
  font-size: 12px;
  color: #131722 !important;
  position: relative;
  margin: 0px 0px 0px 4px;
  width: 64px;
  display: inline-flex;
  align-items: center;
  padding: 6px;
  border: 1px solid rgb(128, 128, 128);
  height: 23px;
  border-radius: 4px;
  overflow: hidden;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type p .arrow {
  position: absolute;
  right: 0;
  height: 100%;
  width: 14px;
  background-color: rgb(128, 128, 128);
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type p .arrow svg {
  position: relative;
  left: 4px;
  top: 2px;
  vertical-align: unset;
  height: 6px;
  width: 6px;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type p .arrow svg g {
  fill: #c0c0c0 !important;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input {
  width: 64px;
  position: relative;
  height: 23px;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid rgb(128, 128, 128);
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input input {
  width: 100%;
  color: #131722 !important;
  padding: 2px 2px 2px 8px;
  font-size: 12px;
  position: relative;
  top: 2px;
  border: none !important;
  outline: 0;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input button {
  position: absolute;
  border: none;
  width: 12px;
  height: 12px;
  display: flex;
  top: 0;
  right: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  background-color: rgb(128, 128, 128);
  cursor: pointer;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input button.up {
  right: 0px;
  top: 0px;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input button.up::after {
  content: " ";
  position: absolute;
  width: 12px;
  height: 1px;
  left: 0;
  background-color: #c0c0c0;
  bottom: 0;
  z-index: 2;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input button.down {
  right: 0px;
  top: 10px;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input button span {
  color: #c0c0c0 !important;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type ul {
  margin: 0;
  position: absolute;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 6px 4px;
  padding-left: 8px;
  border-radius: 4px;
  display: none;
  left: 68px;
  top: 28px;
  width: 64px;
  z-index: 2;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type ul li {
  display: inline-block;
  width: 100%;
  text-align: left;
  color: #fff;
  text-shadow: 1px 0px #333;
  font-size: 12px;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type ul li.active, .web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type ul li:hover {
  color: #00ff00;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type ul li span {
  white-space: nowrap;
}
.web-charts-marketing .main-symbol-current-price-menu-items .trade-order-type.active ul {
  display: block;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item {
  padding: 4px 8px;
  padding-right: 24px;
  position: relative;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.add-price-alert {
  font-size: 12px;
  height: 34px;
  padding-top: 8px;
  text-align: center;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.add-price-alert:after {
  bottom: 0;
  content: " ";
  display: block;
  position: absolute;
  left: 8px;
  width: calc(100% - 16px);
  height: 1px;
  background-color: rgb(128, 128, 128);
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.add-price-alert .txt {
  position: relative;
  top: 0px;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.add-price-alert .set-alert-btn {
  position: relative;
  padding: 6px 12px;
  border: 1px solid;
  border-radius: 4px;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item:last-child:after {
  display: none;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell {
  display: flex;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell .button {
  position: relative;
  display: inline-flex;
  color: #fff;
  justify-content: center;
  font-size: 11px;
  align-items: center;
  line-height: 1;
  padding: 6px 12px;
  border-radius: 4px;
  height: 23px;
  border: 1px solid transparent;
  background-color: rgb(128, 128, 128);
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell .button.buy {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell .button.sell {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  left: 0;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell .val {
  font-size: 12px;
  position: relative;
  padding: 6px;
  height: 23px;
  border: 1px solid rgb(128, 128, 128);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  border-radius: 4px;
  margin-left: 4px;
  white-space: nowrap;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell .val.m {
  background: rgb(128, 128, 128);
  color: #fff;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell.b .button.buy {
  background-color: rgb(56, 179, 73);
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell.b .button.submit {
  background-color: rgb(56, 179, 73);
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell.b .market.active {
  background-color: rgb(56, 179, 73);
  border: 1px solid rgb(56, 179, 73);
  color: #fff;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell.s .button.sell {
  background-color: rgb(234, 28, 38);
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell.s .button.submit {
  background-color: rgb(234, 28, 38);
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell.s .market.active {
  background-color: rgb(234, 28, 38);
  border: 1px solid rgb(234, 28, 38);
  color: #fff;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell .market {
  margin-left: 4px;
  margin-right: 4px;
  padding: 6px;
  display: inline-flex;
  justify-content: center;
  font-size: 12px;
  align-items: center;
  height: 23px;
  line-height: 1;
  border: 1px solid rgb(128, 128, 128);
  border-radius: 4px;
}
.web-charts-marketing .main-symbol-current-price-menu-items .menu-item.buy-sell .market.active {
  background: #e8e8e8;
}
.web-charts-marketing .comparison-symbol-last-prices .last-price-wrapper {
  width: 62px;
}
.web-charts-marketing .comparison-symbol-last-prices .last-price-wrapper .last-price p {
  font-size: 9px;
  line-height: 1.8;
}
.web-charts-marketing .x-axis-label-wrapper {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0;
  display: inline-block;
  max-width: 140px;
}
.web-charts-marketing .x-axis-label-wrapper.active {
  visibility: visible;
  opacity: 1;
}
.web-charts-marketing .x-axis-label-wrapper .x-axis-label {
  position: relative;
  display: inline-block;
  background-color: rgb(128, 128, 128);
}
.web-charts-marketing .x-axis-label-wrapper .x-axis-label p {
  cursor: default;
  color: rgb(255, 255, 255);
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  margin: 4px 8px;
}
.web-charts-marketing .pnl-container {
  display: inline-flex;
  position: relative;
  top: 0px;
  cursor: default;
}
.web-charts-marketing .pnl-container .pnl {
  display: inline-block;
  white-space: nowrap;
  background-color: black;
  padding: 4px;
  font-size: 11px;
  font-weight: 600;
  height: 8px;
  line-height: 0.8;
  border-radius: 4px;
}
.web-charts-marketing .pnl-container .current-position-wrapper {
  display: inline-flex;
  position: relative;
  top: -1px;
}
.web-charts-marketing .pnl-container .current-position-container {
  display: inline-flex;
  white-space: nowrap;
  background-color: rgb(0, 64, 128);
  border: 2px solid rgb(0, 64, 128);
  border-radius: 4px;
  margin-right: 5px;
  color: white;
  padding: 3px 4px;
  font-weight: 600;
  font-size: 11px;
  height: 8px;
  line-height: 0.8;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
}
.web-charts-marketing .pnl-container .current-position-container.active {
  border: 2px solid rgb(255, 217, 59);
}
.web-charts-marketing .pnl-container .current-position-container .at {
  position: relative;
  top: -1px;
}
.web-charts-marketing .pnl-container .current-position-container .shares-count {
  display: inline-block;
}
.web-charts-marketing .pnl-container .current-position-container .shares-pnl {
  margin-left: 4px;
  display: inline-block;
}
.web-charts-marketing .pnl-container .current-position-container:last-child {
  margin-right: 0;
}
.web-charts-marketing .pnl-container.aapl .current-position-container .at {
  top: 0px;
}
.web-charts-marketing .single-stock-mode .pnl-container .pnl {
  font-size: 13px;
  height: 10px;
}
.web-charts-marketing .single-stock-mode .pnl-container .current-position-container {
  font-size: 13px;
}
.web-charts-marketing .single-stock-mode .pnl-container .current-position-container:first-child {
  margin-left: 0;
}
.web-charts-marketing .ti-chart.dark-theme .pnl-container .current-position-container.active {
  border: 2px solid rgb(192, 192, 192);
}
@media screen and (max-width: 640px) {
  .web-charts-marketing .single-stock-mode .pnl-container .pnl {
    font-size: 11px;
    height: 8px;
  }
  .web-charts-marketing .single-stock-mode .pnl-container .current-position-container {
    font-size: 11px;
    height: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .web-charts-marketing .single-stock-mode .pnl-container .pnl {
    font-size: 1rem;
    height: 11px;
  }
  .web-charts-marketing .single-stock-mode .pnl-container .current-position-container {
    font-size: 1rem;
    height: 11px;
  }
}
.web-charts-marketing .logo-wrapper {
  position: absolute;
  width: calc(100% - 70px);
  right: 0;
  top: 0;
  left: 0;
  transform: unset;
  pointer-events: none;
  z-index: 0;
  display: none;
  padding: 0;
  margin: 0;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.web-charts-marketing .logo-wrapper .logo {
  font-size: 13vw;
  font-weight: 500;
  font-family: sans-serif;
  margin: 0;
  line-height: 1;
  display: inline-flex;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  justify-content: center;
}
.web-charts-marketing .logo-wrapper .ti-logo {
  width: 36%;
  height: 32%;
  margin: 0 auto;
  display: inline-flex;
  overflow: hidden;
  position: absolute;
  bottom: 4px;
}
.web-charts-marketing .logo-wrapper .ti-logo img {
  pointer-events: none !important;
  position: relative;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  width: 100%;
  height: 120%;
}
.web-charts-marketing .logo-wrapper.small .ti-logo {
  width: 38%;
  height: 36%;
  bottom: 12px;
}
.web-charts-marketing .logo-wrapper.small-2x .logo {
  font-size: 11vw;
}
.web-charts-marketing .logo-wrapper.small-2x .ti-logo {
  display: none;
}
.web-charts-marketing .logo-wrapper.four-digits .logo {
  font-size: 11vw;
}
.web-charts-marketing .logo-wrapper.four-digits.small .logo {
  font-size: 10vw;
}
.web-charts-marketing .logo-wrapper.four-digits.small-2x .logo {
  font-size: 9vw;
}
.web-charts-marketing .logo-wrapper.five-digits .logo {
  font-size: 10vw;
}
.web-charts-marketing .logo-wrapper.five-digits.small .logo {
  font-size: 9vw;
}
.web-charts-marketing .logo-wrapper.five-digits.small-2x .logo {
  font-size: 8vw;
}
.web-charts-marketing .buy-sell-buttons-container {
  display: inline-flex;
  position: relative;
  top: -4px;
  margin-right: 2px;
}
.web-charts-marketing .buy-sell-buttons-container button {
  font-family: sans-serif;
  font-weight: 600;
  border-radius: 2px;
  cursor: pointer;
  height: 16px;
  font-size: 11px;
  border: solid 1px #bfbfbf;
}
.web-charts-marketing .buy-sell-buttons-container button:disabled, .web-charts-marketing .buy-sell-buttons-container button.disabled {
  cursor: default;
  background: #efefef;
  color: lightgray;
}
.web-charts-marketing .buy-sell-buttons-container .buy {
  color: #fff;
  margin-right: 2px;
  background: #37b34a;
}
.web-charts-marketing .buy-sell-buttons-container .sell {
  color: #fff;
  margin-left: 2px;
  background: #ec2324;
}
.web-charts-marketing .buy-sell-buttons-container.trade-quote {
  display: none;
}
.web-charts-marketing .new-trade-ui .buy-sell-buttons-container.normal {
  display: none;
}
.web-charts-marketing .new-trade-ui .buy-sell-buttons-container.trade-quote {
  display: inline-flex;
}
.web-charts-marketing .highcharts-axis.highcharts-yaxis {
  position: absolute;
  left: 80px !important;
  top: 20px !important;
}
.web-charts-marketing .highcharts-axis.highcharts-yaxis .highcharts-axis-title {
  transform: unset !important;
  left: 0 !important;
  color: #666666;
}
.web-charts-marketing .highcharts-draw-mode .highcharts-annotation .highcharts-annotation-shapes path:not(.highcharts-tracker-line) path {
  cursor: inherit !important;
}
.web-charts-marketing .highcharts-draw-mode .highcharts-annotation .highcharts-annotation-labels .highcharts-annotation-label {
  cursor: inherit !important;
}
.web-charts-marketing .highcharts-annotation .highcharts-annotation-shapes path:not(.highcharts-tracker-line):not(.colored) {
  stroke: rgb(41, 98, 255);
  stroke-width: 1;
}
.web-charts-marketing .highcharts-annotation .highcharts-annotation-shapes path {
  cursor: move;
}
.web-charts-marketing .highcharts-annotation .highcharts-annotation-labels .highcharts-annotation-label {
  cursor: move;
}
.web-charts-marketing .highcharts-annotation .highcharts-annotation-labels.dragging-vertical .highcharts-annotation-label {
  cursor: e-resize;
}
.web-charts-marketing .highcharts-annotation .highcharts-annotation-labels.dragging-horizontal .highcharts-annotation-label {
  cursor: n-resize;
}
.web-charts-marketing .highcharts-annotation .highcharts-annotation-labels.active text {
  outline: 1px solid rgb(41, 98, 255);
}
.web-charts-marketing .highcharts-stocktools-toolbar .highcharts-curved-line-custom-annotation .highcharts-menu-item-btn {
  background-image: url("../img/curved-line-icon.svg") !important;
  background-size: 40px 40px;
}
.web-charts-marketing .highcharts-stocktools-toolbar .highcharts-emoji-custom-annotation .highcharts-menu-item-btn,
.web-charts-marketing .highcharts-stocktools-toolbar .highcharts-emoji2-custom-annotation .highcharts-menu-item-btn {
  background-image: url("../img/emoji-icon.svg") !important;
  background-size: 20px 20px;
}
.web-charts-marketing .historical-chart-button {
  position: absolute;
  cursor: pointer;
  z-index: 3;
}
.web-charts-marketing .historical-chart-button img {
  width: 17px;
  height: 15px;
}
.web-charts-marketing .historical-chart-button .dark-img {
  display: none;
}
.web-charts-marketing .historical-chart-button .light-img {
  display: block;
}
.web-charts-marketing .scaling-reset-button {
  position: absolute;
  z-index: 4;
  width: 16px;
  height: 16px;
  right: 102px;
  top: 2px;
  cursor: pointer;
}
.web-charts-marketing .scaling-reset-button svg {
  width: 16px;
  height: 16px;
  color: #2b2b2b;
}
.web-charts-marketing .scaling-reset-button.disabled {
  opacity: 0.5;
  cursor: default;
}
.web-charts-marketing .ti-chart.one .scaling-reset-button {
  top: 3px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .scaling-reset-button {
  right: 94px;
  top: 25px;
}
.web-charts-marketing .ti-chart.web-charts-marketing.one .scaling-reset-button {
  top: 6px;
}
.web-charts-marketing .ti-chart.dark-theme .scaling-reset-button svg {
  color: #9D9D9D;
}
.web-charts-marketing .draw-order-execution .doe {
  position: absolute;
}
.web-charts-marketing .draw-order-execution .doe img {
  position: relative;
}
.web-charts-marketing .axis-sep.y {
  position: absolute;
  top: 43px;
  height: calc(100% - 43px);
  width: 1px;
  background-color: rgb(128, 128, 128);
  z-index: 1;
}
.web-charts-marketing .axis-sep.x {
  position: absolute;
  height: 1px;
  width: 50px;
  background-color: rgb(128, 128, 128);
  z-index: 1;
}
.web-charts-marketing .single-stock-expand-btn {
  position: absolute;
  z-index: 4;
  cursor: pointer;
  width: 24px;
  height: 24px;
  top: 6px;
  right: 64px;
  transform: rotate(0deg);
  transition: ease-in-out 0.2s transform;
}
.web-charts-marketing .single-stock-expand-btn svg {
  position: relative;
  color: #000;
  width: 16px;
  height: 16px;
  left: 8px;
}
.web-charts-marketing .single-stock-expand-btn.active {
  transform: rotate(180deg);
  top: 6px;
}
.web-charts-marketing .single-stock-expand-btn.active svg {
  left: 0;
}
.web-charts-marketing .ti-chart.dark-theme .single-stock-expand-btn svg {
  color: rgb(192, 192, 192);
}
.web-charts-marketing .halted-notification-container {
  display: inline-flex;
  position: relative;
  top: 0px;
  cursor: default;
  border: 1px solid rgb(224, 3, 3);
  background-color: rgb(224, 3, 3);
  height: 14px;
  border-radius: 4px;
  margin-right: 5px;
}
.web-charts-marketing .halted-notification-container .text {
  display: inline-flex;
}
.web-charts-marketing .halted-notification-container b {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  padding: 3px;
  font-weight: 600;
  font-size: 11px;
  height: 8px;
  line-height: 0.8;
  color: rgb(255, 255, 255);
}
.web-charts-marketing .single-stock-mode .halted-notification-container {
  height: 16px;
}
.web-charts-marketing .single-stock-mode .halted-notification-container b {
  font-size: 13px;
  height: 10px;
}
@media screen and (max-width: 640px) {
  .web-charts-marketing .single-stock-mode .halted-notification-container {
    height: 14px;
  }
  .web-charts-marketing .single-stock-mode .halted-notification-container b {
    font-size: 11px;
    height: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .web-charts-marketing .single-stock-mode .halted-notification-container {
    height: 18px;
  }
  .web-charts-marketing .single-stock-mode .halted-notification-container b {
    font-size: 1rem;
  }
}
.web-charts-marketing .earning-notification-container {
  display: inline-flex;
  position: relative;
  top: 0px;
  cursor: default;
  border: 1px solid rgb(255, 217, 59);
  background-color: rgb(255, 217, 59);
  border-radius: 4px;
  height: 14px;
  margin-right: 5px;
  color: #000;
}
.web-charts-marketing .earning-notification-container .text {
  display: inline-flex;
}
.web-charts-marketing .earning-notification-container .symbol {
  display: inline-flex;
}
.web-charts-marketing .earning-notification-container .symbol b {
  padding: 3px;
}
.web-charts-marketing .earning-notification-container p {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  padding: 3px;
  font-weight: 500;
  font-size: 11px;
  height: 8px;
  line-height: 0.8;
  color: #000;
}
.web-charts-marketing .earning-notification-container b {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  padding: 3px 0;
  font-weight: 600;
  font-size: 11px;
  height: 8px;
  line-height: 0.8;
  color: #000;
}
.web-charts-marketing .single-stock-mode .earning-notification-container {
  height: 16px;
}
.web-charts-marketing .single-stock-mode .earning-notification-container p, .web-charts-marketing .single-stock-mode .earning-notification-container b {
  font-size: 13px;
  height: 10px;
}
@media screen and (max-width: 640px) {
  .web-charts-marketing .single-stock-mode .earning-notification-container {
    height: 14px;
  }
  .web-charts-marketing .single-stock-mode .earning-notification-container p, .web-charts-marketing .single-stock-mode .earning-notification-container b {
    font-size: 11px;
    height: 8px;
  }
}
@media screen and (min-width: 1200px) {
  .web-charts-marketing .single-stock-mode .earning-notification-container {
    height: 18px;
  }
  .web-charts-marketing .single-stock-mode .earning-notification-container p, .web-charts-marketing .single-stock-mode .earning-notification-container b {
    font-size: 1rem;
  }
}
.web-charts-marketing g.dtcl path {
  cursor: pointer;
}
.web-charts-marketing g.dtcl_selectedGraph .dtcl_cpoint {
  opacity: 1;
  cursor: pointer;
}
.web-charts-marketing .emoji-resize {
  position: absolute;
}
.web-charts-marketing .emoji-resize .emoji-resize-control {
  position: absolute;
}
.web-charts-marketing .emoji-resize .emoji-resize-control.vertical {
  width: 10px;
  background-color: transparent;
  cursor: e-resize;
}
.web-charts-marketing .emoji-resize .emoji-resize-control.horizontal {
  height: 10px;
  background-color: transparent;
  cursor: n-resize;
}
.web-charts-marketing .marketing-status-line.menu-item {
  padding-left: 6px;
  cursor: default !important;
  position: absolute;
  right: 0;
  font-weight: bold;
  top: 2px;
}
.web-charts-marketing .marketing-status-line.menu-item .symbol {
  font-size: 16px;
  display: none;
}
.web-charts-marketing .marketing-status-line.menu-item .current-close,
.web-charts-marketing .marketing-status-line.menu-item .current-percent,
.web-charts-marketing .marketing-status-line.menu-item .current-amount {
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-charts-marketing .marketing-status-line.menu-item .current-close {
  position: relative;
  font-size: 16px;
}
.web-charts-marketing .marketing-status-line.menu-item .current-percent {
  font-size: 12px;
  padding: 2px 8px;
  margin: 0 8px;
  background: gray;
  border-radius: 4px;
}
.web-charts-marketing .marketing-status-line.menu-item .current-percent .icon {
  margin-right: 2px;
  top: 1px;
  position: relative;
}
.web-charts-marketing .marketing-status-line.menu-item .current-percent .icon svg {
  width: 12px;
  height: 12px;
}
.web-charts-marketing .marketing-status-line.menu-item .current-percent .icon.down {
  transform: rotate(180deg);
  top: -1px;
}
.web-charts-marketing .marketing-status-line.menu-item .current-amount {
  font-size: 12px;
}
.web-charts-marketing .marketing-status-line.menu-item .last-price {
  display: none;
}
.web-charts-marketing .ti-chart.dark-theme .marketing-status-line.menu-item .current-close {
  color: rgb(192, 192, 192);
}
.web-charts-marketing.chart-component-main.preview .transparent-mode .controls {
  top: unset;
  bottom: 0;
  width: auto;
  padding: 0;
}
.web-charts-marketing.chart-component-main.preview .transparent-mode .controls .chart-menu-box {
  position: relative;
  left: 0;
  top: 0;
  padding: 0;
  width: auto;
}
.web-charts-marketing.chart-component-main.preview .transparent-mode .controls .chart-menu-box .marketing-status-line {
  padding-left: 0;
  position: relative;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
}
.web-charts-marketing.chart-component-main.preview .transparent-mode .controls .chart-menu-box .marketing-status-line .current-close {
  display: block !important;
  color: #000;
  line-height: 1.2;
}
.web-charts-marketing.chart-component-main.preview .transparent-mode .controls .chart-menu-box .marketing-status-line .current-amount {
  display: block !important;
}
.web-charts-marketing.chart-component-main.preview .transparent-mode .controls .chart-menu-box .marketing-status-line .current-percent, .web-charts-marketing.chart-component-main.preview .transparent-mode .controls .chart-menu-box .marketing-status-line .current-amount {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  line-height: 1.2;
}
.web-charts-marketing.chart-component-main.preview .transparent-mode.dark-theme .controls .chart-menu-box .marketing-status-line .current-close {
  color: #fff;
}
.web-charts-marketing .marketing-webchart-single-stock-window {
  display: flex;
  transition: ease-in-out 0.4s all;
  flex-flow: row wrap;
  color: #000;
  height: 40px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .icon-wrapper,
.web-charts-marketing .marketing-webchart-single-stock-window .content-wrapper {
  display: flex;
}
.web-charts-marketing .marketing-webchart-single-stock-window .icon-wrapper {
  position: relative;
  width: 100%;
  padding-left: 4px;
  padding-top: 4px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .content-wrapper {
  margin: 4px;
  margin-top: 10px;
  width: 100%;
  flex-flow: column;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section {
  display: flex;
  flex-flow: row;
  width: 100%;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .symbol-lookup-wrapper {
  display: inline-flex;
  flex-flow: column;
  flex: 0 0 52px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .symbol-lookup-wrapper input {
  font-size: 13px;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  height: 18px;
  width: 50px;
  outline: none;
  color: #000;
  line-height: 1;
  width: 58px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .symbol-lookup-wrapper .country-wrapper {
  position: relative;
  min-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .symbol-lookup-wrapper .country-wrapper img {
  height: auto;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .prices {
  display: inline-flex;
  width: 100%;
  height: 36px;
  flex: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .prices .last-price {
  display: inline-flex;
  white-space: nowrap;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
  margin-left: 18px;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  top: 6px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .prices .pnl {
  display: inline-flex;
  white-space: nowrap;
  font-size: 22px;
  line-height: 1;
  font-weight: bold;
  margin-left: 8px;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  top: 4px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .volumes {
  display: inline-flex;
  flex-flow: row wrap;
  padding-right: 12px;
  flex: 0 0 150px;
  position: relative;
  top: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: flex-end;
  height: 36px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .volumes .rel-vol {
  line-height: 1;
  font-size: 20px;
  position: relative;
  display: inline-flex;
  width: 100%;
  white-space: nowrap;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .volumes .rel-vol span {
  padding-left: 4px;
  margin-left: auto;
  font-weight: bold;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .volumes .rel-vol span span {
  padding-left: 0px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .volumes .rel-vol span.highlight {
  color: rgb(54, 110, 186);
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .volumes .rel-vol span.highlight2 span {
  color: #fff;
  background-color: rgb(0, 79, 208);
  padding: 2px 4px;
  border-radius: 4px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .top-section .volumes .rel-vol::before {
  content: "Relative Volume: ";
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  padding: 6px 3px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section .col-auto {
  box-sizing: border-box;
  margin: 0;
  width: 25%;
  height: 23px;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  padding-right: 30px;
  position: relative;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section .col-auto .sep {
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 5px);
  bottom: 0;
  border-right: 1px solid #000;
  right: 12px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section .col-auto span:first-child {
  white-space: nowrap;
  overflow: hidden;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section .col-auto .visually-hidden {
  width: auto !important;
  height: auto !important;
  position: absolute;
  left: 0;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section .col-auto.rv, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section .col-auto.tv {
  display: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section .earning-box {
  padding: 3px;
  height: 100%;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  position: relative;
  top: 0px;
  right: 0px;
  font-size: 10px;
  font-weight: bold;
  background-color: white;
  padding-top: 1px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto {
  width: 20%;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(6) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(7) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(8) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(9) .sep {
  height: 100%;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(10) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(11) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(12) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(13) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(14) .sep {
  top: 0;
  bottom: unset;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(5), .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(10), .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(15) {
  padding-right: 4px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(5) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(10) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.five .col-auto:nth-child(15) .sep {
  display: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto {
  width: 25%;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(5) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(6) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(7) .sep {
  height: 100%;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(9) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(10) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(11) .sep {
  top: 0;
  bottom: unset;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(4), .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(8), .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(12) {
  padding-right: 4px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(4) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(8) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.four .col-auto:nth-child(12) .sep {
  display: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.three .col-auto {
  width: 33.33%;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.three .col-auto:nth-child(4) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.three .col-auto:nth-child(5) .sep {
  height: 100%;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.three .col-auto:nth-child(7) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.three .col-auto:nth-child(8) .sep {
  top: 0;
  bottom: unset;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.three .col-auto:nth-child(3), .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.three .col-auto:nth-child(6), .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.three .col-auto:nth-child(9) {
  padding-right: 4px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.three .col-auto:nth-child(3) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.three .col-auto:nth-child(6) .sep, .web-charts-marketing .marketing-webchart-single-stock-window .stock-section.three .col-auto:nth-child(9) .sep {
  display: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.two .col-auto {
  width: 50%;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.two .col-auto:nth-child(even) {
  padding-right: 4px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.two .col-auto:nth-child(even) .sep {
  display: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.two .col-auto:nth-child(odd) .sep {
  height: 100%;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.two.small .col-auto {
  height: 16px;
  font-size: 10px;
  padding-right: 16px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.two.small .col-auto .sep {
  right: 6px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.two.small .col-auto:nth-child(even) {
  padding-right: 4px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.two.small .earning-box {
  font-size: 7px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.one .col-auto {
  width: 100%;
  padding-right: 4px;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section.one .col-auto .sep {
  display: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section .right {
  margin-left: auto;
  font-weight: bold;
  color: #000;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section .highlight .right {
  color: rgb(54, 110, 186) !important;
}
.web-charts-marketing .marketing-webchart-single-stock-window .stock-section .highlight2 .right {
  color: #fff;
  background-color: rgb(0, 79, 208) !important;
  padding: 0 3px;
}
.web-charts-marketing .marketing-webchart-single-stock-window.no-bg .stock-section {
  background: none !important;
}
.web-charts-marketing .marketing-webchart-single-stock-window.no-bg .stock-section .col-auto .sep {
  display: none !important;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small .icon-wrapper {
  flex-flow: row wrap;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small .icon-wrapper .top-section .rel-vol::before {
  content: "Relative Vol: ";
}
.web-charts-marketing .marketing-webchart-single-stock-window.small .icon-wrapper .top-section .volumes {
  flex: 0 0 130px;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small2x .icon-wrapper .top-section .volumes {
  flex: 0 0 80px;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small2x .icon-wrapper .top-section .rel-vol::before {
  content: "RV: ";
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .icon-wrapper .top-section .volumes {
  display: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .stock-section .col-auto.rv {
  display: inline-flex;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .stock-section .col-auto.tv {
  display: inline-flex;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .stock-section .col-auto.tv .sep {
  height: calc(100% - 5px);
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .stock-section .col-auto.eps, .web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .stock-section .col-auto.mcap {
  display: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .stock-section .col-auto.float .sep {
  height: 100%;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .stock-section .col-auto.earning-d .sep {
  height: calc(100% - 5px);
  top: 0;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .stock-section .col-auto.pv .sep {
  display: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .stock-section .col-auto.revenue {
  display: none;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .top-section .last-price {
  margin-left: 6px;
  font-size: 7cqw;
}
.web-charts-marketing .marketing-webchart-single-stock-window.small.small3x .top-section .pnl {
  font-size: 4cqw;
  margin-left: 4px;
}
.web-charts-marketing .marketing-webchart-single-stock-window.fullscreen .top-section .volumes {
  flex: 0 0 215px;
}
.web-charts-marketing .marketing-webchart-single-stock-window.fullscreen .top-section .rel-vol::before {
  content: "Relative Volume: ";
}
.web-charts-marketing .marketing-webchart-single-stock-window.fullscreen .stock-section {
  font-size: 16px;
}
.web-charts-marketing .marketing-webchart-single-stock-window.fullscreen.small .icon-wrapper .top-section .volumes {
  flex: 0 0 190px;
}
.web-charts-marketing .marketing-webchart-single-stock-window.fullscreen.small2x .icon-wrapper .top-section .volumes {
  flex: 0 0 90px;
}
.web-charts-marketing .ti-chart.dark-theme .marketing-webchart-single-stock-window {
  color: rgb(192, 192, 192);
}
.web-charts-marketing .ti-chart.dark-theme .marketing-webchart-single-stock-window .top-section {
  display: flex;
}
.web-charts-marketing .ti-chart.dark-theme .marketing-webchart-single-stock-window .top-section .last-price {
  color: #fff;
}
.web-charts-marketing .ti-chart.dark-theme .marketing-webchart-single-stock-window .top-section .rel-vol {
  color: rgb(192, 192, 192);
}
.web-charts-marketing .ti-chart.dark-theme .marketing-webchart-single-stock-window .top-section .rel-vol span {
  color: #fff;
}
.web-charts-marketing .ti-chart.dark-theme .marketing-webchart-single-stock-window .top-section .rel-vol span.highlight span {
  color: rgb(54, 110, 186);
}
.web-charts-marketing .ti-chart.dark-theme .marketing-webchart-single-stock-window .top-section .symbol-lookup-wrapper input {
  color: rgb(192, 192, 192);
}
.web-charts-marketing .ti-chart.dark-theme .marketing-webchart-single-stock-window .stock-section .col-auto .sep {
  border-right: 1px solid rgb(192, 192, 192);
}
.web-charts-marketing .ti-chart.dark-theme .marketing-webchart-single-stock-window .stock-section .right {
  color: #fff;
}
@media screen and (min-width: 576px) {
  .web-charts-marketing .web-charts-marketing .marketing-webchart-single-stock-window.small3x .top-section .prices .last-price {
    font-size: 4cqw;
  }
  .web-charts-marketing .web-charts-marketing .marketing-webchart-single-stock-window.small3x .top-section .prices .pnl {
    font-size: 1.8cqw;
  }
}
@media screen and (min-width: 767px) {
  .web-charts-marketing .web-charts-marketing .marketing-webchart-single-stock-window.small3x .top-section .prices .last-price {
    font-size: 3cqw;
  }
  .web-charts-marketing .web-charts-marketing .marketing-webchart-single-stock-window.small3x .top-section .prices .pnl {
    font-size: 1.5cqw;
  }
}
.web-charts-marketing .change-from-close-label {
  cursor: default;
  position: absolute;
  z-index: 3;
  top: 2px;
  left: 50%;
  transform: translateX(calc(-50% - 16px));
  width: auto;
}
.web-charts-marketing .change-from-close-label .wrapper {
  height: 0;
  transition: height 0.2s ease-out;
}
.web-charts-marketing .change-from-close-label.active .wrapper {
  height: 21px;
}
.web-charts-marketing .change-from-close-label.active .btn-expand-collapse svg {
  transform: rotate(180deg);
}
.web-charts-marketing .change-from-close-label p {
  font-size: 16px;
  width: auto;
  text-align: center;
  height: 21px;
  margin: 0;
  line-height: 1;
  font-weight: 700;
  border: 1px solid grey;
  border-radius: 4px;
  padding: 2px 6px;
  background-color: #fff;
  white-space: nowrap;
}
.web-charts-marketing .change-from-close-label p span {
  font-size: 10px;
  position: relative;
  bottom: 2px;
}
.web-charts-marketing .change-from-close-label.small p {
  font-size: 10px;
}
.web-charts-marketing .change-from-close-label.small p span {
  font-size: 7px;
  bottom: 1.5px;
}
.web-charts-marketing .change-from-close-label.small.pnp p {
  top: 8px;
}
.web-charts-marketing .change-from-close-label.pnp p {
  text-align: center;
  top: 5px;
}
.web-charts-marketing .change-from-close-label .btn-expand-collapse {
  width: 14px;
  height: 14px;
  position: absolute;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0px;
  right: -16px;
  cursor: pointer;
}
.web-charts-marketing .change-from-close-label .btn-expand-collapse svg {
  color: darkgrey;
  width: 8px;
  height: 8px;
}
.web-charts-marketing .dark-theme .change-from-close-label p {
  background-color: #000;
}
.web-charts-marketing .pip-crosshair {
  position: absolute;
  height: 10px;
  width: 10px;
}
.web-charts-marketing .extra-small .ti-chart.ti-pro .change-from-close-label {
  display: none !important;
}
.web-charts-marketing .ti-chart.ti-pro .change-from-close-label p {
  height: 15px;
}
.web-charts-marketing .ti-chart.ti-pro-pnp .change-from-close-label p {
  height: 15px !important;
}
.web-charts-marketing .zoom-and-scroll-button {
  position: absolute;
  bottom: 36px;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
}
.web-charts-marketing .zoom-and-scroll-button.active {
  display: block;
}
.web-charts-marketing .zoom-and-scroll-button.hover {
  opacity: 1;
  visibility: visible;
}
.web-charts-marketing .zoom-and-scroll-button .wrapper {
  align-items: stretch;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.web-charts-marketing .zoom-and-scroll-button .bt {
  cursor: pointer;
  background: #EDF8FE;
  border-radius: 6px;
  width: 30px;
  height: 30px;
  position: relative;
  margin-left: 6px;
}
.web-charts-marketing .zoom-and-scroll-button .bt .ico {
  pointer-events: none !important;
  position: absolute;
  top: 6px;
  left: 5px;
}
.web-charts-marketing .zoom-and-scroll-button .bt.left {
  margin-left: 12px;
}
.web-charts-marketing .zoom-and-scroll-button .bt.left .ico {
  left: 7px;
}
.web-charts-marketing .zoom-and-scroll-button .bt.right .ico {
  left: 10px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .zoom-and-scroll-button {
  bottom: 36px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .zoom-and-scroll-button .bt .ico {
  top: 3px;
}
.web-charts-marketing .exit-order-wrapper {
  position: relative;
  top: 3px;
  width: auto;
  background: transparent;
  display: flex;
  z-index: 3;
  cursor: default;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1;
  justify-content: flex-end;
  height: 20px;
}
.web-charts-marketing .exit-order-wrapper p {
  margin: 0;
}
.web-charts-marketing .exit-order-wrapper .profit-target-button {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}
.web-charts-marketing .exit-order-wrapper .profit-target-button svg {
  width: 20px;
  height: 20px;
}
.web-charts-marketing .exit-order-wrapper .stop-loss-button {
  position: absolute;
  left: 26px;
  top: 0px;
  display: none;
}
.web-charts-marketing .exit-order-wrapper .stop-loss-button svg {
  width: 20px;
  height: 20px;
}
.web-charts-marketing .exit-order-wrapper .item {
  display: inline-flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  position: relative;
  z-index: 2;
}
.web-charts-marketing .exit-order-wrapper .item .value {
  font-size: 11px;
}
.web-charts-marketing .exit-order-wrapper .item .exit-order {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 0px;
}
.web-charts-marketing .exit-order-wrapper .left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid rgb(0, 79, 208);
  background-color: rgb(0, 79, 208);
  color: #fff;
}
.web-charts-marketing .exit-order-wrapper .left .value {
  line-height: 1.2;
}
.web-charts-marketing .exit-order-wrapper .right {
  cursor: pointer;
  padding-right: 14px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #fff;
}
.web-charts-marketing .exit-order-wrapper .right::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0.1px;
}
.web-charts-marketing .exit-order-wrapper .right.hover svg {
  transform: scale(1.3);
}
.web-charts-marketing .exit-order-wrapper.long .left {
  border: 1px solid rgb(16, 79, 22);
  background-color: rgb(16, 79, 22);
  color: #fff;
}
.web-charts-marketing .exit-order-wrapper.long .right::before {
  background-color: rgba(0, 79, 208, 0.15);
}
.web-charts-marketing .exit-order-wrapper.long .center .label, .web-charts-marketing .exit-order-wrapper.long .right .label {
  color: rgb(0, 79, 208);
}
.web-charts-marketing .exit-order-wrapper.short .left {
  border: 1px solid rgb(240, 54, 68);
  background-color: rgb(240, 54, 68);
  color: #fff;
}
.web-charts-marketing .exit-order-wrapper.short .right::before {
  background-color: rgba(233, 37, 38, 0.15);
}
.web-charts-marketing .exit-order-wrapper.short .center .label, .web-charts-marketing .exit-order-wrapper.short .right .label {
  color: rgb(240, 54, 68);
}
.web-charts-marketing .exit-order-wrapper .center {
  background: #fff;
}
.web-charts-marketing .exit-order-wrapper .center .value {
  color: rgb(38, 142, 55);
}
.web-charts-marketing .exit-order-wrapper .center .value.neg {
  color: rgb(240, 54, 68);
}
.web-charts-marketing .exit-order-wrapper:hover, .web-charts-marketing .exit-order-wrapper.hover {
  transition: all ease-in-out 0.15s;
  z-index: 100;
}
.web-charts-marketing .exit-order-wrapper:hover .profit-target-button, .web-charts-marketing .exit-order-wrapper.hover .profit-target-button {
  display: block;
}
.web-charts-marketing .exit-order-wrapper:hover .stop-loss-button, .web-charts-marketing .exit-order-wrapper.hover .stop-loss-button {
  display: block;
}
.web-charts-marketing .ti-pro .exit-order-wrapper .center .value {
  position: relative;
  top: -0.5px;
}
.web-charts-marketing .profit-target-wrapper {
  position: relative;
  top: 3px;
  width: auto;
  background: transparent;
  display: flex;
  z-index: 3;
  cursor: default;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1;
  justify-content: flex-end;
  height: 20px;
}
.web-charts-marketing .profit-target-wrapper p {
  margin: 0;
}
.web-charts-marketing .profit-target-wrapper .item {
  display: inline-flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  position: relative;
  z-index: 2;
}
.web-charts-marketing .profit-target-wrapper .item .value {
  font-size: 11px;
}
.web-charts-marketing .profit-target-wrapper .item .exit-order {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 0px;
}
.web-charts-marketing .profit-target-wrapper .left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid rgb(38, 142, 55);
  background-color: rgb(38, 142, 55);
  color: #fff;
}
.web-charts-marketing .profit-target-wrapper .left .value {
  line-height: 1.2;
}
.web-charts-marketing .profit-target-wrapper .right {
  cursor: pointer;
  padding-right: 14px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #fff;
}
.web-charts-marketing .profit-target-wrapper .right::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0.1px;
}
.web-charts-marketing .profit-target-wrapper .right.hover svg {
  transform: scale(1.3);
  color: rgb(99, 99, 99);
}
.web-charts-marketing .profit-target-wrapper.long .left {
  border: 1px solid rgb(38, 142, 55);
  background-color: rgb(38, 142, 55);
  color: #fff;
}
.web-charts-marketing .profit-target-wrapper.long .right svg {
  cursor: pointer;
  color: rgb(38, 142, 55);
}
.web-charts-marketing .profit-target-wrapper.long .right::before {
  background-color: rgba(0, 79, 208, 0.15);
}
.web-charts-marketing .profit-target-wrapper.long .center,
.web-charts-marketing .profit-target-wrapper.long .right {
  border: 1px solid rgb(38, 142, 55);
}
.web-charts-marketing .profit-target-wrapper.long .center .label,
.web-charts-marketing .profit-target-wrapper.long .right .label {
  color: rgb(0, 79, 208);
}
.web-charts-marketing .profit-target-wrapper.short .left {
  border: 1px solid rgb(240, 54, 68);
  background-color: rgb(240, 54, 68);
  color: #fff;
}
.web-charts-marketing .profit-target-wrapper.short .right svg {
  cursor: pointer;
  color: rgb(240, 54, 68);
}
.web-charts-marketing .profit-target-wrapper.short .right::before {
  background-color: rgba(233, 37, 38, 0.15);
}
.web-charts-marketing .profit-target-wrapper.short .center,
.web-charts-marketing .profit-target-wrapper.short .right {
  border: 1px solid rgb(240, 54, 68);
}
.web-charts-marketing .profit-target-wrapper.short .center .label,
.web-charts-marketing .profit-target-wrapper.short .right .label {
  color: rgb(240, 54, 68);
}
.web-charts-marketing .profit-target-wrapper .center {
  background: #fff;
  border: 1px solid rgb(38, 142, 55);
  border-left: none !important;
  border-right: none !important;
}
.web-charts-marketing .profit-target-wrapper .center .value {
  color: rgb(38, 142, 55);
}
.web-charts-marketing .profit-target-wrapper .center .value.neg {
  color: rgb(240, 54, 68);
}
.web-charts-marketing .profit-target-wrapper .right {
  border: 1px solid rgb(38, 142, 55);
  border-left: none !important;
}
.web-charts-marketing .profit-target-wrapper:hover, .web-charts-marketing .profit-target-wrapper.hover {
  transition: all ease-in-out 0.15s;
  z-index: 100;
}
.web-charts-marketing .profit-target-wrapper:hover .profit-target-button, .web-charts-marketing .profit-target-wrapper.hover .profit-target-button {
  display: block;
}
.web-charts-marketing .ti-pro .profit-target-wrapper .center .value {
  position: relative;
  top: -0.5px;
}
.web-charts-marketing .stop-loss-wrapper {
  position: relative;
  top: 3px;
  width: auto;
  background: transparent;
  display: flex;
  z-index: 3;
  cursor: default;
  opacity: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1;
  justify-content: flex-end;
  height: 20px;
  --main-color: rgb(240, 54, 68);
}
.web-charts-marketing .stop-loss-wrapper p {
  margin: 0;
}
.web-charts-marketing .stop-loss-wrapper .item {
  display: inline-flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  position: relative;
  z-index: 2;
}
.web-charts-marketing .stop-loss-wrapper .item .value {
  font-size: 11px;
}
.web-charts-marketing .stop-loss-wrapper .item .exit-order {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 0px;
}
.web-charts-marketing .stop-loss-wrapper .left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  color: #fff;
}
.web-charts-marketing .stop-loss-wrapper .left .value {
  line-height: 1.2;
}
.web-charts-marketing .stop-loss-wrapper .right {
  cursor: pointer;
  padding-right: 14px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #fff;
}
.web-charts-marketing .stop-loss-wrapper .right::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0.1px;
}
.web-charts-marketing .stop-loss-wrapper .right.hover svg {
  transform: scale(1.3);
  color: rgb(99, 99, 99);
}
.web-charts-marketing .stop-loss-wrapper .center {
  background: #fff;
  border: 1px solid var(--main-color);
  border-left: none !important;
  border-right: none !important;
}
.web-charts-marketing .stop-loss-wrapper .center .value {
  color: rgb(38, 142, 55);
}
.web-charts-marketing .stop-loss-wrapper .center .value.neg {
  color: var(--main-color);
}
.web-charts-marketing .stop-loss-wrapper .right {
  border-left: none !important;
  border: 1px solid var(--main-color);
}
.web-charts-marketing .stop-loss-wrapper.temporary .right {
  display: none !important;
}
.web-charts-marketing .stop-loss-wrapper.temporary .center {
  border-right: 1px solid var(--main-color) !important;
  padding-right: 14px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.web-charts-marketing .stop-loss-wrapper:hover, .web-charts-marketing .stop-loss-wrapper.hover {
  transition: all ease-in-out 0.15s;
  z-index: 100;
}
.web-charts-marketing .stop-loss-wrapper:hover .profit-target-button, .web-charts-marketing .stop-loss-wrapper.hover .profit-target-button {
  display: block;
}
.web-charts-marketing .ti-pro .stop-loss-wrapper .center .value {
  position: relative;
  top: -0.5px;
}
.web-charts-marketing .ti-chart {
  padding: 0;
  margin: 0;
  font-family: "Lato", sans-serif;
}
.web-charts-marketing .ti-chart ::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 2px;
  height: 4px;
  display: block;
}
.web-charts-marketing .ti-chart ::-webkit-scrollbar-thumb:horizontal {
  height: 4px;
}
.web-charts-marketing .ti-chart ::-webkit-scrollbar-track {
  background: #ffffff;
  height: 4px;
  display: block;
}
.web-charts-marketing .ti-chart ::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 4px;
  display: block;
  border-radius: 4px;
}
.web-charts-marketing .ti-chart .highcharts-plot-band,
.web-charts-marketing .ti-chart .highcharts-pane {
  pointer-events: none !important;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box {
  left: 4px;
  top: 4px;
  padding: 0;
  padding-bottom: 4px;
  width: calc(100% - 80px);
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item {
  margin: 0;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item::after, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item::after {
  content: "";
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time img, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time img {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal {
  position: relative;
  display: flex;
  left: 0;
  top: 0;
  padding: 0;
  background: transparent;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li {
  color: #000;
  font-weight: bold;
  text-shadow: none;
  text-align: center;
  width: 32px;
  font-size: 10px;
  height: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
  margin-right: 2px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li:last-child, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li:last-child {
  margin-right: 0;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li.active, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li.active {
  border: 2px solid #000;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li:hover, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li:hover {
  border: 2px solid #000;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li span, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li span {
  display: block;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li span.m, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li span.m {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.clock, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.clock {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.small ul.normal li, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.small ul.normal li {
  width: 24px;
  height: 14px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.small ul.normal li span, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.small ul.normal li span {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.small ul.normal li span.m, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.small ul.normal li span.m {
  display: block;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.small ul.normal li[data-value="1"],
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.small ul.normal li[data-value="2"],
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.small ul.normal li[data-value="4"],
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.small ul.normal li[data-value="6"], .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.small ul.normal li[data-value="1"],
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.small ul.normal li[data-value="2"],
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.small ul.normal li[data-value="4"],
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.small ul.normal li[data-value="6"] {
  display: none !important;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.clock-styles img, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.clock-styles img {
  display: block;
  top: 4px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.clock-styles img.dark-img, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.clock-styles img.dark-img {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.clock-styles ul.normal, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.clock-styles ul.normal {
  display: none !important;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.clock-styles.active ul.clock, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.clock-styles.active ul.clock {
  display: flex;
  left: 0px;
  padding: 0;
  background: #fff;
  filter: drop-shadow(1px 1px 2px #000);
  height: 20px;
  top: 26px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.clock-styles.active ul.clock li, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.clock-styles.active ul.clock li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  text-align: center;
  color: #000;
  padding: 0 4px;
  font-weight: 700;
  font-size: 11px;
  text-shadow: unset;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time.clock-styles.active ul.clock li:hover, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time.clock-styles.active ul.clock li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box.pnl-box, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box.pnl-box {
  display: flex;
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  padding-top: 1px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box.pnl-box::-webkit-scrollbar, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box.pnl-box::-webkit-scrollbar {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing .controls .open-indicators-menu, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .controls .open-indicators-menu {
  position: relative;
  top: 4px;
  cursor: pointer;
  left: unset;
  margin: 0;
  margin-left: 4px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .controls .open-indicators-menu img, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .controls .open-indicators-menu img {
  width: 16px;
  height: 16px;
  position: relative;
}
.web-charts-marketing .ti-chart.web-charts-marketing .controls .open-indicators-menu img.dark-img, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .controls .open-indicators-menu img.dark-img {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing .controls .open-indicators-menu ul li, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .controls .open-indicators-menu ul li {
  text-align: left;
}
.web-charts-marketing .ti-chart.web-charts-marketing .controls .open-indicators-menu ul li span, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .controls .open-indicators-menu ul li span {
  white-space: nowrap;
}
.web-charts-marketing .ti-chart.web-charts-marketing .controls .open-indicators-menu.active ul, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .controls .open-indicators-menu.active ul {
  right: unset;
  left: 0;
}
.web-charts-marketing .ti-chart.web-charts-marketing .controls .pnp-switch, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .controls .pnp-switch {
  position: absolute;
  right: 8px;
  top: 0px;
  cursor: pointer;
}
.web-charts-marketing .ti-chart.web-charts-marketing .controls .pnp-switch svg, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .controls .pnp-switch svg {
  color: #000;
  --color-1: #000;
  width: 32px;
  height: 32px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .logout, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .logout {
  display: none;
  position: absolute;
  width: 24px;
  height: 24px;
  z-index: 30;
  bottom: 24px;
  right: 12px;
  cursor: pointer;
  color: #323232;
}
.web-charts-marketing .ti-chart.web-charts-marketing .logout svg, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .logout svg {
  width: 24px;
  height: 24px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .main-chart.active .highcharts-stocktools-wrapper, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .main-chart.active .highcharts-stocktools-wrapper {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing .main-chart.active .logout, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .main-chart.active .logout {
  display: block;
}
.web-charts-marketing .ti-chart.web-charts-marketing .last-price-wrapper .last-price::before, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .last-price-wrapper .last-price::before {
  left: -5px;
}
.web-charts-marketing .ti-chart.web-charts-marketing .axis-sep.y {
  top: 33px;
  height: calc(100% - 33px);
}
.web-charts-marketing .ti-chart.web-charts-marketing .logo-wrapper .logo {
  width: auto;
}
.web-charts-marketing .ti-chart.web-charts-marketing .logo-wrapper.small .logo {
  font-size: 8vh;
}
.web-charts-marketing .ti-chart.web-charts-marketing .tooltip.active {
  opacity: 1;
  z-index: 101;
}
.web-charts-marketing .ti-chart.web-charts-marketing .main-symbol-current-price {
  width: 70px;
  height: 22px;
  background-color: rgb(128, 128, 128);
}
.web-charts-marketing .ti-chart.web-charts-marketing .main-symbol-current-price .last-price p {
  margin: 6px 0;
  line-height: 1 !important;
  height: auto;
}
.web-charts-marketing .ti-chart.web-charts-marketing .main-symbol-current-price .last-price::before {
  display: none !important;
}
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time:not(.clock-styles) img {
  display: none !important;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp {
  position: absolute;
  width: 320px;
  height: 320px;
  left: -320px;
  opacity: 0.7;
  overflow: visible;
  z-index: 99;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box {
  width: 100%;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .pnp-on-off-arrow {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .pnp-on-off-arrow .arrow {
  position: absolute;
  cursor: pointer;
  width: 22px;
  height: 22px;
  opacity: 1;
  background-color: rgb(128, 128, 128);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/pip-arrow-right.svg);
  top: 0;
  right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 5;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .pnp-on-off-arrow .arrow:hover {
  background-color: #737373;
  transition: background-color 100ms;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .pnp-on-off-arrow .arrow.off {
  display: none;
  transform: rotate(180deg);
  right: -22px;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .pnp-on-off-arrow .arrow.on {
  display: block;
  right: -22px;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.right .pnp-on-off-arrow .arrow.off {
  transform: rotate(0deg);
  left: -22px;
  right: unset;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.right .pnp-on-off-arrow .arrow.on {
  right: 100%;
  transform: rotate(180deg);
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .main-chart .controls {
  cursor: move;
  z-index: 200;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .main-chart.active .pnp-on-off-arrow {
  display: block;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.dragging .main-chart.active .pnp-on-off-arrow {
  display: none !important;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.show {
  left: 0;
  opacity: 0.95;
  filter: drop-shadow(0px 0px 2px #000);
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.show .pnp-on-off-arrow .arrow.off {
  display: block;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.show .pnp-on-off-arrow .arrow.on {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.show .chart-container .chart {
  opacity: 1;
  visibility: visible;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.show.done .chart-container .chart {
  opacity: 1;
  visibility: visible;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.show.done .chart-container .last-price-wrapper {
  opacity: 1;
  visibility: visible;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.done .chart-container .chart {
  opacity: 0;
  visibility: hidden;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.done .chart-container .last-price-wrapper {
  opacity: 0;
  visibility: hidden;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .logo-wrapper {
  width: calc(100% - 36px);
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .logo-wrapper .logo {
  width: auto;
  font-size: 5vh;
  position: relative;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .logo-wrapper .ti-logo {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .chart-container .chart {
  width: 100%;
  left: 0;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .last-price-wrapper {
  width: 32px;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.clock-styles .menu-box.chart-menu-box {
  overflow: visible;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.clock-styles .menu-box.chart-menu-box .menu-item {
  left: 4px;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.clock-styles .menu-box.chart-menu-box .menu-item.time img {
  display: block;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.clock-styles .menu-box.chart-menu-box .menu-item.time img.dark-img {
  display: none;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.clock-styles .menu-box.chart-menu-box .menu-item.time ul.normal {
  display: none !important;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.clock-styles .menu-box.chart-menu-box .menu-item.time.active ul.clock {
  display: flex;
  left: 0px;
  padding: 0;
  background: #fff;
  filter: drop-shadow(1px 1px 2px #000);
  height: 20px;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.clock-styles .menu-box.chart-menu-box .menu-item.time.active ul.clock li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  text-align: center;
  color: #000;
  padding: 0 4px;
  font-weight: 700;
  font-size: 11px;
  text-shadow: unset;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.clock-styles .menu-box.chart-menu-box .menu-item.time.active ul.clock li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.clock-styles.right .menu-box.chart-menu-box .menu-item.time.active ul.clock {
  left: unset;
  right: 0;
}
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.min-tf .menu-box .menu-item.time ul li[data-value="1"],
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.min-tf .menu-box .menu-item.time ul li[data-value="2"],
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.min-tf .menu-box .menu-item.time ul li[data-value="4"],
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.min-tf .menu-box .menu-item.time ul li[data-value="5"],
.web-charts-marketing .ti-chart.web-charts-marketing-pnp.min-tf .menu-box .menu-item.time ul li[data-value="6"] {
  display: none !important;
}
.web-charts-marketing .ti-chart .highcharts-popup.login h2 {
  font-size: 14px;
}
.web-charts-marketing .ti-chart .highcharts-popup.login .highcharts-popup-lhs-col {
  padding: 10px 20px;
}
.web-charts-marketing .ti-chart .highcharts-popup.login .highcharts-popup-lhs-col label {
  font-size: 12px;
}
.web-charts-marketing .ti-chart .highcharts-popup.login .highcharts-popup-lhs-col input {
  text-transform: unset;
  width: 100%;
}
.web-charts-marketing .ti-chart .highcharts-popup.login .highcharts-popup-lhs-col.checkbox {
  position: relative;
}
.web-charts-marketing .ti-chart .highcharts-popup.login .highcharts-popup-lhs-col.checkbox label {
  display: inline-block;
  width: auto;
  position: relative;
  left: 0;
  top: 0px;
  margin-bottom: 0;
  margin-left: 8px;
  float: left;
  clear: unset;
  line-height: 1;
}
.web-charts-marketing .ti-chart .highcharts-popup.login .highcharts-popup-lhs-col.checkbox input {
  width: unset;
  margin: 0;
  position: relative;
  float: left;
  display: inline-block;
  clear: unset;
}
.web-charts-marketing .ti-chart .highcharts-popup.login button {
  margin-top: 8px;
  font-size: 12px;
}
.web-charts-marketing .ti-chart.dark-theme.web-charts-marketing .controls img.dark-img {
  display: block;
}
.web-charts-marketing .ti-chart.dark-theme.web-charts-marketing .controls img.light-img {
  display: none;
}
.web-charts-marketing .ti-chart.dark-theme.web-charts-marketing .controls .pnp-switch svg {
  color: rgb(192, 192, 192);
  --color-1: rgb(192, 192, 192);
}
.web-charts-marketing .ti-chart.dark-theme.web-charts-marketing .logout {
  color: rgb(192, 192, 192);
}
.web-charts-marketing .ti-chart.dark-theme.web-charts-marketing .menu-box .menu-item.time ul.normal li, .web-charts-marketing .ti-chart.dark-theme.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li {
  color: rgb(192, 192, 192);
}
.web-charts-marketing .ti-chart.dark-theme.web-charts-marketing .menu-box .menu-item.time ul.normal li.active, .web-charts-marketing .ti-chart.dark-theme.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li.active {
  border-color: rgb(192, 192, 192);
}
.web-charts-marketing .ti-chart.dark-theme.web-charts-marketing .menu-box .menu-item.time ul.normal li:hover, .web-charts-marketing .ti-chart.dark-theme.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li:hover {
  border-color: rgb(192, 192, 192);
}
.web-charts-marketing .ti-chart.dark-theme.web-charts-marketing .menu-box .menu-item.time.clock-styles img.light-img, .web-charts-marketing .ti-chart.dark-theme.web-charts-marketing-pnp .menu-box .menu-item.time.clock-styles img.light-img {
  display: none;
}
.web-charts-marketing .ti-chart.dark-theme.web-charts-marketing .menu-box .menu-item.time.clock-styles img.dark-img, .web-charts-marketing .ti-chart.dark-theme.web-charts-marketing-pnp .menu-box .menu-item.time.clock-styles img.dark-img {
  display: block;
}
.web-charts-marketing .ti-chart.dark-theme.web-charts-marketing-pnp.clock-styles .menu-box.chart-menu-box .menu-item.time img.light-img {
  display: none;
}
.web-charts-marketing .ti-chart.dark-theme.web-charts-marketing-pnp.clock-styles .menu-box.chart-menu-box .menu-item.time img.dark-img {
  display: block;
}
.web-charts-marketing.chart-component-main.preview .marketing-webchart-single-stock-window {
  display: none !important;
}
.web-charts-marketing.chart-component-main.preview .controls .trade-ui-group {
  display: none !important;
}
.web-charts-marketing.chart-component-main .single-stock-mode .chart {
  min-height: unset;
}
.web-charts-marketing.chart-component-main .single-stock-mode .single-stock-expand-btn {
  right: 44px;
}
.web-charts-marketing.chart-component-main .single-stock-mode .halted-notification-container {
  height: 23px !important;
  top: -2px;
}
.web-charts-marketing.chart-component-main .single-stock-mode .halted-notification-container b {
  position: relative;
  top: 1px;
  font-size: 12px !important;
  height: 22px !important;
  line-height: 1;
}
.web-charts-marketing.chart-component-main .single-stock-mode .earning-notification-container {
  height: 21px !important;
  top: 0px;
  border: none;
  background-color: transparent;
}
.web-charts-marketing.chart-component-main .single-stock-mode .earning-notification-container .text {
  border: 1px solid rgb(255, 217, 59);
  background-color: rgb(255, 217, 59);
  border-radius: 4px;
  position: relative;
  top: 0px;
}
.web-charts-marketing.chart-component-main .single-stock-mode .earning-notification-container .text b, .web-charts-marketing.chart-component-main .single-stock-mode .earning-notification-container .text p {
  line-height: 1.2;
}
.web-charts-marketing.chart-component-main .single-stock-mode .earning-notification-container .symbol {
  border: 1px solid rgb(255, 217, 59);
  background-color: rgb(255, 217, 59);
  border-radius: 4px;
  top: -1px;
  position: relative;
}
.web-charts-marketing.chart-component-main .single-stock-mode .earning-notification-container .symbol b {
  position: relative;
  top: 2px;
}
.web-charts-marketing.chart-component-main .single-stock-mode .earning-notification-container b, .web-charts-marketing.chart-component-main .single-stock-mode .earning-notification-container p {
  font-size: 12px !important;
  height: 22px !important;
  line-height: 1;
}
.web-charts-marketing.chart-component-main .single-stock-mode:not(.one) .menu-box.chart-menu-box {
  top: 28px;
}
.web-charts-marketing.chart-component-main .single-stock-mode:not(.one) .pnl-container .current-position-wrapper .current-position-container {
  font-size: 12px;
  height: 22px;
  background-color: rgb(0, 0, 0);
  border: rgb(0, 0, 0);
  font-weight: 500;
}
.web-charts-marketing.chart-component-main .single-stock-mode:not(.one) .pnl-container .current-position-wrapper .current-position-container.active {
  border: 2px solid rgb(255, 217, 59);
}
.web-charts-marketing.chart-component-main .single-stock-mode:not(.one) .highcharts-menu-wrapper {
  top: 38px;
}
.web-charts-marketing.chart-component-main .single-stock-mode:not(.one) .highcharts-stocktools-wrapper .highchart-custom-toggle-toolbar {
  top: 38px;
}
.web-charts-marketing.chart-component-main .single-stock-mode:not(.one) .single-stock-expand-btn {
  top: 25px !important;
  right: 44px;
}
.web-charts-marketing.chart-component-main .single-stock-mode:not(.one) .pnp-switch {
  top: 20px !important;
}
.web-charts-marketing.chart-component-main .single-stock-mode:not(.one) .axis-sep.y {
  top: 46px;
  height: calc(100% - 46px);
}
.web-charts-marketing.chart-component-main .single-stock-mode:not(.one).dark-theme .pnl-container .current-position-wrapper .current-position-container {
  background-color: rgb(227, 227, 227);
  border-color: rgb(227, 227, 227);
  color: #000;
}
.web-charts-marketing.chart-component-main .single-stock-mode:not(.one).dark-theme .pnl-container .current-position-wrapper .current-position-container.active {
  border: 2px solid rgb(255, 217, 59);
}
.web-charts-marketing .controls .trade-ui-group {
  position: relative;
  right: -4px;
  bottom: -6px;
  display: inline-flex;
}
.web-charts-marketing .trade-ui-group .trade-order-type {
  font-size: 11px;
}
.web-charts-marketing .trade-ui-group .trade-order-type .label {
  width: 38px;
  font-size: 11px;
}
.web-charts-marketing .trade-ui-group .trade-order-type .label > :first-child {
  position: relative;
  top: 1px;
}
.web-charts-marketing .trade-ui-group .trade-order-type ul {
  width: 42px;
  font-size: 11px;
}
.web-charts-marketing .trade-ui-group .trade-order-type ul li {
  font-size: 11px;
}
.web-charts-marketing .trade-ui-group .trade-order-type .quote-quantity-input {
  height: 19px;
}
.web-charts-marketing .trade-ui-group .trade-order-type .quote-quantity-input input {
  position: relative;
  top: 3px;
}
.web-charts-marketing .trade-ui-group .trade-order-type .quote-quantity-input:after {
  top: 2px;
}
.web-charts-marketing .trade-ui-group .trade-order-type p {
  height: 19px;
}
.web-charts-marketing .trade-ui-group .trade-order-type p .arrow svg {
  top: 7px;
}
.web-charts-marketing .trade-ui-group .buy-sell-buttons-container {
  top: 0;
}
.web-charts-marketing .trade-ui-group .buy-sell-buttons-container button {
  height: 19px;
}
.web-charts-marketing .trade-ui-group .trade-button {
  top: -6px;
  width: auto !important;
}
.web-charts-marketing .trade-ui-group .trade-button button {
  font-family: sans-serif;
  font-weight: 600;
  border-radius: 2px;
  cursor: pointer;
  height: 16px;
  font-size: 11px;
  background: #efefef;
  color: #000;
  border: solid 1px #bfbfbf;
  line-height: 1;
}
.web-charts-marketing .trade-ui-group .trade-button button:disabled, .web-charts-marketing .trade-ui-group .trade-button button.disabled {
  cursor: default;
}
@media screen and (max-width: 1200px) {
  .web-charts-marketing .ti-chart.web-charts-marketing .highcharts-axis-labels, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .highcharts-axis-labels {
    font-size: 0.8em;
  }
  .web-charts-marketing .ti-chart.web-charts-marketing .last-price-wrapper .last-price p, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .last-price-wrapper .last-price p {
    font-size: 9px;
    line-height: 1.8;
  }
  .web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li {
    width: 32px;
    font-size: 10px;
    height: 16px;
  }
  .web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li[data-value="1"],
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li[data-value="2"], .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li[data-value="1"],
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li[data-value="2"] {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .web-charts-marketing .ti-chart.web-charts-marketing .highcharts-axis-labels, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .highcharts-axis-labels {
    font-size: 0.7em;
  }
  .web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li {
    width: 24px;
    height: 14px;
  }
  .web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li span, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li span {
    display: none;
  }
  .web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li span.m, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li span.m {
    display: block;
  }
  .web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li[data-value="1"],
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li[data-value="2"],
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li[data-value="4"],
.web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.time ul.normal li[data-value="6"], .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li[data-value="1"],
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li[data-value="2"],
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li[data-value="4"],
.web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.time ul.normal li[data-value="6"] {
    display: none !important;
  }
  .web-charts-marketing .ti-chart.web-charts-marketing .menu-box .menu-item.trade-quick-orders, .web-charts-marketing .ti-chart.web-charts-marketing-pnp .menu-box .menu-item.trade-quick-orders {
    display: none !important;
  }
}

.web-charts-marketing-wrapper {
  position: relative;
  /* annotation edit small popup */
  /*progress support*/
  /*webkit*/
  /*mozilla*/
  /*ms*/
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar {
  right: 10%;
  left: auto;
  height: 40px;
  overflow: hidden;
  padding-right: 40px;
  width: auto;
  min-width: 0;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar button {
  margin-top: 0px;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar > span {
  display: block;
  float: left;
  padding: 12px;
}
.web-charts-marketing-wrapper .highcharts-popup {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #666666;
  display: none;
  font-size: 0.876em;
  max-height: 90%;
  top: 5%;
  left: 15%;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 75%;
  min-width: 300px;
  max-width: 600px;
  position: absolute;
  z-index: 100;
  box-shadow: 0px 0px 8px 0px rgba(61, 61, 61, 0.3);
}
.web-charts-marketing-wrapper .highcharts-popup div, .web-charts-marketing-wrapper .highcharts-popup span {
  box-sizing: border-box;
}
.web-charts-marketing-wrapper .highcharts-popup input, .web-charts-marketing-wrapper .highcharts-popup label, .web-charts-marketing-wrapper .highcharts-popup select {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.web-charts-marketing-wrapper .highcharts-popup input {
  border: 1px solid #e6e6e6;
  border-radius: 0.3rem;
  padding: 5px;
  width: 100%;
}
.web-charts-marketing-wrapper .highcharts-popup-lhs-col, .web-charts-marketing-wrapper .highcharts-popup-rhs-col {
  height: 100%;
  float: left;
  overflow-y: auto;
}
.web-charts-marketing-wrapper .highcharts-popup-lhs-col.highcharts-popup-lhs-full {
  width: 100%;
  overflow-x: hidden;
  height: calc(100% - 104px);
  border: none;
  padding: 20px;
  padding-bottom: 10px;
}
.web-charts-marketing-wrapper .highcharts-popup-lhs-col.highcharts-popup-lhs-full + .highcharts-popup-bottom-row {
  width: 100%;
}
.web-charts-marketing-wrapper .highcharts-popup-lhs-col {
  clear: both;
  width: 30%;
  border-right: 1px solid #e6e6e6;
}
.web-charts-marketing-wrapper .highcharts-popup-bottom-row {
  float: left;
  padding: 0px 20px;
  padding-bottom: 12px;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.web-charts-marketing-wrapper .highcharts-popup-rhs-col {
  width: 70%;
  height: calc(100% - 40px);
  padding: 20px;
}
.web-charts-marketing-wrapper .highcharts-popup-rhs-col-wrapper {
  width: 100%;
  overflow-x: hidden;
}
.web-charts-marketing-wrapper .highcharts-popup-rhs-col-wrapper h3 {
  margin-top: 0px;
  padding-bottom: 0px;
}
.web-charts-marketing-wrapper .highcharts-bindings-wrapper ul.highcharts-indicator-list,
.web-charts-marketing-wrapper .highcharts-indicator-list {
  float: left;
  color: #666666;
  height: calc(100% - 150px);
  width: 100%;
  overflow-x: hidden;
  margin: 0px;
  padding: 15px 0px;
}
.web-charts-marketing-wrapper .highcharts-indicator-list li {
  cursor: pointer;
  padding: 5px 20px;
  margin: 0px;
  width: 100%;
  height: auto;
  overflow: hidden;
  word-break: break-all;
  box-sizing: border-box;
}
.web-charts-marketing-wrapper .highcharts-indicator-list li:hover {
  background-color: #e6e6e6;
}
.web-charts-marketing-wrapper .highcharts-tab-item {
  background-color: #f7f7f7;
  cursor: pointer;
  display: block;
  float: left;
  padding: 0px 10px;
  height: 40px;
  line-height: 40px;
}
.web-charts-marketing-wrapper .highcharts-tab-item.highcharts-tab-item-active {
  background-color: #e6e6e6;
}
.web-charts-marketing-wrapper .highcharts-tab-item-content {
  display: none;
  float: left;
  height: 100%;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.web-charts-marketing-wrapper .highcharts-tab-item-show {
  display: block;
}
.web-charts-marketing-wrapper .highcharts-popup-close {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: absolute;
  padding: 10px;
  top: 0%;
  right: 0%;
  color: #333333;
}
.web-charts-marketing-wrapper .highcharts-popup-close:hover,
.web-charts-marketing-wrapper .highcharts-popup button:hover,
.web-charts-marketing-wrapper .highcharts-popup button.highcharts-annotation-edit-button:hover,
.web-charts-marketing-wrapper .highcharts-popup button.highcharts-annotation-remove-button:hover {
  background-color: #e6e6e6;
  cursor: pointer;
}
.web-charts-marketing-wrapper .highcharts-popup button {
  float: right;
  border: none;
  background: #f7f7f7;
  color: #666666;
  margin-left: 5px;
  margin-top: 12px;
}
.web-charts-marketing-wrapper .highcharts-popup button:first-child {
  margin-left: 0;
}
.web-charts-marketing-wrapper .highcharts-tab-disabled {
  color: #cccccc;
}
.web-charts-marketing-wrapper .highcharts-popup button.highcharts-annotation-edit-button,
.web-charts-marketing-wrapper .highcharts-popup button.highcharts-annotation-remove-button {
  width: 20px;
  height: 40px;
  padding: 20px;
}
.web-charts-marketing-wrapper .highcharts-popup button.highcharts-annotation-edit-button {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
}
.web-charts-marketing-wrapper .highcharts-popup button.highcharts-annotation-remove-button {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px;
}
.web-charts-marketing-wrapper .highcharts-popup .highcharts-annotation-title {
  display: block;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 15px;
  width: 100%;
}
.web-charts-marketing-wrapper .highcharts-popup .highcharts-popup-main-title {
  border-bottom: 1px solid #e6e6e6;
  margin: 0px;
  padding: 8px 0px 6px 20px;
}
.web-charts-marketing-wrapper .highcharts-indicator-title {
  float: left;
  padding-bottom: 15px;
}
.web-charts-marketing-wrapper .highcharts-input-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
}
.web-charts-marketing-wrapper .highcharts-input-search-indicators-label {
  text-align: center;
  font-weight: bold;
  color: #000000;
  margin-top: 0.5rem;
}
.web-charts-marketing-wrapper input.highcharts-input-search-indicators {
  width: 80%;
  margin: 0 auto;
  float: none;
  border-color: #949494;
}
.web-charts-marketing-wrapper .highcharts-popup a.clear-filter-button {
  margin: 0 auto;
  display: none;
  color: #335cad;
  background-color: #fff;
  border: 1px solid #335cad;
  margin-top: 10px;
}
.web-charts-marketing-wrapper .highcharts-popup a.clear-filter-button:hover {
  color: #fff;
  background-color: #335cad;
  cursor: pointer;
}
.web-charts-marketing-wrapper input[type=range].styled-slider {
  height: 16px;
  -webkit-appearance: none;
  background-color: transparent;
}
.web-charts-marketing-wrapper input[type=range].styled-slider.slider-progress {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--value) - var(--min)) / var(--range));
  --sx: calc(0.5 * 16px + var(--ratio) * (100% - 16px));
}
.web-charts-marketing-wrapper input[type=range].styled-slider:focus {
  outline: none;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #2962ff;
  border: none;
  box-shadow: 0 0 2px black;
  margin-top: -5px;
  -webkit-appearance: none;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 4px;
  background: #efefef;
  border: 1px solid #b2b2b2;
  box-shadow: none;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-webkit-slider-thumb:hover {
  background: #0061c3;
}
.web-charts-marketing-wrapper input[type=range].styled-slider:hover::-webkit-slider-runnable-track {
  background: #e5e5e5;
  border-color: #9a9a9a;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-webkit-slider-thumb:active {
  background: #2f98f9;
}
.web-charts-marketing-wrapper input[type=range].styled-slider:active::-webkit-slider-runnable-track {
  background: #f5f5f5;
  border-color: #c1c1c1;
}
.web-charts-marketing-wrapper input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
  background: linear-gradient(#2962ff, #2962ff) 0/var(--sx) 100% no-repeat, #efefef;
}
.web-charts-marketing-wrapper input[type=range].styled-slider.slider-progress:hover::-webkit-slider-runnable-track {
  background: linear-gradient(#0061c3, #0061c3) 0/var(--sx) 100% no-repeat, #e5e5e5;
}
.web-charts-marketing-wrapper input[type=range].styled-slider.slider-progress:active::-webkit-slider-runnable-track {
  background: linear-gradient(#2f98f9, #2f98f9) 0/var(--sx) 100% no-repeat, #f5f5f5;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #2962ff;
  border: none;
  box-shadow: 0 0 2px black;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-moz-range-track {
  height: 6px;
  border-radius: 4px;
  background: #efefef;
  border: 1px solid #b2b2b2;
  box-shadow: none;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-moz-range-thumb:hover {
  background: #0061c3;
}
.web-charts-marketing-wrapper input[type=range].styled-slider:hover::-moz-range-track {
  background: #e5e5e5;
  border-color: #9a9a9a;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-moz-range-thumb:active {
  background: #2f98f9;
}
.web-charts-marketing-wrapper input[type=range].styled-slider:active::-moz-range-track {
  background: #f5f5f5;
  border-color: #c1c1c1;
}
.web-charts-marketing-wrapper input[type=range].styled-slider.slider-progress::-moz-range-track {
  background: linear-gradient(#2962ff, #2962ff) 0/var(--sx) 100% no-repeat, #efefef;
}
.web-charts-marketing-wrapper input[type=range].styled-slider.slider-progress:hover::-moz-range-track {
  background: linear-gradient(#0061c3, #0061c3) 0/var(--sx) 100% no-repeat, #e5e5e5;
}
.web-charts-marketing-wrapper input[type=range].styled-slider.slider-progress:active::-moz-range-track {
  background: linear-gradient(#2f98f9, #2f98f9) 0/var(--sx) 100% no-repeat, #f5f5f5;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-ms-fill-upper {
  background: transparent;
  border-color: transparent;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-ms-fill-lower {
  background: transparent;
  border-color: transparent;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-ms-thumb {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #2962ff;
  border: none;
  box-shadow: 0 0 2px black;
  margin-top: 0;
  box-sizing: border-box;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-ms-track {
  height: 8px;
  border-radius: 4px;
  background: #efefef;
  border: 1px solid #b2b2b2;
  box-shadow: none;
  box-sizing: border-box;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-ms-thumb:hover {
  background: #0061c3;
}
.web-charts-marketing-wrapper input[type=range].styled-slider:hover::-ms-track {
  background: #e5e5e5;
  border-color: #9a9a9a;
}
.web-charts-marketing-wrapper input[type=range].styled-slider::-ms-thumb:active {
  background: #2f98f9;
}
.web-charts-marketing-wrapper input[type=range].styled-slider:active::-ms-track {
  background: #f5f5f5;
  border-color: #c1c1c1;
}
.web-charts-marketing-wrapper input[type=range].styled-slider.slider-progress::-ms-fill-lower {
  height: 6px;
  border-radius: 0.5em 0 0 4px;
  margin: -1px 0 -1px -1px;
  background: #2962ff;
  border: 1px solid #b2b2b2;
  border-right-width: 0;
}
.web-charts-marketing-wrapper input[type=range].styled-slider.slider-progress:hover::-ms-fill-lower {
  background: #0061c3;
  border-color: #9a9a9a;
}
.web-charts-marketing-wrapper input[type=range].styled-slider.slider-progress:active::-ms-fill-lower {
  background: #2f98f9;
  border-color: #c1c1c1;
}
.web-charts-marketing-wrapper .trade-component {
  position: absolute;
  z-index: 10;
  width: 130px;
  font-family: sans-serif;
  left: 40px;
  top: 40px;
  display: none;
  opacity: 0;
  visibility: hidden;
}
.web-charts-marketing-wrapper .trade-component.active {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
.web-charts-marketing-wrapper .trade-component.dragging {
  cursor: move !important;
}
.web-charts-marketing-wrapper .trade-component.dragging * {
  cursor: move !important;
}
.web-charts-marketing-wrapper .trade-component .wrapper {
  border-radius: 10px;
  background-color: rgb(41, 56, 85);
  padding: 4px 6px;
  display: flex;
  flex-flow: row wrap;
}
.web-charts-marketing-wrapper .trade-component .wrapper p {
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  color: rgb(108, 117, 125);
}
.web-charts-marketing-wrapper .trade-component .wrapper .buy-sell {
  position: relative;
  display: flex;
  flex-flow: row;
  width: 100%;
  height: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.web-charts-marketing-wrapper .trade-component .wrapper .buy-sell .sell {
  cursor: pointer;
  display: inline-flex;
  width: 50%;
  margin-right: 1px;
  background-color: rgb(190, 190, 190);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  transition: all ease-in-out 0.2s;
}
.web-charts-marketing-wrapper .trade-component .wrapper .buy-sell .sell p {
  margin-top: 4px;
  margin-left: 4px;
}
.web-charts-marketing-wrapper .trade-component .wrapper .buy-sell .sell:hover {
  background-color: rgb(233, 37, 38);
}
.web-charts-marketing-wrapper .trade-component .wrapper .buy-sell .sell:hover p {
  color: #fff;
}
.web-charts-marketing-wrapper .trade-component .wrapper .buy-sell .buy {
  cursor: pointer;
  display: inline-flex;
  width: 50%;
  margin-left: 1px;
  justify-content: right;
  background-color: rgb(190, 190, 190);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: all ease-in-out 0.2s;
}
.web-charts-marketing-wrapper .trade-component .wrapper .buy-sell .buy p {
  margin-top: 4px;
  margin-right: 4px;
}
.web-charts-marketing-wrapper .trade-component .wrapper .buy-sell .buy:hover {
  background-color: rgb(38, 142, 55);
}
.web-charts-marketing-wrapper .trade-component .wrapper .buy-sell .buy:hover p {
  color: #fff;
}
.web-charts-marketing-wrapper .trade-component .wrapper .buy-sell .value {
  min-height: 10px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  color: #000;
  line-height: 1;
  font-size: 10px;
  padding: 2px 8px;
}
.web-charts-marketing-wrapper .trade-component .wrapper .trade-options {
  display: flex;
  flex-flow: row;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  position: relative;
  border-bottom: 2px transparent solid;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.web-charts-marketing-wrapper .trade-component .wrapper .trade-options:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: rgb(190, 190, 190);
  bottom: 0;
  border-radius: 4px;
}
.web-charts-marketing-wrapper .trade-component .wrapper .trade-options .opt {
  width: 100%;
  text-align: center;
  font-size: 10px;
  height: 14px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}
.web-charts-marketing-wrapper .trade-component .wrapper .trade-options .opt:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  z-index: 2;
  left: 0;
  transition: all ease-in-out 0.2s;
}
.web-charts-marketing-wrapper .trade-component .wrapper .trade-options .opt:nth-child(1):after {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.web-charts-marketing-wrapper .trade-component .wrapper .trade-options .opt:nth-child(3):after {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.web-charts-marketing-wrapper .trade-component .wrapper .trade-options .opt.active {
  font-size: 11px;
  line-height: 1;
}
.web-charts-marketing-wrapper .trade-component .wrapper .trade-options .opt.disabled {
  opacity: 0.7;
  cursor: default;
}
.web-charts-marketing-wrapper .trade-component .wrapper .submit-button {
  border-radius: 4px;
  cursor: pointer;
  margin-top: 4px;
  transition: all ease-in-out 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  text-align: center;
}
.web-charts-marketing-wrapper .trade-component .wrapper .submit-button p {
  color: #fff;
  padding: 6px 8px;
  font-size: 14px;
}
.web-charts-marketing-wrapper .trade-component .wrapper .select-list {
  background: #fff;
  border-radius: 4px;
  width: 100%;
  padding: 4px 20px 4px 6px;
  position: relative;
  cursor: pointer;
  margin: 4px 0;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.web-charts-marketing-wrapper .trade-component .wrapper .select-list p {
  font-size: 10px;
  color: #000;
  text-align: right;
}
.web-charts-marketing-wrapper .trade-component .wrapper .select-list .arrow svg {
  top: 5px;
  right: 5px;
  position: absolute;
  vertical-align: unset;
  height: 8px;
  width: 8px;
}
.web-charts-marketing-wrapper .trade-component .wrapper .select-list ul {
  box-sizing: border-box;
  display: none;
  margin: 0;
  position: absolute;
  list-style: none;
  background-color: #fff;
  color: #000;
  font-size: 10px;
  font-weight: bold;
  width: 100%;
  padding: 4px 20px 4px 6px;
  left: 0px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  top: 22px;
  z-index: 9;
}
.web-charts-marketing-wrapper .trade-component .wrapper .select-list ul li {
  text-align: right;
  transition: all ease-in-out 0.2s;
  padding: 2px 0;
}
.web-charts-marketing-wrapper .trade-component .wrapper .select-list.accounts {
  min-height: 18px;
}
.web-charts-marketing-wrapper .trade-component .wrapper .select-list.accounts ul {
  top: calc(100% + 6px);
}
.web-charts-marketing-wrapper .trade-component .wrapper .select-list.active ul {
  display: block;
}
.web-charts-marketing-wrapper .trade-component .wrapper .select-list.disabled {
  cursor: default;
}
.web-charts-marketing-wrapper .trade-component .wrapper .form-group {
  display: flex;
  width: 100%;
}
.web-charts-marketing-wrapper .trade-component .wrapper .form-group .label {
  width: 48%;
  font-size: 10px;
  color: #fff;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.web-charts-marketing-wrapper .trade-component .wrapper .form-group .select-list,
.web-charts-marketing-wrapper .trade-component .wrapper .form-group input {
  margin-left: 5px;
  width: 52%;
}
.web-charts-marketing-wrapper .trade-component .wrapper .form-group .select-list.left {
  width: 45%;
  margin: 4px 0;
  margin-right: 2%;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
}
.web-charts-marketing-wrapper .trade-component .wrapper .form-group .select-list.left p {
  text-align: left;
  background: transparent;
  color: #fff;
}
.web-charts-marketing-wrapper .trade-component .wrapper .form-group .select-list.left .arrow svg g {
  fill: #fff;
}
.web-charts-marketing-wrapper .trade-component .wrapper .form-group input {
  border-radius: 4px;
  font-size: 10px;
  text-align: center;
  font-weight: bold;
  padding: 3px 0;
  margin: 3px 0;
  margin-left: 2px;
  outline: none;
}
.web-charts-marketing-wrapper .trade-component .wrapper .form-group input.disabled {
  opacity: 0.7;
  cursor: default;
}
.web-charts-marketing-wrapper .trade-component.buy .wrapper .buy-sell .buy {
  background-color: rgb(38, 142, 55);
}
.web-charts-marketing-wrapper .trade-component.buy .wrapper .buy-sell .buy p {
  color: #fff;
}
.web-charts-marketing-wrapper .trade-component.buy .wrapper .submit-button {
  background-color: rgb(38, 142, 55);
}
.web-charts-marketing-wrapper .trade-component.buy .wrapper .submit-button:hover {
  background-color: #217a2f;
}
.web-charts-marketing-wrapper .trade-component.buy .wrapper .submit-button.disabled {
  cursor: default;
}
.web-charts-marketing-wrapper .trade-component.buy .wrapper .trade-options .opt.active:after {
  background-color: rgb(38, 142, 55);
}
.web-charts-marketing-wrapper .trade-component.buy .wrapper .trade-options .opt:hover:after {
  background-color: rgb(38, 142, 55);
}
.web-charts-marketing-wrapper .trade-component.buy .wrapper .select-list ul li:hover {
  color: rgb(38, 142, 55);
}
.web-charts-marketing-wrapper .trade-component.sell .wrapper .buy-sell .sell {
  background-color: rgb(233, 37, 38);
}
.web-charts-marketing-wrapper .trade-component.sell .wrapper .buy-sell .sell p {
  color: #fff;
}
.web-charts-marketing-wrapper .trade-component.sell .wrapper .submit-button {
  background-color: rgb(233, 37, 38);
}
.web-charts-marketing-wrapper .trade-component.sell .wrapper .submit-button:hover {
  background-color: #de1617;
}
.web-charts-marketing-wrapper .trade-component.sell .wrapper .trade-options .opt.active:after {
  background-color: rgb(233, 37, 38);
}
.web-charts-marketing-wrapper .trade-component.sell .wrapper .trade-options .opt:hover:after {
  background-color: rgb(233, 37, 38);
}
.web-charts-marketing-wrapper .trade-component.sell .wrapper .select-list ul li:hover {
  color: rgb(233, 37, 38);
}
.web-charts-marketing-wrapper .highcharts-popup, .web-charts-marketing-wrapper .login-popup, .web-charts-marketing-wrapper .settings-popup {
  font-family: Trebuchet MS;
}
.web-charts-marketing-wrapper .highcharts-popup .sp-original-input-container, .web-charts-marketing-wrapper .login-popup .sp-original-input-container, .web-charts-marketing-wrapper .settings-popup .sp-original-input-container {
  visibility: hidden !important;
  opacity: 0 !important;
}
.web-charts-marketing-wrapper .highcharts-popup .sp-original-input-container input, .web-charts-marketing-wrapper .login-popup .sp-original-input-container input, .web-charts-marketing-wrapper .settings-popup .sp-original-input-container input {
  display: block !important;
}
.web-charts-marketing-wrapper .highcharts-popup.login-popup, .web-charts-marketing-wrapper .login-popup.login-popup, .web-charts-marketing-wrapper .settings-popup.login-popup {
  overflow-x: hidden;
  color: #666666;
  font-size: 0.876em;
  max-height: 90%;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar, .web-charts-marketing-wrapper .login-popup.highcharts-annotation-toolbar, .web-charts-marketing-wrapper .settings-popup.highcharts-annotation-toolbar {
  color: #131722;
  background-color: #fff;
  border: 1px solid #f0f3fa;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(106, 109, 120, 0.6);
  height: 30px !important;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 36px;
  right: unset;
  min-width: 150px;
  max-width: 220px;
  left: calc(84% - 150px);
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar span, .web-charts-marketing-wrapper .login-popup.highcharts-annotation-toolbar span, .web-charts-marketing-wrapper .settings-popup.highcharts-annotation-toolbar span {
  cursor: move;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar .highcharts-popup-close, .web-charts-marketing-wrapper .login-popup.highcharts-annotation-toolbar .highcharts-popup-close, .web-charts-marketing-wrapper .settings-popup.highcharts-annotation-toolbar .highcharts-popup-close {
  margin-left: 5px;
  width: 30px;
  height: 32px;
  top: 1px;
  padding: 0px;
  right: 2px;
  border-radius: 4px;
  background-image: url("../img/hightchart-popup/close.svg") !important;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar .highcharts-popup-close:hover, .web-charts-marketing-wrapper .login-popup.highcharts-annotation-toolbar .highcharts-popup-close:hover, .web-charts-marketing-wrapper .settings-popup.highcharts-annotation-toolbar .highcharts-popup-close:hover {
  background-color: #f0f3fa;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar .highcharts-popup-close:after, .web-charts-marketing-wrapper .login-popup.highcharts-annotation-toolbar .highcharts-popup-close:after, .web-charts-marketing-wrapper .settings-popup.highcharts-annotation-toolbar .highcharts-popup-close:after {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #f0f3fa;
  top: 0;
  left: -2px;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar span, .web-charts-marketing-wrapper .login-popup.highcharts-annotation-toolbar span, .web-charts-marketing-wrapper .settings-popup.highcharts-annotation-toolbar span {
  padding: 8px;
  font-size: 12px;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar button, .web-charts-marketing-wrapper .login-popup.highcharts-annotation-toolbar button, .web-charts-marketing-wrapper .settings-popup.highcharts-annotation-toolbar button {
  width: 30px;
  height: 32px;
  padding: 0;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  top: -1px;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar .highcharts-annotation-remove-button, .web-charts-marketing-wrapper .login-popup.highcharts-annotation-toolbar .highcharts-annotation-remove-button, .web-charts-marketing-wrapper .settings-popup.highcharts-annotation-toolbar .highcharts-annotation-remove-button {
  background-image: url("../img/hightchart-popup/remove.svg") !important;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar .highcharts-annotation-edit-button, .web-charts-marketing-wrapper .login-popup.highcharts-annotation-toolbar .highcharts-annotation-edit-button, .web-charts-marketing-wrapper .settings-popup.highcharts-annotation-toolbar .highcharts-annotation-edit-button {
  background-image: url("../img/hightchart-popup/gear.svg") !important;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar button:hover, .web-charts-marketing-wrapper .login-popup.highcharts-annotation-toolbar button:hover, .web-charts-marketing-wrapper .settings-popup.highcharts-annotation-toolbar button:hover {
  background-color: #f0f3fa;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar button:after, .web-charts-marketing-wrapper .login-popup.highcharts-annotation-toolbar button:after, .web-charts-marketing-wrapper .settings-popup.highcharts-annotation-toolbar button:after {
  content: " ";
  position: absolute;
  width: 1px;
  top: 0;
  left: -2px;
  height: 100%;
  background-color: #f0f3fa;
}
.web-charts-marketing-wrapper .highcharts-popup:not(.highcharts-annotation-toolbar), .web-charts-marketing-wrapper .login-popup:not(.highcharts-annotation-toolbar), .web-charts-marketing-wrapper .settings-popup:not(.highcharts-annotation-toolbar) {
  position: absolute;
  max-width: 550px;
  min-width: 380px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 6px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 100;
  display: block;
  padding-right: 0 !important;
  overflow-y: auto;
}
.web-charts-marketing-wrapper .highcharts-popup p, .web-charts-marketing-wrapper .login-popup p, .web-charts-marketing-wrapper .settings-popup p {
  margin: 0;
  font-size: 14px;
}
.web-charts-marketing-wrapper .highcharts-popup .mgr-4, .web-charts-marketing-wrapper .login-popup .mgr-4, .web-charts-marketing-wrapper .settings-popup .mgr-4 {
  margin-right: 4px !important;
}
.web-charts-marketing-wrapper .highcharts-popup .mgr-8, .web-charts-marketing-wrapper .login-popup .mgr-8, .web-charts-marketing-wrapper .settings-popup .mgr-8 {
  margin-right: 8px !important;
}
.web-charts-marketing-wrapper .highcharts-popup .mgb-16, .web-charts-marketing-wrapper .login-popup .mgb-16, .web-charts-marketing-wrapper .settings-popup .mgb-16 {
  margin-bottom: 16px !important;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper, .web-charts-marketing-wrapper .login-popup .wrapper, .web-charts-marketing-wrapper .settings-popup .wrapper {
  padding: 0 20px;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .head, .web-charts-marketing-wrapper .login-popup .wrapper .head, .web-charts-marketing-wrapper .settings-popup .wrapper .head {
  align-items: center;
  cursor: default;
  display: flex;
  flex: 0 0 auto;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .head .close, .web-charts-marketing-wrapper .login-popup .wrapper .head .close, .web-charts-marketing-wrapper .settings-popup .wrapper .head .close {
  align-items: center;
  align-self: flex-start;
  background-color: initial;
  border: 0;
  border-radius: 2px;
  color: #131722;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  margin: 3px 0px;
  width: 32px;
  left: 4px;
  outline: none;
  overflow: visible;
  position: relative;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .head .close:hover, .web-charts-marketing-wrapper .login-popup .wrapper .head .close:hover, .web-charts-marketing-wrapper .settings-popup .wrapper .head .close:hover {
  background-color: #f0f3fa;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .head .close .icon, .web-charts-marketing-wrapper .login-popup .wrapper .head .close .icon, .web-charts-marketing-wrapper .settings-popup .wrapper .head .close .icon {
  height: 13px;
  width: 13px;
  position: relative;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .head .close .icon svg, .web-charts-marketing-wrapper .login-popup .wrapper .head .close .icon svg, .web-charts-marketing-wrapper .settings-popup .wrapper .head .close .icon svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .head .title, .web-charts-marketing-wrapper .login-popup .wrapper .head .title, .web-charts-marketing-wrapper .settings-popup .wrapper .head .title {
  color: #131722;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  width: calc(100% - 37px);
  margin: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .tabs, .web-charts-marketing-wrapper .login-popup .wrapper .tabs, .web-charts-marketing-wrapper .settings-popup .wrapper .tabs {
  display: flex;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  height: 100%;
  margin-bottom: 2px;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .tabs:after, .web-charts-marketing-wrapper .login-popup .wrapper .tabs:after, .web-charts-marketing-wrapper .settings-popup .wrapper .tabs:after {
  content: " ";
  display: block;
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  background-color: lightgray;
  bottom: -1px;
  left: -20px;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .tab.active, .web-charts-marketing-wrapper .login-popup .wrapper .tab.active, .web-charts-marketing-wrapper .settings-popup .wrapper .tab.active {
  color: #2962ff;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .tab.active::after, .web-charts-marketing-wrapper .login-popup .wrapper .tab.active::after, .web-charts-marketing-wrapper .settings-popup .wrapper .tab.active::after {
  content: " ";
  position: absolute;
  background: #2962ff;
  height: 3px;
  display: block;
  width: 100%;
  bottom: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .tab, .web-charts-marketing-wrapper .login-popup .wrapper .tab, .web-charts-marketing-wrapper .settings-popup .wrapper .tab {
  padding-bottom: 14px;
  position: relative;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content, .web-charts-marketing-wrapper .login-popup .wrapper .content, .web-charts-marketing-wrapper .settings-popup .wrapper .content {
  padding: 16px 0;
  padding-right: 4px;
  overflow-y: auto;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content::-webkit-scrollbar, .web-charts-marketing-wrapper .login-popup .wrapper .content::-webkit-scrollbar, .web-charts-marketing-wrapper .settings-popup .wrapper .content::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 4px;
  height: 6px;
  display: block;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content::-webkit-scrollbar-thumb:horizontal, .web-charts-marketing-wrapper .login-popup .wrapper .content::-webkit-scrollbar-thumb:horizontal, .web-charts-marketing-wrapper .settings-popup .wrapper .content::-webkit-scrollbar-thumb:horizontal {
  height: 6px;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content::-webkit-scrollbar-track, .web-charts-marketing-wrapper .login-popup .wrapper .content::-webkit-scrollbar-track, .web-charts-marketing-wrapper .settings-popup .wrapper .content::-webkit-scrollbar-track {
  background: #ffffff;
  height: 6px;
  display: block;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content::-webkit-scrollbar-thumb, .web-charts-marketing-wrapper .login-popup .wrapper .content::-webkit-scrollbar-thumb, .web-charts-marketing-wrapper .settings-popup .wrapper .content::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 6px;
  display: block;
  border-radius: 4px;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .section .section-head, .web-charts-marketing-wrapper .login-popup .wrapper .content .section .section-head, .web-charts-marketing-wrapper .settings-popup .wrapper .content .section .section-head {
  display: flex;
  position: relative;
  margin-bottom: 8px;
  padding-bottom: 4px;
  margin-right: 4px;
  border-bottom: 1px solid lightgray;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .section .section-head .checkbox-input, .web-charts-marketing-wrapper .login-popup .wrapper .content .section .section-head .checkbox-input, .web-charts-marketing-wrapper .settings-popup .wrapper .content .section .section-head .checkbox-input {
  flex: inherit;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .section .section-title, .web-charts-marketing-wrapper .login-popup .wrapper .content .section .section-title, .web-charts-marketing-wrapper .settings-popup .wrapper .content .section .section-title {
  font-weight: bold;
  margin: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .section .section-title.disabled, .web-charts-marketing-wrapper .login-popup .wrapper .content .section .section-title.disabled, .web-charts-marketing-wrapper .settings-popup .wrapper .content .section .section-title.disabled {
  opacity: 0.6;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .section .section-arrow, .web-charts-marketing-wrapper .login-popup .wrapper .content .section .section-arrow, .web-charts-marketing-wrapper .settings-popup .wrapper .content .section .section-arrow {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .section .section-content, .web-charts-marketing-wrapper .login-popup .wrapper .content .section .section-content, .web-charts-marketing-wrapper .settings-popup .wrapper .content .section .section-content {
  height: 0;
  overflow: hidden;
  transition: all ease-in-out 0.5s;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .section.active .section-arrow, .web-charts-marketing-wrapper .login-popup .wrapper .content .section.active .section-arrow, .web-charts-marketing-wrapper .settings-popup .wrapper .content .section.active .section-arrow {
  transform: rotate(180deg);
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .section.active .section-content, .web-charts-marketing-wrapper .login-popup .wrapper .content .section.active .section-content, .web-charts-marketing-wrapper .settings-popup .wrapper .content .section.active .section-content {
  height: auto;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .control, .web-charts-marketing-wrapper .login-popup .wrapper .content .control, .web-charts-marketing-wrapper .settings-popup .wrapper .content .control {
  align-items: center;
  display: flex;
  padding: 8px 0;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .control.btn-right, .web-charts-marketing-wrapper .login-popup .wrapper .content .control.btn-right, .web-charts-marketing-wrapper .settings-popup .wrapper .content .control.btn-right {
  position: absolute;
  top: -5px;
  right: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .sep, .web-charts-marketing-wrapper .login-popup .wrapper .content .sep, .web-charts-marketing-wrapper .settings-popup .wrapper .content .sep {
  align-items: center;
  display: flex;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .control:first-child, .web-charts-marketing-wrapper .login-popup .wrapper .content .control:first-child, .web-charts-marketing-wrapper .settings-popup .wrapper .content .control:first-child {
  padding-top: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .content .control:last-child, .web-charts-marketing-wrapper .login-popup .wrapper .content .control:last-child, .web-charts-marketing-wrapper .settings-popup .wrapper .content .control:last-child {
  padding-bottom: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .footer, .web-charts-marketing-wrapper .login-popup .wrapper .footer, .web-charts-marketing-wrapper .settings-popup .wrapper .footer {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  padding: 16px 0px;
  justify-content: flex-end;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .footer::before, .web-charts-marketing-wrapper .login-popup .wrapper .footer::before, .web-charts-marketing-wrapper .settings-popup .wrapper .footer::before {
  content: " ";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  background-color: lightgray;
  top: 0px;
  left: -20px;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .footer button, .web-charts-marketing-wrapper .login-popup .wrapper .footer button, .web-charts-marketing-wrapper .settings-popup .wrapper .footer button {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2962ff;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #2962ff;
  display: inline-flex;
  justify-content: center;
  max-width: 100%;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
  border-radius: 8px;
  height: 34px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .footer button:hover, .web-charts-marketing-wrapper .login-popup .wrapper .footer button:hover, .web-charts-marketing-wrapper .settings-popup .wrapper .footer button:hover {
  background-color: #1e53e5 !important;
  color: #fff !important;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .footer button.submit, .web-charts-marketing-wrapper .login-popup .wrapper .footer button.submit, .web-charts-marketing-wrapper .settings-popup .wrapper .footer button.submit {
  margin-left: 12px;
  color: #fff;
  background-color: #2962ff;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper .footer button.submit.disabled, .web-charts-marketing-wrapper .login-popup .wrapper .footer button.submit.disabled, .web-charts-marketing-wrapper .settings-popup .wrapper .footer button.submit.disabled {
  opacity: 0.5;
  cursor: default;
}
.web-charts-marketing-wrapper .highcharts-popup textarea, .web-charts-marketing-wrapper .login-popup textarea, .web-charts-marketing-wrapper .settings-popup textarea {
  -webkit-appearance: auto;
  -moz-appearance: textfield;
       appearance: textfield;
  background-color: initial;
  border: 0;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  font-family: Trebuchet MS;
  height: 100%;
  line-height: inherit;
  margin: 0;
  min-width: 0;
  order: 0;
  outline: 0;
  padding: 2px 5px;
  resize: none;
  width: 100%;
  border-radius: 4px;
}
.web-charts-marketing-wrapper .highcharts-popup .text-area-wrapper, .web-charts-marketing-wrapper .login-popup .text-area-wrapper, .web-charts-marketing-wrapper .settings-popup .text-area-wrapper {
  border: 1px solid #d1d4dc;
  border-radius: 4px;
  width: 100%;
  margin: 1px;
}
.web-charts-marketing-wrapper .highcharts-popup .text-area-wrapper input, .web-charts-marketing-wrapper .login-popup .text-area-wrapper input, .web-charts-marketing-wrapper .settings-popup .text-area-wrapper input {
  border: none;
  margin: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .text-area-wrapper:hover, .web-charts-marketing-wrapper .login-popup .text-area-wrapper:hover, .web-charts-marketing-wrapper .settings-popup .text-area-wrapper:hover {
  border: 1px solid #a3a6af;
}
.web-charts-marketing-wrapper .highcharts-popup .text-area-wrapper:focus-within, .web-charts-marketing-wrapper .login-popup .text-area-wrapper:focus-within, .web-charts-marketing-wrapper .settings-popup .text-area-wrapper:focus-within {
  border: none;
  margin: 0;
}
.web-charts-marketing-wrapper .highcharts-popup textarea:focus, .web-charts-marketing-wrapper .login-popup textarea:focus, .web-charts-marketing-wrapper .settings-popup textarea:focus {
  border: 2px solid #2962ff;
}
.web-charts-marketing-wrapper .highcharts-popup .color-picker-wrapper, .web-charts-marketing-wrapper .login-popup .color-picker-wrapper, .web-charts-marketing-wrapper .settings-popup .color-picker-wrapper {
  align-items: center;
  border: 1px solid #d1d4dc;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-flex;
  margin: 1px;
  position: relative;
  height: 34px;
  width: 34px;
}
.web-charts-marketing-wrapper .highcharts-popup .color-picker-wrapper:hover, .web-charts-marketing-wrapper .login-popup .color-picker-wrapper:hover, .web-charts-marketing-wrapper .settings-popup .color-picker-wrapper:hover {
  border: 1px solid #a3a6af;
}
.web-charts-marketing-wrapper .highcharts-popup .color-picker-wrapper:focus-within, .web-charts-marketing-wrapper .login-popup .color-picker-wrapper:focus-within, .web-charts-marketing-wrapper .settings-popup .color-picker-wrapper:focus-within {
  border: 2px solid #2962ff;
  margin: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .color-picker, .web-charts-marketing-wrapper .login-popup .color-picker, .web-charts-marketing-wrapper .settings-popup .color-picker {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 4px;
  background-color: #fff;
  background-image: url(../img/hightchart-popup/opacity-pattern.svg);
  background-size: 50%;
  flex: 0 0 24px;
  height: 24px;
  position: relative;
  width: 24px;
  border-radius: 4px;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker-wrapper, .web-charts-marketing-wrapper .login-popup .font-size-picker-wrapper, .web-charts-marketing-wrapper .settings-popup .font-size-picker-wrapper {
  align-items: center;
  border: 1px solid #d1d4dc;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-flex;
  margin: 1px;
  position: relative;
  height: 34px;
  width: 100px;
  cursor: pointer;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker-wrapper:hover, .web-charts-marketing-wrapper .login-popup .font-size-picker-wrapper:hover, .web-charts-marketing-wrapper .settings-popup .font-size-picker-wrapper:hover {
  border: 1px solid #a3a6af;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker-wrapper .selected, .web-charts-marketing-wrapper .login-popup .font-size-picker-wrapper .selected, .web-charts-marketing-wrapper .settings-popup .font-size-picker-wrapper .selected {
  display: inline-flex;
  width: 100%;
  padding-left: 8px;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker-wrapper .arrow, .web-charts-marketing-wrapper .login-popup .font-size-picker-wrapper .arrow, .web-charts-marketing-wrapper .settings-popup .font-size-picker-wrapper .arrow {
  display: inline-flex;
  width: 28px;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker-wrapper.active .arrow svg, .web-charts-marketing-wrapper .login-popup .font-size-picker-wrapper.active .arrow svg, .web-charts-marketing-wrapper .settings-popup .font-size-picker-wrapper.active .arrow svg {
  transform: rotate(180deg);
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker, .web-charts-marketing-wrapper .login-popup .font-size-picker, .web-charts-marketing-wrapper .settings-popup .font-size-picker {
  flex: 1 1 auto;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  position: relative;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker input, .web-charts-marketing-wrapper .login-popup .font-size-picker input, .web-charts-marketing-wrapper .settings-popup .font-size-picker input {
  margin: 0;
  font-size: 14px;
  border: none;
  padding-left: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker input:focus-visible, .web-charts-marketing-wrapper .login-popup .font-size-picker input:focus-visible, .web-charts-marketing-wrapper .settings-popup .font-size-picker input:focus-visible {
  outline: none;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .highcharts-popup .font-size-picker input::-webkit-outer-spin-button, .web-charts-marketing-wrapper .login-popup .font-size-picker input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .login-popup .font-size-picker input::-webkit-outer-spin-button, .web-charts-marketing-wrapper .settings-popup .font-size-picker input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .settings-popup .font-size-picker input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .text-input, .web-charts-marketing-wrapper .login-popup .text-input, .web-charts-marketing-wrapper .settings-popup .text-input {
  flex: 1 1 auto;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  position: relative;
}
.web-charts-marketing-wrapper .highcharts-popup .text-input input, .web-charts-marketing-wrapper .login-popup .text-input input, .web-charts-marketing-wrapper .settings-popup .text-input input {
  margin: 0;
  font-size: 14px;
  border: none;
  padding-left: 0;
  border: 1px solid #d1d4dc;
  border-radius: 4px;
  height: 34px;
  width: 100px;
  padding: 0 6px 0 8px;
}
.web-charts-marketing-wrapper .highcharts-popup .text-input input:focus-visible, .web-charts-marketing-wrapper .login-popup .text-input input:focus-visible, .web-charts-marketing-wrapper .settings-popup .text-input input:focus-visible {
  outline: none;
}
.web-charts-marketing-wrapper .highcharts-popup .text-input input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .highcharts-popup .text-input input::-webkit-outer-spin-button, .web-charts-marketing-wrapper .login-popup .text-input input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .login-popup .text-input input::-webkit-outer-spin-button, .web-charts-marketing-wrapper .settings-popup .text-input input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .settings-popup .text-input input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .checkbox-input, .web-charts-marketing-wrapper .highcharts-popup .radio-input, .web-charts-marketing-wrapper .login-popup .checkbox-input, .web-charts-marketing-wrapper .login-popup .radio-input, .web-charts-marketing-wrapper .settings-popup .checkbox-input, .web-charts-marketing-wrapper .settings-popup .radio-input {
  flex: 1 1 auto;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  position: relative;
  line-height: 1.2;
}
.web-charts-marketing-wrapper .highcharts-popup .checkbox-input input, .web-charts-marketing-wrapper .highcharts-popup .radio-input input, .web-charts-marketing-wrapper .login-popup .checkbox-input input, .web-charts-marketing-wrapper .login-popup .radio-input input, .web-charts-marketing-wrapper .settings-popup .checkbox-input input, .web-charts-marketing-wrapper .settings-popup .radio-input input {
  margin: 0;
  font-size: 14px;
  border: none;
  padding-left: 0;
  border: 1px solid #d1d4dc;
  border-radius: 4px;
  height: 16px;
  width: 16px;
  padding: 0 6px 0 8px;
  accent-color: #2962ff;
}
.web-charts-marketing-wrapper .highcharts-popup .checkbox-input input:focus-visible, .web-charts-marketing-wrapper .highcharts-popup .radio-input input:focus-visible, .web-charts-marketing-wrapper .login-popup .checkbox-input input:focus-visible, .web-charts-marketing-wrapper .login-popup .radio-input input:focus-visible, .web-charts-marketing-wrapper .settings-popup .checkbox-input input:focus-visible, .web-charts-marketing-wrapper .settings-popup .radio-input input:focus-visible {
  outline: none;
}
.web-charts-marketing-wrapper .highcharts-popup .checkbox-input input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .highcharts-popup .checkbox-input input::-webkit-outer-spin-button, .web-charts-marketing-wrapper .highcharts-popup .radio-input input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .highcharts-popup .radio-input input::-webkit-outer-spin-button, .web-charts-marketing-wrapper .login-popup .checkbox-input input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .login-popup .checkbox-input input::-webkit-outer-spin-button, .web-charts-marketing-wrapper .login-popup .radio-input input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .login-popup .radio-input input::-webkit-outer-spin-button, .web-charts-marketing-wrapper .settings-popup .checkbox-input input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .settings-popup .checkbox-input input::-webkit-outer-spin-button, .web-charts-marketing-wrapper .settings-popup .radio-input input::-webkit-inner-spin-button, .web-charts-marketing-wrapper .settings-popup .radio-input input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .checkbox-input label, .web-charts-marketing-wrapper .highcharts-popup .radio-input label, .web-charts-marketing-wrapper .login-popup .checkbox-input label, .web-charts-marketing-wrapper .login-popup .radio-input label, .web-charts-marketing-wrapper .settings-popup .checkbox-input label, .web-charts-marketing-wrapper .settings-popup .radio-input label {
  font-size: 14px;
}
.web-charts-marketing-wrapper .highcharts-popup .radio-input input, .web-charts-marketing-wrapper .login-popup .radio-input input, .web-charts-marketing-wrapper .settings-popup .radio-input input {
  position: relative;
  top: 3px;
  margin-right: 6px;
}
.web-charts-marketing-wrapper .highcharts-popup .radio-input label, .web-charts-marketing-wrapper .login-popup .radio-input label, .web-charts-marketing-wrapper .settings-popup .radio-input label {
  margin-right: 10px;
}
.web-charts-marketing-wrapper .highcharts-popup .label-inline, .web-charts-marketing-wrapper .login-popup .label-inline, .web-charts-marketing-wrapper .settings-popup .label-inline {
  color: #131722;
  margin-right: 20px;
  display: inline-block;
  font-size: 14px;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker ul, .web-charts-marketing-wrapper .login-popup .font-size-picker ul, .web-charts-marketing-wrapper .settings-popup .font-size-picker ul {
  position: absolute;
  list-style: none;
  background-color: #fff;
  padding: 6px 0;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  text-align: left;
  margin: 0;
  width: 100%;
  top: 36px;
  z-index: 3;
  display: none;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker-wrapper.active ul, .web-charts-marketing-wrapper .login-popup .font-size-picker-wrapper.active ul, .web-charts-marketing-wrapper .settings-popup .font-size-picker-wrapper.active ul {
  display: block;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker ul li, .web-charts-marketing-wrapper .login-popup .font-size-picker ul li, .web-charts-marketing-wrapper .settings-popup .font-size-picker ul li {
  align-items: center;
  background-color: #fff;
  border: 0;
  box-sizing: border-box;
  color: #131722;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  font-size: 14px;
  padding: 2px 12px;
  transition-property: none;
  white-space: nowrap;
  height: 32px;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker ul li:hover, .web-charts-marketing-wrapper .login-popup .font-size-picker ul li:hover, .web-charts-marketing-wrapper .settings-popup .font-size-picker ul li:hover {
  background-color: #f0f3fa;
}
.web-charts-marketing-wrapper .highcharts-popup .font-size-picker ul li.selected, .web-charts-marketing-wrapper .login-popup .font-size-picker ul li.selected, .web-charts-marketing-wrapper .settings-popup .font-size-picker ul li.selected {
  padding: 2px 12px;
  background-color: #2962ff;
  color: #fff;
}
.web-charts-marketing-wrapper .highcharts-popup .font-style-wrapper, .web-charts-marketing-wrapper .login-popup .font-style-wrapper, .web-charts-marketing-wrapper .settings-popup .font-style-wrapper {
  align-items: center;
  justify-content: center;
  border: 1px solid #d1d4dc;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-flex;
  margin: 1px;
  position: relative;
  height: 34px;
  width: 34px;
}
.web-charts-marketing-wrapper .highcharts-popup .font-style-wrapper:hover, .web-charts-marketing-wrapper .login-popup .font-style-wrapper:hover, .web-charts-marketing-wrapper .settings-popup .font-style-wrapper:hover {
  border: 1px solid #a3a6af;
  background-color: #f0f3fa;
}
.web-charts-marketing-wrapper .highcharts-popup .font-style-wrapper svg path, .web-charts-marketing-wrapper .login-popup .font-style-wrapper svg path, .web-charts-marketing-wrapper .settings-popup .font-style-wrapper svg path {
  fill: #000;
}
.web-charts-marketing-wrapper .highcharts-popup .font-style-wrapper.active, .web-charts-marketing-wrapper .login-popup .font-style-wrapper.active, .web-charts-marketing-wrapper .settings-popup .font-style-wrapper.active {
  background-color: #9598a1;
  border-color: #9598a1;
  color: #fff;
}
.web-charts-marketing-wrapper .highcharts-popup .font-style-wrapper.active:hover, .web-charts-marketing-wrapper .login-popup .font-style-wrapper.active:hover, .web-charts-marketing-wrapper .settings-popup .font-style-wrapper.active:hover {
  background-color: #787b86;
  border-color: #787b86;
  color: #fff;
}
.web-charts-marketing-wrapper .highcharts-popup .font-style-wrapper.active svg path, .web-charts-marketing-wrapper .login-popup .font-style-wrapper.active svg path, .web-charts-marketing-wrapper .settings-popup .font-style-wrapper.active svg path {
  fill: #fff;
}
.web-charts-marketing-wrapper .highcharts-popup .font-style-wrapper > div, .web-charts-marketing-wrapper .login-popup .font-style-wrapper > div, .web-charts-marketing-wrapper .settings-popup .font-style-wrapper > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-charts-marketing-wrapper .highcharts-popup .picmo__searchField, .web-charts-marketing-wrapper .login-popup .picmo__searchField, .web-charts-marketing-wrapper .settings-popup .picmo__searchField {
  margin: 0;
}
.web-charts-marketing-wrapper .highcharts-popup .picmo__picker, .web-charts-marketing-wrapper .login-popup .picmo__picker, .web-charts-marketing-wrapper .settings-popup .picmo__picker {
  width: 100% !important;
}
.web-charts-marketing-wrapper .highcharts-popup .picmo__picker .picmo__emojiContainer, .web-charts-marketing-wrapper .login-popup .picmo__picker .picmo__emojiContainer, .web-charts-marketing-wrapper .settings-popup .picmo__picker .picmo__emojiContainer {
  padding: 0 0.5em 0.5em 0.5em;
}
.web-charts-marketing-wrapper .highcharts-popup .picmo__picker .picmo__emojiContainer button.picmo__emojiButton img[src*="https://cdn.jsdelivr.net/emojione/assets/png/1f600.png"], .web-charts-marketing-wrapper .login-popup .picmo__picker .picmo__emojiContainer button.picmo__emojiButton img[src*="https://cdn.jsdelivr.net/emojione/assets/png/1f600.png"], .web-charts-marketing-wrapper .settings-popup .picmo__picker .picmo__emojiContainer button.picmo__emojiButton img[src*="https://cdn.jsdelivr.net/emojione/assets/png/1f600.png"] {
  display: none;
}
.web-charts-marketing-wrapper .highcharts-popup .emoji-picker-container, .web-charts-marketing-wrapper .login-popup .emoji-picker-container, .web-charts-marketing-wrapper .settings-popup .emoji-picker-container {
  width: 100%;
}
.web-charts-marketing-wrapper .highcharts-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar, .web-charts-marketing-wrapper .login-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar, .web-charts-marketing-wrapper .settings-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 8px;
  height: 10px;
  display: block;
}
.web-charts-marketing-wrapper .highcharts-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb:horizontal, .web-charts-marketing-wrapper .login-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb:horizontal, .web-charts-marketing-wrapper .settings-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
}
.web-charts-marketing-wrapper .highcharts-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-track, .web-charts-marketing-wrapper .login-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-track, .web-charts-marketing-wrapper .settings-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-track {
  background: #ffffff;
  height: 10px;
  display: block;
}
.web-charts-marketing-wrapper .highcharts-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb, .web-charts-marketing-wrapper .login-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb, .web-charts-marketing-wrapper .settings-popup .emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 10px;
  display: block;
  border-radius: 8px;
}
.web-charts-marketing-wrapper .highcharts-popup .slider-input, .web-charts-marketing-wrapper .login-popup .slider-input, .web-charts-marketing-wrapper .settings-popup .slider-input {
  display: flex;
}
.web-charts-marketing-wrapper .highcharts-popup .slider-input input, .web-charts-marketing-wrapper .login-popup .slider-input input, .web-charts-marketing-wrapper .settings-popup .slider-input input {
  width: 100px;
}
.web-charts-marketing-wrapper .highcharts-popup .disabled, .web-charts-marketing-wrapper .login-popup .disabled, .web-charts-marketing-wrapper .settings-popup .disabled {
  opacity: 0.6;
  pointer-events: none;
}
.web-charts-marketing-wrapper .settings-popup .section-head {
  cursor: pointer;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .content hr {
  margin: 8px 0;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .content .control:last-child {
  padding-bottom: 8px;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .content .control .text-input {
  flex: unset;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .content .control .font-size-picker-wrapper p {
  margin-bottom: 0;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .content .control.default-trade-size {
  padding: 0;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .content .control.default-trade-size .text-input input {
  width: 80px;
  text-align: center;
  padding: 0 6px 0 6px;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .content .control.default-trade-size .font-size-picker-wrapper {
  width: 80px;
  border: 1px solid transparent;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .content .control.default-trade-size .font-size-picker-wrapper ul {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.web-charts-marketing-wrapper .settings-popup .wrapper .custom-scroll {
  overflow-y: auto;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .custom-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 6px;
  height: 6px;
  display: block;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .custom-scroll::-webkit-scrollbar-thumb:horizontal {
  height: 4px;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .custom-scroll::-webkit-scrollbar-track {
  background: #ffffff;
  height: 4px;
  display: block;
}
.web-charts-marketing-wrapper .settings-popup .wrapper .custom-scroll::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 6px;
  display: block;
  border-radius: 4px;
}
.web-charts-marketing-wrapper .settings-popup .checkbox-input label, .web-charts-marketing-wrapper .settings-popup .radio-input label {
  line-height: 20px;
}
.web-charts-marketing-wrapper .tipro.settings-popup .checkbox-input label, .web-charts-marketing-wrapper .tipro.settings-popup .radio-input label {
  line-height: 26px;
}
@media screen and (max-height: 570px) {
  .web-charts-marketing-wrapper .highcharts-popup:not(.highcharts-annotation-toolbar) {
    max-height: 84%;
    top: calc(50% + 20px) !important;
  }
}
@media screen and (max-width: 640px) {
  .web-charts-marketing-wrapper .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab {
    width: 1.4em;
  }
  .web-charts-marketing-wrapper .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton {
    width: 1.2em;
    height: 1.2em;
  }
  .web-charts-marketing-wrapper .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton .picmo__icon {
    width: 1.2em;
    height: 1.2em;
  }
}
@media screen and (max-width: 600px) {
  .web-charts-marketing-wrapper .highcharts-popup:not(.highcharts-annotation-toolbar) {
    left: calc(50% + 20px) !important;
    min-width: 300px !important;
  }
}
@media screen and (max-width: 510px) {
  .web-charts-marketing-wrapper .highcharts-popup:not(.highcharts-annotation-toolbar) {
    left: calc(50% + 20px) !important;
    min-width: 300px !important;
  }
}
@media screen and (max-width: 460px) {
  .web-charts-marketing-wrapper .highcharts-popup:not(.highcharts-annotation-toolbar) {
    min-width: 280px !important;
  }
}
@media screen and (max-width: 430px) {
  .web-charts-marketing-wrapper .highcharts-popup:not(.highcharts-annotation-toolbar) {
    min-width: unset !important;
  }
}
@media screen and (max-width: 360px) {
  .web-charts-marketing-wrapper .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab {
    width: 1.2em;
  }
  .web-charts-marketing-wrapper .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton {
    width: 1em;
    height: 1em;
  }
  .web-charts-marketing-wrapper .highcharts-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton .picmo__icon {
    width: 1em;
    height: 1em;
  }
}
.web-charts-marketing-wrapper .information-popup, .web-charts-marketing-wrapper .settings-popup {
  box-sizing: border-box;
  font-family: Trebuchet MS;
  position: absolute;
  max-width: 550px;
  min-width: 450px;
  width: auto;
  height: auto;
  border-radius: 6px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
.web-charts-marketing-wrapper .information-popup.active, .web-charts-marketing-wrapper .settings-popup.active {
  display: block;
  opacity: 1;
  visibility: visible;
}
.web-charts-marketing-wrapper .information-popup .wrapper, .web-charts-marketing-wrapper .settings-popup .wrapper {
  display: block;
  padding: 0 20px;
}
.web-charts-marketing-wrapper .information-popup .wrapper .head, .web-charts-marketing-wrapper .settings-popup .wrapper .head {
  align-items: center;
  cursor: default;
  display: flex;
  flex: 0 0 auto;
  position: relative;
}
.web-charts-marketing-wrapper .information-popup .wrapper .head::after, .web-charts-marketing-wrapper .settings-popup .wrapper .head::after {
  content: " ";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  background-color: lightgray;
  bottom: 0px;
  left: -20px;
}
.web-charts-marketing-wrapper .information-popup .wrapper .head .close, .web-charts-marketing-wrapper .settings-popup .wrapper .head .close {
  align-items: center;
  align-self: flex-start;
  background-color: initial;
  border: 0;
  border-radius: 2px;
  color: #131722;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  justify-content: center;
  margin: 3px 0px;
  width: 32px;
  left: 4px;
  outline: none;
  overflow: visible;
  position: relative;
  cursor: pointer;
}
.web-charts-marketing-wrapper .information-popup .wrapper .head .close:hover, .web-charts-marketing-wrapper .settings-popup .wrapper .head .close:hover {
  background-color: #f0f3fa;
}
.web-charts-marketing-wrapper .information-popup .wrapper .head .close .icon, .web-charts-marketing-wrapper .settings-popup .wrapper .head .close .icon {
  height: 13px;
  width: 13px;
  position: relative;
}
.web-charts-marketing-wrapper .information-popup .wrapper .head .close .icon svg, .web-charts-marketing-wrapper .settings-popup .wrapper .head .close .icon svg {
  position: absolute;
  top: -2px;
  left: -2px;
}
.web-charts-marketing-wrapper .information-popup .wrapper .head .title, .web-charts-marketing-wrapper .settings-popup .wrapper .head .title {
  color: #131722;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  width: calc(100% - 37px);
  margin: 0;
}
.web-charts-marketing-wrapper .information-popup .wrapper .content, .web-charts-marketing-wrapper .settings-popup .wrapper .content {
  padding: 16px 0;
  width: 100%;
  overflow-y: auto;
  color: #131722;
}
.web-charts-marketing-wrapper .information-popup .wrapper .content p, .web-charts-marketing-wrapper .settings-popup .wrapper .content p {
  color: #131722;
  margin: 0px;
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 4px;
}
.web-charts-marketing-wrapper .information-popup .wrapper .content b, .web-charts-marketing-wrapper .settings-popup .wrapper .content b {
  color: #131722;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 4px;
  font-weight: 600;
}
.web-charts-marketing-wrapper .information-popup .wrapper .content a, .web-charts-marketing-wrapper .settings-popup .wrapper .content a {
  color: #2962ff;
}
.web-charts-marketing-wrapper .information-popup .wrapper .content::-webkit-scrollbar, .web-charts-marketing-wrapper .settings-popup .wrapper .content::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 4px;
  height: 6px;
  display: block;
}
.web-charts-marketing-wrapper .information-popup .wrapper .content::-webkit-scrollbar-thumb:horizontal, .web-charts-marketing-wrapper .settings-popup .wrapper .content::-webkit-scrollbar-thumb:horizontal {
  height: 6px;
}
.web-charts-marketing-wrapper .information-popup .wrapper .content::-webkit-scrollbar-track, .web-charts-marketing-wrapper .settings-popup .wrapper .content::-webkit-scrollbar-track {
  background: #ffffff;
  height: 6px;
  display: block;
}
.web-charts-marketing-wrapper .information-popup .wrapper .content::-webkit-scrollbar-thumb, .web-charts-marketing-wrapper .settings-popup .wrapper .content::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 6px;
  display: block;
  border-radius: 4px;
}
.web-charts-marketing-wrapper .information-popup .wrapper .footer, .web-charts-marketing-wrapper .settings-popup .wrapper .footer {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  padding: 16px 0px;
  justify-content: flex-end;
}
.web-charts-marketing-wrapper .information-popup .wrapper .footer::before, .web-charts-marketing-wrapper .settings-popup .wrapper .footer::before {
  content: " ";
  position: absolute;
  width: calc(100% + 40px);
  height: 1px;
  background-color: lightgray;
  top: 1px;
  left: -20px;
}
.web-charts-marketing-wrapper .information-popup .wrapper .footer button, .web-charts-marketing-wrapper .settings-popup .wrapper .footer button {
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2962ff;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #2962ff;
  display: inline-flex;
  justify-content: center;
  max-width: 100%;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
  border-radius: 8px;
  height: 34px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 0;
  cursor: pointer;
}
.web-charts-marketing-wrapper .information-popup .wrapper .footer button:hover, .web-charts-marketing-wrapper .settings-popup .wrapper .footer button:hover {
  background-color: #1e53e5 !important;
  color: #fff !important;
}
.web-charts-marketing-wrapper .information-popup .wrapper .footer button.submit, .web-charts-marketing-wrapper .settings-popup .wrapper .footer button.submit {
  margin-left: 12px;
  color: #fff;
  background-color: #2962ff;
}
.web-charts-marketing-wrapper .information-popup .wrapper .footer button.submit.disabled, .web-charts-marketing-wrapper .settings-popup .wrapper .footer button.submit.disabled {
  opacity: 0.5;
  cursor: default;
}
.web-charts-marketing-wrapper .information-popup .trade-message, .web-charts-marketing-wrapper .settings-popup .trade-message {
  display: block;
  text-align: center;
  font-size: 15px;
}
.web-charts-marketing-wrapper .information-popup .green, .web-charts-marketing-wrapper .settings-popup .green {
  color: rgb(38, 142, 55);
}
.web-charts-marketing-wrapper .information-popup .red, .web-charts-marketing-wrapper .settings-popup .red {
  color: rgb(233, 37, 38);
}
.web-charts-marketing-wrapper .information-popup .b, .web-charts-marketing-wrapper .settings-popup .b {
  font-weight: 600;
}
.web-charts-marketing-wrapper .information-popup .footer-checkbox, .web-charts-marketing-wrapper .settings-popup .footer-checkbox {
  position: absolute;
  left: 0;
  top: 24px;
  display: none;
}
.web-charts-marketing-wrapper .information-popup .footer-checkbox input, .web-charts-marketing-wrapper .settings-popup .footer-checkbox input {
  margin: 0;
  font-size: 14px;
  border: none;
  padding-left: 0;
  border: 1px solid #d1d4dc;
  border-radius: 4px;
  height: 16px;
  width: 16px;
  padding: 0 6px 0 8px;
  accent-color: #2962ff;
}
.web-charts-marketing-wrapper .information-popup .footer-checkbox label, .web-charts-marketing-wrapper .settings-popup .footer-checkbox label {
  font-size: 14px;
  color: #000;
  position: relative;
  top: -3px;
}
.web-charts-marketing-wrapper .information-popup.fc .footer-checkbox, .web-charts-marketing-wrapper .settings-popup.fc .footer-checkbox {
  display: block;
}
@media screen and (max-width: 460px) {
  .web-charts-marketing-wrapper .information-popup {
    width: calc(100% - 20px);
    min-width: unset;
  }
  .web-charts-marketing-wrapper .information-popup.fc .wrapper .footer {
    padding-top: 46px;
  }
  .web-charts-marketing-wrapper .information-popup.fc .wrapper .footer-checkbox {
    top: 12px;
  }
}
.web-charts-marketing-wrapper .add-emoji-control-popup {
  position: absolute;
  width: auto;
  height: auto;
  border-radius: 6px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  left: 52px;
  top: 124px;
  z-index: -1;
  display: block;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.web-charts-marketing-wrapper .add-emoji-control-popup.inited.active {
  z-index: 100;
  display: block;
  opacity: 1;
  visibility: visible;
}
.web-charts-marketing-wrapper .add-emoji-control-popup .picmo__searchField {
  margin: 0;
}
.web-charts-marketing-wrapper .add-emoji-control-popup .picmo__picker {
  width: 100% !important;
}
.web-charts-marketing-wrapper .add-emoji-control-popup .picmo__picker .picmo__emojiContainer {
  padding: 0 0.5em 0.5em 0.5em;
}
.web-charts-marketing-wrapper .add-emoji-control-popup .picmo__picker .picmo__emojiContainer button.picmo__emojiButton img[src*="https://cdn.jsdelivr.net/emojione/assets/png/1f600.png"] {
  display: none;
}
.web-charts-marketing-wrapper .add-emoji-control-popup .quick-add-emoji-picker-container {
  width: 100%;
}
.web-charts-marketing-wrapper .add-emoji-control-popup .quick-add-emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 8px;
  height: 10px;
  display: block;
}
.web-charts-marketing-wrapper .add-emoji-control-popup .quick-add-emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
}
.web-charts-marketing-wrapper .add-emoji-control-popup .quick-add-emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-track {
  background: #ffffff;
  height: 10px;
  display: block;
}
.web-charts-marketing-wrapper .add-emoji-control-popup .quick-add-emoji-picker-container .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 10px;
  display: block;
  border-radius: 8px;
}
@media screen and (max-width: 640px) {
  .web-charts-marketing-wrapper .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab {
    width: 1.4em;
  }
  .web-charts-marketing-wrapper .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton {
    width: 1.2em;
    height: 1.2em;
  }
  .web-charts-marketing-wrapper .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton .picmo__icon {
    width: 1.2em;
    height: 1.2em;
  }
}
@media screen and (max-width: 360px) {
  .web-charts-marketing-wrapper .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab {
    width: 1.2em;
  }
  .web-charts-marketing-wrapper .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton {
    width: 1em;
    height: 1em;
  }
  .web-charts-marketing-wrapper .add-emoji-control-popup .picmo__picker .picmo__categoryButtons .picmo__categoryTab button.picmo__categoryButton .picmo__icon {
    width: 1em;
    height: 1em;
  }
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup {
  display: block;
  opacity: 1;
  visibility: visible;
  width: 550px !important;
  height: 350px !important;
  left: unset !important;
  min-width: unset !important;
  top: unset !important;
  right: 0;
  bottom: 0 !important;
  transform: unset !important;
  border-radius: 0;
  overflow: visible;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .on-off-arrow {
  position: absolute;
  cursor: pointer;
  left: 50%;
  transform: translateX(-50%);
  top: -23px;
  display: flex;
  background-color: rgba(128, 128, 128, 0.7);
  border-top: 0px solid transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .on-off-arrow:before {
  top: -2px;
  content: " ";
  position: absolute;
  width: 100%;
  left: 0;
  height: 2px;
  background-color: rgba(128, 128, 128, 0.7);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .on-off-arrow p {
  color: #FFFFFF;
  font-size: 12px;
  padding: 2px 4px;
  height: 22px;
  width: 107px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .on-off-arrow .pause {
  position: relative;
  top: 9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #FF4532 transparent;
  transform: rotate(0deg);
  margin-left: 6px;
  margin-right: 2px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .on-off-arrow.green::before {
  background-color: rgb(38, 156, 38);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .on-off-arrow.green .pause {
  border-color: transparent transparent rgb(38, 156, 38) transparent;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .on-off-arrow.red::before {
  background-color: rgb(255, 0, 0);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .on-off-arrow.red .pause {
  transform: rotate(180deg);
  top: 8px;
  border-color: transparent transparent rgb(255, 0, 0) transparent;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .on-off-arrow:hover {
  background-color: #737373;
  transition: background-color 100ms;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.active .on-off-arrow {
  background-color: rgb(128, 128, 128);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.active .wrapper {
  display: block;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper {
  display: none;
  padding: 0 16px !important;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper .head .title {
  font-size: 13px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper .head::after {
  left: -16px;
  background-color: rgb(128, 128, 128);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper .footer::before {
  left: -16px;
  background-color: rgb(128, 128, 128);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .row.dt-row {
  width: 100%;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup #ema-summary-table_wrapper {
  display: flex;
  justify-content: center;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup #ema-summary-table_wrapper .dataTables_scrollHeadInner {
  padding-right: 0 !important;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup #ema-summary-table_wrapper .dataTables_scrollBody::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 6px;
  height: 6px;
  display: block;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup #ema-summary-table_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb:horizontal {
  height: 4px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup #ema-summary-table_wrapper .dataTables_scrollBody::-webkit-scrollbar-track {
  background: #ffffff;
  height: 4px;
  display: block;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup #ema-summary-table_wrapper .dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 6px;
  display: block;
  border-radius: 4px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup #ema-summary-table_wrapper .dt-scroll-headInner {
  padding-right: 0 !important;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup #ema-summary-table_wrapper .dt-scroll-head {
  overflow: visible !important;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup #ema-summary-table_wrapper .dt-scroll-body {
  border: none;
  overflow: visible !important;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup #ema-summary-table_wrapper .dt-scroll-foot {
  display: none;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup #ema-summary-table_wrapper.dt-bootstrap5 > .row:not(.dt-row) {
  display: none;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .green {
  color: rgb(38, 156, 38);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .red {
  color: rgb(255, 0, 0);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup th,
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup td {
  font-size: 12px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup table {
  border: 1px solid rgb(128, 128, 128);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup table.dataTable > thead > tr > th {
  border-bottom: none;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup table.dataTable.row-border > tbody > tr > *,
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup table.dataTable.display > tbody > tr > * {
  border-top: 1px solid rgb(128, 128, 128);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup table.dataTable.cell-border > tbody > tr > * {
  border-top: 1px solid rgb(128, 128, 128);
  border-right: 1px solid rgb(128, 128, 128);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup table.dataTable.cell-border > tbody > tr > *:first-child {
  border-left: 1px solid rgb(128, 128, 128);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup table.dataTable.cell-border > tbody > tr:first-child > * {
  border-top: 1px solid rgb(128, 128, 128);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper .content {
  overflow: auto;
  padding: 0 !important;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper .content::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 6px;
  height: 6px;
  display: block;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper .content::-webkit-scrollbar-thumb:horizontal {
  height: 4px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper .content::-webkit-scrollbar-track {
  background: #ffffff;
  height: 4px;
  display: block;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper .content::-webkit-scrollbar-thumb {
  background: #C6C6C5;
  height: 6px;
  display: block;
  border-radius: 4px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .total-profit {
  position: absolute;
  left: 0;
  top: 20px;
  color: #000;
  font-weight: 500;
  font-size: 12px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .total-profit span {
  font-weight: 500;
  font-size: 14px;
  color: rgb(38, 156, 38);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .total-profit span.neg {
  color: rgb(250, 0, 0);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .head .right .label-inline {
  margin-right: 0;
  font-size: 11px;
  right: 34px;
  color: #fff;
  position: relative;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .trade-type-picker {
  position: absolute;
  right: 0;
  height: 24px;
  width: 60px;
  margin: 0;
  cursor: pointer;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .trade-type-picker:hover {
  border: 1px solid #d1d4dc;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .trade-type-picker .selected p {
  font-size: 11px;
  margin: 0;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .trade-type-picker .arrow {
  position: absolute;
  right: 0;
  top: -1px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .trade-type-picker .selection {
  top: 26px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .trade-type-picker .selection li {
  font-size: 11px;
  height: 24px;
  color: #000;
  cursor: pointer;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .trade-type-picker .selection li.selected {
  color: #000;
  background-color: unset;
  opacity: 0.8;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .trade-type-picker .green {
  color: rgb(38, 156, 38) !important;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .trade-type-picker .red {
  color: rgb(255, 0, 0) !important;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark {
  background-color: rgb(40, 40, 40);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark .green {
  color: rgb(0, 255, 0);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark .trade-type-picker .arrow {
  color: #fff;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark .trade-type-picker .selected p {
  color: #fff;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark .trade-type-picker .selection {
  background: rgb(35, 35, 35);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark .trade-type-picker .selection li {
  background: rgb(35, 35, 35);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark .trade-type-picker .green {
  color: rgb(0, 255, 0) !important;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark .wrapper .head .title {
  color: #fff;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark .wrapper .content {
  color: #fff;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark .total-profit {
  color: #fff;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark .total-profit span {
  color: rgb(0, 250, 0);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark .total-profit span.neg {
  color: rgb(255, 0, 0) !important;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.dark #ema-summary-table_wrapper table {
  background: rgb(35, 35, 35);
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.ti-pro .trade-type-picker .arrow {
  top: 0px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.ti-pro .on-off-arrow:before {
  top: 0px;
}
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup.ti-pro .on-off-arrow p {
  height: 18px;
  left: calc(50% - 60px);
  line-height: 1.5;
  width: 102px;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup {
  min-width: 550px !important;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper {
  padding-left: 0;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .head {
  padding-left: 20px;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content {
  display: flex;
  overflow: hidden;
  height: 360px;
  padding-left: 4px;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content .left-panel {
  width: 210px;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content .right-panel {
  width: calc(100% - 210px);
  position: relative;
  margin-left: 2px;
  padding-left: 12px;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content .right-panel .font-size-picker-wrapper {
  width: 140px;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content ul li {
  cursor: pointer;
  padding: 2px 4px;
  white-space: nowrap;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content ul li .ico-trade-wave {
  color: #000;
  width: 16px;
  height: 16px;
  top: -2px;
  margin-right: 4px;
  position: relative;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content ul li.active {
  color: #2962ff;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content ul li.active .ico-trade-wave {
  color: #2962ff;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content .title {
  color: #2962ff;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  padding-bottom: 8px;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .footer {
  padding-left: 20px;
  min-height: 66px;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .footer .save,
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .footer .revert,
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .footer .delete,
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .footer .add {
  display: none;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .footer .edit {
  position: absolute;
  left: 20px;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .footer .revert {
  position: absolute;
  left: 96px;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup.add .wrapper .footer .add {
  display: block;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup.ema-cloud .wrapper .footer .revert {
  display: block;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup.edit .wrapper .content .right-panel::before {
  content: " ";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: lightgray;
  top: 0;
  left: 0;
}
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup.edit .wrapper .footer .save,
.web-charts-marketing-wrapper .settings-popup.indicator-manager-popup.edit .wrapper .footer .delete {
  display: block;
}
.web-charts-marketing-wrapper.extra-small .chart-component-main {
  padding-bottom: 24px;
}
.web-charts-marketing-wrapper.extra-small .chart-component-main,
.web-charts-marketing-wrapper.extra-small .ti-chart {
  height: 100%;
}
.web-charts-marketing-wrapper.extra-small .settings-popup,
.web-charts-marketing-wrapper.extra-small .information-popup,
.web-charts-marketing-wrapper.extra-small .trade-component,
.web-charts-marketing-wrapper.extra-small .add-emoji-control-popup,
.web-charts-marketing-wrapper.extra-small .ti-chart.web-charts-marketing-pnp {
  display: none !important;
}
.web-charts-marketing-wrapper.extra-small .scaling-reset-button,
.web-charts-marketing-wrapper.extra-small .chart-settings-btn,
.web-charts-marketing-wrapper.extra-small .single-stock-expand-btn,
.web-charts-marketing-wrapper.extra-small .pnp-switch,
.web-charts-marketing-wrapper.extra-small .controls,
.web-charts-marketing-wrapper.extra-small .highcharts-stocktools-wrapper,
.web-charts-marketing-wrapper.extra-small .smart-risk-wrapper {
  display: none !important;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window {
  position: relative;
  z-index: 2;
  overflow: visible !important;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .company-name {
  width: calc(100% + 88px);
  font-size: 12px;
  top: 0px;
  left: 4px;
  display: inline-flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  font-weight: bold;
  line-height: 18px;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .company-name p {
  max-width: 100%;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .change-from-first-bar {
  display: inline-flex;
  width: 100%;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .change-from-first-bar .small-last-price {
  font-size: 15px;
  line-height: 1;
  font-weight: bold;
  position: absolute;
  right: 4px;
  top: 8px;
  display: none;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .change-from-first-bar .value {
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  position: absolute;
  right: 4px;
  top: 8px;
  text-align: right;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #269C26;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .country-wrapper,
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .content-wrapper,
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .last-price,
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .pnl,
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .company-name span,
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .volumes {
  display: none !important;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .top-section .prices {
  height: 16px;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .top-section .logo-box {
  width: 10px;
  height: 10px;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .top-section .logo-box img {
  width: 22px;
  height: 22px;
  border-radius: 10px;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .top-section .logo-box .fail-company-logo-box {
  width: 22px;
  height: 22px;
  border-radius: 10px;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .symbol-lookup-wrapper {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  left: 28px;
  top: 6px;
}
.web-charts-marketing-wrapper.extra-small .marketing-webchart-single-stock-window .symbol-lookup-wrapper input {
  font-size: 18px;
  font-weight: bold;
  top: 1px;
  position: relative;
  width: auto;
  max-width: 130px;
}
.web-charts-marketing-wrapper.extra-small .main-chart .tooltip {
  top: 0;
}
.web-charts-marketing-wrapper.extra-small .last-price-wrapper.main-symbol-last-price .last-price {
  background-color: #269C26 !important;
}
.web-charts-marketing-wrapper.extra-small .last-price-wrapper.main-symbol-last-price .last-price::before {
  border-color: transparent #269C26 transparent transparent !important;
}
.web-charts-marketing-wrapper .extra-small-company-name {
  color: #000;
  background-color: #e8e8e8;
  padding: 2px 4px;
  margin: 0;
  height: 24px;
  line-height: 1.8;
  position: absolute;
  display: flex;
  width: 100%;
  bottom: 0px;
}
.web-charts-marketing-wrapper .extra-small-company-name p {
  margin: 0;
  width: auto;
  font-size: 12px;
  margin-right: 4px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
}
.web-charts-marketing-wrapper .extra-small-company-name a {
  margin: 0;
  font-size: 12px;
  width: auto;
  display: inline-block;
  margin-left: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right;
  font-weight: 500;
}
.web-charts-marketing-wrapper .hidden {
  display: none !important;
}
.web-charts-marketing-wrapper .highcharts-popup .wrapper {
  display: block;
}
.web-charts-marketing-wrapper .highcharts-popup:not(.highcharts-annotation-toolbar) {
  max-height: calc(100vh - 100px) !important;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar {
  height: 36px !important;
}
.web-charts-marketing-wrapper .highcharts-popup.highcharts-annotation-toolbar span {
  padding: 6px 8px;
}
.web-charts-marketing-wrapper .trade-component .wrapper .select-list ul {
  padding: 4px 12px 4px 4px;
}
.web-charts-marketing-wrapper ul.ind-list {
  margin: 0;
  position: absolute;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0px;
  padding-top: 0;
  left: 0px;
  border-radius: 2px;
  top: 22px;
  width: 190px;
  display: none;
  z-index: 100;
}
.web-charts-marketing-wrapper ul.ind-list.active {
  display: block;
}
.web-charts-marketing-wrapper ul.ind-list .sub {
  display: block;
  height: 0;
  overflow: hidden;
  padding-left: 12px;
  position: relative;
}
.web-charts-marketing-wrapper ul.ind-list li {
  padding: 0px 8px;
  text-align: left;
  display: inline-block;
  width: 100%;
  color: #fff;
  text-shadow: 1px 0px #333;
  font-size: 12px;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.web-charts-marketing-wrapper ul.ind-list li:hover, .web-charts-marketing-wrapper ul.ind-list li.active {
  color: #004fd0;
}
.web-charts-marketing-wrapper ul.ind-list li:hover .arrow-down, .web-charts-marketing-wrapper ul.ind-list li.active .arrow-down {
  color: #004fd0;
}
.web-charts-marketing-wrapper ul.ind-list li.sub-open span:hover {
  color: #004fd0;
}
.web-charts-marketing-wrapper ul.ind-list li.sub-open .arrow-down {
  transform: rotate(180deg);
}
.web-charts-marketing-wrapper ul.ind-list li.sub-open .sub {
  height: auto;
}
.web-charts-marketing-wrapper ul.ind-list li.sub-open li.active {
  color: #fff;
}
.web-charts-marketing-wrapper ul.ind-list li.sub-open li.active::before {
  content: "•";
  color: #004fd0;
  position: absolute;
  left: -10px;
}
.web-charts-marketing-wrapper ul.ind-list li.sub-open li.active:hover {
  color: #004fd0;
}
.web-charts-marketing-wrapper ul.ind-list li.ema .ico-trade-wave {
  color: #fff;
  width: 16px;
  height: 16px;
  top: -2px;
  margin-right: 4px;
  right: 0;
  position: relative;
}
.web-charts-marketing-wrapper ul.ind-list li.ema .ico-edit {
  --color-1: #fff;
  width: 16px;
  height: 16px;
  top: 8px;
  right: 8px;
  display: none;
  position: absolute;
}
.web-charts-marketing-wrapper ul.ind-list li.ema a {
  font-size: 12;
  text-decoration: none;
  display: none;
  color: #3f80ea;
}
.web-charts-marketing-wrapper ul.ind-list li.ema a:hover {
  text-decoration: underline;
}
.web-charts-marketing-wrapper ul.ind-list li.ema span {
  padding-right: 24px;
}
.web-charts-marketing-wrapper ul.ind-list li.ema:hover .ico-trade-wave {
  color: #004fd0;
}
.web-charts-marketing-wrapper ul.ind-list li.ema.active {
  color: #fff;
}
.web-charts-marketing-wrapper ul.ind-list li.ema.active .ico-trade-wave {
  color: #004fd0;
}
.web-charts-marketing-wrapper ul.ind-list li.ema.active:hover {
  color: #004fd0;
}
.web-charts-marketing-wrapper ul.ind-list li.active.ema .ico-edit {
  display: block;
}
.web-charts-marketing-wrapper ul.ind-list li.active.ema a {
  display: inline-block;
}
.web-charts-marketing-wrapper ul.ind-list li svg.arrow-down {
  color: #fff;
  width: 16px;
  height: 16px;
  top: 2px;
  right: 8px;
  display: block;
  position: absolute;
}
.web-charts-marketing-wrapper ul.ind-list li span {
  white-space: nowrap;
}
.web-charts-marketing-wrapper ul.ind-list li.tf:first-child {
  padding-top: 6px;
}
.web-charts-marketing-wrapper ul.ind-list li.tf:last-child {
  padding-bottom: 6px;
}
.web-charts-marketing-wrapper ul.clock-list {
  position: absolute;
  display: none;
  left: 0px;
  padding: 0;
  background: #fff;
  filter: drop-shadow(1px 1px 2px #000);
  height: 20px;
  top: 26px;
  margin: 0;
  z-index: 100;
  border-radius: 2px;
  list-style: none;
}
.web-charts-marketing-wrapper ul.clock-list.active {
  display: flex;
}
.web-charts-marketing-wrapper ul.clock-list li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  text-align: center;
  color: #000;
  padding: 0 4px;
  font-family: Lato, sans-serif;
  font-weight: 700;
  font-size: 11px;
  text-shadow: unset;
  cursor: pointer;
}
.web-charts-marketing-wrapper ul.clock-list li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  .web-charts-marketing-wrapper .highcharts-popup:not(.highcharts-annotation-toolbar) .content {
    width: 100% !important;
  }
}
@media screen and (max-width: 600px) {
  .web-charts-marketing-wrapper .highcharts-popup:not(.highcharts-annotation-toolbar) {
    left: 50% !important;
    width: 100% !important;
    min-width: 300px !important;
  }
}
@media screen and (max-width: 1340px) {
  .web-charts-marketing-wrapper .settings-popup.indicator-manager-popup {
    position: fixed;
    z-index: 9999;
  }
}
@media screen and (max-width: 768px) {
  .web-charts-marketing-wrapper ul.ind-list li[data-value="999"] {
    display: none !important;
  }
  .web-charts-marketing-wrapper ul.ind-list li.ema .ico-edit {
    display: none !important;
  }
  .web-charts-marketing-wrapper .settings-popup.indicator-manager-popup {
    position: fixed;
    left: 0 !important;
    transform: unset !important;
    top: 0 !important;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
  }
  .web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper {
    padding: 0;
  }
  .web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content {
    height: calc(100vh - 104px);
    display: flex;
    flex-flow: row wrap;
    overflow-y: auto;
  }
  .web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content .left-panel {
    width: 100%;
  }
  .web-charts-marketing-wrapper .settings-popup.indicator-manager-popup .wrapper .content .right-panel {
    width: 100%;
    margin-top: 20px;
  }
  .web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper {
    padding: 0 6px !important;
  }
  .web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper .head .title {
    font-size: 12px;
  }
  .web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper .total-profit {
    font-size: 10px;
  }
  .web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper th,
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper td {
    font-size: 10px;
  }
  .web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper th.side,
.web-charts-marketing-wrapper .settings-popup.ema-summary-popup .wrapper td.side {
    display: none !important;
  }
  .web-charts-marketing-wrapper .zoom-and-scroll-button {
    bottom: 46px !important;
  }
  .web-charts-marketing-wrapper .zoom-and-scroll-button.one-ind {
    bottom: 12px !important;
  }
  .web-charts-marketing-wrapper .highcharts-axis.highcharts-yaxis .highcharts-axis-title {
    left: -25px !important;
  }
  .web-charts-marketing-wrapper .web-charts-marketing .change-from-close-label:not(.pnp) p span {
    position: relative;
    bottom: 1.5px;
  }
  .web-charts-marketing-wrapper .web-charts-marketing .change-from-close-label.pnp p span {
    position: relative;
    bottom: 0.5px;
  }
  .web-charts-marketing-wrapper .main-symbol-current-price-menu-items {
    max-width: 80%;
  }
  .web-charts-marketing-wrapper .main-symbol-current-price-menu-items .menu-item.buy-sell {
    flex-flow: row wrap;
  }
  .web-charts-marketing-wrapper .main-symbol-current-price-menu-items .menu-item.buy-sell .trade-order-type {
    margin-top: 4px;
    margin-bottom: 4px;
  }
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup, .web-charts-marketing-wrapper.dark-theme .information-popup, .web-charts-marketing-wrapper.dark-theme .settings-popup {
  color: #c0c0c0;
  border-color: rgb(34, 34, 34);
  background: rgb(34, 34, 34);
  box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.2);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup.highcharts-annotation-toolbar button, .web-charts-marketing-wrapper.dark-theme .information-popup.highcharts-annotation-toolbar button, .web-charts-marketing-wrapper.dark-theme .settings-popup.highcharts-annotation-toolbar button {
  background: rgb(34, 34, 34);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup.highcharts-annotation-toolbar button:after, .web-charts-marketing-wrapper.dark-theme .information-popup.highcharts-annotation-toolbar button:after, .web-charts-marketing-wrapper.dark-theme .settings-popup.highcharts-annotation-toolbar button:after {
  background: rgb(52, 52, 52);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup.highcharts-annotation-toolbar button:hover, .web-charts-marketing-wrapper.dark-theme .information-popup.highcharts-annotation-toolbar button:hover, .web-charts-marketing-wrapper.dark-theme .settings-popup.highcharts-annotation-toolbar button:hover {
  background: rgb(42, 42, 42);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup.highcharts-annotation-toolbar .highcharts-annotation-edit-button, .web-charts-marketing-wrapper.dark-theme .information-popup.highcharts-annotation-toolbar .highcharts-annotation-edit-button, .web-charts-marketing-wrapper.dark-theme .settings-popup.highcharts-annotation-toolbar .highcharts-annotation-edit-button {
  background-image: url(../img/hightchart-popup/gear-w.svg) !important;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup.highcharts-annotation-toolbar .highcharts-annotation-remove-button, .web-charts-marketing-wrapper.dark-theme .information-popup.highcharts-annotation-toolbar .highcharts-annotation-remove-button, .web-charts-marketing-wrapper.dark-theme .settings-popup.highcharts-annotation-toolbar .highcharts-annotation-remove-button {
  background-image: url(../img/hightchart-popup/remove-w.svg) !important;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup.highcharts-annotation-toolbar .highcharts-popup-close, .web-charts-marketing-wrapper.dark-theme .information-popup.highcharts-annotation-toolbar .highcharts-popup-close, .web-charts-marketing-wrapper.dark-theme .settings-popup.highcharts-annotation-toolbar .highcharts-popup-close {
  background-image: url(../img/hightchart-popup/close-w.svg) !important;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup.highcharts-annotation-toolbar .highcharts-popup-close:after, .web-charts-marketing-wrapper.dark-theme .information-popup.highcharts-annotation-toolbar .highcharts-popup-close:after, .web-charts-marketing-wrapper.dark-theme .settings-popup.highcharts-annotation-toolbar .highcharts-popup-close:after {
  background-color: rgb(52, 52, 52);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup.highcharts-annotation-toolbar .highcharts-popup-close:hover, .web-charts-marketing-wrapper.dark-theme .information-popup.highcharts-annotation-toolbar .highcharts-popup-close:hover, .web-charts-marketing-wrapper.dark-theme .settings-popup.highcharts-annotation-toolbar .highcharts-popup-close:hover {
  background-color: rgb(42, 42, 42);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup.indicator-manager-popup .wrapper .content ul li .ico-trade-wave, .web-charts-marketing-wrapper.dark-theme .information-popup.indicator-manager-popup .wrapper .content ul li .ico-trade-wave, .web-charts-marketing-wrapper.dark-theme .settings-popup.indicator-manager-popup .wrapper .content ul li .ico-trade-wave {
  color: #c0c0c0;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup.indicator-manager-popup .wrapper .content ul li.active .ico-trade-wave, .web-charts-marketing-wrapper.dark-theme .information-popup.indicator-manager-popup .wrapper .content ul li.active .ico-trade-wave, .web-charts-marketing-wrapper.dark-theme .settings-popup.indicator-manager-popup .wrapper .content ul li.active .ico-trade-wave {
  color: #2962ff;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup.indicator-manager-popup.edit .wrapper .content .right-panel::before, .web-charts-marketing-wrapper.dark-theme .information-popup.indicator-manager-popup.edit .wrapper .content .right-panel::before, .web-charts-marketing-wrapper.dark-theme .settings-popup.indicator-manager-popup.edit .wrapper .content .right-panel::before {
  background-color: rgb(48, 48, 48);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .wrapper .head .close, .web-charts-marketing-wrapper.dark-theme .information-popup .wrapper .head .close, .web-charts-marketing-wrapper.dark-theme .settings-popup .wrapper .head .close {
  color: #c0c0c0;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .wrapper .head .close:hover, .web-charts-marketing-wrapper.dark-theme .information-popup .wrapper .head .close:hover, .web-charts-marketing-wrapper.dark-theme .settings-popup .wrapper .head .close:hover {
  background: rgb(42, 42, 42);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .wrapper .head .title, .web-charts-marketing-wrapper.dark-theme .information-popup .wrapper .head .title, .web-charts-marketing-wrapper.dark-theme .settings-popup .wrapper .head .title {
  color: #c0c0c0;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .wrapper .content, .web-charts-marketing-wrapper.dark-theme .information-popup .wrapper .content, .web-charts-marketing-wrapper.dark-theme .settings-popup .wrapper .content {
  color: #c0c0c0;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .wrapper .content p, .web-charts-marketing-wrapper.dark-theme .information-popup .wrapper .content p, .web-charts-marketing-wrapper.dark-theme .settings-popup .wrapper .content p {
  color: #c0c0c0;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .wrapper .content .emoji-picker-container, .web-charts-marketing-wrapper.dark-theme .information-popup .wrapper .content .emoji-picker-container, .web-charts-marketing-wrapper.dark-theme .settings-popup .wrapper .content .emoji-picker-container {
  border: 1px solid #d1d4dc;
  border-radius: 4px;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .wrapper .content::-webkit-scrollbar-track, .web-charts-marketing-wrapper.dark-theme .information-popup .wrapper .content::-webkit-scrollbar-track, .web-charts-marketing-wrapper.dark-theme .settings-popup .wrapper .content::-webkit-scrollbar-track {
  background: rgb(0, 0, 0);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .wrapper .content::-webkit-scrollbar-thumb, .web-charts-marketing-wrapper.dark-theme .information-popup .wrapper .content::-webkit-scrollbar-thumb, .web-charts-marketing-wrapper.dark-theme .settings-popup .wrapper .content::-webkit-scrollbar-thumb {
  background: rgb(48, 48, 48);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .wrapper .custom-scroll::-webkit-scrollbar-track, .web-charts-marketing-wrapper.dark-theme .information-popup .wrapper .custom-scroll::-webkit-scrollbar-track, .web-charts-marketing-wrapper.dark-theme .settings-popup .wrapper .custom-scroll::-webkit-scrollbar-track {
  background: rgb(0, 0, 0);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .wrapper .custom-scroll::-webkit-scrollbar-thumb, .web-charts-marketing-wrapper.dark-theme .information-popup .wrapper .custom-scroll::-webkit-scrollbar-thumb, .web-charts-marketing-wrapper.dark-theme .settings-popup .wrapper .custom-scroll::-webkit-scrollbar-thumb {
  background: rgb(48, 48, 48);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .label-inline, .web-charts-marketing-wrapper.dark-theme .information-popup .label-inline, .web-charts-marketing-wrapper.dark-theme .settings-popup .label-inline {
  color: #c0c0c0;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .font-size-picker ul, .web-charts-marketing-wrapper.dark-theme .information-popup .font-size-picker ul, .web-charts-marketing-wrapper.dark-theme .settings-popup .font-size-picker ul {
  background: rgb(34, 34, 34);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .font-size-picker ul li, .web-charts-marketing-wrapper.dark-theme .information-popup .font-size-picker ul li, .web-charts-marketing-wrapper.dark-theme .settings-popup .font-size-picker ul li {
  color: #c0c0c0;
  background: rgb(34, 34, 34);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .font-size-picker ul li.selected, .web-charts-marketing-wrapper.dark-theme .highcharts-popup .font-size-picker ul li:hover, .web-charts-marketing-wrapper.dark-theme .information-popup .font-size-picker ul li.selected, .web-charts-marketing-wrapper.dark-theme .information-popup .font-size-picker ul li:hover, .web-charts-marketing-wrapper.dark-theme .settings-popup .font-size-picker ul li.selected, .web-charts-marketing-wrapper.dark-theme .settings-popup .font-size-picker ul li:hover {
  background-color: #2962ff;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .text-area-wrapper textarea, .web-charts-marketing-wrapper.dark-theme .information-popup .text-area-wrapper textarea, .web-charts-marketing-wrapper.dark-theme .settings-popup .text-area-wrapper textarea {
  color: #c0c0c0;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .text-area-wrapper input, .web-charts-marketing-wrapper.dark-theme .information-popup .text-area-wrapper input, .web-charts-marketing-wrapper.dark-theme .settings-popup .text-area-wrapper input {
  background: rgb(34, 34, 34);
  color: #c0c0c0;
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .text-input input, .web-charts-marketing-wrapper.dark-theme .information-popup .text-input input, .web-charts-marketing-wrapper.dark-theme .settings-popup .text-input input {
  color: #c0c0c0;
  background: rgb(34, 34, 34);
}
.web-charts-marketing-wrapper.dark-theme .highcharts-popup .footer-checkbox label, .web-charts-marketing-wrapper.dark-theme .information-popup .footer-checkbox label, .web-charts-marketing-wrapper.dark-theme .settings-popup .footer-checkbox label {
  color: #c0c0c0;
}
.web-charts-marketing-wrapper.dark-theme .main-symbol-current-price-menu-items {
  color: #fff;
  border-color: rgb(34, 34, 34);
  background: rgb(34, 34, 34);
  box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.2);
}
.web-charts-marketing-wrapper.dark-theme .main-symbol-current-price-menu-items .menu-item.add-price-alert .set-alert-btn {
  border-color: #fff;
}
.web-charts-marketing-wrapper.dark-theme .main-symbol-current-price-menu-items .trade-order-type p {
  color: #fff !important;
}
.web-charts-marketing-wrapper.dark-theme .main-symbol-current-price-menu-items .trade-order-type p svg g {
  fill: #c0c0c0 !important;
}
.web-charts-marketing-wrapper.dark-theme .main-symbol-current-price-menu-items .trade-order-type .quote-quantity-input input {
  border-color: #c0c0c0;
  color: #fff !important;
  background: rgb(34, 34, 34);
}
.web-charts-marketing-wrapper.dark-theme .add-emoji-control-popup {
  box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.2);
}
.web-charts-marketing-wrapper.dark-theme .picmo__light, .web-charts-marketing-wrapper.dark-theme .picmo__auto {
  --search-focus-background-color: rgb(34, 34, 34);
  --search-background-color: rgb(34, 34, 34);
  --background-color: rgb(34, 34, 34);
  --border-color: rgb(34, 34, 34);
  --category-name-text-color: #2962ff;
  --category-name-background-color: rgb(34, 34, 34);
  --secondary-text-color: grey;
  --secondary-background-color: rgb(42, 42, 42);
  --text-color: #c0c0c0;
  --search-icon-color: #c0c0c0;
  --placeholder-background-color: #cccccc;
}
.web-charts-marketing-wrapper.dark-theme .picmo__emojiButton {
  color: #c0c0c0;
}
.web-charts-marketing-wrapper.dark-theme .picmo__picker .picmo__emojiArea::-webkit-scrollbar-track {
  background: rgb(0, 0, 0);
}
.web-charts-marketing-wrapper.dark-theme .picmo__picker .picmo__emojiArea::-webkit-scrollbar-thumb {
  background: rgb(48, 48, 48);
}

.sp-container.dark {
  background-color: rgb(34, 34, 34);
}
.sp-container.dark .sp-input {
  color: #fff;
}
.sp-container.dark .sp-clear-display {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath d='M12 20.016q3.281 0 5.648-2.367t2.367-5.648q0-2.672-1.734-4.922l-11.203 11.203q2.25 1.734 4.922 1.734zM3.984 12q0 2.672 1.734 4.922l11.203-11.203q-2.25-1.734-4.922-1.734-3.281 0-5.648 2.367t-2.367 5.648zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
}

/*# sourceMappingURL=chart-1750277594342.min.css.map*/