.space-settings {
	> .panel {
		@include content-container();
		@include ease-in();
		@extend .transition-all;
	}

	.permissions-table {
        padding: 0;
        margin: 0 0 30px 0;
		width: 100%;

		> .row {
			padding: 8px 0;

			> .permission-name-cell {
				font-size: 1.1rem;
				background-color: $color-off-white;
				padding: 10px 10px;
			}

			> .permission-roles-cell {
				margin: 15px 0 20px 40px;

				> .role-container {
					white-space: nowrap;
					display: inline-block;
					margin-bottom: 10px;

					> .role-category {
						color: $color-gray;
						font-weight: bold;
						display: inline-block;
					}
				}

				> label {
					color: $color-gray;
					font-weight: normal;
				}
			}
		}
	}

	.category-table {
        padding: 0;
        margin: 0 0 0 20px;
		width: 60%;

		> .row {
			margin: 15px 0;
			padding: 15px;
			background-color: $color-off-white;
			@include border-radius(2px);

			> .category {
				display: inline-block;

				> .name {
					font-size: 1.2rem;
				}

				> .info {
					font-size: 0.9rem;
					margin-top: 8px;
					color: $color-gray;
				}
			}

			> .buttons {
				margin-top: 5px;
			}

			> .action {
				display: inline-block;
			}

			> .input-control {
				margin: 0;
				display: inline-block;

				> input {
					margin: 0 0 8px 0;
					padding: 0;
					font-size: 1.2rem;
				}
			}
		}
	}
}

.category-access-dialog {
	display: none;
}