.highcharts-figure, .highcharts-data-table table {
    min-width: 310px; 
    max-width: 1000px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
.highcharts-tooltip span{
    height:auto;
    width:150px;
    /* background-color:green; */
    overflow:auto;
    white-space:normal !important;
    text-align: right;
   
}
.tooltiphead{
    padding-right: 15px;
    direction: rtl !important;
    font-family: 'DroidArabicNaskhBold','Lato','Helvetica Neue',Helvetica,Arial,sans-serif ;
    font-weight: bold;
    float: right;
}
.tooltipfooter{
    padding-right: 15px;
    font-family: 'DroidArabicNaskhBold','Lato','Helvetica Neue',Helvetica,Arial,sans-serif ;
    font-weight: bold;
}
.highcharts-point{
    border: 0px;
}
.xlabel{
           float: right;
     font-family: 'DroidArabicNaskhBold','Lato','Helvetica Neue',Helvetica,Arial,sans-serif ;
     direction: rtl;                            
     
    } 
  #mychart{
width: 994px;

  }  
  @media (max-width: 768px) {
    
      #mychart{
          width: 768px;
          
            } 
  
  
  
  }
    @media (max-width: 425px) {
        
        .xlabel{
            
            margin-top:10px;
            margin-left:10px;
            transform: rotate(-90deg);
            font-size: 7px;
    
    
    }
    #mychart{
        width: 425px;
        
          } 


}