.post-type-sao_slide #sao_builder_metabox{
	display:block !important;
	
}



.sao_slider_meta .sao_builder_section_item,.sao_slider_meta .sao_builder_column_item{
	background:none !important;
	margin:0px;
	width:100% !important;
}
.sao_slider_meta .sao_add_element,.sao_slider_meta .sao_element_template_add{
	border: dashed 1px #c0c8cf;
	background:none !important;
}
.sao_slider_meta  .sao_add_element,.sao_slider_meta .sao_element_template_add,.sao_slider_meta  .sao_add_element i::before,.sao_slider_meta  .sao_element_template_add::before{
	color:#20282f !important;
}
.sao-slider-perveiw-warp{
	display:inline-block;
	background: rgb(89, 89, 89);
	width:100%;
overflow-x: scroll;
	position:relative;
 }
.sao-slider-perveiw-warp .sao-slider-item {
	visibility:visible;
}
.sao_slider_element_item  {
	background:#80888f;
	
}
.sao-slider-responsive-auto .sao-slider-responsive-custom-item{
	display:none !important;
}
.sao-slider-responsive-custom .sao-slider-responsive-custom-item{
	display:inline-block !important;
}
	
.sao-element-draggable {
	position:absolute !important;
 	opacity:1;
}

/*
.sao-slider-perveiw-warp a{
	pointer-events: none !important;
}*/
.sao-element-draggable{
	cursor:pointer;
}
.sao-element-item.sao-element-draggable-active::after {
	border:dashed 2px rgba(255,0,0,1.00) !important;
	position:absolute;
	content:"";
	height:100%;
	width:100%;
	z-index:1;
	top:0px;
	left: 0;
}
 .sao-element-item.sao-element-draggable:hover::after{
	 	border:dashed 2px #22FF00;
 	position:absolute;
	content:"";
	height:100%;
	width:100%;
	z-index:1;
	top:0px;
	left: 0;
 }
.sao-element-draggable.sao-element-draggable-active .ui-resizable-s::before {
    content: "";
    width: 10px;
    border: solid 2px #750303;
 
    float: left;
    height: 10px;
    left: 50%;
    position: relative;
    top: -2px;
 }
 .sao-element-draggable.sao-element-draggable-active .ui-resizable-w::before {
    content: "";
    width: 10px;
    border: solid 2px #750303;
 
    float: left;
    height: 10px;
    top: 50%;
    position: relative;
    left:-5px;
 }
 .sao-element-draggable .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
pointer-events: all;
    top: 0;
    height: 100%;
}
.sao-element-draggable  .ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    touch-action: none;pointer-events: all;
}

.sao-element-draggable .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    position: absolute;
    bottom: -5px;
    left: 0;
}
.sao-slider-perveiw *{box-sizing:border-box;
}
.sao-slider-details .sao-element-draggable{
pointer-events: all;
}
.sao-slider-details .sao-element-draggable *{
pointer-events: all;

}
.sao-slider-perview-title{
	float:left;
	width:100%;
background: #00080f;
}
.sao-slider-responsive{
	float:left;
}
.sao-slider-responsive div {
	float:left;
	line-height:50px;
	color:#cccccc;
	padding:0 15px;
	cursor: pointer;
border-right: solid 1px rgba(150,150,150,0.25);
}
 .sao-slider-responsive-active{
	color: #ffffff !important;
	font-weight:700 !important;
	background:#20282f;
pointer-events: none;
cursor:text;
}
 
.sao-slider-responsive div:hover{
		background:#20282f;
}
.sao-slider-perview-title input,.sao-slider-perview-title select{
	background-color:#333333;
	border:solid 1px rgba(0,0,0,0.50);
	color:#ffffff !important;
	-webkit-appearance: button-arrow-down !important;
	box-shadow: 0 0 3px rgba(0,0,0,0.20) inset;
}


.sao-slider-perview-title input{
	width:50px;
	margin: 10px 0px 0px 0px;
	float: left;
	padding: 0px 5px;
	height: 30px;
	line-height: 50px;

}
.sao-slider-perview-title select{
	width:60px;
	background: #333 url('../image/select.png') no-repeat right 5px top 55% !important; 
	line-height: 30px;
	height: 30px;
	float: left;
	 margin: 10px 10px 0px 0px;
}
  
