clean up not used scss

frontend/src/app/ui/admin/language/editor/language-editor.component.scss

@@ -1,7 +1,4 @@
 .tenant-editor {
-  // margin-top: 1.3rem;
-  // margin-left: 1em;
-  // margin-right: 3em;
 
   .remove {
 	background-color: white;
@@ -16,7 +13,6 @@
 
 ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
 	background-color: var(--primary-color-3);
-	// background-color: #0070c0;
 }
 
 ::ng-deep .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {

frontend/src/app/ui/admin/language/listing/filters/language-listing-filters.component.scss

@@ -11,11 +11,6 @@
 .filter-button{
 	padding-top: .6rem;
 	padding-bottom: .6rem;
-	// .mat-icon{
-	// 	font-size: 1.5em;
-	// 	width: 1.2em;
-	// 	height: 1.2em;
-	// }
 }
 
 ::ng-deep .mdc-form-field {

frontend/src/app/ui/admin/language/listing/language-listing.component.scss

@@ -1,7 +1,4 @@
 .language-listing {
-  // margin-top: 1.3rem;
-  // margin-left: 1rem;
-  // margin-right: 2rem;
 
   .mat-header-row{
     background: #f3f5f8;
@@ -28,9 +25,7 @@
     border-radius: 30px;
     background-color: var(--secondary-color);
     padding-left: 2em;
-    padding-right: 2em;
+    padding-right: 2em;  
-    // color: #000;
-  
     .button-text{
       display: inline-block;
     }

frontend/src/app/ui/admin/plan-blueprint/editor/plan-blueprint-editor.component.scss

@@ -1,18 +1,9 @@
 
 ::ng-deep label {
-	// display:block !important;
   margin-bottom: 0 !important;
 }
 
 .plan-blueprint-editor {
-  // margin-top: 1.3rem;
-  // margin-left: 1em;
-  // margin-right: 3em;
-
-	// padding-top: 1.3rem;
-  // padding-left: 1em;
-  // padding-right: 3em;
-	// box-sizing: border-box !important;
 
   .remove {
 	background-color: white;
@@ -36,7 +27,6 @@
 
 ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
 	background-color: var(--primary-color-3);
-	// background-color: #0070c0;
 }
 
 ::ng-deep .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
@@ -103,11 +93,6 @@
   
     .action-list-icon{
       font-size: 1.2em;
-      // padding-right: 1em;
-    //   width: 14px;
-    //   margin-right: 0.5em;
-    //   margin-left: -.09em;
-    //   height: auto;
       color: var(--primary-color);
     }
     

frontend/src/app/ui/admin/plan-blueprint/listing/filters/plan-blueprint-listing-filters.component.scss

@@ -15,11 +15,6 @@
 .filter-button{
 	padding-top: .6rem;
 	padding-bottom: .6rem;
-	// .mat-icon{
-	// 	font-size: 1.5em;
-	// 	width: 1.2em;
-	// 	height: 1.2em;
-	// }
 }
 
 ::ng-deep .mdc-form-field {

frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.scss

@@ -4,9 +4,6 @@
 }
 
 .plan-blueprint-listing {
-	// margin-top: 1.3rem;
-	// margin-left: 1rem;
-	// margin-right: 2rem;
 
 	.mat-header-row {
 		background: #f3f5f8;
@@ -45,7 +42,6 @@
 	background-color: var(--secondary-color);
 	padding-left: 2em;
 	padding-right: 2em;
-	// color: #000;
 
 	.button-text {
 		display: inline-block;
@@ -55,8 +51,6 @@
 .import-btn {
 	background: #ffffff 0% 0% no-repeat padding-box;
 	border-radius: 30px;
-	// color: var(--primary-color);
-	// border: 1px solid var(--primary-color);
 	padding-left: 2em;
 	padding-right: 2em;
 	color: #000;

frontend/src/app/ui/admin/prefilling-source/editor/prefilling-source-editor.component.scss

@@ -1,7 +1,4 @@
 .prefilling-source-editor {
-  // margin-top: 1.3rem;
-  // margin-left: 1em;
-  // margin-right: 3em;
 
   .remove {
 	background-color: white;
@@ -16,7 +13,6 @@
 
 ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
 	background-color: var(--primary-color-3);
-	// background-color: #0070c0;
 }
 
 ::ng-deep .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {

frontend/src/app/ui/admin/prefilling-source/listing/filters/prefilling-source-listing-filters.component.scss

@@ -15,11 +15,6 @@
 .filter-button{
 	padding-top: .6rem;
 	padding-bottom: .6rem;
-	// .mat-icon{
-	// 	font-size: 1.5em;
-	// 	width: 1.2em;
-	// 	height: 1.2em;
-	// }
 }
 
 ::ng-deep .mdc-form-field {

frontend/src/app/ui/admin/prefilling-source/listing/prefilling-source-listing.component.scss

@@ -4,9 +4,6 @@
 }
 
 .prefilling-source-listing {
-	// margin-top: 1.3rem;
-	// margin-left: 1rem;
-	// margin-right: 2rem;
 
 	.mat-header-row {
 		background: #f3f5f8;
@@ -45,7 +42,6 @@
 	background-color: var(--secondary-color);
 	padding-left: 2em;
 	padding-right: 2em;
-	// color: #000;
 
 	.button-text {
 		display: inline-block;
@@ -55,8 +51,6 @@
 .import-btn {
 	background: #ffffff 0% 0% no-repeat padding-box;
 	border-radius: 30px;
-	// color: var(--primary-color);
-	// border: 1px solid var(--primary-color);
 	padding-left: 2em;
 	padding-right: 2em;
 	color: #000;

frontend/src/app/ui/admin/reference-type/editor/reference-type-editor.component.scss

@@ -1,7 +1,4 @@
 .reference-type-editor {
-  // margin-top: 1.3rem;
-  // margin-left: 1em;
-  // margin-right: 3em;
 
   .remove {
 	background-color: white;
@@ -16,7 +13,6 @@
 
 ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
 	background-color: var(--primary-color-3);
-	// background-color: #0070c0;
 }
 
 ::ng-deep .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
@@ -83,11 +79,6 @@
   
     .action-list-icon{
       font-size: 1.2em;
-      // padding-right: 1em;
-    //   width: 14px;
-    //   margin-right: 0.5em;
-    //   margin-left: -.09em;
-    //   height: auto;
       color: var(--primary-color);
     }
     

frontend/src/app/ui/admin/reference-type/listing/filters/reference-type-listing-filters.component.scss

@@ -15,11 +15,6 @@
 .filter-button{
 	padding-top: .6rem;
 	padding-bottom: .6rem;
-	// .mat-icon{
-	// 	font-size: 1.5em;
-	// 	width: 1.2em;
-	// 	height: 1.2em;
-	// }
 }
 
 ::ng-deep .mdc-form-field {

frontend/src/app/ui/admin/reference-type/listing/reference-type-listing.component.scss

@@ -1,7 +1,4 @@
 .reference-type-listing {
-  // margin-top: 1.3rem;
-  // margin-left: 1rem;
-  // margin-right: 2rem;
 
   .mat-header-row{
     background: #f3f5f8;
@@ -29,7 +26,6 @@
     background-color: var(--secondary-color);
     padding-left: 2em;
     padding-right: 2em;
-    // color: #000;
   
     .button-text{
       display: inline-block;

frontend/src/app/ui/admin/reference/editor/reference-editor.component.scss

@@ -1,7 +1,4 @@
 .reference-editor {
-  // margin-top: 1.3rem;
-  // margin-left: 1em;
-  // margin-right: 3em;
 
   .remove {
 	background-color: white;
@@ -16,7 +13,6 @@
 
 ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
 	background-color: var(--primary-color-3);
-	// background-color: #0070c0;
 }
 
 ::ng-deep .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {

frontend/src/app/ui/admin/reference/listing/filters/reference-listing-filters.component.scss

@@ -11,11 +11,6 @@
 .filter-button{
 	padding-top: .6rem;
 	padding-bottom: .6rem;
-	// .mat-icon{
-	// 	font-size: 1.5em;
-	// 	width: 1.2em;
-	// 	height: 1.2em;
-	// }
 }
 
 ::ng-deep .mdc-form-field {

frontend/src/app/ui/admin/reference/listing/reference-listing.component.scss

@@ -29,7 +29,6 @@
     background-color: var(--secondary-color);
     padding-left: 2em;
     padding-right: 2em;
-    // color: #000;
   
     .button-text{
       display: inline-block;

frontend/src/app/ui/admin/tenant/editor/tenant-editor.component.scss

@@ -1,7 +1,4 @@
 .tenant-editor {
-  // margin-top: 1.3rem;
-  // margin-left: 1em;
-  // margin-right: 3em;
 
   .remove {
 	background-color: white;
@@ -16,7 +13,6 @@
 
 ::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
 	background-color: var(--primary-color-3);
-	// background-color: #0070c0;
 }
 
 ::ng-deep .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {

frontend/src/app/ui/admin/tenant/listing/filters/tenant-listing-filters.component.scss

@@ -15,11 +15,6 @@
 .filter-button{
 	padding-top: .6rem;
 	padding-bottom: .6rem;
-	// .mat-icon{
-	// 	font-size: 1.5em;
-	// 	width: 1.2em;
-	// 	height: 1.2em;
-	// }
 }
 
 ::ng-deep .mdc-form-field {

frontend/src/app/ui/admin/tenant/listing/tenant-listing.component.scss

@@ -29,7 +29,6 @@
     background-color: var(--secondary-color);
     padding-left: 2em;
     padding-right: 2em;
-    // color: #000;
   
     .button-text{
       display: inline-block;

frontend/src/app/ui/admin/user/listing/filters/user-listing-filters.component.scss

@@ -15,11 +15,6 @@
 .filter-button{
 	padding-top: .6rem;
 	padding-bottom: .6rem;
-	// .mat-icon{
-	// 	font-size: 1.5em;
-	// 	width: 1.2em;
-	// 	height: 1.2em;
-	// }
 }
 
 ::ng-deep .mdc-form-field {

frontend/src/app/ui/admin/user/listing/role-editor/user-role-editor.component.scss

@@ -5,7 +5,6 @@
 	padding-left: 15px;
 	padding-right: 15px;
 	.select-role {
-		// margin-top: 1rem;
 	}
 
 	.roles {
@@ -32,9 +31,6 @@
 		display: inline-block;
 	}
 	.user {
-		// display: flex;
-		// justify-content: center;
-		// align-items: center;
 		min-width: 67px;
 		min-height: 28px;
 		color: #00c4ff;
@@ -50,9 +46,6 @@
 	}
 
 	.tenant-plan-manager {
-		// display: flex;
-		// justify-content: center;
-		// align-items: center;
 		min-width: 77px;
 		min-height: 28px;
 		color: #568b5a;
@@ -68,9 +61,6 @@
 	}
 
 	.admin {
-		// display: flex;
-		// justify-content: center;
-		// align-items: center;
 		min-width: 77px;
 		min-height: 28px;
 		color: #ff3d33;
@@ -86,9 +76,6 @@
 	}
 
 	.installation-admin {
-		// display: flex;
-		// justify-content: center;
-		// align-items: center;
 		min-width: 67px;
 		min-height: 28px;
 		color: #e75d01;
@@ -104,9 +91,6 @@
 	}
 
 	.tenant-admin {
-		// display: flex;
-		// justify-content: center;
-		// align-items: center;
 		min-width: 77px;
 		min-height: 28px;
 		color: #ffa631;
@@ -122,9 +106,6 @@
 	}
 
 	.tenant-config-manager {
-		// display: flex;
-		// justify-content: center;
-		// align-items: center;
 		min-width: 77px;
 		min-height: 28px;
 		color: #d633ff;
@@ -141,9 +122,6 @@
 
 
 	.tenant-user {
-		// display: flex;
-		// justify-content: center;
-		// align-items: center;
 		min-width: 67px;
 		min-height: 28px;
 		color: #00c4ff;
@@ -159,9 +137,6 @@
 	}
 
 	.tenant-admin {
-		// display: flex;
-		// justify-content: center;
-		// align-items: center;
 		min-width: 77px;
 		min-height: 28px;
 		color: #ff3d33;

frontend/src/app/ui/admin/user/listing/user-listing.component.scss

@@ -1,7 +1,4 @@
 .user-listing {
-  // margin-top: 1.3rem;
-  // margin-left: 1rem;
-  // margin-right: 2rem;
 
   .mat-header-row{
     background: #f3f5f8;
@@ -29,7 +26,6 @@
     background-color: var(--secondary-color);
     padding-left: 2em;
     padding-right: 2em;
-    // color: #000;
   
     .button-text{
       display: inline-block;

frontend/src/app/ui/auth/login/merge-email-confirmation/merge-email-confirmation.component.scss

@@ -1,6 +1,5 @@
 .merge-account {
 	height: fit-content;
-	//margin-top: 80px;
 	min-height: 100vh;
 	background-color: #ffffff;
 }

frontend/src/app/ui/auth/login/unlink-email-confirmation/unlink-email-confirmation.component.scss

@@ -1,6 +1,5 @@
 .unlink-account {
 	height: fit-content;
-	//margin-top: 80px;
 	min-height: 100vh;
 	background-color: #ffffff;
 }

frontend/src/app/ui/auth/login/user-invite-confirmation/user-invite-confirmation.component.scss

@@ -1,6 +1,5 @@
 .user-invite {
 	height: fit-content;
-	//margin-top: 80px;
 	min-height: 100vh;
 	background-color: #ffffff;
 }

frontend/src/app/ui/description/description-copy-dialog/description-copy-dialog.component.scss

@@ -38,7 +38,6 @@ min-width: 101px;
 
 .close-icon {
 	cursor: pointer;
-	// margin-right: 20px;
 	padding: .4rem;
 	width: auto !important;
 	height: auto !important;

frontend/src/app/ui/description/editor/description-base-fields-editor/description-base-fields-editor.component.scss

@@ -42,10 +42,6 @@
 		margin-bottom: 1rem;
 	}
 
-	//   textarea::placeholder {
-	//     font-style: oblique;
-	//   }
-
 	.input-btn {
 		border: none;
 		color: #aaaaaa;

frontend/src/app/ui/description/editor/description-editor.component.scss

@@ -74,12 +74,6 @@
     justify-content: flex-end;
   }
 
-  //   .actions > button {
-  //     background-color: #0070c0;
-  //     color: #ffffff;
-  //     text-transform: uppercase;
-  //   }
-
   .more-horiz {
     font-size: 28px;
     color: #aaaaaa;

frontend/src/app/ui/description/editor/description-form/components/form-field/form-field.component.scss

@@ -54,10 +54,6 @@
 	border: 1px solid darkgray;
 	color: darkgrey !important;
 }
-//
-//.mdc-button-disabled .attach-file-btn > ::ng-deep mdc-button-wrapper:hover > * {
-//	color: darkgrey !important;
-//}
 
 .drop-file {
 	background-color: #fafafa;

frontend/src/app/ui/description/editor/description-form/description-form.component.scss

@@ -23,25 +23,3 @@
 		background-color: #ffffff;
 	}
 }
-
-// ::ng-deep .mat-form-field-flex > .mat-form-field-infix {padding: 0.4em 0px !important;}
-// ::ng-deep .mat-form-field-label-wrapper {
-// 	top: -1.5em;
-// }
-
-// ::ng-deep
-// 	.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float
-// 	.mat-form-field-label {
-// 	transform: translateY(-1.1em) scale(0.75);
-// 	width: 133.33333%;
-// }
-
-// ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline {
-// 	background: #fafafa !important;
-// }
-
-// ::ng-deep .mat-step-header .mat-step-icon-selected,
-// .mat-step-header .mat-step-icon-state-done,
-// .mat-step-header .mat-step-icon-state-edit {
-// 	background-color: var(--primary-color) !important;
-// }

frontend/src/app/ui/description/editor/table-of-contents/table-of-contents.component.scss

@@ -43,9 +43,6 @@ span {
   overflow: hidden;
   color: #21212194;
   font-weight: 400;
-  // max-width: 290px;
-  // min-width: 290px;
-  // padding: 0rem .4rem;
   span {
     white-space: nowrap;
     overflow: hidden;
@@ -61,20 +58,6 @@ span {
   opacity: 1 !important;
 }
 
-// .docs-level-mat-expansion-panel {
-//   margin-left: 12px;
-// }
-
 .docs-level-h5 {
   margin-left: 24px;
-}
+}
-
-// .internal-table-outer{
-//   padding-left: 1.1em;
-//   width: 100%;
-// }
-
-// .internal-table{
-//   max-width: 320px;
-//   min-width: 320px;
-// }

frontend/src/app/ui/plan/invitation/dialog/plan-invitation-dialog.component.scss

@@ -34,12 +34,6 @@
 		padding: 0px;
 	}
 
-	// .mat-form-field {
-	// 	background: #fafafa;
-	// 	border: 1px solid #d1d1d1;
-	// 	border-radius: 4px;
-	// }
-
 	.hint {
 		font-size: 0.875rem;
 		font-weight: 500;
@@ -60,16 +54,6 @@
 			font-size: 1rem;
 			padding: 0.6em 0 1em 0 !important;
 		}
-
-		// .mat-form-field-underline {
-		// 	display: none;
-		// }
-		// .mat-form-field-flex {
-		// 	padding: 0em;
-		// }
-		// .align-arrow-right {
-		// 	display: none;
-		// }
 	}
 
 	.select-role {

frontend/src/app/ui/plan/listing/filtering/plan-filter.component.scss

@@ -32,7 +32,6 @@
 
 .category-title {
   color: black;
-  //   color: #089dbb;
   margin-top: 8px;
   margin-bottom: 12px;
   text-transform: none;
@@ -41,13 +40,10 @@
 }
 
 .filters {
-//   border: 1px solid #e4e4e4;
-//   border-radius: 5px;
 }
 
 .filters-title {
   width: 93px;
-  //   color: #089dbb;
   color: var(--primary-color-2);
   background-color: white;
   padding: 0px 20px;
@@ -60,26 +56,6 @@
   color: #adadad;
 }
 
-// ::ng-deep .mat-checkbox-inner-container {
-//   background: white;
-// }
-
-// ::ng-deep .mat-focused .mat-form-field-label {
-//   color: var(--primary-color-3) !important;
-// }
-
-// ::ng-deep.mat-form-field-underline {
-//   background-color: #adadad;
-// }
-
-// ::ng-deep.mat-form-field-ripple {
-//   background-color: var(--primary-color-3) !important;
-// }
-
-// ::ng-deep .mat-checkbox {
-//   background-color: #f6f6f6 !important;
-// }
-
 ::ng-deep .mat-checkbox .mat-checkbox-frame {
   border: 1px solid #aaaaaa;
 }
@@ -108,14 +84,11 @@
 
 ::ng-deep .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
   border-color: #777777;
-  // border-color: var(--primary-color-3);
 }
 
 ::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle {
   color: #777777;
   background-color: #777777;
-  // color: var(--primary-color-3);
-  // background-color: var(--primary-color-3);
 }
 
 .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {