.chart-type-filter, .keyword-btn-list{
    position: absolute;
    right: 20px;
    top: 15px;
}

.chart-type-filter li, .keyword-btn-list li{
    float: left;
    margin-left: 15px;
    cursor: pointer;
    padding:5px 8px;
    background:var(--background);
    border-radius:4px;
    transition:.5s;
    font-size: 12px;
}

.chart-type-filter li:hover, .keyword-btn-list li:hover{
    background:var(--themeColor);
    color:var(--clicked);
}

#activity-chart, #ad-chart, #g4-chart{
    height: 425px;
    margin-top: 20px;
}

.no-dashboard-data{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 200px;
    font-weight: normal !important;
    font-size: 12px !important;
    color:var(--text) !important;
    opacity:0.8;
}

.no-chart-data{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 125px;
    font-weight: normal;
    opacity: .8;
}

.no-g4-data{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    top: 250px;
    font-weight: normal;
    opacity: .8;
}


.spark-chart{
    position: absolute;
    top: 33px;
    left: 140px;
}