.ticket-section   h4  {font-weight: bolder;font-family:'Questrial', 'Google Sans';}

.ticket-summary     { }
.ticket-items       {display: grid;grid-template-columns: 230px 230px 230px 230px;grid-gap: 20px; border-radius: 10px;
   padding: 15px;box-shadow:  0 2px 4px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.10);justify-content: center;}

.ticket-item1       {border: rgb(209, 208, 208) 1px solid;display: grid;grid-template-columns: 70px 190px;border-radius: 10px;}
.ticket-item-img    {justify-items: end;align-content: center;text-align: center;}
.ticket-item-text   {width:80%;font-family: 'Questrial';}
.ticket-item-img   img {width: 80%;}

.tkt-item-txt1      {font-weight: bolder;text-align: left;}
.tkt-item-txt2     {font-weight: bolder; font-size: larger;text-align: center;}

.in-progress        {color: rgb(44, 173, 216);}

.completed_ticket   {color: green;}
.total_ticket       {color: orange;}
.pending            {color: gray;}
.td-tracking-completed {color: green;}
.td-tracking-completed a {color: inherit; text-decoration: none;}
/* tickets assignment table */
.ticket-assignment-section  {box-shadow:  0 2px 4px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.10);border-radius:10px;
    font-family:'Inter' ,'Google Sans'; padding: 10px;}
.ticket-assignment          {font-weight: bolder;font-size: larger;font-family: 'Questrial';}
#table-heads    {background-color: rgb(24, 24, 24); color: white;font-weight: bolder;padding: 20px;}

.tickt-table-section     {width:100%;height: 200px; overflow: auto;font-family: 'Questrial';}
#table-data         {padding: 8px;}
#table-data .text-primary    {}

#td-track          {font-weight: bold;}
#td-date        {font-size: small;}
#table-data .td-status-progress  {background-color: rgb(167, 198, 242);color: blue;padding: 5px;border-radius: 10px;}
#table-data .td-status-completed  {background-color: rgb(177, 239, 177);color: rgb(26, 45, 33);padding: 5px;border-radius: 10px;}
#table-data .td-status-pending  {background-color: rgb(211, 213, 211);color: rgb(115, 116, 115);padding: 5px;border-radius: 10px;}
#table-data .td-status-cancelled  {background-color: rgb(241, 152, 152);color: rgb(230, 34, 34);padding: 5px;border-radius: 10px;}



@media (max-width:710px) {

    .ticket-assignment-section  {border: none;}


    .ticket-items       {display: grid;grid-template-columns: 275px; grid-gap: 10px;
   padding: 15px;box-shadow:  0 2px 4px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.10);justify-content: center;}

    .tickt-table-section     {height: 400px; overflow: auto;overflow-x: auto;width: 100%;border: 1px solid gray;overflow-y: auto;}

    .table  {width: 100%;}

    .table  #table-heads    {text-align: center;}
    #td-date  {white-space: nowrap;}
    .td-status  {background-color: rgb(137, 249, 137);}



}