.uicbb-container-wrap {
	width: 100%;
	height: 100%;
	position: relative;
	> .template-row {
		height: 100%;
		.template-col + .template-col {
			border-left: 2px dashed #b5bdc7;
			&.content-selected {
				border-left: 2px dashed #4c89ff;
			}
		}
		> .template-col {
			// border: 1px dashed #b5bdc7;

			position: relative;
			height: 100%;

			.template-col-content {
				width: 100%;
				height: 100%;
			}
			&.view {
				border: none;
			}
			.option-children {
				line-height: 0;
				height: 16px;
				padding: 4px;
				font-size: 18px;
				z-index: 2;
				background: #666666;
				color: #ffffff;
			}
			.option-group-template {
				display: none;
				position: absolute;
				top: 12px;
				right: 12px;
				line-height: 0;
				height: 22px;
				padding: 4px 0;
				font-size: 18px;
				z-index: 2;
				background: #666666;
				color: #ffffff;
				border-radius: 4px;
			}

			.drag-item-custom {
				&.selected {
					border: 1px solid #096dd9;
					.edit-item-mask {
						opacity: 0.1;
					}
				}
				&:hover {
					.option-group-template {
						display: block;
					}
				}
			}
		}
	}
	.drag-background-info {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}
}