.csb-preview {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border: 1px dotted red;
}
.csb-overlay-selector {
	position: absolute;
	right: 50px;
	top: 100px;
	border: 3px solid #fee50e;
	z-index: 999999;
	width: 100px;
	height: 50px;
	pointer-events: none;
	box-shadow: 0px 0px 6px 1px rgba(0,0,0, .2);
}

	.csb-overlay-selector .csb-overlay-padding-top,
	.csb-overlay-selector .csb-overlay-padding-bottom {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: rgba(142, 68, 173, 0.3);
	}
		.csb-overlay-selector .csb-overlay-padding-bottom {
			top: auto;
			bottom: 0;
		}

	.csb-overlay-selector .csb-overlay-padding-right,
	.csb-overlay-selector .csb-overlay-padding-left {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		background: rgba(142, 68, 173, 0.3);
	}
		.csb-overlay-selector .csb-overlay-padding-left {
			right: auto;
			left: 0;
		}


	.csb-overlay-selector .csb-overlay-margin-top,
	.csb-overlay-selector .csb-overlay-margin-bottom {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: rgba(230, 126, 34, 0.3);
		transform: translateY(-100%);
		margin-top: -3px;
	}
		.csb-overlay-selector .csb-overlay-margin-bottom {
			top: auto;
			bottom: 0;
			transform: translateY(100%);
			margin-bottom: -3px;
		}

	.csb-overlay-selector .csb-overlay-margin-right,
	.csb-overlay-selector .csb-overlay-margin-left {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		background: rgba(230, 126, 34, 0.3);
		transform: translateX(100%);
		margin-right: -3px;
	}
		.csb-overlay-selector .csb-overlay-margin-left {
			right: auto;
			left: 0;
			transform: translateX(-100%);
			margin-left: -3px;
		}


	.csb-overlay-selector .csb-overlay-headline {
		position: absolute;
		top: -36px;
		left: -3px;
		z-index: 999;
		width: 300px;
		height: 30px;
		background: #fee50e;
		box-shadow: 0px 0px 6px 1px rgba(0,0,0, .2);
		color: #fff;
		font-size: 12px;
		display: table;
	}
		.csb-overlay-selector .csb-overlay-headline .csb-overlay-choose-menu {
			width: 24px;
			height: 24px;
			display: table-cell;
			position: relative;
			margin: 0;
			vertical-align: top;
		}

		.csb-overlay-selector .csb-overlay-choose-menu-selected {
			border-right: 1px solid #f5e770;
			background: #f1d907;
			width: 30px;
			height: 30px;
			line-height: 30px;
			text-align: center;
			display: block;
		}
			.csb-overlay-selector .csb-overlay-choose-menu-selected i {
				font-size: 16px;
				color: #fff;
			}
		
		.csb-overlay-selector .csb-overlay-choose-menu-options {
			width: 250px;
		    background: #fff;
		    padding: 10px 20px;
		    color: #323232;
		    box-shadow: 0px 3px 3px 1px rgba(0,0,0, .2);
		    border: 1px solid #bdc3c7;
		    overflow: hidden;
		    text-align: center;
		    position: absolute;
		    top: 30px;
		    left: -1px;
		    margin: 0;
		    border-top: none;
		    display: none;
		}
			.csb-overlay-selector .csb-overlay-headline .csb-overlay-choose-menu:hover .csb-overlay-choose-menu-selected {
				background: #fff;
			}
				.csb-overlay-selector .csb-overlay-headline .csb-overlay-choose-menu:hover .csb-overlay-choose-menu-selected i {
					color: #fee50e !important;
				}
			.csb-overlay-selector .csb-overlay-headline .csb-overlay-choose-menu:hover .csb-overlay-choose-menu-options {
				display: block;
			}
			.csb-overlay-selector .csb-overlay-choose-menu-options li {
				list-style: none;
				padding: 5px 0;
				text-align: left;
				text-transform: uppercase;
			}
				.csb-overlay-selector .csb-overlay-choose-menu-options li a {
					color: #323232;
					display: inline-block;
				}
				.csb-overlay-selector .csb-overlay-choose-menu-options li a:hover {
					color: #fee50e;
				}
				.csb-overlay-selector .csb-overlay-choose-menu-options li.choose-delimitter {
					clear: both;
					display: inline-block;
					position: relative;
					font-size: 11px;
					text-transform: uppercase;
					color: #bdc3c7;
				}
					.csb-overlay-selector .csb-overlay-choose-menu-options li.choose-delimitter:before,
					.csb-overlay-selector .csb-overlay-choose-menu-options li.choose-delimitter:after {
						content: "";
						display: block;
						width: 300px;
						position: absolute;
						height: 1px;
						background: #e3e3e3;
						left: -310px;
						top: 50%;
					}
					.csb-overlay-selector .csb-overlay-choose-menu-options li.choose-delimitter:after {
						left: auto;
						right: -310px;
					}
				.csb-overlay-selector .csb-overlay-choose-menu-options li span {
					background: #ecf0f1;
					width: 24px;
					height: 24px;
					line-height: 24px;
					text-align: center;
					display: inline-block;
					margin-right: 10px;
				}

			.csb-overlay-selector .csb-overlay-element-name {
				display: table-cell;
				border-right: 1px solid #e9d31a;
				height: 30px;
				line-height: 30px;
				padding: 0 10px 0 10px;
				color: #5f3a71;
				vertical-align: top;
				white-space: nowrap;
			}

			.csb-overlay-selector .csb-overlay-number {
				display: table-cell;
				border-right: 1px solid #e9d31a;
				height: 30px;
				line-height: 30px;
				padding: 0 10px 0 10px;
				color: #5f3a71;
				vertical-align: top;
				white-space: nowrap;
				cursor: crosshair;
			}

			.csb-overlay-selector .csb-overlay-path {
				display: table-cell;
				border-right: 1px solid #e9d31a;
				height: 30px;
				line-height: 30px;
				padding: 0 10px 0 10px;
				color: #5f3a71;
				vertical-align: top;
			}
				.csb-overlay-selector .csb-overlay-path > span {
					white-space: nowrap;
					display: block;
					overflow: hidden;
					width: 200px;
					height: 30px;
					cursor: pointer;
					position: relative;
					overflow: hidden;
					text-overflow: ellipsis;
				}
					.csb-overlay-selector .csb-overlay-path span span {
						position: relative;
						top: 0;
						left: 0;
						display: inline-block;
						white-space: nowrap;
					}

					.csb-overlay-selector .csb-overlay-path span:hover span {
						left: translateX(0);
					}

.csb-edit-element-style {
	position: absolute;
	top: 0;
	left: 100px;
	width: 36px;
	height: 36px;
	z-index: 9999999;
	border-radius: 50%;
	background: #000000;
	line-height: 28px;
	text-align: center;
	padding-top: 6px;
	margin-left: -32px;
	cursor: pointer;
	margin-top: 0px;
	opacity: 0.4;
}
	.csb-edit-element-style.csbInEditMode {
		opacity: 1;
		background: #fee50e;
	}
	.csb-edit-element-style.csbInEditMode i {
		color: #323232;
	}
	.csb-edit-element-style i {
		color: #fff;
		font-size: 14px;
	}
	.csb-edit-element-style:hover {
		background: #fee50e;
		opacity: 1;
	}
	.csb-edit-element-style:hover i {
		color: #323232;
	}