appscms-theme.css in appscms-tools-theme-4.3.7

- old
+ new
@@ -1879,6 +1879,79 @@
   }
 }
 
 .appscms-loader{
   display: none;
-}
\ No newline at end of file
+}
+/* CSS for the table design */
+.usp-section .table {
+  border-collapse: collapse;
+  width: 100%;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.usp-section .table th,
+.usp-section .table td {
+  padding: 12px;
+  text-align: left;
+  border-bottom: 1px solid #dee2e6;
+}
+
+.usp-section .table th {
+  background-color: #f8f9fa;
+}
+
+.usp-section .table-striped tbody tr:nth-of-type(odd) {
+  background-color: #f8f9fa;
+}
+
+.usp-section .table-bordered {
+  border: 1px solid #dee2e6;
+}
+
+.usp-section .table-bordered th,
+.usp-section .table-bordered td {
+  border: 1px solid #dee2e6;
+}
+
+/* Rounded corners */
+.usp-section .table-rounded {
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+.usp-section .table-rounded th:first-child,
+.usp-section .table-rounded td:first-child {
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+}
+
+.usp-section .table-rounded th:last-child,
+.usp-section .table-rounded td:last-child {
+  border-top-right-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+/* Clean and modern UI */
+.usp-section .table-striped {
+  background-color: transparent;
+}
+
+.usp-section .table-light {
+  background-color: #ffffff;
+}
+
+/* Responsive design */
+@media (max-width: 768px) {
+  .usp-section .table-responsive {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+  }
+
+  .usp-section .table {
+    white-space: nowrap;
+  }
+}