documize/gui/app/styles/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: 0;

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

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

		> .group {
			margin: 15px 0;

			.name {
				font-size: 1.2rem;
				color: $color-off-black;

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

	// 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 {
		font-size: 1.2rem;
		font-weight: bold;
		color: $color-red;
	}

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