/*
   _____ _                _      _____ _         _           
  / ____| |              | |    / ____| |       | |          
 | |    | |__   __ _ _ __| |_  | (___ | |_ _   _| | ___  ___ 
 | |    | '_ \ / _` | '__| __|  \___ \| __| | | | |/ _ \/ __|
 | |____| | | | (_| | |  | |_   ____) | |_| |_| | |  __/\__ \
  \_____|_| |_|\__,_|_|   \__| |_____/ \__|\__, |_|\___||___/
                                            __/ |            
Author: Online Helden
Version: 0.1
Creation Date: 29-4-2024
Date Modified: 29-4-2024
*/


.chart{
    
    height:auto !important;
    width: 100% !important;
   min-width: 400px;
   min-height: 300px;
   max-height:300px;
   max-width: 570px;
   padding:10px;
   border-radius: 10px;

}




.chart-container{
    
    border-radius:15px;
}


.apexcharts-datalabels > text{
    
    filter:none !important;
    stroke: #222;
    stroke-width: 0px;
    fill: #ffffff; /* Ensure text color remains white */
    font-size:13px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Adding shadow to the text */
    
}
.apexcharts-tooltip-series-group {
    background: rgba(0, 0, 0, 0.7) !important; /* Black background with 80% opacity */
    color: white !important; /* White text */
    border-radius: 5px;
    font-size: 12px;
    font-family: 'jost', sans-serif;
}

.apexcharts-legend-marker{
    
    stroke:none !important;
}





.apexcharts-toolbar-custom-icon{
    
    margin-left:7px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
     /* Button Styles */
        #pdfexport {
            background-color: transparent;
            border: none;
            cursor: pointer;
            padding: 10px;
        }

        /* Icon Styles */
        #pdfexport svg {
            font-size: 24px;
            color: white;
        }