/*----------------------------------------
  Modern Dashboard
------------------------------------------*/
.chartist-tooltip {
  z-index: 10000 !important;
}

.total-transaction-tooltip,
.current-balance-tooltip,
.user-statistics-tooltip,
.conversion-ratio-tooltip {
  background: #7b1fa2;
  color: #fff;
}

.total-transaction-tooltip:before,
.current-balance-tooltip:before,
.user-statistics-tooltip:before,
.conversion-ratio-tooltip:before {
  border-top-color: #7b1fa2;
}

.card .card-content .card-title i.material-icons {
  cursor: pointer;
}

.current-balance-container {
  position: relative;
  height: 170px;
}

.current-balance-container > * {
  position: absolute;
  width: 100%;
}

#current-balance-donut-chart {
  height: 170px;
  -webkit-filter: drop-shadow(0px 10px 4px rgba(133, 3, 168, 0.2));
  filter: drop-shadow(0px 10px 4px rgba(133, 3, 168, 0.2));
}

#current-balance-donut-chart .ct-series-a .ct-slice-donut {
  stroke: #ff4bac;
}

#current-balance-donut-chart .ct-series-b .ct-slice-donut {
  stroke: #f6f6f6;
}

.total-transaction-container {
  position: relative;
  height: 240px;
}

.total-transaction-container > * {
  position: absolute;
  width: 100%;
}

#total-transaction-line-chart {
  height: 240px;
}

#total-transaction-line-chart .ct-series-a.ct-series .ct-line {
  stroke: url(#lineLinearStats) !important;
  stroke-width: 3px;
}

#total-transaction-line-chart .ct-series-a .ct-point {
  fill: transparent;
  stroke: transparent;
}

#total-transaction-line-chart .ct-series-a .ct-point:hover {
  fill: url(#lineLinearStats) !important;
  stroke-width: 4;
  stroke: #fff;
}

#total-transaction-line-chart .ct-series-a .ct-point-circle {
  fill: #fff;
  stroke-width: 4;
  stroke: #7b1fa2;
}

#total-transaction-line-chart .ct-grid {
  stroke: rgba(0, 0, 0, 0.05);
  stroke-width: 1px;
  stroke-dasharray: 0px;
}

.total-transaction-shadow {
  -webkit-filter: drop-shadow(0px 30px 4px rgba(133, 3, 168, 0.25));
  filter: drop-shadow(0px 30px 4px rgba(133, 3, 168, 0.25));
}

.user-statistics-card .collection .collection-item {
  min-height: auto;
}

.user-statistics-container {
  position: relative;
  height: 150px;
}

.user-statistics-container > * {
  position: absolute;
  width: 100%;
}

#user-statistics-bar-chart {
  height: 150px;
  -webkit-filter: drop-shadow(4px 10px 4px rgba(133, 3, 168, 0.2));
  filter: drop-shadow(4px 10px 4px rgba(133, 3, 168, 0.2));
}

#user-statistics-bar-chart .ct-series-a .ct-bar {
  stroke: url(#barGradient1);
}

#user-statistics-bar-chart .ct-series-a .ct-slice-pie {
  fill: #ff4bac;
}

#user-statistics-bar-chart .ct-series-b .ct-bar {
  stroke: url(#barGradient2);
}

#user-statistics-bar-chart .ct-series-b .ct-slice-pie {
  fill: #8133ff;
}

.recent-buyers-card .collection {
  border: none;
}

.recent-buyers-card .collection .collection-item {
  min-height: auto;
  border-bottom: none;
  padding-left: 55px;
}

.recent-buyers-card .collection .collection-item.avatar:not(.circle-clipper) > .circle {
  left: 0;
}

.recent-buyers-card .collection .collection-item.avatar .secondary-content {
  right: 0px;
  color: #2196F3;
}

#conversion-ration-bar-chart {
  -webkit-filter: drop-shadow(0px 20px 10px rgba(129, 51, 255, 0.4));
  filter: drop-shadow(0px 20px 10px rgba(129, 51, 255, 0.4));
}

#conversion-ration-bar-chart .ct-series-a .ct-bar {
  stroke: url(#barGradient2);
}

#conversion-ration-bar-chart .ct-series-b .ct-bar {
  stroke: url(#barGradient1);
}

#conversion-ration-bar-chart .ct-series-c .ct-bar {
  stroke: #e4e4e4;
}

.subscriber-list-card table th {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.9rem;
}

.subscriber-list-card table td:first-child,
.subscriber-list-card table th:first-child {
  padding: 15px 5px 15px 25px;
}

.subscriber-list-card table td:last-child,
.subscriber-list-card table th:last-child {
  padding: 15px 25px 15px 5px;
}

#user-statistics-bar-chart .ct-series-a .ct-slice-pie {
  opacity: 0;
  -webkit-animation: barChart 0.2s forwards ease-in;
  animation: barChart 0.2s forwards ease-in;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

#user-statistics-bar-chart .ct-series-b .ct-slice-pie {
  opacity: 0;
  -webkit-animation: barChart 0.2s forwards ease-in;
  animation: barChart 0.2s forwards ease-in;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes barChart {
  to {
    opacity: 1;
  }
}

@keyframes barChart {
  to {
    opacity: 1;
  }
}

.vertical-modern-menu .vertical-modern-dashboard {
  margin-top: 28px;
}

body:not(.vertical-modern-menu) .content-wrapper-before.blue-grey.lighten-5 {
  background-color: transparent !important;
}