html.wppas-model-open {
    overflow: hidden !important;
}
.clearFix{
	clear:both;
}


#wppas_visual_bc_container {
    line-height: 1.4em;
}
#wppas_visual_bc_container .button-secondary,
.wppas .button-secondary {
	display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #555;
    border-color: #ccc;
    background: #f7f7f7;
    -webkit-box-shadow: 0 1px 0 #ccc;
    box-shadow: 0 1px 0 #ccc;
    vertical-align: top;
}
#wppas_visual_bc_container .button-secondary:hover,
.wppas .button-secondary:hover {
    background: #fafafa;
    border-color: #999;
    color: #23282d;
}
#wppas_visual_bc_container .button-secondary.green,
.wppas .button-secondary.green {
    background-color: #94C758;
    color: #FFF;
    box-shadow: none;
    border-color: #AFDC7B;
}
#wppas_visual_bc_container .button-secondary.green:hover,
.wppas .button-secondary.green:hover {
    background-color: #AFDC7B;
    border-color: #94C758;
}
#wppas_visual_bc_container .wp-color-result,
.wppas .wp-color-result {
	text-decoration:none;
}
#wppas_visual_bc_container textarea:focus, #wppas_visual_bc_container input:focus, #wppas_visual_bc_container *:focus,
 .wppas input:focus, .wppas *:focus{
    outline: none !important;
	box-shadow: none !important;
	background: none !important;
}
#wppas_visual_bc_container .input_container *:focus {
	background: #CCC !important;
}

#all_vbc_items .wppas_bnr_preview.expired {
	opacity:.2;
}


/* VC */
.wpb_wpproads .wpb_element_wrapper .wpb_vc_param_value {
	display:none;
}



#wppas_visual_bc_container .input_container, 
.wppas .input_container {
	position: relative;
	display: block;
	height: auto;
    border: none;
	padding: 0px 2%;
	text-align:left;
}
#wppas_visual_bc_container .input_container input, #wppas_visual_bc_container .input_container select,
.wppas .input_container input, .wppas .input_container select {
    margin-bottom: 15px;
    line-height: 20px;
	width:100%;
	padding: 11px 45px 10px 15px;
    background-color: #e5e5e5;
    color: #777;
    font-size: 14px;
    font-weight: 600;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	vertical-align: middle;
    border: none!important;
	box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
#wppas_visual_bc_container .input_container.small input, #wppas_visual_bc_container .input_container.small select,
.wppas .input_container.small input, .wppas .input_container.small select {
	padding: 5px 10px;
	line-height: 1;
	font-size: 12px;
	margin-bottom: 8px;
	height: initial;
}
#wppas_visual_bc_container .input_container input[type="button"].button-small,
.wppas .input_container input[type="button"].button-small {
	width: inherit;
    padding: 5px;
    line-height: 1;
    background: none;
    border: solid 1px #EFEFEF !important;
    margin: 0 4px;
    vertical-align: top;
}
#wppas_visual_bc_container .input_container select,
.wppas .input_container select {
	height:41px;
}
#wppas_visual_bc_container .input_container.small select,
.wppas .input_container.small select {
	height:25px;
}
#wppas_visual_bc_container .input_container select.expired
.wppas .input_container select.expired {
	background-color:#ffc3c3;
}

#wppas_visual_bc_container .input_container  #wppas_banner_status.expired {
	background-color:#ffdada;
}
#wppas_visual_bc_container .input_container  #wppas_banner_status.draft {
	background-color:#ffeca8;
}

/* Chosen CSS adjustments */
#wppas_visual_bc_container .input_container .chosen-choices,
.wppas .input_container .chosen-choices {
	margin:0;
	padding:0;
}
	#wppas_visual_bc_container .input_container .chosen-choices input,
	.wppas .input_container .chosen-choices input{
		margin:0;
		width:100% !important;
	}

#wppas_visual_bc_container .one_second,
.wppas .one_second {
	display: inline-block;
    width: 45.8%;
	vertical-align: top;
}
#wppas_visual_bc_container .one_third,
.wppas .one_third {
    display: inline-block;
    width: 28.8%;
	vertical-align: top;
}
	#wppas_visual_bc_container .one_third .label,
	.wppas .one_third .label {
		font-size: 13px;
		font-weight: 600;
		margin: 0 0 10px 0px;
		display: block;
	}
#wppas_visual_bc_container .one_forth,
.wppas .one_forth {
    display: inline-block;
    width: 20.8%;
	vertical-align: top;
}
#wppas_visual_bc_container .input_container .input_icon,
.wppas .input_container .input_icon {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    padding-top: 12px;
    text-align: center;
    width: 30px;
    height: 20px;
    overflow: hidden;
    color: #BBB;
    font-size: 20px;
}
#wppas_visual_bc_container .input_container.small .input_icon,
.wppas .input_container.small .input_icon {
	padding-top: 5px;
	font-size: 15px;
}

#wppas_visual_bc_container .input_container span.description,
.wppas .input_container span.description {
	font-size: 13px;
	line-height: 1.2;
    font-style: italic;
	display: block;
	border:none;
}
#wppas_visual_bc_container .input_container h3.title, 
#wppas_visual_bc_container .wppas_offset_cont h3.title,
.wppas .input_container h3.title, 
.wppas .wppas_offset_cont h3.title {
	font-size: 12px;
	color: #333;
	margin:0;
}
#wppas_visual_bc_container .input_container span.description.bottom, 
#wppas_visual_bc_container .wppas_offset_cont span.description.bottom,
.wppas .input_container span.description.bottom, 
.wppas .wppas_offset_cont span.description.bottom {
	margin-top:5px;
	margin-bottom: 20px;
}
#wppas_visual_bc_container .input_container span.description.top,
#wppas_visual_bc_container .wppas_offset_cont span.description.top,
.wppas .input_container span.description.top,
.wppas .wppas_offset_cont span.description.top {
	margin-top: 0;
}


