initial import

modules/web/themes/hover/com.cmobile.unifiedtms/hover-ext.scss

@@ -0,0 +1,82 @@
+/* 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;
+   }
+ }
+
+
+}