@import '../../styles/theme.less';

.caseFolderCheck {
	&-folderHeader {
		display: flex;
		align-items: center;
		justify-content: space-between;

		&-title {
			display: flex;
			align-items: center;
		}
	}

	&-folderMain {
		margin-top: 20px;

		&-item {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 8px 8px 8px 16px;
			background-color: @main-color-1;
			border-radius: 10px;
			transition: transform 1s;
			margin-bottom: 16px;

			&::before {
				content: '';
				position: absolute;
				top: 11px;
				height: 14px;
				width: 2px;
				left: 8px;
				background-color: @main-color;
			}

			.public-rightBorder::before {
				border-color: @text-color;
			}
		}

		&-content {
			background-color: #ffffff;
			margin-bottom: 16px;
		}

		&-title {
			display: flex;
		}

		&-show {
			color: @main-color;
			cursor: pointer;
		}

		&-rotate {
			transform: rotate(180deg);
		}
	}
}