#wppas_visual_bc_container .input_container .wppas_align_legend,
.wppas .input_container .wppas_align_legend {
	display:inline-block;
	margin: 2px;
	height: 28px;
	width: 28px;
	text-align: center;
	vertical-align:top;
}
	#wppas_visual_bc_container .input_container .wppas_align_legend.pos_h i,
	.wppas .input_container .wppas_align_legend.pos_h i {
		margin: 6px;
    	font-size: 17px;
		line-height:1;
	}
	#wppas_visual_bc_container .input_container .wppas_align_legend.pos_v i,
	.wppas .input_container .wppas_align_legend.pos_v i {
		margin: 6px 2px;
    	font-size: 17px;
		line-height:1;
	}
/* ALIGN BTN */
#wppas_visual_bc_container .input_container .wppas_align_btn,
.wppas .input_container .wppas_align_btn {
	height:28px;
	width:28px;
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #EFEFEF;
	border-radius: 3px;
	margin: 2px;
	display: inline-block;
	cursor:pointer;
}
/* ALIGN BTN LEFT */
#wppas_visual_bc_container .input_container .wppas_align_btn.left,
.wppas .input_container .wppas_align_btn.left {
	background-image:url(../../images/align/default/left.png);
}
#wppas_visual_bc_container .input_container .wppas_align_btn.left:hover, 
#wppas_visual_bc_container .input_container .wppas_align_btn.left.selected,
.wppas .input_container .wppas_align_btn.left:hover, 
.wppas .input_container .wppas_align_btn.left.selected {
	background-image:url(../../images/align/hover/left.png);
}
/* ALIGN BTN RIGHT */
#wppas_visual_bc_container .input_container .wppas_align_btn.right,
.wppas .input_container .wppas_align_btn.right {
	background-image:url(../../images/align/default/right.png);
}
#wppas_visual_bc_container .input_container .wppas_align_btn.right:hover, 
#wppas_visual_bc_container .input_container .wppas_align_btn.right.selected,
.wppas .input_container .wppas_align_btn.right:hover, 
.wppas .input_container .wppas_align_btn.right.selected {
	background-image:url(../../images/align/hover/right.png);
}
/* ALIGN BTN CENTER */
#wppas_visual_bc_container .input_container .wppas_align_btn.center,
.wppas .input_container .wppas_align_btn.center {
	background-image:url(../../images/align/default/center.png);
}
#wppas_visual_bc_container .input_container .wppas_align_btn.center:hover, 
#wppas_visual_bc_container .input_container .wppas_align_btn.center.selected,
.wppas .input_container .wppas_align_btn.center:hover, 
.wppas .input_container .wppas_align_btn.center.selected {
	background-image:url(../../images/align/hover/center.png);
}
/* ALIGN BTN TOP */
#wppas_visual_bc_container .input_container .wppas_align_btn.top,
.wppas .input_container .wppas_align_btn.top {
	background-image:url(../../images/align/default/top.png);
}
#wppas_visual_bc_container .input_container .wppas_align_btn.top:hover, 
#wppas_visual_bc_container .input_container .wppas_align_btn.top.selected,
.wppas .input_container .wppas_align_btn.top:hover, 
.wppas .input_container .wppas_align_btn.top.selected {
	background-image:url(../../images/align/hover/top.png);
}
/* ALIGN BTN BOTTOM */
#wppas_visual_bc_container .input_container .wppas_align_btn.bottom,
.wppas .input_container .wppas_align_btn.bottom {
	background-image:url(../../images/align/default/bottom.png);
}
#wppas_visual_bc_container .input_container .wppas_align_btn.bottom:hover, 
#wppas_visual_bc_container .input_container .wppas_align_btn.bottom.selected,
.wppas .input_container .wppas_align_btn.bottom:hover, 
.wppas .input_container .wppas_align_btn.bottom.selected {
	background-image:url(../../images/align/hover/bottom.png);
}
/* ALIGN BTN MIDDLE */
#wppas_visual_bc_container .input_container .wppas_align_btn.middle,
.wppas .input_container .wppas_align_btn.middle {
	background-image:url(../../images/align/default/middle.png);
}
#wppas_visual_bc_container .input_container .wppas_align_btn.middle:hover, 
#wppas_visual_bc_container .input_container .wppas_align_btn.middle.selected,
.wppas .input_container .wppas_align_btn.middle:hover, 
.wppas .input_container .wppas_align_btn.middle.selected {
	background-image:url(../../images/align/hover/middle.png);
}


#wppas_visual_bc_container .input_container .vbc-color-field,
.wppas .input_container .vbc-color-field {
	display: inline-block;
    padding: 5px;
    background: none;
    border-radius: 0px;
    width: 100px;
    height: 25px;
    border: 1px solid rgb(239, 239, 239) !important;
}
#wppas_visual_bc_container .input_container span.wp-picker-input-wrap,
.wppas .input_container span.wp-picker-input-wrap {
	border-right:none;	
}

.wppas .v_middle {
	vertical-align:middle;
}

.wppas_vbc_button.zip_upload_btn:before {
	font-family:FontAwesome;
	content: "\f1c6";
	margin-right:10px;
}
.wppas_vbc_button.zip_upload_btn {
	position: relative;
	z-index: 1;
	background-color: #EFEFEF;
	color: #999;
	padding:15px 20px;
	cursor: pointer;
	display: inline-block;
	border-radius:3px;
}
.wppas_vbc_button.zip_upload_btn:hover {
	background-color:#cccccc;
	color:#FFFFFF;
}


/**
 * LOADER
 */
