/*
 * Yeahthemes Options Styles
 *
 * HEADER
 * CONTENT
 	+ Sidebar
	+ Content
		- Controls
 * FOOTER
 */
 
/*
 * Common attributes
 */

@primaryColor: #786ecf;
@secondaryColor: #222;
@borderColor: rgba( 0,0,0, .1);
@whiteColor: #FFF;
@grayBgColor: darken( @whiteColor, 2%);

@import "../../../css/mixins.less"; 
 
@import url('font-awesome.min.css');
@font-face {
	font-family: 'yeahthemes';
	src: url('fonts/yeahthemes.eot');
}
@font-face {
	font-family: 'yeahthemes';
	src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
		 url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
	font-weight: normal;
	font-style: normal;
}

.icon-yeahthemes-logo:before {
	content: "\e60d";
}

@media only screen and (max-width: 768px){
	.one-half,
	.one-third{
		width: 100%;
	}
}

.yt-row{
	margin: 0 -10px 10px;
	clear: both;
	&:before,&:after{
		display: table;
		content:'';
		width: 100%;

	}
}
.fullwidth,
.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 0 10px;
}
.fullwidth {	width: 100%;}
.one-half{		width: percentage(1/2);}
.one-third{		width: percentage(1/3);}
.two-third{		width: percentage(2/3);}
.one-fourth{	width: percentage(1/4);}
.three-fourth{	width: percentage(3/4);}

body{
	min-width:320px;
}

#adminmenu #toplevel_page_yt-theme-options .menu-icon-generic div.wp-menu-image:before{
	font-family: 'yeahthemes';
	content: "\e60d";
}
/**
 * Animating
 */
[class^="yt-animate-"], 
[class*="yt-animate-"]{
	
	transition:all .5s ease, opacity .45s ease;
	-webkit-transition:all .5s ease, opacity .45s ease;
	-moz-transition:all .5s ease, opacity .45s ease;
	-ms-transition:all .5s ease, opacity .45s ease;

}

.yt-animate-slide-out-left{
	transform:translate3d(-300% , 0, 0);
	-webkit-transform:translate3d(-300% , 0, 0);
	-moz-transform:translate3d(-300% , 0, 0);
	opacity:0;
}

.yt-animate-slide-out-right{
	transform:translate3d(300% , 0, 0);
	-webkit-transform:translate3d(300% , 0, 0);
	-moz-transform:translate3d(300% , 0, 0);
	opacity:0;
}


.yt-animate-zoom-out{
	transform:scale(.9);
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	opacity:0;
	visibility:hidden;
}
.yt-animate-zoom-in{
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	opacity:1;
	visibility:visible
}

.yt-section-toggle-checkbox input[type="checkbox"].yt-checkbox,
.yt-section-toggle-radio input[type="radio"].yt-radio {
	-webkit-appearance: none;
	background-color: #F0F0F0;
	border: 1px solid lightgrey;
	border-radius: 26px;
	cursor: pointer;
	height: 20px;
	position: relative;
	transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
	width: 40px;
	vertical-align: middle;
}
.yt-section-toggle-checkbox input[type="checkbox"].yt-checkbox:focus,
.yt-section-toggle-radio input[type="radio"].yt-radio:focus{
	box-shadow:none;
}
.yt-section-toggle-checkbox input[type="checkbox"].yt-checkbox:before,
.yt-section-toggle-radio input[type="radio"].yt-radio:before{
	background-color: white;
	border: 1px solid lightgrey;
	border-radius: 21px;
	box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025);
	content: '';
	display: block;
	height: 18px;
	left: -1px;
	position: absolute;
	right: 18px;
	top: -1px;
	transition: border .25s .15s, left .25s .1s, right .15s .175s;
	margin: 0 !important;
	width:auto !important;
}
.yt-section-toggle-checkbox input[type="checkbox"].yt-checkbox:checked,
.yt-section-toggle-radio input[type="radio"].yt-radio:checked {	
	border-color: @primaryColor;
	box-shadow: inset 0 0 0 13px @primaryColor;
	padding-left: 18px;
	transition: border .25s, box-shadow .25s, padding .25s .15s;
}
.yt-section-toggle-checkbox input[type="checkbox"].yt-checkbox:checked:before,
.yt-section-toggle-radio input[type="radio"].yt-radio:checked:before {
	border-color: @primaryColor;
	left: 18px;
	right: -1px;
	transition: border .25s, left .15s .25s, right .25s .175s;
}

.yt-button,
#yt-container [type=button],
.yt-save-popup,
#yt-header,
#yt-foot,
.yt-info-bar,
#yt-nav ul li a{
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
	-moz-tap-highlight-color: rgba(0,0,0,0);
}
.yt-button i:before,
[type=button] i:before{
	margin-left:0;
}
#yt-main-spinner, 
.yt-core-ui .yt-save-popup {
	
	padding:15px;
    position: fixed;
    background-color: #FFF;
    background-color: rgba(255,255,255,.95);
    -moz-box-shadow: 0 2px 15px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    box-shadow: 0 2px 15px rgba(0,0,0,.2);
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	opacity:0;
	transform:scale(.9);
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	visibility:hidden;
	z-index:99999;
}

.yeah-framework.yt-ajaxifying #yt-main-spinner,
.yeah-framework.yt-popup-save-active #yt-popup-save,
.yeah-framework.yt-popup-reset-active #yt-popup-reset,
.yeah-framework.yt-popup-fail-active #yt-popup-fail{
	visibility:visible;
	opacity:1;
	transition-duration:.5s;
	-webkit-transition-duration:.5s;
	-moz-transition-duration:.5s;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
}

