.ct-filler {
	flex: 1;
	height: 100%;
	order: -1;
}

#ct-option-header-builder-items {
	margin-top: 25px;
	padding: 0 14px;
}


// available items
.ct-available-items {
	.ct-builder-items {
		flex-direction: column;
		width: 100%;
		height: 100%;
		padding: 0;

		> * {
			width: 100%;
			height: #{$builder-item-height + 4px};

			&:not(:last-child) {
				margin-bottom: 13px;
			}

			&:after {
				font-family: dashicons;
				content: '\f345';
				width: 12px;
				height: 12px;
				font-size: 12px;
				line-height: 13px;
				color: inherit;
				opacity: 0;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				transition: opacity 0.1s ease;
			}
		}

		.ct-builder-item {
			button {
				display: none;
			}

			&.sortable-ghost {
				box-shadow: none;
			}
		}
	}
}


// item added in builder
.ct-available-items {
	.sortable-ghost,
	.ct-item-in-builder {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 12px;
		font-size: 12px;
		cursor: pointer;
		border-radius: 3px;
		box-sizing: border-box;
		border: 1px dashed rgba(156, 156, 156, 0.6);
		background: rgba(255, 255, 255, 0.4);
	}

	.ct-item-in-builder {
		&:after {
			opacity: 1;
		}

		&:hover {
			background: rgba(255, 255, 255, 0.7);
			border-color: rgba(156, 156, 156, 0.7);
		}
	}
}