.vbc_loader_bg {
	display:none;	
	width:100%;
	height:100%;
	background-color:#FFF;
	opacity:.8;
	top:0;
	left:0;
	position:fixed;
	z-index: 999999;
}
.vbc_saved_confirm, .vbc_loader_duration, .vbc_preview_container {
	display:none;
	position:fixed;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 9999999;
}
	.vbc_saved_confirm .vbc_conf_txt {
		background-color:#90DD64;
		border-radius: 5px;
		margin-top: 10%;
    	display: inline-block;
		padding:60px;
		color:#FFF;
		font-size:100px;
		-moz-box-shadow: 1px 3px 0px 0px #D6D6D6;
		-webkit-box-shadow: 1px 3px 0px 0px #D6D6D6;
		box-shadow: 1px 3px 0px 0px #D6D6D6;
	}
	.vbc_loader_duration .vbc_loader {
		display: inline-block;
		margin-top: 10%;
	}
	
	
	.vbc_preview_container .preview_cont {
		display:inline-block;
		/*margin-top: 10%;*/
		width: 100%;
		height:100%;
	}
		.vbc_preview_container .preview_cont .vbc_preview_frame_cont {
			position:relative;
			margin: 0 auto;
			/*-webkit-box-shadow: 0px 0px 74px -9px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 74px -9px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 74px -9px rgba(0,0,0,0.75);	*/	
		}
		.vbc_preview_container .preview_cont .wppas_preview_close_css {
			position: absolute; 
			top: 10px; 
			right: 10px; 
			font-size: 20px; 
			cursor:pointer;
		}
		
		
		/**
		 * START SCREEN
		 */
		.wppas_new_banner_start_container {
		    /*border: 1px dashed rgba(125, 125, 125, 0.4);
			margin: 10px;
			padding: 10px;*/
			text-align: center;
		}
			.wppas_new_banner_start_container .wppas_logo, .wppas_vbc_area .wppas_logo {
				background-image: url(../../images/logo_80.png);
				background-size: contain;
				width: 80px;
				height:65px;
				display: inline-block;
				opacity: .8;
			}
			
			
			.wppas_new_banner_start_container .vbc_option_box {
    			/*display: inline-block;*/
				background-color:#F9F9F9;
				border:solid 1px #EFEFEF;
				border-top:none;
				margin-bottom:20px;
			}
				.vbc_option_box .chosen-container {
					width:100% !important;
					margin-bottom: 15px;
				}
			
			.wppas_new_banner_start_container .info_header {
				text-align: left;
				color: #FFF;
				background-color: #a7e482;
				color: #FFF;
				margin-bottom:20px;
			}
				.wppas_new_banner_start_container .info_header span {
					vertical-align: middle;
    				line-height: 25px;
				}
				.wppas_new_banner_start_container .info_header span.nr {
					border-right: solid 1px #F9F9F9;
					padding: 10px 15px;
					margin: 0 10px 0 0;
					display: inline-block;
					font-size: 25px;
					font-weight: 800;
				}
				.wppas_new_banner_start_container .info_header span.text {
					font-size:14px;
				}
			.wppas_new_banner_start_container h3 {
				margin: 20px 0 0;
				padding: 0;
				font-size: 24px;
				line-height: 26px;
				cursor: default;
			}
			.wppas_new_banner_start_container h4 {
				margin: 5px 0 30px 0;
				padding: 0;
				font-weight: normal;
				font-size: 22px;
				line-height: 33px;
				border-bottom: 0;
			}
			
			.wppas_new_banner_start_container .wppas_home_tpl_btn.main {
			    -moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				border-top: none !important;
				border-left: none !important;
				display: inline-block;
				cursor: pointer;
				color: #FFF;
				font-size: 14px;
				font-weight: bold;
				padding: 12px 24px;
				text-decoration: none;
			}
			.wppas_new_banner_start_container .wppas_home_tpl_btn.disabled {
				opacity:.3;
				cursor:default;	
			}
			.wppas_new_banner_start_container .wppas_home_tpl_btn.gray {
				-moz-box-shadow: 1px 3px 0px 0px #D6D6D6;
				-webkit-box-shadow: 1px 3px 0px 0px #D6D6D6;
				box-shadow: 1px 3px 0px 0px #D6D6D6;
				background-color: #CCC;
				border: 1px solid #D6D6D6;
				text-shadow: 0px 1px 0px #D6D6D6;
			}
			.wppas_new_banner_start_container .wppas_home_tpl_btn.gray:hover {
				background-color: #CCC;
			}
			.wppas_new_banner_start_container .wppas_home_tpl_btn.green {
				-moz-box-shadow: 1px 3px 0px 0px #89C466;
				-webkit-box-shadow: 1px 3px 0px 0px #89C466;
				box-shadow: 1px 3px 0px 0px #89C466;
				background-color: #A7E482;
				border: 1px solid #89C466;
				text-shadow: 0px 1px 0px #89C466;
			}
			.wppas_new_banner_start_container .wppas_home_tpl_btn.green:hover {
				background-color: #C2F2A5;
			}
			
			.wppas_sep_line {
				width: 100%;
				height: 8px;
				border-bottom: 1px solid #EFEFEF;
				text-align: center;
				margin: 0 0 30px 0;
				line-height: 1;
			}
				.wppas_sep_line span,
				.timeline_itm .wppas_sep_line span {   
					background-color: #F9F9F9; /*#FFF;*/
    				padding: 0 10px;
					border:none;
					line-height: 12px;
    				font-size: 12px;
					vertical-align:middle;
					height: auto;
				}
			
			.wppas_home_tpl_btn {
				text-decoration: none;
    			border: none;
				display: inline-block;
				margin: 5px;
				color: #999;
				cursor:pointer;
				padding: 5px 5px 0px;
				border-radius: 5px;
			}
				
				.wppas_home_tpl_btn .btn_icon {
					position:relative;
					width: 80px;
					height: 80px;
					margin-bottom: 5px;
					display: inline-block;
					border: solid 1px #EFEFEF;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					background-color: #F6F6F6;
					overflow:hidden;
				}
				.wppas_home_tpl_btn:hover, .wppas_home_tpl_btn.selected {
					color:#000;
				}
				.wppas_home_tpl_btn.selected {
					
					background-color: rgba(167, 228, 130, 0.55);
				}
				.wppas_home_tpl_btn:hover .btn_icon {
					background-position: bottom;
					-webkit-box-shadow: 0px 0px 29px -13px rgba(0,0,0,0.75);
					-moz-box-shadow: 0px 0px 29px -13px rgba(0,0,0,0.75);
					box-shadow: 0px 0px 29px -13px rgba(0,0,0,0.75);
				}
					
					.wppas_home_tpl_btn .prev_banner_container {
						position:absolute; 
						width:100%; 
						height: 100%;
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner {
						background-color:#89C466;
						border: solid 4px #F6F6F6;
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.fb:before,
					.wppas_home_tpl_btn .btn_icon .prev_banner.twitter:before,
					.wppas_home_tpl_btn .btn_icon .prev_banner.instagram:before,
					.wppas_home_tpl_btn .btn_icon .prev_banner.google_plus:before,
					.wppas_home_tpl_btn .btn_icon .prev_banner.in:before,
					.wppas_home_tpl_btn .btn_icon .prev_banner.pintrest:before,
					.wppas_home_tpl_btn .btn_icon .prev_banner.snapchat:before {
						content: "\f09a";
						font-family:FontAwesome;
						color:#FFF;
						font-size: 20px;
						vertical-align: -webkit-baseline-middle;
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.twitter:before {
						content: "\f099";
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.instagram:before {
						content: "\f16d";
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.google_plus:before {
						content: "\f0d5";
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.in:before {
						content: "\f0e1";
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.pintrest:before {
						content: "\f231";
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.snapchat:before {
						content: "\f2ac";
					}
					
					.wppas_home_tpl_btn .btn_icon .prev_banner.fb {
						background-color:#455B8C;
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.twitter {
						background-color:#00ACEE;
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.instagram {
						background-color:#FF8552;
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.google_plus {
						background-color:#F42D41;
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.in {
						background-color:#007BB6;
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.pintrest {
						background-color:#A9003A;
					}
					.wppas_home_tpl_btn .btn_icon .prev_banner.snapchat {
						background-color:#FCCB05;
					}
					
					.wppas_home_tpl_btn .btn_icon .prev_banner.full {
						border: none;
					}
					.wppas_home_tpl_btn:hover .btn_icon .prev_banner, 
					.wppas_home_tpl_btn.selected .btn_icon .prev_banner {
						background-color:#A7E482;
					}
					.wppas_home_tpl_btn:hover .btn_icon .prev_banner.fb, 
					.wppas_home_tpl_btn.selected .btn_icon .prev_banner.fb {
						background-color:#455B8C;
					}
					.wppas_home_tpl_btn:hover .btn_icon .prev_banner.twitter, 
					.wppas_home_tpl_btn.selected .btn_icon .prev_banner.twitter {
						background-color:#00ACEE;
					}
					.wppas_home_tpl_btn:hover .btn_icon .prev_banner.instagram, 
					.wppas_home_tpl_btn.selected .btn_icon .prev_banner.instagram {
						background-color:#FF8552;
					}
					.wppas_home_tpl_btn:hover .btn_icon .prev_banner.google_plus, 
					.wppas_home_tpl_btn.selected .btn_icon .prev_banner.google_plus {
						background-color:#F42D41;
					}
					.wppas_home_tpl_btn:hover .btn_icon .prev_banner.in, 
					.wppas_home_tpl_btn.selected .btn_icon .prev_banner.in {
						background-color:#007BB6;
					}
					.wppas_home_tpl_btn:hover .btn_icon .prev_banner.pintrest, 
					.wppas_home_tpl_btn.selected .btn_icon .prev_banner.pintrest {
						background-color:#A9003A;
					}
					.wppas_home_tpl_btn:hover .btn_icon .prev_banner.snapchat, 
					.wppas_home_tpl_btn.selected .btn_icon .prev_banner.snapchat {
						background-color:#FCCB05;
					}
					
					
					.wppas_home_tpl_btn .btn_icon .line {
						height: 2px;
						background-color: #d6d6d6;
						margin: 3px;
					}
		
		
		
		.wppas_info_btns .wppas_home_tpl_btn {
			width:220px;
		}
		.wppas_info_btns .wppas_home_tpl_btn .btn_icon {
			float:left;
			opacity:.5;
		}
		.wppas_info_btns .wppas_home_tpl_btn .btn_info {
			float:left; 
			text-align: left; 
			margin: 10px;
			width:118px;
		}
		.wppas_info_btns .wppas_home_tpl_btn .btn_info h5 {
			margin:0; 
			font-size:15px;
		}
		.wppas_info_btns .wppas_home_tpl_btn .btn_info span {
			font-size:10px;
		}
		
		.wppas_home_tpl_btn:hover .btn_icon, .wppas_home_tpl_btn.selected .btn_icon {
			opacity:1;
		}
		
		
		
		
		
		
		
		
		/**
		 * WORK AREA STYLES
		 */
		vbc-editor {
			position:relative;
		}
		#vbc-editor .editor_loader {
			height: 98%;
			width: 98%;
			position: absolute;
			z-index: 999;
			opacity: .8;
			background-color: #EFEFEF;
		}
		#wppas_visual_bc_container, #wppas_vbc_editor_container {
			text-align:left;	
		}
		
		
		.b_container .ui-resizable-n, .b_container .ui-resizable-s, .b_container .ui-resizable-e, .b_container .ui-resizable-w, .b_container .ui-resizable-ne, .b_container .ui-resizable-se, .b_container .ui-resizable-nw, .b_container .ui-resizable-sw {
			width: 4px;
			height: 4px;
			background-color: #ffffff;
			border: 1px solid #000000;
		}
		.b_container .ui-resizable-n, .b_container .ui-resizable-s {
		    left: 50%;
		}
		.b_container .ui-resizable-w, .b_container .ui-resizable-e {
			top: 50%;
   			margin-top: -2px;
		}
		
		.b_container .ui-resizable-nw {
			cursor:nwse-resize;
		}
		.b_container .ui-resizable-sw, .b_container .ui-resizable-ne {
			cursor:nesw-resize;
		}
		.b_container .ui-resizable-se {
			cursor:nwse-resize;
		}
		.b_container .ui-resizable-w, .b_container .ui-resizable-e {
			cursor: ew-resize;
		}
		
		/*.b_container .ui-resizable-ne {
			cursor:nesw-resize;
		}*/
		.b_container .ui-resizable-n, .b_container .ui-resizable-s {
			cursor:ns-resize;
		}
		
		
		
		.b_container .ui-icon-gripsmall-diagonal-se {
			background-image:none;
			right:-5px;
			bottom:-5px;
		}
		
		#wppas_visual_bc_container .drag_handle {
			cursor:move;
		}
			
		
		.b_container .rotate_handle:before {
			content: "\f01e";
			font-family:FontAwesome;
			line-height:1;
		}
		.b_container .rotate_handle {
			position: absolute;
			cursor: pointer;
			background-color: #000;
			color: #FFF;
			font-size: 8px;
			padding: 3px;
			border-radius: 50%;
			opacity: .8;
			top: 0;
			right: 0;
		}
		.b_container .rotate_handle:hover {
			background-color: #4a7a03;
		}
		
		.b_container .image .rotate_handle {
			
		}
		.b_container .text .rotate_handle {
			right: -23px;
		}
		
		.b_container .layer.itm {
			border: 1px dashed rgb(120, 125, 133);
		}
		.b_container .Layer_isSelected {
			position:absolute;
			width:100%;
			height:100%;
			padding:20px;
			margin:-20px;
			z-index:-1;	
		}
		
		.wppas_loading_vbc {
			font-size:36px;
			padding:50px;
			margin:50px;
			border-top: dashed 1px #EFEFEF;
    		border-bottom: dashed 1px #efefef;
		}
		
		
		#wppas_visual_bc_container {
			
		}
		#wppas_vsb_container {
			background-image:url(../../images/vbc/transp.png);
			padding:5% 0;
			border:solid 1px #dadada;
			position:relative;
			overflow:hidden;
			width:100%;
		}
			#wppas_vsb_container .ui-icon-gripsmall-diagonal-se {
				background-position: -80px -224px !important;
			}
		
		#wppas_banner_work_area {
			max-width:98%;
			/*width:100%;*/
			width:1200px;
			padding:5% 0; 
			border:solid 1px #a59fa1; /* #ff005e */
			text-align:center;
			margin:0 auto;
			position:relative;
		}
			#wppas_banner_work_area .work_area_info {
				position:absolute;
				color: #444;
				left: 0;
				top: -18px;
				font-size: 10px;
				font-family: monospace;
			    width: 300%;
   				text-align: left;
			}
				#wppas_banner_work_area .work_area_info .current_view_size {
					background-color: #0a0a0a;
					color: #ff005e;
					padding: 0 3px;
					border-radius: 2px;
				}
			#wppas_banner_work_area .b_container {
				overflow:visible;
				text-align:left;
			}
			#wppas_banner_work_area .b_container .itm {
				cursor:move;
			}
		
		#banner-preview {
			width: 100%;
			height: 100%;
			display:inline-block;
			position:relative;
			border:dashed 2px #5bec00;
			background-image:url(../../images/vbc/transp_s.png);
		}
			#banner-preview .fa {
				line-height:1;
			}
			#banner-preview .rotate_handle .fa {
				line-height:2;
			}
			#banner-preview .fa.lhfx{
				line-height:1;	
			}
			#banner-preview #boutline, #banner-preview #bpreview {
				position:absolute;
				width:100%;
				height:100%;
			}
			#banner-preview #bpreview {
				/*border-top: solid transparent 2px;*/
			}
			#banner-preview #boutline {
				/*border:dashed 1px #c3c3c3;*/
				border: dashed 2px #5bec00;
				left: -2px;
				top: -2px;
				z-index:8999;
			}
				#banner-preview #bpreview .b_container{
					height:100%;
				}
		
		/*#banner-preview .b_container .layer {
			padding:5px;
			margin:-5px;	
		}*/
		#banner-preview .b_container .Text_element {
			-moz-appearance: textfield-multiline;
			-webkit-appearance: textarea;
			overflow:hidden;
			cursor:move;
		}
		#banner-preview .b_container .Text_element.Text_isFocused {
			cursor:text;
		}
		
		
		.wppas .shape_creator_preview .shape {
			width:100px;
			height:100px;
		}
		
		
		
		/**
		 *
		 * TIMELINE
		 *
		 */
		#banner_timeline {
			min-height: 100px;
			border: solid 1px #EFEFEF;
			border-top: solid 15px #EFEFEF;
			border-bottom: solid 2px #CCC;
			background-color:#f7f7f7;
		}
		#banner_timeline .timeline_container, .timeline_container {
			position:relative;
			margin:0;
			padding:0;
			list-style:none;
		}
		.timeline_container .ui-state-highlight {
			height:25px;
			background:#eaf7de !important;
			border:solid 1px #a3ea60;
		}
		
		/* EDIT FORM */
		/* #banner_timeline .timeline_itm .itm_edit_form, #banner_timeline .timeline_itm .itm_edit_form_style */
		#banner_timeline .timeline_itm .itm_edit_cont, 
		.wppas_action_import .itm_edit_cont,
		.wppas_item_add_popup {
			display:none;	
			position: absolute;
			z-index: 100;
			left: 50%;
    		margin-left: -30%;
    		margin-top: -25%;
    		top: 50%;
			width:60%;
			border: solid 1px #EFEFEF;
			background-color: rgba(255, 255, 255, 0.90);
			z-index: 9999;
		}
		.wppas_item_add_popup {
			position: fixed;
			margin-top: 0;
			top: 50px;
		}
		#itm_edit_content_container {
			background-color:#FFF;
			overflow:auto;	
			max-height: inherit;
		}
		.wppas_edit_form {
			-webkit-box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.19);
			-moz-box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.19);
			box-shadow: 0px 0px 50px 6px rgba(0,0,0,0.19);
		}
			.wppas_edit_form .header {
				/*padding: 10px 15px;*/
				color: #FFF;
				font-weight: bold;
				background-color: #b9e68f;
			}
				.wppas_edit_form .header .drag_handle {
					float:left;
					width: 60%;
					padding: 10px 15px;
					cursor:move;	
				}
				.wppas_edit_form .header i.fa {
					font-size:25px;
				}
		.wppas_edit_form .footer {
			padding: 10px 15px;
    		border-top: solid 1px #EFEFEF;
			background-color:#FFFFFF;
		}
		.itm_edit_form textarea {
			width:100%;
			height: 100px;
			border:none;
			background: transparent !important;
			font-size:14px;
			box-shadow: none;
			resize: none;
		}
		#wppas_visual_bc_container .itm_edit_form textarea:focus {
			background: transparent !important;
		}
		
		.itm_edit_cont .itm_header_btn {
			float:right; 
			display:block;
			text-align:center;  
			cursor:pointer; 
			color:#FFF;
			padding: 10px 15px;
		}
		.itm_edit_cont .itm_header_btn:hover {
			color:#EFEFEF;
		}
		.itm_edit_cont .wppas_itm_save_btn, 
		.itm_edit_cont .wppas_itm_save_btn_css, 
		.itm_add_cont .wppas_add_itm_save_btn{
			/*padding: 0 10px; */
			border-right: solid 1px #FFF; 
		}
		.itm_edit_cont .wppas_itm_close_btn {
			/*padding: 0 0 0 7px; */
		}
		
		
		.timeline_itm {
			padding: 0;
			margin: 0;
			list-style:none;
   		 	border-bottom: solid 1px #CCC;
			background-color:#FFF;
			position:relative;
		}
		
		.timeline_itm.selected .handle {
			background-color: #bdef8f;
		}
		
		.timeline_itm span {
			display:inline-block;
			line-height: 29px;
			vertical-align: top;
			height: 30px;
			/*padding: 0 10px;*/
			border-right: 1px solid #f1f1f1;
			position: relative;
			font-size:11px;
			background-size: cover;
			background-position:center;
		}
		.timeline_itm span.handle {
			cursor:move;
			width: 25px;
			padding:0 10px;
		}
		.timeline_itm span.hide {
			padding:0 10px;
			cursor:pointer;
		}
		.timeline_itm span.handle span.zindex, .timeline_itm span.icon {
			padding: 0;
    		border: none;
		}
		.timeline_itm span.icon {
			width: 50px;
   			background-size: cover;
		}
		.timeline_itm span.desc {
			width:120px;
			/*padding:0 10px;	*/
		}
			.timeline_itm span.desc .fa-picture-o {
		    	margin-left: 10px;
			}
			.timeline_itm span.desc span.preview_cont {
				border: none; 
				width: 20px; 
				text-align: center; 
				padding:0 5px;
			}
			.timeline_itm span.desc span.cont_desc{
				border: none; 
				display:inline;
				margin-left:5px;
			}
			.timeline_itm span.desc .svg_preview, 
			.timeline_itm span.desc .shape_preview {
				width: 20px; 
				height: 20px; 
				float: left; 
				margin: 5px 5px 0 0;
			}
			.timeline_itm span.desc .txt_prev {	
			    width: 60%;
				padding:0;
				height: 15px;
				border: none;
				font-size:10px;
				background-color: #FFF;
			}
		.timeline_itm span a.edit {
			display: block;
			cursor:pointer;
			color:#444444;
			padding: 0 10px;
			width: 10px;
		}
		.timeline_itm span a.edit:hover {
			color:#999;
		}
		
		
		
		/**
		 *
		 * BANNER HTML EDITOR
		 *
		 *
		 */
		#wppas_visual_bc_container .bhtml_header {
			padding: 10px;
			background-color: #EFEFEF;
			color: #999;
			display:block;
			cursor:pointer;
		}
		#wppas_visual_bc_container .banner_html {
			display:none;
			background-color:#EFEFEF;
		}
			#wppas_visual_bc_container .banner_html .info_div {
				padding: 0 10px 5px;
    			font-size: 10px;
			}
		#wppas_visual_bc_container .banner_html .wppas_banner_html {
			display:none;
		}
		.wppas_banner_html_editor {
			margin: 0;
			border: solid 5px #EFEFEF;
			/*border-top: solid 15px #EFEFEF;*/
			border-bottom: solid 2px #CCC;
		}
		
		
		
		.wppas_beditor_tools {
			padding: 5px 10px;
    		background: #EFEFEF;
			border-bottom: solid 2px #CCC;
		}
			.wppas_beditor_tools .item {
				float:left;
				width:100px;
				margin-right: 20px;
				padding-right: 20px;
				border-right: solid 1px #CCC;
			}
		
		#wppas_visual_bc_container .input_container .wppas_switch_btn.h20 .switch-button-label {
			margin-top:4px !important;
		}
		
		#wppas_visual_bc_container .input_container .switch-button-background.checked, 
		.wppas_beditor_tools .switch-button-background.checked {
			background:#A7E482;
			border-color:#a9d092;	
		}
		.wppas_beditor_tools .switch-button-label {
			font-size: 11px!important;
			margin-top: 0px!important;
		}
			.wppas_beditor_tools span.label {
				font-size:11px;
				color:#999;	
			}
			
			
			
			
			
			
		#banner_editor_tools {
			min-height:100px;
			width: 90%;
			background: #EFEFEF;
			padding:5%;
		}
			#banner_editor_tools .input {
				width:100%;
			}
			
		
		#sizes_container ul {
			margin:0;
			padding:0;
		}
		#sizes_container li {
			float:left;
			cursor: pointer;
			display: inline-block;
			padding: 10px;
			margin:0 3px 0 0;
			font-size: 18px;
			color: #FFF;
			background-color: #EFEFEF;
			border-top: 1px solid #d4d4d1;
			border-right: 1px solid #d4d4d1;
			border-left: 1px solid #d4d4d1;
		}
			#sizes_container li img {
				width:30px;
			}
			#sizes_container li.small {
				padding: 5px;
				font-size: 11px;
				color: #444;	
			}
			#sizes_container li.has_content {
				border-top: solid 1px #ABDB6D;
				border-left: solid 1px #ABDB6C;
				border-right: solid 1px #ABDB6D;
				color: #ABDB6D;
				font-weight: bold;	
				background-color: rgb(241, 255, 236);
			}
			#sizes_container li.selected {
				background-color:#FFF;
			}
		
		
		ul.tools_dropdown {
			position:absolute;
			right:0;
			top:0;
			z-index:1;	
		}
			li.toggle_tools {
				color:#303030;
				cursor:pointer;
				float: left;
    			width: 150px;
			}
				li.toggle_tools .label {
					padding:5px;
				}
			ul.tools_dropdown li.toggle_tools .tools_box {
				display:none;
				padding:10px;
				background-color:#EFEFEF;
			}
			ul.tools_dropdown li.toggle_tools .tools_box.open {
				display:block;
			}
		
		
		
		#wppas_top_tools_container {
			position:relative;
		}
		
		/**
		 * RIGHT MENU
		 */
		#right_menu {
			position: absolute;
			right: -10px;
			top: -20px;
			z-index: 1000;
			min-width: 53px;
			border-bottom: solid 1px #CCC;
		}
			
			#right_menu .header, #right_menu .save_btn {
				padding:10px;
				background-color:#ABDB6D;
				color:#FFF;
			}
			#right_menu .save_btn {
				cursor:pointer;
				position: absolute; 
				left: -41px; 
				top: 0; 
				background-color: #6CB640; 
				font-size:24px;
			}
			
			#right_menu .save_btn:hover {
				background-color:#ABDB6D;
			}
				#right_menu .header .handle {
					font-size:24px;
				}
				#right_menu .tools {
					font-size:24px;
    				background-color: #FFF;
					border-left: solid 1px #CCC;
					border-right: solid 1px #CCC;
					border-top: solid 1px #CCC;
				}
					#right_menu .tools .tools_btn {
						padding: 10px;
						display: block;
						cursor: pointer;
						color: #333;
						border-bottom: solid 1px #EFEFEF;
						text-align:center;
					}
					#right_menu .tools .tools_btn:hover {
						color:#abdb6d;
					}
					#right_menu .tools .tools_btn .border_itm, .timeline_itm .preview_cont .border_itm {
						width:20px; 
						height:15px; 
						border:solid 1px #000;
						vertical-align: middle;
    					display: inline-block;
					}
					#right_menu .tools .tools_btn:hover .border_itm {
						border-color:#abdb6d;
					}
					
					#right_menu .tools .shape_itm_container, #right_menu .tools .tools_itm_container {
						position:relative;
						max-width: 50px;
					}
					#right_menu .tools .shape_itm_container .shapes_rollout_menu, #right_menu .tools .tools_itm_container .tools_rollout_menu {
						display:none;
						position: absolute;
						top: -1px;
						right: 50px;
						background: #FFF;
						border: solid 1px #CCC;
						border-right: solid 1px #EFEFEF;
					}
					
					#right_menu .tools .itm_container {
						height:300px; 
						width: 225px; 
						overflow:auto;
					}
						#right_menu .tools .itm_holder {
							display:block;
							cursor:pointer;
							float:left; 
							width:40px; 
							height:40px; 
							text-align:center;	
							padding: 15px 5px 0px 5px;
							margin: 1px;
							border: solid 1px #EFEFEF;
							color:#5F5F5F;
							font-size:24px;
							font-family: "FontAwesome";
						}
						#right_menu .tools .fa_icon_holder:hover {
							color:#C2F2A5;
						}
							
	
	
	/**
	 * POPUP
	 */
	.wppas-pop-item {
		display:none;
		background-color: transparent;
		overflow: auto;
		overflow-y: hidden;
		position:fixed;
		top: 20px;
		left: 0px;
		width:100%;
		height:100%;
		z-index: 100000 !important;	
	}
		.wppas-pop-item .wppas-pop-bg {
			/*display:none;*/
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			opacity:.2;
			z-index: 100001;
			background-color: #000000;
		}
		.wppas-pop-item .wppas_pop_inner {
			height:100%;
			padding-bottom:20px;
			position: relative;
			box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
			border-radius: 2px;
			z-index: 100002 !important;	
			overflow:hidden;
		}
			.wppas-pop-item .wppas_pop_inner .wppas_pop_content {
				border: 1px solid #dddddd;
				background-color:#FFF;
				position:relative;
				width:60%;
				height:70%;
				margin:0 auto;
				margin-top:3%;
				text-align:left;
			}
			.wppas-pop-item .wppas_pop_inner .wppas_pop_content a.wppas-pop-close {
				cursor:pointer;
				display:block;
				position: absolute;
    			right: 5px;
				font-size: 15px;
			}
	
	
	
	.save_banner_form .itm_cont {
		margin: 10px 0;
	}
		.save_banner_form .info {
			display:inline-block; 
			width:30%; 
			text-align:right;
			font-weight: bold;
    		font-size: 13px;
		}
	.save_banner_form input, .save_banner_form textarea {
		border: none;
		border-bottom:solid 1px #CCC;
    	background: transparent !important;
		box-shadow: none;
		width:60%;
		font-weight: bold;
	}
	
	
	/** 
	 * SVG POPUP
	 */
	.svgs_cont .tools_btn,
	.shapes_cont .tools_btn {
		width: 40px;
		height: 40px;
		margin: 10px;
		padding: 5px;
		display: inline-block;
		cursor: pointer;
		border: solid 1px #EFEFEF;
		vertical-align: top;
	}
	.svgs_cont .tools_btn:hover,
	.shapes_cont .tools_btn:hover {
		opacity:.5;
	}
	
	
	
	
	
	/**
	 * Menu Toggle
	 */
	#wppas_visual_bc_container .vbc_menu_toggle, .vbc_menu_toggle {
		margin:0 !important;
		padding:0;
		height: 58px;
		background-color:#EFEFEF;
		border: solid 1px #EFEFEF;
		border-bottom: none;
		overflow: hidden;
	}
		.vbc_menu_toggle li {
			float:left;
			font-size:14px;
			list-style:none;
			background-color: #EFEFEF;
			color:#949494;
			padding: 20px;
			margin: 0;
			cursor: pointer;
		}
		.vbc_menu_toggle li:hover {
			background-color:#F9F9F9;
		}
		.vbc_menu_toggle li.selected {
			background-color:#FFF;
			color: #595959;
		}
		
		.vbc_menu_toggle li.right,
		.vbc_menu_toggle li.big {
			color: #FFF;
			font-size: 27px;
			padding: 15px;
			height: 28px;
    		width: 23px;
			float: right;
		}
		.vbc_menu_toggle li.left {
			float:left;
		}
		/* save btn */
		.vbc_menu_toggle li.right.save,
		.vbc_menu_toggle li.save {
			background-color: #89c466;
		}
		.vbc_menu_toggle li.right.save:hover,
		.vbc_menu_toggle li.save:hover  {
			background-color: #a7e482;
		}
		/* trash btn */
		.vbc_menu_toggle li.right.trash {
			background-color: #cc0256;
		}
		.vbc_menu_toggle li.right.trash:hover {
			background-color: #fb046b;
		}
		/* preview btn */
		.vbc_menu_toggle li.right.preview {
			background-color: #E0E0E0;
		}
		.vbc_menu_toggle li.right.preview:hover {
			background-color: #F3F3F3;
		}
	
	.vbc_nfer {
		border:dashed 1px #EFEFEF;
		border-top:none;
		padding:20px 10px 10px;
	}
	
	
	
