documize/gui/app/styles/core/view/customize.scss

.view-customize {
	> .admin-heading {
		font-size: 1.5rem;
		font-weight: bold;
		color: $color-black;
	}

	> .sub-heading {
		font-size: 1.1rem;
		color: $color-gray;
	}

	.user-table {
		tbody tr td, thead tr th {
			border-top: none !important;
			border-bottom: none !important;
		}

		.name {
			font-size: 1.2rem;
			font-weight: bold;
			color: $color-link;
			margin: 0 0 0 10px;
			display: inline-block;
			cursor: pointer;

            > .email {
				font-size: 0.9rem;
				color: $color-off-black;
				margin: 0;
				display: inline-block;
				font-weight: normal;
			}
		}

		.groups {
			cursor: pointer;
			margin: 5px 0 0 10px;
			font-size: 1rem;
			color: $color-gray;

			&:hover {
				color: $color-link;
			}
		}

		.inactive-user
		{
			@extend .color-red;
			font-weight: normal;
			text-decoration: line-through;
		}

		.admin-user
		{
			@extend .color-primary;
			font-weight: normal;
		}

		.checkbox {
			color: $color-checkbox;
			cursor: pointer;
		}
	}

	> .space-list {
        padding: 0;
        margin: 3rem 0;

		> .space {
			margin: 15px 0;
			padding: 15px 0;
			font-size: 1.2rem;
			color: $color-primary;
		}
	}

	> .groups-list {
        padding: 0;
        margin: 0;

		> .group {
			margin: 15px 0;

			.name {
				color: $color-off-black;
				font-size: 1.3rem;
				font-weight: 600;

				> .purpose {
					font-size: 1rem;
					color: $color-gray;
				}
			}
		}
	}

	// used for group admin
	> .group-users-members {
		> .item {
			margin: 10px 0;

			> .fullname {
				color: $color-primary;
				font-size: 1.2rem;
			}
		}
	}

	// used for user admin
	> .group-membership {
		> .item {
			margin: 10px 0;

			> .group-name {
				color: $color-primary;
				font-size: 1.2rem;

				> .group-purpose {
					font-size: 0.9rem;
				}
			}
		}
	}

	> .smtp-failure, .admin-setting-failure {
		font-size: 1.2rem;
		font-weight: bold;
		color: $color-red;
	}

	> .smtp-success, .admin-setting-success {
		font-size: 1.2rem;
		font-weight: bold;
		color: $color-green;
	}

	> .archive-admin {
		> .list {
			> .item {
				margin: 15px 0;
				padding: 15px 0;
				@include ease-in();
				font-size: 1.2rem;
				color: $color-primary;
			}
		}
	}

	> .max-results {
		float: right;
	}

	> .backup-restore {
		margin: 20px 0;
		font-size: 1.1rem;

		> .backup-zone {
			@include border-radius(3px);
			border: 1px solid $color-border;
			padding: 20px 20px;
			background-color: lighten($color-green, 60%);
			color: $color-off-black;

			> .backup-fail {
				margin: 10px 0;
				color: $color-red;
			}

			> .backup-success {
				margin: 10px 0;
				color: $color-green;
			}
		}

		> .restore-zone {
			@include border-radius(3px);
			border: 1px solid $color-border;
			margin: 50px 0;
			padding: 20px 20px;
			background-color: lighten($color-red, 60%);
			color: $color-off-black;

			> .restore-fail {
				margin: 10px 0;
				color: $color-red;
			}

			> .restore-success {
				margin: 10px 0;
				color: $color-green;
			}

			> .upload-backup-file {
				@include ease-in();
				margin: 50px 0 10px 0;

				> .dz-preview, .dz-processing {
					display: none !important;
				}
			}

			.restore-upload-busy {
				text-align: center;

				> img {
					height: 50px;
					width: 50px;
				}

				> .wait {
					color: $color-gray;
					margin: 10px 0;
				}

				 > .ready {
					 color: $color-green;
					 margin: 10px 0;
				 }
			}
		}
	}

	> .deactivation-zone {
		@include border-radius(3px);
		border: 1px solid $color-red;
		margin: 30px 0;
		padding: 20px 20px;
		background-color: lighten($color-red, 60%);
		color: $color-off-black;
	}
}