Design updated

static/scss/main.scss

@@ -73,7 +73,7 @@ table.border-separate {
   --bd-teal-rgb: 32, 201, 151;
 }
 
-.bg-fb-gradient-1 {
+.bg-gradient-1 {
   --bd-pink-rgb: 214, 51, 132;
   background-image: linear-gradient(
       180deg,
@@ -271,17 +271,10 @@ a.badge:hover {
   scrollbar-width: none; /* Firefox */
 }
 
-.bg-fb-light-green {
+.bg-light-green {
   background-color: var(--dj-light-green) !important;
 }
 
-.bg-fb-primary {
-  background-color: var(--dj-primary) !important;
-}
-.text-fb-primary {
-  color: var(--dj-primary) !important;
-}
-
 // .text-truncate {
 //   max-width: 13.375rem;
 // }
@@ -954,38 +947,6 @@ a.hover-underline:hover {
   color: #0d6efd !important;
 }
 
-.a-fb-default {
-  font-weight: normal;
-  font-size: 14px;
-  text-decoration: none;
-  color: var(--bs-dark);
-  padding: 5px;
-  border-radius: 4px;
-  transition: background-color 0.2s;
-}
-.a-fb-default:hover {
-  background-color: var(--dj-primary-200);
-  color: #1560ce;
-}
-
-.bg-fb-primary-200 {
-  background-color: var(--dj-primary-200) !important;
-}
-.bg-fb-primary-300 {
-  background-color: var(--dj-primary-300) !important;
-}
-.bg-fb-primary-400 {
-  background-color: var(--dj-primary-400) !important;
-}
-.bg-fb-danger-200 {
-  background-color: var(--dj-danger-200) !important;
-}
-.bg-fb-danger-300 {
-  background-color: var(--dj-danger-300) !important;
-}
-.bg-fb-danger-400 {
-  background-color: var(--dj-danger-400) !important;
-}
 .bg-gray-200 {
   background-color: var(--bs-gray-200);
 }
@@ -1086,10 +1047,8 @@ a.hover-underline:hover {
 @import "partials/nav";
 @import "partials/buttons";
 @import "partials/avatar";
-@import "partials/stackedAvatars";
 @import "partials/dropdown";
 @import "partials/modal";
 @import "partials/message";
 @import "partials/toast";
-@import "partials/progressForm";
 @import "partials/footer";

static/scss/partials/_avatar.scss

@@ -47,7 +47,7 @@
   .avatar {
     margin-left: -10px;
     position: relative;
-    border: 2px solid var(--fb-light-green);
+    border: 2px solid var(--bs-gray-400);
     transition: transform 0.28s;
     &:hover {
       transform: translateX(-5px);

static/scss/partials/_buttons.scss

@@ -47,23 +47,6 @@
   padding: 2px 5px;
 }
 
-//   .btn-nav {
-// 	font-size: 28px;
-// 	width: 38px;
-// 	height: 38px;
-// 	border-radius: 4px;
-// 	display: flex;
-// 	align-items: center;
-// 	justify-content: center;
-// 	// background-color: #fff;
-// 	color: rgba(0, 0, 0, 0.4) !important;
-// 	border: none;
-// 	transition: background-color 0.28s, color 0.28s;
-// 	&:hover {
-// 	  color: #000000 !important;
-// 	  background-color: #f1f1f1;
-// 	}
-//   }
 .nav-link.active-link,
 .nav-link:focus,
 .btn-nav.active-link,
@@ -114,21 +97,6 @@
   background-color: rgba(13, 110, 253, 0.2);
   border-color: rgba(13, 110, 253, 0.2);
 }
-
-.btn.btn-candy-primary {
-  box-shadow: none !important;
-}
-.btn-candy-primary {
-  background-color: var(--fb-light-green);
-  color: var(--dark);
-  border-color: hsl(177, 42%, 72%);
-  background-image: linear-gradient(
-    to bottom,
-    hsl(177, 42%, 76%),
-    hsl(177, 42%, 56%)
-  );
-  transition: border 0.05;
-}
 .btn-candy-danger {
   background-color: var(--bs-danger);
   color: var(--bs-light) !important;
@@ -147,21 +115,6 @@
   transition: border 0.05;
 }
 
-.edit-btn {
-  position: absolute;
-  bottom: 5px;
-  right: 5px;
-  width: 35px;
-  height: 35px;
-  border-radius: 35px;
-  border: 2px solid #fff;
-  // background-color: #6c63ff;
-  // color: #fff !important;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
 .close-content-btn {
   display: inline-block;
   position: absolute;

static/scss/partials/_footer.scss

@@ -1,113 +1,8 @@
-
 /*********************************
 17. Footer
 *********************************/
 .footer {
-	padding-top: 52px;
-	padding-bottom: 40px;
-	background-color: rgba(133, 205, 202, 0.2);
-  }
-  .footer .logo_container {
-	height: auto;
-	margin-bottom: 18px;
-	margin-top: -10px;
-  }
-  .footer .logo {
-	top: auto;
-  }
-  .footer .logo a {
-	color: #000000;
-  }
-  .footer_title {
-	font-size: 14px;
-	color: #000000;
-  }
-  .footer_phone {
-	font-size: 18px;
-	color: #0e8ce4;
-	margin-top: 13px;
-  }
-  .footer_contact_text {
-	margin-top: 10px;
-  }
-  .footer_contact_text p {
-	margin-bottom: 0px;
-  }
-  .footer_social {
-	margin-top: 27px;
-  }
-  .footer_social ul li {
-	display: inline-block;
-	width: 30px;
-	height: 30px;
-	background: #fafafa;
-	border-radius: 50%;
-	cursor: pointer;
-	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
-	margin-right: 16px;
-	text-align: center;
-  }
-  .footer_social ul li i {
-	color: #000000;
-	line-height: 30px;
-	-webkit-transition: all 200ms ease;
-	-moz-transition: all 200ms ease;
-	-ms-transition: all 200ms ease;
-	-o-transition: all 200ms ease;
-	transition: all 200ms ease;
-  }
-  .footer_social ul li:hover i {
-	color: var(--fb-light-green);
-  }
-  .footer_subtitle {
-	font-size: 12px;
-	color: #000000;
-  }
-  .footer_column ul:first-of-type {
-	margin-top: 21px;
-  }
-  .footer_column ul {
-	margin-top: 7px;
-	list-style: none;
-	padding: 0;
-  }
-  .footer_list li {
-	margin-bottom: 6px;
-  }
-  .footer_list li a {
-	font-size: 14px;
-	color: rgba(0, 0, 0, 0.6);
-	-webkit-transition: all 200ms ease;
-	-moz-transition: all 200ms ease;
-	-ms-transition: all 200ms ease;
-	-o-transition: all 200ms ease;
-	transition: all 200ms ease;
-  }
-  .footer_list li a:hover {
-	color: var(--purple);
-	text-decoration: underline;
-  }
-  .footer_list_2 {
-	margin-top: 42px !important;
-  }
-
-  .copyright {
-	width: 100%;
-	background: #fafafa;
-  }
-  .copyright_container {
-	width: 100%;
-	height: 56px;
-  }
-  .copyright_content {
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.6);
-  }
-  .logos_list li {
-	display: inline-block;
-	margin-right: 16px;
-  }
-  .logos_list li:last-child {
-	margin-right: 0px;
-  }
-
+  padding-top: 52px;
+  padding-bottom: 40px;
+  background-color: rgba(133, 205, 202, 0.2);
+}