.yt-options-framework-panel-wrapper{
	font-family:"Helvetica Neue",sans-serif;
	font-weight:300;
	font-size:13px;
	display: block;
	::selection {
	    background-color: @primaryColor;
	    color: white;
	}

	::-moz-selection {
	    background-color: @primaryColor;
	    color: white;
	}

	img::selection {
	    background: transparent;
	}

	img::-moz-selection {
	    background: transparent;
	}
	#yt-nav > ul{
		transition: all linear .2s;
	}
	#yt-nav.affix-top > ul{
		position:fixed;
		top:32px;
		bottom: auto;
		width: inherit;
	}
	#yt-nav.affix-bottom > ul {
		position: absolute;
		bottom: 0;
		top: auto;
	}
	#yt-nav.affix-bottom-fix > ul{
		position: fixed;
		bottom: 0;
		top: auto;	
	}
	.yt-info-bar.affix-top{
		top: 32px;
		bottom: auto;
		position: fixed;
		z-index: 100000;
		right: 20px;
		left: 377px;
	}

} 	


#yt-main-spinner{
	z-index:8888;
	display: block;
	left: 50%;
	top: 50%;
	margin-left:-23px;
	margin-top:-23px;
	padding: 25px;
	background-position: center;
}

// // // // // // // // 
.yt-core-ui {
	img{
		max-width: 100%;
	}
	*{
		outline:none !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	a{
		/*text-decoration:none;*/
		&:hover {
		    color: #000;
		}
	}
	select{
		max-width: 100%;
	}
	.wp-picker-holder{
		position: relative;
	}
	/*transparent bg*/
	.yt-transparent-bg{
		background-image: url(data:image/gif;base64,R0lGODlhFAAUAIAAAP///9nZ2SH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDg1MkVDRjM3QkJCMTFFM0E3QzY5ODk3NUVCNjhFMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDg1MkVDRjQ3QkJCMTFFM0E3QzY5ODk3NUVCNjhFMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowODUyRUNGMTdCQkIxMUUzQTdDNjk4OTc1RUI2OEUzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODUyRUNGMjdCQkIxMUUzQTdDNjk4OTc1RUI2OEUzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAUABQAAAIojI+gy+jBInhJLnrsxVBP7n1YyHVaSYKhh7Lq+VotPLo1TaW3HEtlAQA7);
		background-repeat:repeat;
	}
	/*img border*/
	.yt-img-border {
		position: relative;
		display: inline-block;
		&:before {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			content: '';
			box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);
			display:block;
		}
		> img {
			display: block;
		}
	}
	/**
	 * Saving Popup
	 */
	.yt-save-popup {
		
		font-size: 20px;
		text-align: center;
		width:230px;
		left:50%;
		margin-left:-115px;
		top:50%;
		margin-top:-30px;
		line-height:30px;
	}

	.yt-icon-save:before,
	.yt-icon-reset:before,
	.yt-icon-fail:before {
	    width: 24px;
	    height: 24px;
		content:'';
		margin-right:10px;
		display:inline-block;
		margin-top: -5px;
		vertical-align:middle;
	}
	.yt-icon-save:before { background-position: -24px -48px; }
	.yt-icon-reset:before { background-position: -24px -96px; }
	.yt-icon-fail:before {background-position: -24px -72px; }

	
	.button-primary{
		.box-shadow(none);
		transition:all .2s ease;

		&[disabled]{
			.opacity(.5);
		}		
		
		i{
			color:#FFF;
		}
		&:hover{
			background: @secondaryColor;
			border-color: @secondaryColor;
			color:#FFF;
		}
	}
	.button-primary,
	.button-primary:active,
	.button-primary:visited,
	.button-primary:focus{
		background:@primaryColor;
		border-color:@primaryColor;
	}
	
		

	input[type=text],
	textarea,
	select{
		font-size:11px;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif 
	}
	input[type=text],
	textarea,
	select{
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
	}

	i[class^="yt-icon-"]:before, i[class*=" yt-icon-"]:before{
		/*vertical-align:middle;*/
		display:inline-block;
	}

	.yt-hidden,
	.yt-temp-hide{
		display:none;
	}

	.yt-clear,
	.yt-section {
		&:before, &:after{
			content: '';
			display: table;
		}
		&:after{
			clear: both;
		}
	}
	.yt-radio-color-blocks label,
	.yt-radio-toggles label,
	.yt-repeatable-field-heading{
		transition:all .2s linear;
		-moz-transition:all .2s linear;
		-webkit-transition:all .2s linear;
	}
	#yt-header .yt-logo:before,
	#yt-nav li.top-level > a:before,
	.select_wrapper:before,
	.yt-save-popup i:before,
	[class^="yt-icon-optionnav-"]:before, 
	[class*="yt-icon-optionnav-"]:before {
	    content: '';
	    background-image: url(../images/sprite.png);
	    background-repeat: no-repeat;
	}
	.yt-preloader{
		background:url(../images/preloader.gif) no-repeat center center;
	}


}

/* HiDPI */
@media print,(-o-min-device-pixel-ratio: 5/4),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
	.yt-core-ui {
	    #yt-header .yt-logo:before,
		#yt-nav li.top-level > a:before,
		.select_wrapper:before,
		.yt-save-popup i:before,
		[class^="yt-icon-optionnav-"]:before, 
		[class*="yt-icon-optionnav-"]:before {
	        background-image: url(../images/sprite@2x.png);
	        background-size: 96px 288px;
	    }
		
		
		.yt-preloader{
			background:url(../images/preloader@2x.gif) no-repeat center center;
			background-size:24px 24px;
		}
		
		.yt-transparent-bg{
			background-image: url(data:image/gif;base64,R0lGODlhKAAoAIAAAP///9nZ2SH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzJCQkEzM0E3QkJCMTFFM0E3QzY5ODk3NUVCNjhFMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzJCQkEzM0I3QkJCMTFFM0E3QzY5ODk3NUVCNjhFMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowODUyRUNGNTdCQkIxMUUzQTdDNjk4OTc1RUI2OEUzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODUyRUNGNjdCQkIxMUUzQTdDNjk4OTc1RUI2OEUzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAoACgAAAJcjI+ZwO3/lJSw1omP3S1nznkYuIkTaZkUCqkK27oIHMka3dkGnus8o9v9goEfgGhEDoNJ5tL3tBmbUJ7S6sRWcVdu1ruldcVfchg2RpfVZ1bavYa3UW963D4nEQsAOw==);
			background-size:20px 20px;
		}
	}
}




/*------------------------------------------------------------------------
 * BEGIN
 *------------------------------------------------------------------------*/
.yt-options-framework-panel-wrapper{

    margin: 15px 20px 15px 2px;
	/*min-width: 640px;*/
    position: relative;
    z-index: 0;


	#yt-form{
		box-shadow: 0 4px 15px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 4px 15px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1);
		border-radius: 5px;
	}

	/*------------------------------------------------------------------------
	 * Header
	 *------------------------------------------------------------------------*/
	
	#yt-header {

	    background: #f1f1f1;
	    border: 1px solid #d8d8d8;
	    -webkit-border-radius: 5px 5px 0 0;
	    -moz-border-radius: 5px 5px 0 0;
	    border-radius: 5px 5px 0 0;
		padding: 10px 0;
		min-height:80px;
		a{
			text-decoration:none;
		}
		/**
		 * Logo
		 */
		.yt-logo {
			float: left;
			margin: 5px 15px 10px;
			padding-left: 65px;
			position: relative;
			&:before {
				width: 48px;
				height: 48px;
				background-position: 0 0;
				left: 0;
				top: 12px;
				position:absolute;
			}
			h2 {
				font-weight:bold;
				text-transform: uppercase;
			}
		}
		/*
		 * Header Links
		 */
		
		ul, #yt-lets-get-social > span{
			font-size: 10px;
			margin: 0;
			text-transform: uppercase;
		}

		ul li {
			padding-right: 15px;
			color: #777;
			display: inline-block;
		}	

		#yt-lets-get-social {
			float: right;
			margin-top: 18px;
			> span{
				display:block;
				margin-bottom:10px;
			}
			a {
				padding: 5px 8px;
				border: 1px solid @borderColor;
				border: 1px solid rgba(0, 0, 0, 0.07);
				color: #777;
				border-radius: 2px;
				&:hover{
					border-color: #CCC;
					border-color: rgba(0, 0, 0, 0.2);
					background:@grayBgColor
				}
			}
			i:before{
				width:auto;
				margin-left:0;
				margin-right:10px;
			}

		}
	}

	.yt-info-bar {
		background: #f3f3f3;
		border-width: 1px;
		border-style: solid;
		border-color: #d8d8d8;
		border-color: rgba(0, 0, 0, 0.1);
		-webkit-background-clip: padding;
		background-clip: padding-box;
		border-width: 0px 1px 1px 1px;
		padding: 8px 15px;
		text-align: right;
		ul{
			margin:0;
			line-height:26px;
			li{
				display:inline-block;
				white-space:nowrap;
				margin-bottom:0;
			}
		}
		ul,
		ul.alignright li{
			margin-left:5px;
		}

	}		
}

