table{width:100%; border-collapse: collapse;}
      thead {
         
          text-align: left;
      }
      
      th, td {
            padding: 10px 10px;
      }
      th{color: var(--input-color) !important;padding: 8px 10px;}
      
      th {
          font-weight: bold;
          text-transform: uppercase;
          
      }
      
      tr {
        
        
          transition: background-color 0.3s;
          
          
          
      }
      
      tbody tr:hover {
          background-color: hsl(var(--color-2));
      }
      
      td {
          font-size: 14px;
      }
     

      td .flex-center{justify-content: start;}
      
      td.center {
          text-align: center;
      }
  
    

      td,th{color:hsl(var(--color-1))}

      .body-table td{padding: 10px;}