.sao-slider-perview-form{
	float:left;height:50px;
border-right: solid 1px #9696964d;}
.sao-slider-position {
	display:none;
	float:left;
	background: #20282f;
	width:100%;
	padding:0px 15px;

}.sao-slider-position-active{
	display:inline-block;
}
.sao-slider-perveiw .sao-slider-details {
     box-shadow: 0 0 0 1000px rgba(150, 150, 150, 0.50);
	 transform:none !important;
	 left:auto !important;
	 top:auto !important;
	 position:relative;
	 height:100% !important;
	 margin:auto;
	 display:block;
}
.sao-slider-item{
margin: auto;
float:none;
display: block;
 font-size:0;-ms-transform:translate(-50%,00%);
}
.sao-slider-responsive-size{
	display:none;

	line-height: 50px;
	padding: 0 15px;
}
.sao-slider-play{
	float:left;
	width:auto;
		padding: 0 15px;
		border-right: solid 1px #9696964d;
 height: 50px;
}
.sao-slider-play-button{
margin-top: 10px !important;
	float:left;
}
.sao-slider-details .sao-element-item{width:auto}
.sao-slider-perview-title label{
	color:#cccccc;
	line-height:50px;
	margin-right: 5px;
 	float:left;cursor: text;
}
.sao-slider-perview-width-unit{
	margin:10px 5px 0px 0px !important;
}
.sao-slider-responsive-size-active{
	display:inline-block !important;
}
#sao_position_top,#sao_position_left{
	width:80px;
	margin-right:10px;
}
.sao_slider_element_item.sao-element-draggable-active {
	border:solid rgba(232,0,3,1.00);
	
}
.ui-draggable-dragging{
	
 	transition:none !important ;
	transition-delay:none !important ;
}
 


 .sao-slider-perveiw-warp .sao-slider-item [class*='sao-ls']{
 	top:var(--sao-ls-tp);
	left:var(--sao-ls-lt);
	right:var(--sao-ls-rt);
	bottom:var(--sao-ls-bm);
	height:var(--sao-ls-ht);
	width:var(--sao-ls-wt);
	display:inline-block;
	transform:none;
	  	  transform: scale(1) !important;
		  opacity:1 !important;

	  	transition:none !important;
	transition-delay:none  !important;

} 
  
.sao-slider-item .sao-deactive.sao-effect-scale {
  	  transform: scale(var(--sao-ls-ef-sc,0)) !important;
 
 }
 
 
 
.sao-slider-item .sao-deactive.sao-effect-move-top{
 	  top:0px  !important;
 	  transform: translateY(-100%) !important;
  

}


.sao-slider-item .sao-deactive.sao-effect-move-bottom{
 	  top:100%  !important;
 	  transform: translateY(100%)  !important;
 
}
.sao-slider-item .sao-deactive.sao-effect-move-left{
 	  right: 100%  !important;
 	  transform: translateX(-100%)  !important; 
  
}
.sao-slider-item .sao-deactive.sao-effect-move-right{
 	  right: 0  !important;
 	  transform: translateX(100%) !important; 
   

}
.sao-slider-item .sao-deactive.sao-effect-fade{
 	 	opacity:0  !important;
  

 }
 .sao-slider-item:not(.active)  .sao-effect-scale {
   	  transform:scale(var(--sao-ls-ef-sc,0)); 
 transition-delay:  var(--sao-sp)  ;
transition-duration:all var(--sao-ls-ef-en)  ;
  }
  
 
 
 
 
 
 
 
 
 
 
 
body .sao-slider-item .sao-deactive.sao-animate{
	transform: scale(1) !important;
 	top:var(--sao-ls-tp) !important;
	left:var(--sao-ls-lt) !important;
	right:var(--sao-ls-rt) !important;
	bottom:var(--sao-ls-bm)!important;
	height:var(--sao-ls-ht) !important;
	width:var(--sao-ls-wt) !important;
	opacity:1  !important;
 }
 body  .sao-slider-perveiw-warp .sao-slider-item .sao-transition.sao-deactive{
    	transition:all var(--sao-ls-ef-en) !important;
	transition-delay:  var(--sao-ls-ef-st)  !important;

 }
  
   