/*------------------------------------------------------------------------
 * Content
 *------------------------------------------------------------------------*/

[class^="yt-icon-optionnav-"],
[class*="yt-icon-optionnav-"]{
	width:24px;
	display:inline-block;
	min-height:1px;
	position:relative;
	margin-right:15px;
}

[class^="yt-icon-optionnav-"]:before, 
[class*="yt-icon-optionnav-"]:before{
	display:block;
	width:24px;
	height:24px;
	content:'';
	position:absolute;
	left:0;
	top:50%;
	margin-top: -17px;
	margin-left:0;
}

.yt-icon-optionnav-generalsettings:before{ 
	background-position:0 -48px; 
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -48px -48px;
	}
}
.yt-icon-optionnav-posttypesettings:before{ 
	background-position:0 -72px;  
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -48px -72px;
	}
}
.yt-icon-optionnav-interfacesettings:before{ 
	background-position:0 -96px; 
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -48px -96px;
	}
}
.yt-icon-optionnav-blogsettings:before{ 
	background-position:0 -120px; 
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -48px -120px;
	}
}
.yt-icon-optionnav-typography:before{ 
	background-position:0 -144px; 
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -48px -144px;
	}
}
.yt-icon-optionnav-stylingoptions:before{ 
	background-position:0 -168px; 
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -48px -168px;
	}
}
.yt-icon-optionnav-sidebars:before{ 
	background-position:0 -192px; 
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -48px -192px;
	}
}
.yt-icon-optionnav-subscribeconnect:before{ 
	background-position:0 -216px;
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -48px -216px;
	}
}
.yt-icon-optionnav-advancedsettings:before{ 
	background-position:0 -240px;
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -48px -240px;
	}
}
.yt-icon-optionnav-backuprestore:before{ 
	background-position:0 -264px;
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -48px -264px;
	}
}
.yt-icon-optionnav-bag:before{ 
	background-position:-24px -72px;
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -72px -72px;
	}
}
.yt-icon-optionnav-ecommerce:before{ 
	background-position:-24px -120px;
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -72px -120px;
	}
}
.yt-icon-optionnav-forum:before{ 
	background-position:-24px -168px;
	#yt-container #yt-nav>ul>li.current &{
		//background-position: -72px -168px;
	}
}

