.lscf-administrator{
	margin-top:60px;
}

.lscf-sidebar-live-customizer-wrapper{


	& .lscf-shortcode-editor-link{
		margin-left:76px; 
		margin-top:20px;
		display:block;
		color:#96e6a1;

		&:hover{
			color:#96e6a1;
		}
	}
}

.lscf-sidebar-live-customizer{

	& .s-hidden{visibility:hidden;padding-right:10px}
	
	& .select{
		cursor:pointer;display:inline-block;
		position:relative;width:100%;
		height:38px;
	}

	& .select select{position:absolute}
	
	& .styledSelect{text-align:center;}
	
	& .styledSelect:before{
		content:"";position:absolute;
		top:0; right:0; 
		width:10px;height:6px; margin-top:16px; margin-right:6px;
		background:url('images/select-arrow.png') no-repeat
	}
	
	& .options{
		z-index:99; display:none;position:absolute;
		top:100%;right:0;left:0;z-index:99;margin:0 0;
		padding:0 0;list-style:none;
	}

	

	
	& .lscf-custom-select{
		& .styledSelect{
			width:65px;
			height:17px; 
			background:white;
			font-size:11px;
			line-height:17px;
			position:relative;
			border:1px solid transparent;
			padding-right:8px;

			-webkit-border-radius:1px;
			   -moz-border-radius:1px;
				-ms-border-radius:1px;
					border-radius:1px;

			&:before{
				content:"";
				position:absolute; right:0; top:0; margin-top:7px; margin-right:6px;
				display:block; width:7px; height:6px; 
				background: url(images/select-arrow.png) no-repeat;
				background-size:100%;
				
			}
		}
		& .options{

			top:0; margin-top:17px; 
			background:white;
			& li{
				font-size:11px;
				line-height:20px;
				padding-left:5px;
			}
		}

		&.lscf-medium{
			& .styledSelect{
				width:100px;
			}
		}
	}

	& .lscf-open-customizer{
		display:block; width:135px; height:41px;
		background:url('../images/sidebar-live-customizer/settings.jpg') no-repeat;
		cursor:pointer;
		border:0px;
		outline:none;
		position:absolute; right:0; top:0;
		margin-top:20px;
		z-index:30;

		-webkit-transform:translateX(130px);
				transform:translateX(130px);

		-webkit-transition:0.3s transform ease-in-out;
		   -moz-transition:0.3s transform ease-in-out;
			-ms-transition:0.3s transform ease-in-out;
				transition:0.3s transform ease-in-out;
	}

	& .lscf-close-customizer {

		display:block; width:49px; 
		height:41px;
		background:url('../images/sidebar-live-customizer/close.jpg') no-repeat;
		cursor:pointer;
		position:absolute;
		outline:none; border:0px;
		right:0; top:0; margin-top:20px;
		z-index:30;

		-webkit-transform:translateX(0px);
				transform:translateX(0px);

		-webkit-transition:0.2s transform ease-in-out;
		   -moz-transition:0.2s transform ease-in-out;
			-ms-transition:0.2s transform ease-in-out;
				transition:0.2s transform ease-in-out;

	}

	& * {margin:0px; padding:0px; }


	min-height:100%;
	height:auto;
	background:#2c3e50;
	position:absolute;
	left:0; top:0;
	width:300px;
	z-index:20;
	left:0; top:0; 
	-webkit-transform:translateX(-310px);
			transform:translateX(-310px);

	-webkit-transition:0.5s transform ease-in-out;
	   -moz-transition:0.5s transform ease-in-out;
	    -ms-transition:0.5s transform ease-in-out;
		    transition:0.5s transform ease-in-out;

	will-change: transform;

	& .lscf-sidebar-live-customizer-wrapper{
		padding-top:1px;
		position:relative;
		background:#2c3e50;
		z-index:30; width:100%;
		height:100%;
		padding-bottom:50px;
	}

	& .lscf-sidebar-headline{
		margin-top:20px; 
		width:260px; 
		margin-left:20px;
		& img {
			float:left;
			width:40px;
		}

		& .lscf-live-customizer-title{
			padding:0px!important;
			margin:0px;
			float:left;
			font:normal normal 28px/40px $openSans_Light;
			color:#96e6a1;
			margin-left:15px;
			padding:0px;
		}

		&:after{
			content:""; display:block; 
			width:1px; height:1px; 
			clear:both;
		}


	}

	& .lscf-sidebar-options{
		
		width:260px; margin-left:20px;
		margin-top:20px;
		
		& .lscf-sidebar-option{
			
			margin-top:20px;

			& .lscf-option-icon{
				float:left;
				border-right:2px solid white;
				width:50px;
				height:40px;
				& img {
					margin:8px;
				}
			}

			& .lscf-option-name{
				&.lscf-premium-option{ 
					& > * { opacity:0.4 }
					background:url('../images/sidebar-live-customizer/premium.png') no-repeat;
					background-position:center;
				}
				float:left;
				color:white;
				width:135px;
				margin-left:20px;

				& label{
					font:normal normal 16px/18px $openSans_Light;
				}
				&.lscf-middle label{
					line-height:40px;
				}
				& i {
					font:normal normal 10px/14px $openSans_semiBoldItalic;
				}

			}

			& .lscf-option-field{
				position:absolute; right:0;
				margin-right:20px;
				margin-top:12px;

				& input[type="text"] {
					height:20px; width:40px;
				}

				& input[type="number"] {
					width:50px; height:20px;
					font-size:12px;
				}

				& select{
					font-size:11px;
					width:60px;
				}
			}

			&:after{
				content:"";
				display:block; width:1px; height:1px; 
				clear:both;
			}
		}

	}

	.lscf-theme-list{

		display:block;
		position:relative;

		& input[type="radio"]{
			position:absolute; visibility:hidden;

			& + label{
				display:block; width:100%;
				height:auto;
				border:3px solid transparent;
				
				-webkit-transition:0.2s border ease-in;
				   -moz-transition:0.2s border ease-in;
				    -ms-transition:0.2s border ease-in;
						transition:0.2s border ease-in;

				&:after{display:none;}
				&:before{display:none;}
			}

			&:checked + label{
				border:3px solid #96e6a1;
				
				-webkit-transition:0.2s border ease-in;
				   -moz-transition:0.2s border ease-in;
				    -ms-transition:0.2s border ease-in;
						transition:0.2s border ease-in;

				&:after{display:none;}
				&:before{display:none;}
			}

		}

		& li{
			display:block; float:left; width:30%; margin-left:1%; margin-right:1%;
			& img {
				width:100%;
			}
		}

	}

	& .lscf-check-btn{
		position:relative;
		margin:0px;
	}


	&.active {
		
		margin-left:0px;
		-webkit-transform:translateX(0px);
				transform:translateX(0px);

		will-change:transform;

		-webkit-transition:0.5s transform ease-in-out;
		   -moz-transition:0.5s transform ease-in-out;
			-ms-transition:0.5s transform ease-in-out;
				transition:0.5s transform ease-in-out;

		& .lscf-open-customizer {
			-webkit-transform:translateX(0px);
				    transform:translateX(0px);

			-webkit-transition:0.25s transform ease-in-out;
			   -moz-transition:0.25s transform ease-in-out;
				-ms-transition:0.25s transform ease-in-out;
					transition:0.25s transform ease-in-out;
		}

		& .lscf-close-customizer{
			
			-webkit-transform:translateX(49px);
				    transform:translateX(49px);

			-webkit-transition:0.4s transform ease-in-out;
			   -moz-transition:0.4s transform ease-in-out;
				-ms-transition:0.4s transform ease-in-out;
					transition:0.4s transform ease-in-out;
		}

	}
	
}

#lscf-posts-wrapper, .lscf-sidebar-live-customizer{
	will-change:transform;
}

#lscf-posts-wrapper{
	
	-webkit-transform:translateX(0px);
		    transform:translateX(0px);
	
	-webkit-transition:0.5s transform ease-in-out;
	   -moz-transition:0.5s transform ease-in-out;
	    -ms-transition:0.5s transform ease-in-out;
			transition:0.5s transform ease-in-out;
}

#lscf-posts-wrapper.translate{
	
	-webkit-transform:translateX(100px);
		    transform:translateX(100px);
	
	-webkit-transition:0.5s transform ease-in-out;
	   -moz-transition:0.5s transform ease-in-out;
	    -ms-transition:0.5s transform ease-in-out;
			transition:0.5s transform ease-in-out;
	

}