/* Define your theme modifications inside next mixin */
@mixin com_cmobile_unifiedtms-hover-ext {
.full-colored-cell {
  width: 100%;
  display: block;
  padding: 6px 8px;
  font-weight: bold;
  color: white;
  text-align: center;
  border-radius: 4px; // optional
}

.table-container {
   overflow-x: auto;
   max-width: 100%;
 }

 .bordered-table {
   width: 100%;
   border-collapse: collapse;
   min-width: 1000px;
   border: 2px solid #444; /* Outer border */
 }

 .bordered-table th,
 .bordered-table td {
   border: 1px solid #444; /* Visible cell borders */
   padding: 10px;
   text-align: center;
 }

 .bordered-table thead tr:first-child th {
   background-color: #dceeff;
 }

 .bordered-table thead tr:nth-child(2) th {
   background-color: #f0f8ff;
 }

 .bordered-table td a {
   color: #0073e6;
   text-decoration: none;
 }

 .bordered-table tfoot th,
 .bordered-table tfoot td {
    background-color: #f4f4f4;     /* Light gray background */
    font-weight: bold;             /* Bold font */
    border-top: 2px solid #444;    /* Top border to separate from body */
    text-align: center;            /* Center align like the rest of the table */
    padding: 10px;
    color: #FFFFFF;
  }

.bg-green {
  background-color: #4CAF50 !important;
  color: #FFFFFF !important;
}

.bg-orange {
  background-color: #FF9800 !important;
  color: #FFFFFF !important;
}

.bg-red {
  background-color: #F44336 !important;
  color: #FFFFFF !important;
}

 @media (max-width: 768px) {
   .bordered-table {
     font-size: 12px;
   }

   .bordered-table th,
   .bordered-table td {
     padding: 6px;
   }
 }


}