.yt-options-framework-panel-wrapper{
	#yt-main {
		//background-color: #eee;
		background-color: #fcfcfc;
		border-left: 1px solid #d8d8d8;
		border-right: 1px solid #d8d8d8;
		border-bottom: 1px solid #d8d8d8;
		position:relative;
		&:before{
			position: absolute;
			z-index: 0;
			background-color: #EEE;
			top: 0;
			left: 0;
			bottom: 0;
			width: 195px;
			display: block;
			content: '';
		}
	}
	.yt-options-panel-fullsize #yt-main:before{
		display: none;
	}

	#yt-form.yt-options-panel-fullsize {
		#yt-content{
			margin-left: -1px;
			.yt-group{
				display:block;
			}
		}
		#yt-nav{
			display:none !important;
		}
	}
	/*
	 * Nav
	 */
	 
	#yt-nav {
		float: left;
		position: relative;
		z-index: 9999;
		width: 195px;
		min-height: 1px;

		> ul{
			margin-top:0;
			margin-bottom:0;
			width: inherit;
		
			li {
				margin-bottom: 0;
				border-bottom: 1px solid #d8d8d8;
				position: relative;
			}
		}

		ul li {
			display: block;
			background-repeat: no-repeat;
			background-position: 13px center;
			text-decoration: none;
			
			opacity: 1;
		}

		ul li a{
			color: #777;
			text-decoration:none;
			transition:border-left .3s linear;
			-moz-transition:border-left .3s linear;
			-webkit-transition:border-left .3s linear;
		}

		ul > li > a{
			display:block;
			padding:14px 15px;
			//border-left:0 solid transparent;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		> ul > li.current > a {
			//border-left:5px solid @primaryColor;
			//background-color: @primaryColor;
			//box-shadow: inset 0 -3px 0 darken(@primaryColor, 3%);
			//color: #FFF ;
			margin-left: -1px;
			font-weight:700;
		}

		> ul > li.current.hasnt-icon > a{
			//padding-left:10px;
		}

		ul li.current.hasnt-icon ul li a{
			padding: 8px 15px 8px 15px;
		}

		> ul > li.current{
			background-color:#FCFCFC;
			margin-right: -1px;
			//margin-top: -1px;
			border-width: 0;
		}

		> ul > li:last-child{
			border-width:0;
		}

		ul li.current ul li a{
			padding:8px 15px 8px 54px;
		}

		ul li ul{
			display:none;
			//margin-bottom:8px;
			padding-top: 8px;
			padding-bottom: 8px;
		}

		ul li ul li{
			border-bottom:none;
			box-shadow:none;
			-moz-box-shadow:none;
			-webkit-box-shadow:none;
			-o-box-shadow:none;
			-ms-box-shadow:none;
		}

		ul li ul li:first-child{
			//border-top: 1px solid #EEE;
			//padding-top:8px;
		}

		ul li ul li.current a{
			color:#333;
			font-weight:bold;
		}

	}
	/*
	 * Content
	 */
	 
	#yt-content {
		overflow: hidden;
		//min-height: 517px;
		//margin-left: -1px;
		position: relative;
		//margin-left: 194px;
		padding: 0 20px 20px;
		//background-color: #FCFCFC;
		border-left: 1px solid #d8d8d8;
		-moz-box-shadow: inset 0 1px 0 #fff;
		-webkit-box-shadow: inset 0 1px 0 #fff;
		box-shadow: inset 0 1px 0 #fff;
	}

	/*
	 * Foot
	 */

	.yt-info-bar#yt-foot{
		 -webkit-border-radius: 0 0 3px 3px;
	    -moz-border-radius: 0 0 3px 3px;
	    border-radius: 0 0 3px 3px;
	    -moz-box-shadow: 0 1px 0 #FFF,0 2px 0 rgba(0,0,0,0.2),0 3px 0 #FFF,0 4px 0 rgba(0,0,0,0.2);
	    -webkit-box-shadow: 0 1px 0 #FFF,0 2px 0 rgba(0,0,0,0.2),0 3px 0 #FFF,0 4px 0 rgba(0,0,0,0.2);
	    box-shadow: 0 1px 0 #FFF,0 2px 0 rgba(0,0,0,0.2),0 3px 0 #FFF,0 4px 0 rgba(0,0,0,0.2);
	}

	.yt-group h2:after {
	    content: attr(data-content);
	    font-size: 11px;
	    margin-left: 15px;
	    padding-left: 15px;
	    border-left: 1px solid #EEE;
	    font-style: italic;
	    color: #CCC;
	    white-space: nowrap;
		margin-top:5px;
		position: relative;
		top: -3px;
	}
}
.yt-group{
	display:none;


	h2:first-child{
		margin-bottom:10px;
		padding-bottom:0;
	}
}

.yt-admin-motion-enabled .yt-group{
	
	opacity:0;
	visibility:hidden;
	transition:opacity .2s ease-out, transform .2s ease-out;
	-webkit-transition:opacity .2s ease-out, -webkit-transform .2s ease-out;
	-moz-transition:opacity .2s ease-out, -moz-transform .2s ease-out;
}

.yt-admin-motion-enabled .yt-group.has-transform{
	transform:scale(.95);
	-webkit-transform:scale(.95);
	-moz-transform:scale(.95);
	-webkit-transform-origin: left 400px;
	transform-origin: left 400px;
}

.yt-group.current{
	
}

.yt-admin-motion-enabled .yt-group.current{
	transition:opacity .5s ease-out, transform .5s ease-out;
	-webkit-transition:opacity .5s ease-out, -webkit-transform .5s ease-out;
	-moz-transition:opacity .5s ease-out, -moz-transform .5s ease-out;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	opacity:1;
	visibility:visible;
}
.yt-group .yt-section{
	border-top:1px solid #EEE;
	padding-bottom:15px;
	margin-bottom: 5px;
}


.yt-controls{
	width:60%;
	float:left;
}
.yt-before-controls{
	margin-top: 10px;
}
.yt-after-controls{
	margin-top: 10px;
}

.yt-explain{
	width:35%;
	float:right;
	line-height:20px;
	margin-top:-5px;
	font-size:11px;
	opacity:.3;
	transition:opacity .3s ease;
	-webkit-transition:opacity .3s ease;
	-moz-transition:opacity .3s ease;
}

.yt-section:hover .yt-explain{
	opacity:1;
}
body.mobile .yt-explain{
	opacity:1 !important;
}

.yt-section.yt-widefat-section .yt-controls,
.yt-section.yt-widefat-section .yt-explain{
	width:100%;
}
.yt-section.yt-widefat-section .yt-explain{
	margin-top: 15px;
}