/**
 * CONFIRMATION BUTTONS
 */
.wppas_confi_btn {
	display: inline-block;
    height: 100px;
    width: 100px;
    background-color: #EFEFEF;
	cursor:pointer;
	margin:10px;
	color:#333;
	text-decoration:none;
}
.wppas_confi_btn:hover {
	color:#6cb640;
}



#all_vbc_items li.wppas_action {
	width:10%;
	height:auto;
}
.wppas_draggable {
	list-style:none;
}





/**
 * Visual Banner Creator - Offset form
 */
.wppas_offset_cont {	
	position:relative;	
	margin: 0 auto;
	padding: 0px 2%;
}
.wppas_offset {
	position:relative;	
	width:220px;
	height:220px;
	margin-bottom: 15px;
}
.wppas_offset.single {
	width:120px;
	height:120px;
}
	.wppas_offset .vbc_outer {
		position:relative;
		border: 1px dashed #d8d8d8;
		width:100%;
		height:100%;
	}
	
	.wppas_offset .vbc_offset label {
		position: absolute;
		font-size: 9px;
		text-transform:uppercase;
		line-height: 1;
		top: 6px;
		left: 5px;
		color: #656565;
		margin: 0;
		padding: 0;
	}
	.wppas_offset .vbc_offset input {
		position: absolute;
		text-align: center;
		padding:0;
		margin: 0;
		height: 24px;
		width: 34px;
		border: 1px solid #bdbdbd;
		font-size: 11px;
		line-height: 1;
		border-radius: 3px;
	}
	.wppas_offset .vbc_offset .vbc_top {
		top: 11px;
		left: 50%;
		margin-left: -17px;
	}
	.wppas_offset .vbc_offset .vbc_right {
		top: 50%;
		right: 5px;
		margin-top: -12px;
	}
	.wppas_offset .vbc_offset .vbc_bottom {
		bottom: 11px;
		left: 50%;
		margin-left: -17px;
	}
	.wppas_offset .vbc_offset .vbc_left {
		top: 50%;
		left: 5px;
		margin-top: -12px;
	}

	
	.vbc_cont {
		width: 56%;
		height: 56%;
    	border: 1px solid #d8d8d8;
		background: #EFEFEF;
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}







