.table-head-modal {
	.Custom-list-container {
		display: flex;
		width: 100%;
		height: 360px;
		.left {
			width: 66%;
			padding: 10px 10px 10px 20px;
			border: 1px solid rgb(239 239 245);
			.choosableField {
				padding-bottom: 10px;
				.optionalField {
					padding: 5px 0;
					font-size: 16px;
					font-weight: bold;
					.amount {
						color: var(--ant-primary-color);
					}
				}
			}
			.check-all {
				margin-bottom: 10px;
			}
			.check-ul {
				display: flex;
				flex-wrap: wrap;
				list-style: none;
				.check-li {
					padding: 2px 8px;
					margin-right: 12px;
					margin-bottom: 12px;
					white-space: nowrap;
					.ant-checkbox-wrapper {
						width: 106px;
					}
					&:hover {
						background: var(--ant-primary-2);
						border-radius: 2px;
					}
				}
			}
		}
		.right {
			width: 34%;
			padding: 10px 10px 10px 20px;
			border: 1px solid rgb(239 239 245);
			.checkedField {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding-bottom: 10px;
				.optionalField {
					padding: 5px 0;
					font-size: 16px;
					font-weight: bold;
					.amount {
						color: var(--ant-primary-color);
					}
				}
				.ant-btn-link {
					padding: 0;
				}
			}
			.drag-container {
				height: 296px;
				overflow-y: auto;
				.draggable-item-container {
					padding-right: 3px;
					padding-bottom: 5px;
					.drag-item {
						padding: 3px 8px;
						cursor: move;
						background-color: #eeeeee;
					}
				}
			}
		}
	}
}
ul,
li {
	padding: 0;
	margin: 0;
}