.yt-core-ui {
	/*
	 * Field:  checklist
	 */
	.yt-scrollable-checklist-wrapper{
	 	min-height: 42px;
		max-height: 200px;
		overflow: auto;
		padding: 0.9em;
		margin-top: 0;
		border-style: solid;
		border-width: 1px;
		border-color: @borderColor;
		background-color: #fdfdfd;
		ul{
			margin-left: 15px;
			padding-top: 5px;
		}
	}
	/*
	 * Field: Checkbox, radio
	 */
	.yt-input.yt-radio, 
	.yt-input.yt-checkbox,
	.yt-section-checkbox input[type=checkbox],
	.yt-section-multicheck input[type=checkbox],
	.yt-section-radio input[type=radio]{
		margin-right:10px;
	}

	/*.yt-section-checkbox input[type=checkbox]{
		margin-top:1px;
		float:left;
	}*/
	// Inline Multiple checkboxes, radio buttons
	.yt-inline-input .yt-controls > div{
		width:120px;
		float:left;
		margin-right:15px !important;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}
	.yt-section-checkbox input[type=checkbox] + span{
		display:block;
		overflow:hidden;
		line-height: 22px;
		font-size: 11px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		position: relative;
		top: -3px;
	}

	.yt-section-multicheck .yt-controls > *,
	.yt-section-radio .yt-controls > *,
	.yt-section-tax-checkboxes .yt-controls > *{
		margin:5px 0;
	}
	/*
	 * Field: Text, Textarea, Upload, transfer, backup
	 */
	input[type=text],
	input[type=email],
	input[type=password],
	textarea{
		font-family:Monaco, "Courier New", monospace;
	}
	.yt-input[type=text], 
	.yt-section-text .yt-input,
	.yt-section-media .yt-input{
		height:30px;
		
	}
	.yt-input[type=text], 
	textarea,
	.yt-section-text .yt-input,
	.yt-section-media .yt-input,
	.yt-section-textarea textarea{
		padding:5px 10px;	
	}
	.yt-section-oembed .yt-input,
	.yt-section-text .yt-input,
	.yt-section-media .yt-input,
	.yt-section-textarea textarea,
	.yt-section-transfer textarea{
		width:100%;
	}
	.yt-section-time input{
		width:74px
	}
	.yt-section-oembed .yt-input,
	.yt-section-media .yt-input,
	.yt-section-transfer textarea{
		margin-bottom:10px;
	}

	.yt-button  {
		margin-right:10px;
	}

	.yt-uploaded-image{
		display:inline-block;
		max-width:250px;
		height:auto;
		margin-top:15px;
	}
	.yt-uploaded-image img{
		max-width: 100%;
		box-shadow: 5px 5px 0 rgba(0,0,0,.05);
		
	}

	/*
	 * Field: Select, margin, background options, border, category sidebar
	 */
	.yt-section-select-alt select,
	.yt-section-select select,
	.yt-section-margin select{
		min-width:130px;
		padding:3px;
		height:28px;
	}

	.yt-section-margin select{
		max-width:80px;
		min-width:80px;
	}

	.yt-section-margin .yt-select-wrapper,
	.yt-section-typography .yt-select-wrapper,
	.yt-section-background-options .yt-select-wrapper,
	.yt-section-border .yt-select-wrapper, 
	.yt-colorpicker-wrapper,
	.yt-select-wrapper.bgoptions,
	.yt-select-wrapper.pull-left{
		margin:0 5px 5px 0;
		float:left;
	}
	.yt-section-typography,
	.yt-section-background-options,
	.yt-section-border,
	.yt-section-category-sidebar{
		select{
			max-width:100%;
			padding:3px;
			height:28px;
		}
	}

	.yt-section-category-sidebar select{
		min-width:50%;
		margin-top:5px;
	}

	.yt-section-multiselect select{
		font-size:12px;
		min-width:130px;
	}


	.yt-section-typography .yt-select-wrapper.typography-face{
		max-width:300px;
	}
	.yt-typography-preview-area{
		padding: 10px;
		background: #FFF;
		border: 1px dashed #CCC;
		margin-top: 15px;
		overflow: hidden !important;
		float: none !important ;
		clear: both !important;
		position:relative;
	}
	.yt-section-oembed .spinner{
		float:none;
	}
	.yt-section-oembed .yt-oembed-preview-area > * {
		max-width: 100%;
		margin-top: 15px;
		display:block;
	}
	.yt-section-oembed .yt-oembed-preview-area video {
		width: 100%;
		height: auto;
	}
	.yt-section-oembed .yt-oembed-preview-area img {
		max-width:250px;
		height:auto;
	}

	.yt-section fieldset{
		padding: 15px;
		border: 1px solid @borderColor;
		background: #FFF;
		margin-top: 10px;
	}

	/*
	 * Color picker
	 */
	.wp-picker-container,
	.wp-picker-container *{
		-webkit-box-sizing: initial;
		box-sizing: initial;
	}

	.wp-core-ui,
	.wp-core-ui *{

		-webkit-box-sizing: padding-box;
		box-sizing: padding-box;
	}


	/*
	 * Field: Repeatable fields
	 */
	 
	.yt-repeatable-fields-wrapper{
		max-width:500px;
		li{
			margin-bottom:15px;
			padding-right:24px;
			overflow:hidden;
			cursor:move;
			list-style: decimal inside;
		}
		ul.sortabling li{
			list-style: none;
		}
		.yt-repeatable-field-heading{
			border-width:0 !important;
			position: absolute;
			top: 0;
			right: -25px;
			margin-top: 0 !important;
			> *{
				display:block;
				background: #f9f9f9;
				text-align:center;
				width:24px;
				height:24px;
				line-height:24px;
				border-width:1px 1px 1px 0;
				border-color:#EEE;
				border-style:solid;
				cursor:pointer;
				visibility:visible;
				font-size: 14px;
				color: #AAA;
				font-family:Arial, Helvetica, sans-serif;
				&:first-child{
					border-width:1px 1px 0 0;
				}
			}
			
			
		}
		.yt-repeatable-field-block{
			border: 1px solid #EEE;
			background: #f9f9f9;
			padding:15px;
			position:relative;
			box-shadow:0 2px 0 rgba(0,0,0,.1);
			border-bottom-color:#DDD;
			> div{
				margin-bottom:10px;
				margin-top:10px;
				overflow:hidden;
				padding-top:10px;
				border-top:1px solid #EEE;
				
				transition:all linear .2s;
				em{
					color:#aaa;
				}
				&:first-child{
					padding-top:0;
					border-top-width:0;
					margin-top:0
				}

				.yt-input,
				.yt-select,
				.yt-textarea{
					margin:5px 0;
					width:100%;
				}
			}
			&.collapsed{
				height: 85px;
				position:relative;
				&:after{
					border-bottom: 1px solid #DDD;
					position: absolute;
					width: 100%;
					height: 30px;
					left: 0;
					bottom: -1px;
					content:'';
					background: -moz-linear-gradient(top, rgba(249,249,249,0) 0%, rgba(249,249,249,1) 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,0)), color-stop(100%,rgba(249,249,249,1)));
					background: -webkit-linear-gradient(top, rgba(249,249,249,0) 0%,rgba(249,249,249,1) 100%);
					background: -o-linear-gradient(top, rgba(249,249,249,0) 0%,rgba(249,249,249,1) 100%);
					background: -ms-linear-gradient(top, rgba(249,249,249,0) 0%,rgba(249,249,249,1) 100%);
					background: linear-gradient(to bottom, rgba(249,249,249,0) 0%,rgba(249,249,249,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f9f9', endColorstr='#f9f9f9',GradientType=0 );
					pointer-events:none
				}
				> *{
					opacity:0;
					visibility:hidden;
				}
			}
			> *,
			&.collapsed > *:first-child,
			&.collapsed > .yt-repeatable-field-heading{
				opacity:1;
				visibility:visible;
			}
				
		}
		.ui-sortable-helper{
			width:300px	
		}	
	}		

	.yt-ui-sortable-placeholder{
		border:3px dashed #EEE;
		/*clear:both;*/
	}

	/*
	 * File list
	 */
	.yt-files-list {
		li{
			list-style: decimal inside;
		}
	}

	.yt-section-sorter{
		legend{
			text-align: center;
			font-size: 16px;
			font-weight: bold;
		}
		fieldset{
			width: 30%;
			width: 160px;
			margin-right: 3%;
			margin-right: 15px;
			display: inline-block;
			float: left;
			padding: 10px 15px;
			&.full{
				background-color: #ffebe8;
				border-color: #e99c9c;
			}
		}

	}
	.yt-sorter-list {
		margin: 0;
		min-height: 32px;
		padding: 5px 0;
		li{
			padding: 5px 10px;
			background-color: @grayBgColor;
			display: block;
			cursor: move;
			border: 1px solid @borderColor
		}
	}
	/*
	 * Gallery
	 */
	.yt-gallery-list {
		img{
			max-width: 80px;
			max-height: 80px;
			display: block;
			height: auto;
			width: auto;
			margin:0 auto;
			position:absolute;
			-webkit-transform: translate( -50%, -50% );
			-moz-transform: translate( -50%, -50% );
			-ms-transform: translate( -50%, -50% );
			-o-transform: translate( -50%, -50% );
			transform: translate( -50%, -50% );
		}
		> li{
			float:left;
			position:relative;
			cursor:move;
			overflow:hidden;
			margin:0 10px 10px 0;
			width: 80px;
			height: 80px;
			> span{
				-webkit-transform: translate( 50%, 50% );
				-moz-transform: translate( 50%, 50% );
				-ms-transform: translate( 50%, 50% );
				-o-transform: translate( 50%, 50% );
				transform: translate( 50%, 50% );
				width: 100%;
				display: block;
				height: 100%;
			}
		}
		li.image:before {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom:0;
			top:0;
			box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
			z-index:1;
		}
	}
		

	.yt-gallery-actions{
		position:absolute;
		bottom:-100%;
		display:block;
		color:#FFF;
		font-weight:bold;
		text-transform:uppercase;
		font-size:16px;
		opacity:0;
		visibility:hidden;
		transition:all .2s ease;
		line-height:0;
		z-index:2;


		[class^="yt-icon-"]:before, 
		[class*=" yt-icon-"]:before{
			line-height:16px;
		}
		li{
			margin:0;
			float:left;
			&.image:hover .yt-gallery-actions{
				opacity:1;
				visibility:visible;
				bottom:0;
			}
		}
		a{
			color:#FFF !important;
			cursor:pointer;
			background:#333;
			background:rgba(0,0,0,.5);
			padding:5px 3px;
			display:block;
			transition:all .2s ease;
			&:hover{
				background: @secondaryColor;
				background:rgba(0,0,0,.65);
				text-shadow:0 0 3px #FFF
			}
		}

	}
		
	.yt-section-group-options h4{
		margin:0 0 10px;
	}
	/*
	 * Field: radio image, background pattern
	 */
	.yt-controls {
		.yt-radio-img-img {
		    margin: 0 5px 10px 0;
		    cursor: pointer;
		    float: left;
		    padding: 4px;
		}
		.yt-radio-images label.active img,
		.yt-radio-images label.active .yt-radio-tile-img {
		    border: 3px solid @primaryColor;
		    padding: 1px;
			box-shadow:inset 0 0 0 1px #FFF;
			-moz-box-shadow:inset 0 0 0 1px #FFF;
			-webkit-box-shadow:inset 0 0 0 1px #FFF;
		}

		.yt-radio-img-img:hover {
		    opacity: .8;
		}

		.yt-radio-tile-img {
		    width: 60px;
		    height: 60px;
		    border: 4px solid #f9f9f9;
		    margin: 0 5px 10px 0;
		    cursor: pointer;
		    float: left;
		}

		.yt-radio-tile-img:hover {
		    opacity: .8;
		}
	}

		
	/*
	 * Field: Toggles
	 */
	.yt-radio-toggles label {
		margin-left: -1px !important;
		position: relative !important;
		text-align: center !important;
		bottom: 0;
		-moz-border-radius: 0;
		-border-radius: 0;
		-khtml-border-radius: 0;
		-webkit-border-radius: 0;
		color: #aaa;
		font-weight: bold;
		text-transform: uppercase;
		&:first-child {
			margin-left: 0 !important;
			border-top-left-radius: 3px;
			border-bottom-left-radius: 3px;
		}

		&.last-child {
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
		}

		&.button:hover {
			z-index: 1;
		}

		&.button-primary {
			z-index: 2;
			color: #FFF;
		}

		input{
			display:none;
		}
	}		

	/*
	 * Field: Separator, Info
	 */
	 
	.yt-section-info .yt-controls,
	.yt-section-separator .yt-controls {
	    margin: 20px 0 0;
	    float: none;
	    width: 100%;
	}

	.yt-notification,
	.yt-section-separator .yt-controls .yt-separator {
	    padding: 0 10px;
	    line-height: 1.5em;
	    font-size: 12px;
	    border: #cee1ef 1px solid;
		background-color: #f0f8ff;
	    color: #777;
	}
	.yt-notification {
		h3{
			font-size: 1.17em !important;
			margin: 1em 0 !important;
			display: block;
			font-weight: bold;
			line-height: 1.5em !important;
			padding: 0 !important;
			background:none;
			box-shadow:none;
			-moz-box-shadow:none;
			-ms-box-shadow:none;
			-o-box-shadow:none;
			-webkit-box-shadow:none;
			border:none;
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			cursor:default
		}
		p{
			margin: 1em 0 !important;
		}
		&.yellow{
			background-color: #ffffe0;
			border-color: #e6db55;
		}
		&.green {
			background-color: #edffea;
			border-color: #b3e6ab;
		}
		&.red {
			background-color: #ffebe8;
			border-color: #e99c9c;
		}
		&.light {
			background-color: @grayBgColor;
			border-color: #ddd;
		}
	}
	.yt-section-separator {
		.yt-controls .yt-separator {
			padding: 8px 10px;
		    background: #555;
		    border: none !important;
		    color: #fff;
		    position: relative;
		    &:before {
			    content: "";
			    position: absolute;
			    width: 0;
			    height: 0;
			    font-size: 0;
			    line-height: 0;
			    overflow: hidden;
			    border: 5px solid #555;
			    border-left-color: transparent !important;
			    border-right-color: transparent !important;
			    border-bottom: none !important;
			    bottom: -5px;
			    left: 30px;
			}
			h3{
				color:#FFF;
				&:before {
				    content: "";
				    position: absolute;
				    width: 0;
				    height: 0;
				    font-size: 0;
				    line-height: 0;
				    overflow: hidden;
				    border: 5px solid #CCC;
				    border-left-color: transparent !important;
				    border-right-color: transparent !important;
				    border-bottom: none;
				    bottom: 12px;
				    right: 15px;
					cursor:pointer;
				}
			}
		}
		&.collapse .yt-controls .yt-separator h3:before {
		    border-bottom: 5px solid #CCC !important;
		    border-top: none;
		    bottom: 15px;
		}
	}

	/*
	 * Field: color blocks
	 */

	.yt-radio-color-blocks {
		label {
			opacity:.2;
			filter:alpha(opacity=20);
		    width: 35px;
		    height: 35px;
		    display: inline-block;
		    bottom: 0;
			margin: 5px 10px 5px 0;
		    .box-shadow( inset 0 0 0 1px rgba(0, 0, 0, 0.05) );
		    input {
			    margin-top: 8px;
				cursor:pointer;
				opacity:0;
			}
		}
		label, 
		&:hover label.active{
			.opacity(.2);		
		}
		&:hover label, 
		label.active{
			.opacity(1);
		}
	}
	
	/**
	 * Tabs
	 */
	.yt-group-tab-wrapper{
		.yt-group-tab{
			padding:0 15px 15px;
			border:1px solid #EEE;
			margin-bottom: -1px;
			background:#FFF;
			display:none;
			&.active{
				display:block;
			}
			> *:first-child{
				margin-top:-1px;
			}
			> *:last-child{
				margin-bottom:0;
				padding-bottom:0;
			}
		}			
		ul.yt-group-tab-header{
			
			margin:0 15px;
			li{
				display:inline-block;
				padding:8px 15px;
				position:relative;
				bottom:-1px;
				margin:0;
				z-index:1;
				border-style:solid;
				border-color: #EEE;
				border-width:1px 1px 0 0;
				cursor:pointer;
				color:#aaa;
				&:first-child{
					border-width:1px 1px 0;
				}
				&.active{
					background:#FFF;
					padding:8px 15px 9px;
					color: #333;
				}
				&.active:before{
					background:@primaryColor;
					height:1px;
					position:absolute;
					top:-1px;
					left:-1px;
					right:-1px;
					display:block;
					content:'';
				}
			}
		}
	}
	/**
	 * Field type columns
	 */
	.yt-columns{
		display: inline-block;
		margin-right: 15px;
		margin-bottom: 15px;
		overflow: hidden;
		.reader-text{
			position: absolute;
			text-align: center;
			font-size: 9px;
			line-height: 10px;
			text-transform: uppercase;
			font-weight: bold;
			left: 0;
			top: 50%;
			margin-top: -5px;
			right: 0;
			display: block;
			width: 100%;
			z-index: 1;
		}
		>*{
			height: 44px;
			float: left;
			position: relative;
			&:before{
				content: '';
				display: block;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				position: absolute;
				background-color: #e3e3e3;
				z-index: 0;
			}
		}
		
		&.active >*{
			&:before{
				background-color: @primaryColor;
			}
			color:#FFF;	
		}
		&.vertical{
			>*{
				&:before{
					left: 1px;
					right: 1px;
				}
			}

			.col-default,.col-12 { width: 100%;}
			.col-11 { width: percentage( 11/12 );}
			.col-10 { width: percentage( 10/12 );}
			.col-9 { width: percentage( 9/12 );}
			.col-8 { width: percentage( 8/12 );}
			.col-7 { width: percentage( 7/12 );}
			.col-6 { width: percentage( 6/12 );}
			.col-5 { width: percentage( 5/12 );}
			.col-4 { width: percentage( 4/12 );}
			.col-3 { width: percentage( 3/12 );}
			.col-2 { width: percentage( 2/12 );}
			.col-1 { width: percentage( 1/12 );}


			.col-1-5{ width: percentage(1/5); }
			.col-2-5{ width: percentage(2/5); }
			.col-3-5{ width: percentage(3/5); }
			.col-4-5{ width: percentage(4/5); }
		}
		&.horizontal{
			>*{
				width: 100%;
				&:before{
					top: 1px;
					bottom: 1px;
				}
			}
			.row-default, .row-12 { height: 100%;}
			.row-11 { height: percentage( 11/12 );}
			.row-10 { height: percentage( 10/12 );}
			.row-9 { height: percentage( 9/12 );}
			.row-8 { height: percentage( 8/12 );}
			.row-7 { height: percentage( 7/12 );}
			.row-6 { height: percentage( 6/12 );}
			.row-5 { height: percentage( 5/12 );}
			.row-4 { height: percentage( 4/12 );}
			.row-3 { height: percentage( 3/12 );}
			.row-2 { height: percentage( 2/12 );}
			.row-1 { height: percentage( 1/12 );}

			.row-1-5{ height: percentage(1/5); }
			.row-2-5{ height: percentage(2/5); }
			.row-3-5{ height: percentage(3/5); }
			.row-4-5{ height: percentage(4/5); }
		}
	}


	.yt-section-columns{
		.yt-columns{

			width: 60px;
			height: 44px;
		}
	}		
}




