.role {
	padding: @pageMargin;
	height: 100%;
	overflow: hidden;

	&-bg {
		border-radius: @border-radius-base;
		background-color: #ffffff;
		display: flex;
		max-height: 100%;
	}

	&-side {
		width: 300px;
		display: flex;
		flex-direction: column;

		&-search {
			padding: 16px;
			display: flex;
			align-items: center;

			&-margin {
				margin-right: 16px;
			}
		}

		&-list {
			flex: 1;
			padding-bottom: 16px;
			overflow-y: auto;

			&-title {
				color: rgba(0, 0, 0, 0.45);
				padding: 8px 16px;
			}

			&-none {
				padding: 8px 16px;
			}

			&-edit {
				color: @main-color;
				background-color: @main-color-1;
				padding: 8px 16px;
			}
		}
	}

	&-divider {
		width: 1px;
		background-color: @divider-color;
		margin: 16px 0;
	}

	&-main {
		flex: 1;
		padding: 16px 16px 16px 24px;
		display: flex;
		flex-direction: column;

		&-row {
			margin-bottom: 16px;
		}

		&-power {
			flex: 1;
			overflow: hidden;
			overflow-y: auto;
		}
	}
}