/**
 * ADZONES
 */
.wppas_droppable {
	width: 200px;
	height: 150px;
	border: 1px dashed #ddd;
	padding: 5px;
	margin:0;
}
.wppas_dashboard .wppas_actions .wppas_droppable .wppas_draggable {
	float:left;
	width: 18.3% !important;
	height: 30px !important;
	padding: 0;
	margin:2px;
	min-width:inherit;
	overflow:hidden;
	border:solid 1px #ddd;
	cursor:move;
}
.accept_hover {
	border-color:#89C466;
	background-color:#C2F2A5;
}
.decline_hover {
	border-color:#999;
	background-color:#333;
}




/**
 * EXPORT DISPLAY OPTIONS
 */
.display_options .display_option_form {
	display:none;
}
.display_options .display_option_form.selected {
	display:inline-block;
	width: 100%;
}

.trigger_options {
	display:inline-block;
	vertical-align: top;
	width: 37%;
}
.trigger_itm_btn {
    margin-right: 5px;
    width: 100px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
	color:#000;
	opacity:.7;
}
.trigger_itm_btn:hover, .trigger_itm_btn.selected {
	color:#000;
	background-color:rgba(167, 228, 130, 0.55);
	opacity:1;
}
	.trigger_itm_btn i.fa {
		width: 40px;
		padding-top: 10px;
		text-align: center;
    	height: 30px;
		font-size: 20px;
		background-color: #EFEFEF;
		border-radius: 5px;
		color:#a2d484;
	}
	.trigger_itm_btn span.info {
		vertical-align: top;
		width: 50px;
		line-height: 1.3;
		font-size: 11px;
		padding-top: 5px;
		margin-left: 5px;
		display: inline-block;
	}
.trigger_options_forms {
	display: inline-block;
    vertical-align: top;
    width: 60%;
    padding: 1%;
    background-color: #EFEFEF;
    border: solid 1px #e4e4e4;
}
	.trigger_options_forms .trigger_option_form {
		display:none;
		font-size: 12px;
    	line-height: 1.2;
	}





/* Button Creator */
.timeline_itm .btn_creator_preview span,
.btn_creator_preview span {
	height: inherit;
	line-height: 1;
	font-size: inherit;
	border: none;
}



.wppas_info_box {
	text-align:left;
	margin: 0 0 20px;
	padding: 5px 10px;
	border-radius: 4px;
}
.wppas_info_box.info {
	border: solid 1px rgb(241, 241, 212);
	background-color: rgba(255, 255, 0, 0.12);
}
.wppas_info_box.warning {
	border: solid 1px #ffc3c3;
	background-color:#ffdada;
}