.sao-wait-active::before {
	cursor: wait !important;
	position:absolute;
	top:0px;
	content:"";
	left:0px;
	height:100%;
	width:100%;
	z-index:140000;background: rgba(0, 0, 0, 0.52);
	pointer-events: all !important;
}

.sao_slider_element_list{
    float: left;
    width: 100%;
    min-height: 40px;
}
.sao_slider_element_remove{
	margin-right:10px;
}
.sao_slider_template_save::before {
width: 30px;
	cursor: pointer;
	line-height: 40px;
	text-decoration: none;
	float: right;
	vertical-align: middle;
	font-size: 1.5em;
 	font-family: 'FontAwesome';
	height: 100%;
	content: "\f0c7";
	color: #ffffff;
 	font-style: normal;
}

.sao_slider_remove_image{
	display:none !important;
}
.sao_slider_remove_image.sao_slider_image_active{
	display:inline-block !important;
}
.sao_body_background_color{
	float:left;margin-right: 10px;
}
.sao_body_background_color label{
	float:left;
	margin-right:10px;
}
.sao_body_background_color .wp-picker-container{
	width:auto;
}
.sao_body_background_color select{
	width:auto !important;
}
.sao-slider-perveiw .sao-slider-background{
	position:absolute;
	width:100%;
	left:0px;
	height:100%;
	background-image:var(--sao-sl-bg-img);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
 #sao_object{
	 width:100px;
 }
 
  .sao-element-item{
	 display:inline-block;
 }
 
 .sao-element-draggable .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
	position: absolute;
    height: 100%;
}

 .sao-element-draggable .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
	position: absolute;
    bottom: -5px;
    left: 0;
}
 .sao-element-draggable .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
	position: absolute;
    right: 1px;
    bottom: 1px;
}
.sao-slider-details .sao-element-draggable{
	background:none !important;
	border:none !important;
}
.sao-slider-text i {
    font-family: 'FontAwesome';
    font-style: normal;
 	margin-right: 5px;
}
#sao_builder_metabox .sao-slider-perveiw .sao-slider-text:hover{
  }
#sao_slider_element{
	display:none;
}
 
 .sao-slider-item.deactive [class*="sao-effect-"]{
 	transition:none !important ;
	transition-delay:none !important ;
	
} 
 
  
 
.sao_text_block{
	font-size:13px;
}
/* RTL */
.rtl .sao-slider-perview-title,
.rtl .sao-slider-responsive div,
.rtl .sao-slider-responsive,
.rtl .sao-slider-perview-title input,
.rtl .sao-slider-perview-title select,
.rtl .sao-slider-perview-form,
.rtl .sao-slider-position,
.rtl .sao-slider-play,
.rtl .sao-slider-play-button,
.rtl .sao_slider_element_list,
.rtl .sao_body_background_color label,
.rtl .sao_body_background_color,
.rtl .sao-slider-perview-title label{
	float:right;
}
.rtl .sao-element-item.sao-element-draggable-active::after{
	right:0px;
	left:auto;
	
}
.rtl .sao-slider-perview-title select{
		 margin: 10px 00px 0px 10px;
}
.rtl .sao-slider-play{
 
		border-left: solid 1px #9696964d;
		border-right:none;
 }
 .rtl .sao-slider-perview-title label{
	margin-right: 0px;
	margin-left: 5px;
 }
.rtl .sao-slider-perview-width-unit{
	margin:10px 0px 0px 5px !important;
}
.rtl  #sao_position_top,.rtl  #sao_position_left{

	margin-right:auto;
	margin-left:10px;
}
.rtl .sao_body_background_color label{
	margin-left:10px;
	margin-right:0px;line-height: 30px;
}
.rtl .sao-element-draggable .ui-resizable-e {
   
	right:auto;
    left: -5px; 
}
.rtl .sao_slider_element_remove{
	margin-left:10px;
	margin-right:0px;
}
.rtl .sao-slider-perview-title select{
 
	background: #333 url('../image/select.png') no-repeat left 5px top 55% !important; 
  	 margin: 10px 00px 0px 10px;
}