/* roi-report.min.css */
.vlp-roi-report-main {
    background: #ffffff;
    border-radius: 10px;
    padding: 30px;    
    margin-bottom: 25px;
}
.vlp-roi-tcs-wrap {
    text-align: center;
}
.vlp-roi-tcs-before, .vlp-roi-tcs-after {
    font-family: "Outfit", sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #596390;
    text-transform: none;
    margin-top: 5px;
}
.vl-graph-tooltip {
    position: relative;
    background: #495277;
    border: 0;
    color: #ffffff;
    line-height: 32px;
    border-radius: 10px;
    padding: 6px 15px;
}
.vlp-roi-tcs-currency, .vlp-roi-tcs-val {
    font-family: "Outfit", sans-serif;
    font-size: 56px;
    font-weight: 600;
    color: #23C300;
    text-shadow: -3px 3px 10px rgb(20, 201, 70, 0.2);
}

@media (min-width: 420px) {
    .vlp-roi-report-main {
        width: 100%;
        display: inline-block;
    }
    .vlp-roi-tcs-currency, .vlp-roi-tcs-val {
        display: inline;
    }
    .vl-graph-tooltip .vl-graph-val-1, .vl-graph-tooltip .vl-graph-val-2 {
        display: block;
        text-align: center;
    }
    .vl-graph-tooltip.vl-automation-vs-agent-graph .vl-graph-val-1, .vl-graph-tooltip.vl-automation-vs-agent-graph .vl-graph-val-2 {
        text-align: left;
    }
    .vl-graph-tooltip .vl-graph-label {
        margin-right: 10px;
    }

    .vlp-roi-tcs-currency, .vlp-roi-tcs-val {
        padding-bottom:5px;
    }

    .apexcharts-title-text {
        font-family: "Outfit", sans-serif !important;
        font-size: 15px;
        font-weight: 600;
        fill: #596390 !important;
    }
    .apexcharts-legend-text {
        font-family: "Outfit", sans-serif !important;
        color: #6873A2 !important;
        text-transform: uppercase;
    }

    .vlp-roi-tcs-before {
        margin: 5px 0 20px;
        text-transform: uppercase;
    }
    .vlp-roi-tcs-currency {
        margin-right: 10px;
    }
    .apexcharts-legend-marker {
        top: -1px !important;
    }
    .vlp-roi-report-main .apexcharts-tooltip.apexcharts-theme-light {
        background: none;
        border: 0;
        overflow: visible;
    }
    .vl-graph-tooltip .vl-graph-val-1 {
        margin-bottom: -10px;
    }
    .vl-graph-tooltip.vl-cost-estimation-graph .vl-graph-val-1 {
        margin-bottom: 0;
    }

    .vl-graph-tooltip.vl-cost-estimation-graph > span {
        line-height: 22px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .vlp-roi-tcs-currency, .vlp-roi-tcs-val {
        font-size: 36px;
    }
}
@media (max-width: 520px) {
    .vlp-roi-report-main {
        padding: 30px 10px;
    }
    .vlp-roi-tcs-currency, .vlp-roi-tcs-val {
        font-size: 24px;
    }
}