.charts-range-picker-active .ant-picker-suffix {
  color: #c23631 !important;
}
.ant-picker-dropdown .ant-picker-range-wrapper .ant-picker-panel-container {
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .Calendar-modal .ant-modal {
    margin: 0;
    max-height: 70vh;
    max-width: 85vw;
    padding-bottom: 0;
    width: 100%;
  }
  .Calendar-modal .ant-modal .ant-modal-body {
    padding-bottom: 60px;
  }
  .Calendar-modal .ant-modal .ant-modal-content {
    border-radius: 10px;
    height: 100%;
  }
  .Calendar-modal .ant-modal .ant-modal-content .react-calendar__month-view {
    margin: 0 15px;
  }
  .Calendar-modal .ant-modal .ant-modal-content .quick-options {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 15px 0;
  }
  .Calendar-modal .ant-modal .ant-modal-content .quick-options span {
    background: #f0f2f3;
    border: none;
    border-radius: 4px;
    color: #101010;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    text-align: center;
    width: 78px;
  }
  .Calendar-modal .ant-modal .ant-modal-content .quick-options span:last-child {
    margin-right: 0;
  }
  .Calendar-modal
    .ant-modal
    .ant-modal-content
    .quick-options
    .quick-options-active {
    background-color: #101010;
    color: #fff;
  }
  .Calendar-modal .ant-modal .ant-modal-footer {
    border-top: none;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    margin-top: 0;
    padding: 20px 15px;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn {
    background: #fff;
    border: none;
    border-radius: 6px;
    color: #101010;
    font-size: 16px;
    height: 30px;
    line-height: 29px;
    padding: 0;
    width: 150px;
  }
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn-default {
    border: 1px solid #101010;
    color: #101010;
  }
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn-default:focus,
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn-default:hover {
    border: 1px solid #c23631;
  }
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn-default:focus span,
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn-default:hover span {
    color: #c23631;
  }
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn-primary {
    background: #101010;
    color: #fff;
  }
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn-primary:focus,
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn-primary:hover {
    background-color: #c23631;
  }
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn-primary:focus span,
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn-primary:hover span {
    color: #fff;
  }
  .Calendar-modal .ant-modal .ant-modal-footer .ant-btn-primary.btn-disabled {
    background: #c2c9d1;
    border: none;
    cursor: not-allowed;
  }
  .react-calendar {
    border: none !important;
    border-radius: 10px;
    margin: 0 auto;
    width: 100%;
  }
  .react-calendar .react-calendar__month-view__weekdays {
    align-items: center;
    color: #101010;
    display: flex;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    text-align: center;
  }
  .react-calendar abbr[title] {
    text-decoration: none;
  }
  .react-calendar .react-calendar__tile--active {
    background: #1010100d;
    color: #101010;
  }
  .react-calendar .react-calendar__month-view__days__day--weekend {
    color: #101010;
  }
  .react-calendar .react-calendar__tile--active:enabled:focus {
    background: none;
  }
  .react-calendar .react-calendar__tile--active:enabled:focus abbr {
    border: 1px solid #101010;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 26px;
  }
  .react-calendar
    .react-calendar__tile--rangeEnd.react-calendar__month-view__days__day,
  .react-calendar
    .react-calendar__tile--rangeStart.react-calendar__month-view__days__day {
    background: #1010100d;
  }
  .react-calendar
    .react-calendar__tile--rangeEnd.react-calendar__month-view__days__day
    abbr,
  .react-calendar
    .react-calendar__tile--rangeStart.react-calendar__month-view__days__day
    abbr {
    background-color: #101010;
    border-radius: 50%;
    color: #fff !important;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 26px;
  }
  .react-calendar
    .react-calendar__tile--rangeStart.react-calendar__month-view__days__day {
    background: linear-gradient(
      90deg,
      #fff,
      #fff 50%,
      #1010100d 51%,
      #1010100d
    ) !important;
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
  }
  .react-calendar
    .react-calendar__tile--rangeEnd.react-calendar__month-view__days__day {
    background: linear-gradient(
      90deg,
      #1010100d,
      #1010100d 50%,
      #fff 51%,
      #fff
    ) !important;
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
  }
  .react-calendar .react-calendar__tile.react-calendar__month-view__days__day {
    color: #101010;
    height: 26px;
    margin: 5px 0;
    padding: 0;
    width: 26px;
  }
  .react-calendar
    .react-calendar__viewContainer
    .react-calendar__tile--hoverStart.react-calendar__decade-view__years__year,
  .react-calendar
    .react-calendar__viewContainer
    .react-calendar__tile--hoverStart.react-calendar__year-view__months__month {
    background-color: #101010;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
  }
  .react-calendar
    .react-calendar__navigation__label__labelText.react-calendar__navigation__label__labelText--from {
    color: #101010;
    font-size: 16px;
    font-weight: 700;
  }
  .react-calendar .react-calendar__tile--hasActive {
    background: none;
  }
  .react-calendar
    .react-calendar__decade-view
    .react-calendar__decade-view__years__year.react-calendar__tile--hasActive,
  .react-calendar
    .react-calendar__year-view
    .react-calendar__year-view__months
    .react-calendar__tile--hasActive {
    background: #101010;
    border-radius: 10px;
    color: #fff;
  }
  .react-calendar
    .react-calendar__tile.react-calendar__tile--now:not(
      .react-calendar__month-view__days__day
    ) {
    background: none;
    border: 1px solid #101010;
    border-radius: 10px;
    color: #101010;
  }
  .react-calendar
    .react-calendar__tile.react-calendar__tile--now.react-calendar__month-view__days__day {
    background: none;
  }
  .react-calendar
    .react-calendar__tile.react-calendar__tile--now.react-calendar__month-view__days__day
    abbr {
    border: 1px solid #101010;
    border-radius: 50%;
    color: #101010;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    width: 26px;
  }
  .react-calendar .react-calendar__navigation {
    border-bottom: 1px solid #eee;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #101010;
    height: 54px;
    margin-bottom: 20px;
  }
  .react-calendar .react-calendar__month-view__days__day--neighboringMonth {
    color: #101010;
  }
  .react-calendar .react-calendar__tile:disabled {
    background: none !important;
    color: #b7b7b7 !important;
    cursor: not-allowed;
  }
  .react-calendar
    .react-calendar__tile--active:enabled:hover.react-calendar__tile--rangeStart {
    background: linear-gradient(
      90deg,
      #fff,
      #fff 50%,
      #1010100d 51%,
      #1010100d
    );
  }
  .react-calendar
    .react-calendar__tile--active:enabled:hover.react-calendar__tile--rangeEnd {
    background: linear-gradient(
      90deg,
      #1010100d,
      #1010100d 50%,
      #fff 51%,
      #fff
    );
  }
  .react-calendar .react-calendar__navigation button:enabled:focus,
  .react-calendar .react-calendar__navigation button:enabled:hover,
  .react-calendar .react-calendar__tile--active:enabled:focus,
  .react-calendar .react-calendar__tile--active:enabled:hover,
  .react-calendar .react-calendar__tile--rangeBothEnds {
    background: none;
  }
  .react-calendar .react-calendar__navigation button[disabled] {
    visibility: hidden;
  }
  .react-calendar
    .react-calendar__tile.react-calendar__tile--hasActive.react-calendar__year-view__months__month.react-calendar__tile--rangeStart {
    background: #101010;
    border-radius: 10px;
    color: #fff;
  }
  .react-calendar
    .react-calendar__tile.react-calendar__tile--active.react-calendar__tile--range.react-calendar__year-view__months__month {
    background: none;
  }
  .react-calendar .react-calendar__century-view,
  .react-calendar .react-calendar__decade-view__years,
  .react-calendar .react-calendar__year-view__months {
    margin: 0 15px;
  }
  .react-calendar .react-calendar__century-view .react-calendar__tile,
  .react-calendar .react-calendar__century-view__decades,
  .react-calendar .react-calendar__decade-view .react-calendar__tile,
  .react-calendar .react-calendar__year-view .react-calendar__tile {
    color: #101010;
    font-size: 14px;
    padding: 12px 0;
  }
  .react-calendar .react-calendar__century-view .react-calendar__tile:focus,
  .react-calendar .react-calendar__century-view .react-calendar__tile:hover,
  .react-calendar .react-calendar__century-view__decades:focus,
  .react-calendar .react-calendar__century-view__decades:hover,
  .react-calendar .react-calendar__decade-view .react-calendar__tile:focus,
  .react-calendar .react-calendar__decade-view .react-calendar__tile:hover,
  .react-calendar .react-calendar__year-view .react-calendar__tile:focus,
  .react-calendar .react-calendar__year-view .react-calendar__tile:hover {
    background: none;
    border: 1px solid #101010;
    border-radius: 10px;
  }
  .react-calendar
    .react-calendar__navigation
    .react-calendar__navigation__arrow {
    color: #101010;
  }
}
.menu-content-container-expand .statistic-chart-description {
  width: 250px;
}
@media screen and (max-width: 768px) {
  .menu-content-container-expand .statistic-chart-description {
    width: 100%;
  }
}
.menu-content-container-expand .statistic-chart-wrap .right-btns {
  right: 280px;
  width: calc(100% - 280px);
}
@media screen and (max-width: 768px) {
  .menu-content-container-expand .statistic-chart-wrap .right-btns {
    right: auto;
    width: 100%;
  }
}
.statistic-chart-wrap {
  display: flex;
}
.statistic-chart-wrap div[id] {
  flex: 1 1;
}
.statistic-chart-wrap .right-btns {
  justify-content: flex-end;
  right: 230px;
  top: 20px;
  width: calc(100% - 230px);
}
.statistic-chart-wrap .chart-top-title {
  color: #101010;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  z-index: 100;
}
.statistic-chart-wrap .chart-absolute-title {
  left: 0;
  position: absolute;
  top: 0;
}
.statistic-chart-wrap .price-chart-select {
  align-items: center;
  background: #f0f2f5;
  border-radius: 5px;
  display: inline-flex;
  height: 30px;
  margin-right: 12px;
  padding: 3px;
  z-index: 99;
}
.statistic-chart-wrap .price-chart-select .price-chart-select-item {
  align-items: center;
  color: #73787b;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 36px;
}
.statistic-chart-wrap .price-chart-select .price-chart-select-item-active {
  background: #fff;
  border-radius: 5px;
  color: #101010;
}
.statistic-chart-wrap
  .trx-supply-chart-container
  .chart-vertical-menu
  .date-picker-wrap {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .statistic-chart-wrap
    .trx-supply-chart-container
    .chart-vertical-menu
    .date-picker-wrap {
    margin-top: 0;
  }
}
.statistic-chart-wrap .highcharts-container {
  z-index: auto !important;
}
@media screen and (max-width: 768px) {
  .statistic-chart-wrap {
    flex-direction: column;
  }
  .statistic-chart-wrap .right-btns {
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
    right: auto;
    top: 0;
    width: 100%;
  }
  .statistic-chart-wrap .right-btns .chart-top-title {
    margin-bottom: 16px;
  }
  .statistic-chart-wrap .right-btns .top-contract-title {
    margin-bottom: 58px;
  }
}
.statistic-chart-description {
  margin-left: 30px;
  white-space: normal;
  width: 200px;
}
.statistic-chart-description .desc-item {
  border-bottom: 1px solid #f0f2f3;
  padding: 12px 0;
}
.statistic-chart-description .desc-item:first-child {
  padding-top: 20px;
}
.statistic-chart-description .desc-item:last-child {
  border-bottom: 0;
  padding: 12px 0 0;
}
.statistic-chart-description .desc-item-title {
  align-items: center;
  color: #73787b;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 6px;
}
.statistic-chart-description .desc-item-title .desc-item-icon-key {
  color: #9fa0a2;
  margin-left: 4px;
  width: 11px;
}
.statistic-chart-description .desc-item-content {
  color: #404245;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 6px;
  white-space: normal;
}
.statistic-chart-description .desc-item-content a {
  color: #404245;
}
.statistic-chart-description .desc-item-content:last-child {
  margin-bottom: 0;
}
.statistic-chart-description .desc-item-content .desc-item-link,
.statistic-chart-description .desc-item-content .desc-item-point {
  margin-bottom: 6px;
}
.statistic-chart-description .desc-item-content .desc-item-link a,
.statistic-chart-description .desc-item-content .desc-item-point a {
  align-items: center;
  color: #404245;
  display: flex;
}
.statistic-chart-description .desc-item-content .desc-item-link .tron-icon,
.statistic-chart-description .desc-item-content .desc-item-point .tron-icon {
  color: #9fa0a2;
  cursor: pointer;
  margin-left: 4px;
  width: 10px;
}
.statistic-chart-description .desc-item-content .desc-item-link:last-child,
.statistic-chart-description .desc-item-content .desc-item-point:last-child {
  margin-bottom: 0;
}
.statistic-chart-description
  .desc-item-content
  .desc-item-link:hover
  .tron-icon,
.statistic-chart-description .desc-item-content .desc-item-link:hover a,
.statistic-chart-description
  .desc-item-content
  .desc-item-point:hover
  .tron-icon,
.statistic-chart-description .desc-item-content .desc-item-point:hover a {
  color: #c23631;
}
.statistic-chart-description .desc-item-content .desc-item-point .tron-icon {
  cursor: default;
}
.statistic-chart-description .desc-item-content .desc-item-external-link {
  width: 190px;
}
.statistic-chart-description .desc-item-content .desc-item-color-101010 {
  color: #101010;
}
.statistic-chart-description .tron-icon {
  font-size: 14px;
  margin-right: 2px;
}
@media screen and (max-width: 768px) {
  .statistic-chart-description {
    margin: 0;
    width: 100%;
  }
  .statistic-chart-description .desc-item {
    padding: 16px 0;
  }
  .statistic-chart-wrap .price-chart-select .price-chart-select-item {
    width: 34px;
  }
  .statistic-chart-wrap
    .price-chart-select
    .price-chart-select-item
    .tron-status-icon {
    font-size: 12px;
  }
  .defi-total-locked .statistic-chart-description .desc-item:first-child {
    padding-top: 0;
  }
  .sr-vote-chart-wrapper .chart-menu-new.sr-chart-menu {
    height: 0;
    margin-bottom: 0;
  }
}
.sr-chart-skeleton-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 50%;
  margin-top: 100px;
  position: absolute;
  transform: translateX(-265px);
}
@media screen and (max-width: 768px) {
  .sr-chart-skeleton-wrapper {
    transform: translateX(-105px);
  }
}
.sr-chart-skeleton-wrapper .ant-skeleton-input {
  background: #f0f2f3;
}
.sr-chart-skeleton-wrapper .skeleton-wrapper-chart {
  border: 1px solid #f0f2f3;
  border-radius: 50%;
  height: 530px;
  position: relative;
  width: 530px;
}
.sr-chart-skeleton-wrapper .skeleton-wrapper-chart .pie-title-wrapper {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 150px;
  justify-content: center;
  left: 189px;
  position: absolute;
  top: 198px;
  width: 150px;
}
.sr-chart-skeleton-wrapper .skeleton-wrapper-chart .skeleton-wrapper-details {
  flex: 1 1;
  left: 264px;
  position: absolute;
  top: 250px;
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item {
  align-items: center;
  display: flex;
  height: 30px;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 0;
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item
  .ant-skeleton-element
  .ant-skeleton-input {
  clip-path: polygon(0 50%, 0 50%, 10% 40%, 10% 40%, 100% 0, 100% 100%);
  height: 40px;
  min-width: 240px;
  width: 240px;
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(2) {
  transform: rotate(15deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(3) {
  transform: rotate(30deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(4) {
  transform: rotate(45deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(5) {
  transform: rotate(60deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(6) {
  transform: rotate(75deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(7) {
  transform: rotate(90deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(8) {
  transform: rotate(105deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(9) {
  transform: rotate(120deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(10) {
  transform: rotate(135deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(11) {
  transform: rotate(150deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(12) {
  transform: rotate(165deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(13) {
  transform: rotate(180deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(14) {
  transform: rotate(195deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(15) {
  transform: rotate(210deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(16) {
  transform: rotate(225deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(17) {
  transform: rotate(240deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(18) {
  transform: rotate(255deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(19) {
  transform: rotate(270deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(20) {
  transform: rotate(285deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(21) {
  transform: rotate(300deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(22) {
  transform: rotate(315deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(23) {
  transform: rotate(330deg);
}
.sr-chart-skeleton-wrapper
  .skeleton-wrapper-chart
  .skeleton-wrapper-details-item:nth-of-type(24) {
  transform: rotate(345deg);
}
@media screen and (max-width: 768px) {
  .sr-chart-skeleton-wrapper {
    padding: 0;
  }
  .sr-chart-skeleton-wrapper .skeleton-wrapper-chart {
    height: 210px;
    width: 210px;
  }
  .sr-chart-skeleton-wrapper .skeleton-wrapper-chart .skeleton-wrapper-details {
    left: 50%;
    top: calc(50% - 15px);
    width: 100%;
  }
  .sr-chart-skeleton-wrapper
    .skeleton-wrapper-chart
    .skeleton-wrapper-details
    .skeleton-wrapper-details-item {
    width: calc(50% - 10px);
  }
  .sr-chart-skeleton-wrapper
    .skeleton-wrapper-chart
    .skeleton-wrapper-details
    .skeleton-wrapper-details-item
    .ant-skeleton.ant-skeleton-element {
    width: 100%;
  }
  .sr-chart-skeleton-wrapper
    .skeleton-wrapper-chart
    .skeleton-wrapper-details
    .skeleton-wrapper-details-item
    .ant-skeleton.ant-skeleton-element
    .ant-skeleton-input {
    height: 20px;
    min-width: 0;
    width: 100%;
  }
  .sr-chart-skeleton-wrapper .skeleton-wrapper-chart .pie-title-wrapper {
    height: 60px;
    left: calc(50% - 30px);
    top: calc(50% - 30px);
    width: 60px;
  }
}
.skeleton-wrap-left {
  position: relative;
}
.skeleton-wrap-left .ant-skeleton .ant-skeleton-avatar-circle {
  height: 120px;
  width: 120px;
}
.skeleton-wrap-left .skeleton-pie-wrap {
  background: #fff;
  border-radius: 50%;
  height: 90px;
  left: 15px;
  position: absolute;
  top: 15px;
  width: 90px;
}
.echarts-wrapper {
  height: 100%;
}
.echarts-wrapper canvas {
  cursor: pointer;
}
.echarts-wrapper .echart-tooltip-wrapper {
  background: #fff !important;
  border-color: #0000 !important;
  border-radius: 6px !important;
  box-shadow: 0 0 10px #1010100d !important;
  display: none;
  font-family: Lato !important;
  min-width: 200px;
  padding: 12px 0 !important;
  z-index: 899 !important;
}
.echarts-wrapper .echart-tooltip-wrapper .tooltip-date {
  color: #91979d;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px;
  padding: 0 16px;
}
.echarts-wrapper .echart-tooltip-wrapper .divider {
  background-color: #ededed;
  height: 1px;
  margin-bottom: 12px;
  width: 100%;
}
.echarts-wrapper .echart-tooltip-wrapper .tooltip-content {
  color: #73787b;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
  padding: 0 16px;
}
.echarts-wrapper .echart-tooltip-wrapper .tooltip-content:last-child {
  margin-bottom: 0;
}
.echarts-wrapper .echart-tooltip-wrapper .tooltip-content .font-highlight,
.echarts-wrapper .echart-tooltip-wrapper .tooltip-content.font-highlight {
  color: #101010;
  font-weight: 600;
}
.echarts-wrapper .echart-tooltip-wrapper .tooltip-content b {
  color: #101010;
  font-weight: 400;
  margin-left: 20px;
}
.echarts-wrapper .echart-tooltip-wrapper .tooltip-content b.font-highlight {
  font-weight: 600;
}
.echarts-wrapper .echart-tooltip-wrapper .tooltip-content i {
  border-radius: 50%;
  display: block;
  height: 6px;
  margin-right: 6px;
  width: 6px;
}
.echarts-wrapper
  .echart-tooltip-wrapper
  .chart-tooltip-div.total-revenue-chart-tooltip-div {
  min-width: 348px;
}
.echarts-wrapper .echart-tooltip-wrapper .chart-tooltip-div-date {
  color: #91979d;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px;
  padding: 0 16px;
}
.echarts-wrapper .echart-tooltip-wrapper .chart-tooltip-div-divider {
  background-color: #ededed;
  height: 1px;
  margin-bottom: 12px;
  width: 100%;
}
.echarts-wrapper .echart-tooltip-wrapper .chart-tooltip-div-item {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 0 16px;
}
.echarts-wrapper .echart-tooltip-wrapper .chart-tooltip-div-item:first-child {
  margin-top: 0;
}
.echarts-wrapper .echart-tooltip-wrapper .chart-tooltip-div-item:last-child {
  margin-bottom: 0;
}
.echarts-wrapper .echart-tooltip-wrapper .chart-tooltip-div-item-symbol {
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin-right: 8px;
  width: 8px;
}
.echarts-wrapper .echart-tooltip-wrapper .chart-tooltip-div-item-name {
  color: #73787b;
  display: inline-block;
  margin-right: 6px;
}
.echarts-wrapper
  .echart-tooltip-wrapper
  .chart-tooltip-div-item-name-one-level {
  color: #101010;
}
.echarts-wrapper .echart-tooltip-wrapper .chart-tooltip-div-item-number {
  color: #101010;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .echarts-wrapper .echart-tooltip-wrapper {
    display: none;
  }
}
.echarts-wrapper .echarts-slider-thumb {
  height: 30px;
  width: 20px;
}