/* Define your theme modifications inside next mixin */
@mixin com_cmobile_unifiedtms-halo-ext {

    $cuba-menubar-background-color: #4B4B4B;
    $cuba-menubar-border-color: #666666;
    $v-table-row-height: 25px;
    $v-selection-color: rgb(87, 153, 117);
    $v-table-header-font-size: 12px;
    $v-textfield-border: 1px solid #97E3A3;

    $v-selection-item-selection-color: #579975;

    $v-app-background-color: #E3EAF1;
    $v-font-size: 12px;
    $v-font-weight: 400;
    $v-unit-size: 25px;
    $v-border-radius: 0px;
    $v-border: 1px solid #89BFA1 !default;
    $v-font-family: Verdana,tahoma,arial,geneva,helvetica,sans-serif,"Trebuchet MS";

    $v-panel-background-color: #ffffff;
    $v-background-color: #ffffff;

    $cuba-menubar-menuitem-text-color: #ffffff;

    $cuba-app-menubar-padding-top: 8px;
    $cuba-app-menubar-padding-bottom: 8px;

    $cuba-menubar-text-color: #ffffff;
    $cuba-menubar-submenu-padding: 1px;

.full-colored-cell {
  width: 100%;
  display: block;
  padding: 6px 8px;
  font-weight: bold;
  color: white;
  text-align: center;
  border-radius: 4px; // optional
}

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

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

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

 .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: #000000;     /* Black background */
   font-size: 15px;             /* Bigger font */
   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;
 }

 .bordered-table tfoot th.bg-green {
    background-color: #4CAF50;
    color: #FFFFFF;
 }

 .bordered-table tfoot th.bg-orange {
     background-color: #FF9800;
     color: #FFFFFF;
 }

 .bordered-table tfoot th.bg-red {
      background-color: #F44336;
      color: #FFFFFF;
 }

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

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


}