/* Metabox*/
.yt-metabox{
	
	margin-left: 5px;
	margin-right: 5px;
	width:auto !important;
	.yt-metabox-description{
		font-style:italic;
		color:#aaa;
		margin-bottom:0;
		clear:both
	}
	.yt-section{
		padding-top: 15px;
		padding-bottom: 15px;
		border-top: 1px solid #E9E9E9;
		&:first-child{
			border-top:none;
		}
	}
		
	.yt-section:last-child > .yt-field-label, 
	tr:last-child > .yt-controls{
		border-bottom:none
	}

	.yt-field-label { 
		font-weight:bold;
		width:20%;
		float:left
	}

	.yt-controls{
		width:75%;
		float:right;
	}

	.yt-section-wysiwyg .wp-editor-container{
		background:#FFF;
	}

	.yt-section.yt-widefat-section .yt-field-label{
		margin-bottom:10px;
	}
	.yt-section.yt-section-hide-label .yt-field-label{
		display:none;

	}
	.yt-ui-sortable-placeholder{
		border:3px dashed #E9E9E9;
	}
	.yt-controls .yt-radio-tile-img{
		border-color:#f5f5f5;
	}

	.yt-group-tab-wrapper{
		margin-left: -18px;
		margin-right: -18px;
		margin-top: 15px;

		.yt-group-tab,
		ul.yt-group-tab-header li.active{
			background-color:#fcfcfc;
		}
		.yt-group-tab,
		ul.yt-group-tab-header li {
			border-color: @borderColor;
		}
	}
	[data-sortable="true"]{
		> *{
			cursor: move;
		}
	}
}

		






