.chartist-tooltip {
    z-index: 10000 !important;
}

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

    .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, .2));
    filter: drop-shadow(0px 10px 4px rgba(133, 3, 168, .2));
}

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

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

.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: #fcb82f /*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, .15);
        stroke-width: 1px;
        stroke-dasharray: 0;
    }

.total-transaction-shadow {
    -webkit-filter: drop-shadow(0px 30px 4px rgba(133, 3, 168, .25));
    filter: drop-shadow(0px 30px 4px rgba(133, 3, 168, .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, .2));
    filter: drop-shadow(4px 10px 4px rgba(133, 3, 168, .2));
}

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

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

    #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;
        padding-left: 55px;
        border-bottom: none;
    }

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

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

#conversion-ration-bar-chart {
    -webkit-filter: drop-shadow(0px 20px 10px rgba(129, 51, 255, .4));
    filter: drop-shadow(0px 20px 10px rgba(129, 51, 255, .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 {
    font-size: .9rem;
    font-weight: 800;
    text-transform: uppercase;
}

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

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

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

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

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

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

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

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