body{
    /*background-color: #CAF0F8;*/
}

.apexcharts-tooltip {
    border-radius: 5px !important;
    box-shadow: 2px 2px 6px -4px #999 !important;
    transition: 0.15s ease all !important;
    padding:10px !important;
    margin:5px !important;
}

.apexcharts-theme-dark {
    background: rgba(0, 0, 0, 0.7) !important;
    border: 1px solid  rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;
}

.graphina-divi-chart-box {
    padding: 10px !important;
    background: #0a53be !important;
    border: 1px solid #0a53be !important;
    box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1) !important;
}

.graphina-divi-chart-card {
    width: 100% !important;
    /*background-color: #fff;*/
    padding: 25px !important;
}
.graphina-divi-title{
    /*margin-left:10px !important;*/
}
.graphina-divi-chart-card h4 {
    margin-top: 0 !important;
}

.apexcharts-tooltip.apexcharts-theme-light {
    border: 1px solid #e3e3e3 !important;
    background: rgba(255, 255, 255, 0.96) !important;
}

.grdi_bar_chart .et-fb-icon--svg,
.grdi_column_chart .et-fb-icon--svg,
.grdi_line_chart .et-fb-icon--svg,
.grdi_radar_chart .et-fb-icon--svg,
.grdi_pie_chart .et-fb-icon--svg,
.grdi_donut_chart .et-fb-icon--svg,
.grdi_area_chart .et-fb-icon--svg,
.grdi_scatter_chart .et-fb-icon--svg,
.grdi_heatmap_chart .et-fb-icon--svg,
.grdi_bubble_chart .et-fb-icon--svg,
.grdi_radial_chart .et-fb-icon--svg,
.grdi_polar_chart .et-fb-icon--svg,
.grdi_google_gauge_chart .et-fb-icon--svg,
.grdi_counter .et-fb-icon--svg,
.grdi_mixed_chart .et-fb-icon--svg,
.grdi_google_geo_chart .et-fb-icon--svg {
    fill : #2b87da !important;
    height: 26px !important;
    margin-bottom: 1px !important;
}

.double-lines-spinner {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    position: relative;
}

.double-lines-spinner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 18);
}

.double-lines-spinner::before {
    border-right: 2px solid var(--iq-primary);
    animation: spin 0.5s 0s linear infinite;
}


@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}