@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500&display=swap');


.divTable
{

    /* color: rgb(224, 68, 68); */
    display:  table;
    width:95%;
    background-color:#eee;
    /* border:1px solid  #666666; */
    border-spacing:5px;/*cellspacing:poor IE support for  this*/
   /* border-collapse:separate;*/
    margin: auto;

    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    border-radius: 10px;
    text-align: center;

    /* transition: all 0.3s linear 0s; */
    transition:opacity 0.3s linear;

    padding-bottom: 5px;
}

.divRow
{
   display:table-row;
   width:auto;
   /* border-radius: 10px; */
   background-color:rgb(250, 250, 250);
   color: rgb(110, 110, 110);
}

.divRow2
{
   display:table-row;
   width:auto;
   /* border-radius: 10px; */
   background-color:rgb(245, 245, 245);
   color: rgb(211, 211, 211);
}

.divCell
{
    float:left;/*fix for  buggy browsers*/
    display:table-column;
    /* background-color:#ccc; */
    width: 15%;
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
    text-align: center;
    /* color: rgb(110, 110, 110); */
}



#DIV_ChartTimeline
{
    overflow:auto; 
    background-color:#FFFF; 
    width:95%; 
    margin: auto;  
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    border-radius: 10px;
}