/*-------------------------------------------------------------------------------------------*/
/* Tipsy
/*-------------------------------------------------------------------------------------------*/
.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}

/* Rounded corners */
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
    border-bottom-color: #000;
}

.tipsy-arrow-s {
    border-top-color: #000;
}

.tipsy-arrow-e {
    border-left-color: #000;
}

.tipsy-arrow-w {
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

@media only screen and (max-width: 768px) {
	.yt-options-framework-panel-wrapper {
		#yt-main:before{
			display: none;
		}
	
		.yt-option{
			> *{
				width:100%;
				&.yt-explain {
					margin-top: 15px;
				}
			}
		}
		.yt-group h2:after{
			display:block;
			border-left:none;
			margin-left: 0;
			padding-left: 0;
		}
		#yt-content,
		#yt-form.yt-options-panel-fullsize #yt-content{
			margin-left:0;
			width:auto;
			border-left:none;
		}
		#yt-nav{
			background-color: #eee;
			width:100%;
			> ul{
				position:static !important;
			
			}
		}
		.yt-info-bar{	
			position:static !important;
		}
	
		#yt-nav > ul > li {
			float: left;
			width: 50%;
		}
		
		#yt-nav ul li ul{
			width:100%;
			float:none;
		}
		
		#yt-lets-get-social{
			display:none;
		}
	}
}
@media only screen and (max-width: 479px){
	
	.yt-options-framework-panel-wrapper {
		#yt-nav > ul > li {
			float: left;
			width: 100%;
			> a{
				padding: 15px;
			}
		}
	}
	
	#wp-admin-bar-yt-theme-options,
	.yt-options-framework-panel-wrapper .yt-save span,
	.yt-options-framework-panel-wrapper #yt-reset span{
		display:none;
	}
	
	.yt-metabox .yt-field-label,
	.yt-metabox .yt-controls{
		width:100%;
		float:none	
	}
	.yt-metabox .yt-field-label{
		margin-bottom:10px;
	}
	
	
}

@media only screen and (max-width: 960px){
	
}

/*Fixed styles*/
#yt_main_metabox_page_controls.postbox .inside{
	padding: 0 12px 0;
}

	

