/* =========================================
   TABLE FOR HOME & LOADS PAGES
   ========================================= */
   .table-home-loads th,
   .table-home-loads td {
     padding: 5px 8px;  /* consistent cell padding */
     font-size: 14px;   /* standard font size for Home/Loads */
     vertical-align: middle;

     
     
   }
   .table-home-loads tr {
     height: 23px; /* row height for Home/Loads */
   }
   /* Hover effect if needed */
   /* Force gray hover on both odd and even rows for .table-home-loads */
    .table-home-loads.table-hover tbody tr:hover,
    .table-home-loads.table-hover tbody tr:hover td,
    .table-home-loads.table-hover tbody tr:nth-of-type(odd):hover td {
    background-color: #ccc !important; /* or another shade of gray */
    color: #000 !important;            /* optional if you need darker text */
    }


   /* Page background for Home only */
    body.body-home-bg {
        background: url("../images/logo_background/homebackgroundphoto.jpg") 
                    no-repeat center center fixed;
        background-size: cover;
        min-height: 100vh;
    }

    /* Keep containers transparent unless needed */
    .container, .row, .col-md-12, .col-md-6 {
        background-color: transparent !important;
    }

    /* Table is white, rows are white */
    .table-home-loads tbody tr {
    background-color: #fff !important;
    }
    .table-home-loads.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff !important;
    }


    
    
   
   /* =========================================
      TABLE FOR THE REST OF THE APP
      (e.g., Driver Section)
      ========================================= */
   .table-other th,
   .table-other td {
     padding: 4px 6px;  /* slightly less padding */
     font-size: 12px;   /* smaller font size */
     vertical-align: middle;
   }
   .table-other tr {
     height: 20px; /* slightly smaller row height */
   }
   .table-other.table-hover tbody tr:hover {
     background-color: #f2f2f2;
   }
   
   /* =========================================
      RESPONSIVE MEDIA QUERIES (Optional)
      You can further tweak the classes above
      if the screen is small
      ========================================= */
   @media (max-width: 576px) {
     .table-home-loads th,
     .table-home-loads td {
       font-size: 12px; 
     }
     .table-other th,
     .table-other td {
       font-size: 11px;
     }
     /* etc. */
   }