Index: lams_central/web/css/components.scss
===================================================================
diff -u -rdf411d8446000acfdb5937f46a7a7e8ef4b656e0 -r6ca7c6f9b49fe23c7f11e22e40334749c6b7d13f
--- lams_central/web/css/components.scss	(.../components.scss)	(revision df411d8446000acfdb5937f46a7a7e8ef4b656e0)
+++ lams_central/web/css/components.scss	(.../components.scss)	(revision 6ca7c6f9b49fe23c7f11e22e40334749c6b7d13f)
@@ -1,16 +1,14 @@
 @import "bootstrap5.custom.scss";
 @import "_lams_variables.scss";
 
-#container-main {
+#container-main, .container-main {
     @extend .container-lg;
-}
-
-@media (width <= 768px) {
-	#container-main {
+    
+    @include media-breakpoint-down(md) {
 		--bs-gutter-x: 0.1rem;
 		--bs-gutter-y: 0.1rem;
 		padding-right: calc(var(--bs-gutter-x) * -5.5);
-		padding-left: calc(var(--bs-gutter-x) * 0.5);
+		padding-left: calc(var(--bs-gutter-x) * 0.5);		
 	}
 }
 
@@ -25,6 +23,10 @@
     padding-top: 1rem;
 }
 
+.font-size-init {
+	font-size: initial;
+}
+
 /* For Boostrap 3 & 5 compability */
 .img-responsive {
   max-width: 100%;
@@ -103,6 +105,68 @@
 			font-size: var(--bs-body-font-size);
 		} 
 	}
+
+	.lcard {
+		border-top-left-radius: 1.25rem;
+		border-top-right-radius: 0rem;
+		border-bottom-right-radius: 1.25rem;
+		border: 0;
+		margin-bottom: 2rem;
+		@extend .shadow;
+	
+		>.card-header {
+			border-top-left-radius: 1.25rem;
+			border-top-right-radius: 0rem;
+			font-size: 1.3rem;
+			padding: 1rem;
+			@extend .text-bg-secondary;
+			
+			*:not(.badge, .badge *, .btn, .btn *, button, button *) {
+				@extend .text-bg-secondary;
+			}
+	
+			@include media-breakpoint-down(md) {
+				font-size: 14px;
+			}
+		}
+	}
+	
+	.activity-bottom-buttons {
+	    margin-top: 1rem;
+	    padding-top: 1rem;
+	    border-top: $border-thin-grey;	
+	    display: flex;
+	    flex-direction: row-reverse;
+		clear: both;
+	}
+	
+	h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
+	    color: var(--bs-gray-dark);
+	}
+	
+	h1, .h1 {
+	    font-size: calc(1.2rem + 1vw);
+	}
+	
+	h2, .h2 {
+	    font-size: calc(1.2rem + 0.7vw);
+	}
+	
+	h3, .h3 {
+	    font-size: calc(1.2rem + 0.5vw);
+	}
+	
+	h4, .h4 {
+	    font-size: calc(1.1rem + 0.3vw);
+	}
+	
+	h5, .h5 {
+	    font-size: 1.1rem;
+	}
+	
+	h6, .h6 {
+	    font-size: 1rem;
+	}
 }
 
 body.component .btn-success,
@@ -645,6 +709,22 @@
   background-color: var(--bs-gray-200);
 }
 
+/*----------.div-hover----------------*/
+.div-hover > div {
+  align-items: center;
+  border-top: 1px solid #ddd;
+  padding: 12px;
+}
+
+@media (width <= 768px) {
+  .div-hover > div {
+    padding: 3px;
+  }
+}
+.div-hover > div:hover {
+  background-color: var(--bs-gray-200);
+}
+
 /* jqGrid text wrapping */
 .ui-jqgrid tr.jqgrow td, .ui-jqgrid tr.ui-subgrid td {
   white-space:normal !important;