/*

HOOK VARIABLES

@wpadmin_colors_0
@wpadmin_colors_1
@wpadmin_colors_2
@wpadmin_colors_3
@icon_colors_base
@icon_colors_focus
@icon_colors_current

*/

/* IMPORT */

@import "ff-mixins.less";

/* BASIC */

.ff-hidden-input 	{
	display: none;
}

span.description 	{
	font-size: 14px;
	color: #666666;
}

/* WIDGETS */

#widgets-right .widget table,
#widgets-right .widget table td,
#widgets-right .widget table th,
#widgets-right .widget table td p,
#widgets-right .widget table label 	{
	font-size: inherit;
	width: auto;
}

#widgets-right .widget table th 	{
	padding: 5px 0;
	display: block;
}

#widgets-right .widget table td 	{
	padding: 5px 0;
	display: block;
}

#widgets-right .widget h3.title 	{
	border-bottom: 1px solid #eeeeee;
	font-size: 14px;
	padding-bottom: 10px;
}

#widgets-right .widget .description 	{
	padding-right: 0;
	padding-left: 0;
	font-style: italic;
}

/* POSTBOX */

.postbox-container table,
.postbox-container table td,
.postbox-container table th,
.postbox-container table td p,
.postbox-container table label,

.postbox-container table input,
.postbox-container table select 	{
	font-size: inherit;
}

.postbox-container table th 	{
	padding: 14px 10px 12px 0;
}

.postbox-container table td 	{
	padding: 12px 0;
}

.postbox-container h3.title 	{
	padding-right: 0;
	padding-left: 0;
	cursor: default;
}

/* Media Queries
--------------------------------------------------------------------- */

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

	/* POSTBOX */

	.postbox-container table th 	{
		padding: 10px 0 5px 0;
		display: block;
		width: auto;
	}

	.postbox-container table td 	{
		padding: 5px 0 10px 0;
		display: block;
		width: auto;
	}

	.postbox-container table,
	.postbox-container table th,
	.postbox-container table td,
	.postbox-container table td p,
	.postbox-container table label,
	.postbox-container p 	{
		font-size: 14px;
	}

	.postbox-container table input,
	.postbox-container table select,
	.postbox-container h3.title 	{
		font-size: 16px;
	}
}

/* OPTIONS */

.ff-options.form-table 	{
	margin-top: 0;
	table-layout: fixed;
}

.ff-options .spinner 	{
	float: left;
	margin-top: 0;
	position: relative;
	top: 1px;
	float: none;
}

/* Select2 */ 

.ff-select2 .select2-results 	{
	max-height: 330px;
	font-size: 14px;
	line-height: 18px;
}

	/* Metabox styling */

	body.post-php .ff-select2 .select2-results 	{
		font-size: 13px;
		line-height: 18px;
	}

	.postbox-container .ff-select2 .select2-results 	{
		font-size: inherit;
	}

.ff-select2 .select2-results .select2-result-label 	{
	padding-top: 2px;
	padding-bottom: 2px;
}

.ff-select2.select2-container  	{
	margin: 0;
	width: 100%;
	min-width: 0px;
	max-width: 100%;
}

.ff-select2 .select2-choice 	{
	.border-radius(0);
	background: #ffffff;
	border-color: #dddddd;
	font-size: 14px;
	color: #333333;
}

.ff-select2 .select2-choice .select2-arrow 	{
	border-color: #dddddd;
	background: #ffffff;
	border: none;
}

.ff-select2.select2-dropdown-open .select2-choice .select2-arrow 	{
	background-color: transparent;
}

.ff-select2.select2-container-active .select2-choice,
.ff-select2.select2-container-active .select2-choices,
.ff-select2.select2-drop-active 	{
	border-color: #aaaaaa;
}

.ff-select2 .select2-choice .select2-arrow 	{
	width: 20px;
}

.ff-select2 .select2-choice .select2-arrow b 	{
	background-position: 2px 0;
}

.ff-select2 .select2-results li 	{
	margin: 0;
}

.ff-select2.select2-container-active .select2-choice,
.ff-select2.select2-container-active .select2-choices 	{
	.box-shadow(0 1px 2px rgba(0,0,0,0.1));
}

.ff-select2.select2-dropdown-open.select2-drop-above .select2-choice,
.ff-select2.select2-dropdown-open.select2-drop-above .select2-choices 	{
	background: none;
}

.ff-select2.select2-drop 	{
	.border-radius(0);
}

.select2-drop 	{
	z-index: 9999999 !important;
}

.select2-drop-mask 	{
	z-index: 9999998 !important;
}

.ff-select2.select2-container-active .select2-choice,
.ff-select2.select2-container-active .select2-choices,
.ff-select2.select2-drop-active 	{
	border-color: #999999;
}

.ff-select2 .select2-search-choice-close,
.ff-select2.select2-container-multi .select2-search-choice-close 	{
	margin-top: -2px;
	right: 3px;
	left: auto;
	.transition-duration(0s);
}

.ff-select2.select2-container-multi .select2-choices .select2-search-choice 	{
	background: #f5f5f5;
	border-color: #cccccc;
	padding: 2px 18px 2px 5px;
	margin: 3px 3px 1px 3px;
	font-size: 12px;
	.box-shadow(0 1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255,255,255,1) inset;);
	.border-radius(0);
}

.ff-select2.select2-container-multi .select2-choices .select2-search-choice-focus 	{
	background-color: #e2e2e2;
	border-color: #bababa;
}

.ff-select2.select2-container-multi .select2-choices 	{
	background: #ffffff;
	border-color: #dddddd;
}

.ff-select2.select2-container-multi.select2-dropdown-open .select2-choices,
.ff-select2.select2-container-active .select2-choices,
.ff-select2.select2-container-multi.select2-container-active .select2-choices 	{
	border-color: #5b9dd9;
	.box-shadow(0 0 2px rgba(30, 140, 190, 0.8));
}

.ff-select2.select2-container-multi .select2-choices 	{
	.box-shadow(0 1px 2px rgba(0, 0, 0, 0.07) inset);
}


.ff-select2.select2-container-multi .select2-choices .select2-search-field input 	{
	margin: 0;
	height: 26px;
}

.ff-select2-wrapper .ff-select2-value-wrapper 	{
	display: none;
}

.ff-select2-wrapper .ff-select2-shadow-wrapper 	{
 	display: none;
}

@media only screen 
and (max-width : 782px) {
	.ff-select2 .select2-choice 	{
		height: 34px;
		line-height: 32px;
		font-size: 16px;
	}

	.ff-select2 .select2-choice .select2-arrow b 	{
		background-position: 2px 4px;
	}

	.ff-select2.select2-container-multi .select2-choices .select2-search-field input 	{
		font-size: 16px;
		height: 32px;
		line-height: 32px;
		padding: 7px 10px;
	}

	.ff-select2.select2-container-multi .select2-choices .select2-search-choice 	{
		font-size: 14px;
		padding: 6px 22px 6px 9px;
	}

	.ff-select2 .select2-search-choice-close,
	.ff-select2.select2-container-multi .select2-search-choice-close 	{
		top: 8px;
	}

	.ff-select2.select2-container-multi .select2-search-choice:before 	{
		top: 6px;
	}
}

/*
====================================
====================================

COLOR/GRADIENT/ICON LIBRARIES

====================================
====================================
*/

/*
MODAL     ==========================
*/

.ff-modal-library .hidden  {
    display: none;
}

.ff-modal-library-items-container 	{
	bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 300px;
    top: 50px;
}

.ff-modal-library-items-group-title  {
    z-index: 1;
    position: relative;
    background-color: #f3f3f3;
}

.ff-modal-library-items-group-title label    {
    border-top: 1px solid #dfdfdf;
    padding: 14px 20px;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    .box-shadow(0 4px 4px -4px rgba(0, 0, 0, 0.1) inset);
}

.ff-modal-library-items-group-counter    {
    float: right;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
}

.ff-modal-library-items-group-counter-filtered  {
}

.ff-modal-library-items-group-counter-slash,
.ff-modal-library-items-group-counter-total  {
    opacity: 0.5;
}

.ff-modal-library-items-groups-titles-container{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 47px;
    z-index: 9;
}

.ff-modal-library-items-groups-titles-wrapper 	{
    width: 100%;
    overflow: hidden;
}

.ff-modal-library-items-group-items    {
    padding: 12px 8px;
    .clearfix();
}

.ff-modal-library-items-group-item    {
	float: left;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.ff-modal-library-items-group-item:hover,
.ff-modal-library-items-group-item-active 	{
	.box-shadow(0 0 0 1px #ffffff, 0 0 0 5px @wpadmin_colors_3;);
}

/* FONT ICON SIZE */
.ff-modal-library-items-group-item-size-calculation (@sizes) when (@sizes > 0) {
     
    .ff-modal-library-items-group-item-size-@{sizes} .ff-modal-library-items-group-item {
        width: round(((@sizes*3px)+30),7);
        height: round(((@sizes*3px)+30),7);
        line-height: round(((@sizes*3px)+30),7);
        font-size: round(((@sizes*0.5*3px)+18),7);
    }
     
    .ff-modal-library-items-group-item-size-calculation (@sizes - 1);
}
.ff-modal-library-items-group-item-size-calculation (19); //23

/* MEDIA LIBRARY SETTINGS (SIDEBAR) */

.media-sidebar .ff-modal-library-item-details-settings-row 	{
	.clearfix();
}

.media-sidebar .ff-modal-library-item-details-settings-th 	{
	width: 32%;
	margin-right: 4%;
	float: left;
	padding: 7px 0 0 0;
	color: #666666;
    font-weight: 400;
    line-height: 16px;
    min-height: 22px;
    text-align: right;
}

.media-sidebar .ff-modal-library-item-details-settings-td 	{
	/*margin-left: 34%;*/
	width: 64%;
	float: right;
	.clearfix();
}

.media-sidebar .ff-modal-library-item-details-settings-td input,
.media-sidebar .ff-modal-library-item-details-settings-td textarea 	{
	float: none;
	margin: 2px 0 4px 0;
	width: 99%;
	line-height: 16px;
    padding: 6px 8px;
    height: 26px;
    line-height: 26px;
}

.media-sidebar .ff-modal-library-item-details-settings-td select 	{
	float: none;
	margin: 2px 0 4px 0;
	width: 99%;
	line-height: 26px;
	padding: 3px 4px 2px 4px;
	height: 26px;
}

.media-sidebar .ff-modal-library-item-details-settings-td textarea 	{
	height: 80px;
	line-height: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.media-sidebar .ff-modal-library-item-details-settings-td .button 	{
    height: 26px;
    line-height: 22px;
    width: auto;
}

.media-sidebar .ff-modal-library-item-details-settings-td p 	{
    font-size: 12px;
    line-height: 16px;
    margin: 7px 0 4px;	
}

.media-sidebar .ff-modal-library-item-details-settings-td a 	{
	text-decoration: none;
}

.media-sidebar .ff-repeatable-modal-library-color-math-function 	{
	margin: 0;
	padding: 0;
}

.media-sidebar .ff-repeatable-item-modal-library-color-math-function 	{
	margin: 0;
	padding: 0;
	.clearfix();
}

.media-sidebar select.ff-modal-library-color-math-function-select 	{
	float: left;
	width: 48%;
	margin-right: 2%;
}

.media-sidebar input.ff-modal-library-color-math-function-value 	{
	float: left;
	width: 24%;
	margin-right: 2%;
}

.media-sidebar .ff-modal-library-color-math-function-unit 	{
	float: left;
	width: 7%;
}

.media-sidebar .ff-modal-library-color-math-function-remove 	{
	float: left;
	width: 16%;
	display: none;
}

.media-sidebar .ff-repeatable-item-modal-library-color-math-function:hover .ff-modal-library-color-math-function-remove 	{
	display: block;
}

.media-sidebar .ff-modal-library-color-math-function-remove:before 	{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
    font-family: 'dashicons';
    text-align: center;
    padding: 0;
    margin: 4px 0 4px 4px;
    font-size: 19px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    content: "\f158";
	color: #aaaaaa;
    cursor: pointer;
}

.media-sidebar .ff-modal-library-color-math-function-remove:hover:before 	{
    color: #aa0000;
}



/* COLOR LIBRARY MODAL */

/*
.ff-modal-library-color-picker .media-modal 	{
	max-width: 900px;
	max-height: 600px;
	margin: auto;
}*/

.ff-modal-library-item-color 	{
	width: 100%;
	height: 100%;
}

.ff-modal-library-color-picker .attachment-info .thumbnail 	{
	width: 120px;
	height: 120px;
}

/* FONT ICON SIZE */
.ff-modal-library-color-picker-items-group-item-size-calculation (@sizes) when (@sizes > 0) {
     
    .ff-modal-library-color-picker .ff-modal-library-items-group-item-size-@{sizes} .ff-modal-library-items-group-item {
        width: (100% / (@sizes + 2));
        padding-top: (100% / (@sizes + 2));
        height: 0;
        line-height: 0;
    }
     
    .ff-modal-library-color-picker-items-group-item-size-calculation (@sizes - 1);
}
.ff-modal-library-color-picker-items-group-item-size-calculation (19); //23

.ff-modal-library-color-picker .ff-modal-library-items-group-item 	{
	background-image: url('../images/checkerboard-library-button.png');
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ff-modal-library-color-picker .ff-modal-library-items-group-item 	{
		background-image: url('../images/checkerboard-library-button@2x.png');
		background-size: 32px 32px; /* equals the size of @1x version */
	}
}

.ff-modal-library-color-picker .ff-modal-library-items-group-item:hover,
.ff-modal-library-color-picker .ff-modal-library-items-group-item-active 	{
	.box-shadow(0 0 0 5px #ffffff, 0 0 0 1px #000000 inset, 0 0 0 6px #000000, 0 2px 4px 5px rgba(0, 0, 0, 0.4););
}

.ff-modal-library-color-picker .ff-modal-library-items-group-item-active 	{
	-webkit-animation: ff-modal-library-color-picker-items-group-item-active-animation 0.3s 1; /* Safari 4+ */
	-moz-animation:    ff-modal-library-color-picker-items-group-item-active-animation 0.3s 1; /* Fx 5+ */
	-o-animation:      ff-modal-library-color-picker-items-group-item-active-animation 0.3s 1; /* Opera 12+ */
	animation:         ff-modal-library-color-picker-items-group-item-active-animation 0.3s 1; /* IE 10+ */
	.scale(1);
}

@-webkit-keyframes ff-modal-library-color-picker-items-group-item-active-animation {
	0%{
		.transform(scale(1));
	}
	50%{
		.transform(scale(1.15));
	}
	100%{
		.transform(scale(1));
	}
}
@-moz-keyframes ff-modal-library-color-picker-items-group-item-active-animation {
	0%{
		.transform(scale(1));
	}
	50%{
		.transform(scale(1.15));
	}
	100%{
		.transform(scale(1));
	}
}
@-o-keyframes ff-modal-library-color-picker-items-group-item-active-animation {
	0%{
		.transform(scale(1));
	}
	50%{
		.transform(scale(1.15));
	}
	100%{
		.transform(scale(1));
	}
}
@keyframes ff-modal-library-color-picker-items-group-item-active-animation {
	0%{
		.transform(scale(1));
	}
	50%{
		.transform(scale(1.15));
	}
	100%{
		.transform(scale(1));
	}
}

.ff-modal-library-items-group-item-active 	{
	z-index: 1;
}

.ff-modal-library-items-group-item:hover 	{
	z-index: 2;
}

.ff-modal-library-items-group-item-color 	{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* EDIT COLOR SCREEN */

.ff-modal-library-color-editor .media-modal-backdrop 	{
	z-index: 160000+1;
}

.ff-modal-library-color-editor .media-modal 	{
	max-width: 756px;
	max-height: 378px;
	margin: auto;
	z-index: 160000+2;
}

.ff-modal-library-color-editor-ui 	{
	padding: 25px 17px;
}

.ff-modal-library-color-editor-ui table 	{
	border-collapse: collapse;
}

.ff-modal-library-color-editor-ui td 	{
	vertical-align: top;
	padding: 0;
}

.ff-modal-library-color-editor-label-left 	{
	width: 20px;
	display: inline-block;
}

.ff-modal-library-color-editor-ui input 	{
	width: 66px;
	margin: 0 0 8px 0;
}

.ff-modal-library-color-editor-label-right 	{
	width: 30px;
	display: inline-block;
}

.ff-colorlib-color-opacity-label-left 	{
	width: 55px;
}

input.ff-colorlib-color-opacity 	{
	width: 47px;
}

.ff-colorlib-color-opacity-label-right 	{
	width: 30px;
}

.ff-colorlib-color-hexcode-label-left 	{
	width: 15px;
}

input.ff-colorlib-color-hexcode 	{
	width: 67px;
}

.ff-modal-library-color-editor-ui .minicolors-swatch 	{
	display: none;
}

.ff-modal-library-color-editor-ui .minicolors-input 	{
	padding-left: 0 !important;
	padding-right: 14px !important;
}

.ff-modal-library-color-editor-ui .minicolors-panel 	{
	border-color: #000000;
}

.ff-colorlib-color-preview-wrapper 	{
	border: 1px solid #000000;
	width: 58px;
	margin-right: 14px;
	background-image: url('../images/checkerboard-library-button.png');
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ff-colorlib-color-preview-wrapper 	{
		background-image: url('../images/checkerboard-library-button@2x.png');
		background-size: 32px 32px; /* equals the size of @1x version */
	}
}

.ff-colorlib-color-preview-before,
.ff-colorlib-color-preview-after 	{
	display: block;
	width: 58px;
	height: 33px;
}

/*
BUTTONS   ==========================
*/

/* OPEN LIBRARY BUTTON - gradient, color, icon, image, background*/


.ff-open-image-library-button-wrapper 	{
	display: inline-block;
	line-height: 28px;
	height: 28px;
	margin: 2px 6px 6px 0;
	vertical-align: middle;
}

.ff-open-library-button,
a.ff-open-library-button {
	background-image: url('../images/checkerboard-library-button.png');
	background-position: 0 -2px;
	color: #555555;
	display: inline-block;
	text-decoration: none;
	font-size: 13px;
	margin: 0;
	line-height: 26px;
 	vertical-align: top;
	cursor: pointer;
	white-space: nowrap;
	-webkit-appearance: none;
	position: relative;
	.box-sizing(border-box);
	.border-radius(3px);
	.box-shadow(0 1px 0 rgba(0,0,0,.08));
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ff-open-library-button,
	a.ff-open-library-button 	{
		background-image: url('../images/checkerboard-library-button@2x.png');
		background-size: 32px 32px; /* equals the size of @1x version */
	}
}

.ff-open-library-remove 	{
	visibility: hidden;
}

.ff-open-image-library-button-wrapper:hover .ff-open-library-remove 	{
	visibility: visible;
}

.ff-open-library-remove:before 	{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
    font-family: 'dashicons';
    text-align: center;
    padding: 0;
    margin: 4px 0 4px 4px;
    font-size: 19px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    content: "\f158";
	color: #aaaaaa;
    cursor: pointer;
}

.ff-open-library-remove:hover:before 	{
    color: #aa0000;
}

.ff-open-library-button,
.ff-open-library-button span 	{
	.user-select(none);
}

.ff-open-library-button 	{
	.clearfix;
}

p .ff-open-library-button {
	vertical-align: baseline;
}

/* Remove the dotted border on :focus and the extra padding in Firefox */
.ff-open-library-button::-moz-focus-inner {
	border-width: 1px 0;
	border-style: solid none;
	border-color: transparent;
	padding: 0;
}

.ff-open-library-button:active {
	outline: none;
}

.ff-open-library-button.hidden {
	display: none;
}

.ff-open-library-button-preview,
.ff-open-library-button-title 	{
	display: block;
	float: left;
	border-color: #cccccc;
	height: 26px;
}

.ff-open-library-button-preview 	{
	/*padding: 0 0 1px 8px;*/
	border-width: 1px 0 1px 1px;
	border-style: solid;
	width: 36px;
	position: relative;
	/*overflow: hidden;*/
	.border-radius(3px 0 0 3px);
}

.ff-open-library-button-preview span 	{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	.border-radius(3px 0 0 3px);
}

.ff-open-library-button-preview-color 	{
	z-index: 0;
}

.ff-open-library-button-preview-gradient 	{
	z-index: 1;	
}

.ff-open-library-button-preview-image 	{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	z-index: 2;
}

.ff-open-library-button-preview-image-large-wrapper 	{
	background-image: url('../images/checkerboard-library-button.png');
	padding: 0;
	margin: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	border-radius: 0;
	display: none;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ff-open-library-button-preview-image-large-wrapper 	{
		background-image: url('../images/checkerboard-library-button@2x.png');
		background-size: 32px 32px; /* equals the size of @1x version */
	}
}

.ff-open-library-button-preview-image-large 	{
	display: block;
	margin: 0;
	padding: 0;
	border-radius: 0;
	border: 1px solid #222222;
}

.ff-open-image-library-button-wrapper:hover .ff-open-image-library-button 	{
	z-index: 5;
}

.ff-open-image-library-button:hover .ff-open-library-button-preview-image-large-wrapper 	{
	display: block;
}

.ff-open-image-library-button-wrapper.ff-empty .ff-open-library-button-preview-image-large-wrapper {
	display: none;
}

.ff-open-library-button-preview-icon 	{
	z-index: 3;
}

.ff-open-library-button-preview-icon:before 	{
	content: attr(title);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	background-color: #ffffff;
	.border-radius(3px 0 0 3px);
}

.ff-open-library-button-title 	{
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	padding: 0 8px 0 8px;
	background: #f7f7f7;
	.border-radius(0 3px 3px 0);
	.box-shadow(inset 0 1px 0 #ffffff);
}

.ff-open-library-button:hover .ff-open-library-button-preview,
.ff-open-library-button:hover .ff-open-library-button-title,
.ff-open-library-button.hover .ff-open-library-button-preview,
.ff-open-library-button.hover .ff-open-library-button-title {
	border-color: #999;
	color: #222;
}

.ff-open-library-button:hover .ff-open-library-button-title,
.ff-open-library-button.hover .ff-open-library-button-title {
	background: #fafafa;
}

.ff-open-library-button:active .ff-open-library-button-preview,
.ff-open-library-button:active .ff-open-library-button-title,
.ff-open-library-button.active .ff-open-library-button-preview,
.ff-open-library-button.active .ff-open-library-button-title {
	border-color: #999;
	color: #333;
}

.ff-open-library-button:active .ff-open-library-button-title,
.ff-open-library-button.active .ff-open-library-button-title {
	background: #eee;
	.box-shadow(inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ));
}

@media screen and ( max-width: 782px ) {

	.ff-open-library-button,
	a.ff-open-library-button {
		font-size: 14px;
		vertical-align: middle;
		height: auto;
		margin-bottom: 4px;
	}

	.ff-open-library-button .ff-open-library-button-preview 	{
		padding: 8px 14px;
	}

	.ff-open-library-button .ff-open-library-button-title 	{
		padding: 8px 14px;
	}

	.ff-open-library-button-preview-icon:before 	{
		font-size: 30px;
		line-height: 42px;		
	}
	
}

/* GRADIENT EDITOR */

.ff-gradient-editor-wrapper 	{
	padding: 0 0 20px 0;
}

.ff-gradient-editor 	{
	border: 1px solid #555555;
	width: 100%;
	height: 50px;
	position: relative;
}

.ff-gradient-editor-stop 	{
	position: absolute;
	bottom: -21px;
	width: 13px;
	margin-left: -6px;
	height: 20px;
	cursor: pointer;
}

.ff-gradient-editor-stop-arrow {
	width: 0; 
	height: 0; 
	border-bottom: 7px solid #555555;
	border-left: 7px solid transparent;
	border-right: 6px solid transparent;
	position: relative;
}

.ff-gradient-editor-stop-arrow:before {
	position: absolute;
	left: -6px;
	top: 1px;
	content: "";
	width: 0; 
	height: 0; 
	border-bottom: 6px solid #efefef;
	border-left: 6px solid transparent;
	border-right: 5px solid transparent;
}

.ff-gradient-editor-stop-swatch 	{
	border: 1px solid #666666;
}

.ff-gradient-editor-stop-swatch-color 	{
	border-width: 1px;
	border-style: solid;
	border-top-color: #efefef;
	border-right-color: #9e9e9e;
	border-bottom-color: #9e9e9e;
	border-left-color: #efefef;
	width: 9px;
	height: 9px;
}

.ff-gradient-editor-stop-active .ff-gradient-editor-stop-arrow,
.ff-gradient-editor-stop-active .ff-gradient-editor-stop-arrow:before 	{
	border-bottom-color: #333333;
}

.ff-gradient-editor-stop-active .ff-gradient-editor-stop-swatch 	{
	border-color: #333333;
}

/* REPEATABLE BOXED */

@repeatable-boxed-item-height: 43px;
@repeatable-boxed-item-lineheight: 18px;

.ff-repeatable-boxed-start 	{
	padding: 20px 40px;
	border: 2px dashed #cccccc;
	text-align: center;
	max-width: 936px;
}

.ff-repeatable-boxed .ff-repeatable-header,
.ff-repeatable-boxed .ff-repeatable-controls-top,
.ff-repeatable-boxed .ff-repeatable-controls-bottom,
.ff-repeatable-boxed .ff-repeatable-controls-bottom,
.ff-repeatable-boxed .ff-repeatable-handle,
.ff-repeatable-boxed .ff-repeatable-settings,
.ff-repeatable-boxed .ff-repeatable-settings-popup 	{
	.user-select(none);
}

.ff-repeatable-boxed 	{
	margin: 0 0 0 0;
	padding: 0;
	max-width: 940px;
	.box-shadow(0 1px 1px rgba(0, 0, 0, 0.04));
}

.ff-repeatable-boxed .ff-repeatable-template-holder 	{
	height: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 0 !important;
}

.ff-repeatable-boxed .ff-repeatable-header
.ff-repeatable-boxed .ff-repeatable-handle,
.ff-repeatable-boxed .ff-repeatable-settings 	{
	.user-select(none);
}

.ff-repeatable-boxed > .ff-repeatable-item 	{
	margin: 0;
	padding: 0 0 0 0;
	background-color: #ffffff;
	position: relative;
	border: 0 solid transparent;
	.transition(border 200ms linear);
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header 	{
	margin: 0 1px 0 1px;
	padding: 0;
	cursor: pointer;
	line-height: @repeatable-boxed-item-lineheight;	
	position: relative;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header:hover,
.ff-repeatable-boxed > .ff-repeatable-item-opened > .ff-repeatable-header,
.ff-repeatable-boxed > .ff-repeatable-item-hover > .ff-repeatable-header	{
	background-color: #f5f5f5;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header,
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-content 	{
	.clearfix;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header .ff-repeatable-header-table 	{
	border-collapse: collapse;
	line-height: @repeatable-boxed-item-lineheight;
	margin-right: 76px;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header .ff-repeatable-item-number 	{
	color: #aaaaaa;
	text-align: center;
	width: 38px;
	display: none;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header .ff-repeatable-title 	{
	font-size: 14px;
	cursor: move;
	color: #222222;
	font-weight: 600;
	padding: (@repeatable-boxed-item-height - @repeatable-boxed-item-lineheight + 1)/2 0 (@repeatable-boxed-item-height - @repeatable-boxed-item-lineheight + 1)/2 14px;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header .ff-repeatable-description 	{
	color: #aaaaaa;
	padding: (@repeatable-boxed-item-height - @repeatable-boxed-item-lineheight + 1)/2 0 (@repeatable-boxed-item-height - @repeatable-boxed-item-lineheight + 1)/2 14px;
	min-height: @repeatable-boxed-item-lineheight;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-content 	{
	position: relative;
	padding: 0px 1px; /* Can fix unwanted margin collapse when set to "1px" */
}

.ff-repeatable-boxed > .ff-repeatable-item-closed > .ff-repeatable-content 	{
	display: none;
}

.ff-repeatable-boxed > .ff-repeatable-item-opened > .ff-repeatable-content 	{
}

.ff-repeatable-boxed > .ff-repeatable-item 	{
	.box-shadow(1px 0 0 0 #e4e4e4 inset, -1px 0 0 0 #e4e4e4 inset, 0 -1px 0 0 #e5e5e5 inset;);
}

.ff-repeatable-boxed > .ff-repeatable-item:last-child 	{
	.box-shadow(1px 0 0 0 #e4e4e4 inset, -1px 0 0 0 #e4e4e4 inset, 0 -1px 0 0 #e4e4e4 inset;);
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-item 	{
	.box-shadow(0 1px 0 0 #e4e4e4 inset, 1px 0 0 0 #e4e4e4 inset, -1px 0 0 0 #e4e4e4 inset, 0 -1px 0 0 #e5e5e5 inset;);
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-item:last-child 	{
	.box-shadow(0 0 0 1px #e4e4e4 inset);
}

.ff-repeatable-boxed > .ff-repeatable-item-opened > .ff-repeatable-header 	{
	.box-shadow(0 -1px 0 0 #e5e5e5 inset);
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-item-opened > .ff-repeatable-header 	{
	.box-shadow(0 1px 0 0 #e4e4e4 inset, 0 -1px 0 0 #e5e5e5 inset;);
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header:hover 	{
	.box-shadow(1px 0 0 0 #e4e4e4, -1px 0 0 0 #e4e4e4, 0 -1px 0 0 #e5e5e5 inset, 0 -1px 0 0 #e5e5e5;);
}

.ff-repeatable-boxed > .ff-repeatable-item:last-child > .ff-repeatable-header:hover 	{
	.box-shadow(1px 0 0 0 #e4e4e4, -1px 0 0 0 #e4e4e4, 0 -1px 0 0 #e4e4e4 inset, 0 -1px 0 0 #e5e5e5;);
}

.ff-repeatable-boxed > .ff-repeatable-item-opened:last-child > .ff-repeatable-header:hover 	{
	.box-shadow(1px 0 0 0 #e4e4e4, -1px 0 0 0 #e4e4e4, 0 -1px 0 0 #e5e5e5 inset, 0 -1px 0 0 #e5e5e5;);
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-item > .ff-repeatable-header:hover 	{
	.box-shadow(1px 0 0 0 #e4e4e4, -1px 0 0 0 #e4e4e4, 0 -1px 0 0 #e5e5e5 inset, 0 1px 0 0 #e4e4e4 inset;);
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-item:last-child > .ff-repeatable-header:hover 	{
	.box-shadow(0 1px 0 0 #e4e4e4 inset, 0 -1px 0 0 #e4e4e4 inset;);
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-item.ff-repeatable-item-opened:last-child > .ff-repeatable-header:hover 	{
	.box-shadow(0 1px 0 0 #e4e4e4 inset, 0 -1px 0 0 #e5e5e5 inset;);
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-handle,
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-settings 	{
	position: absolute;
	top: 0;
	cursor: pointer;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-handle 	{
	right: 0;
    padding: 0;
    margin: 0;
    color: #aaaaaa;
    line-height: @repeatable-boxed-item-height;
    height: @repeatable-boxed-item-height;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-settings 	{
	right: 34px;
    padding: 0;
    margin: 0;
    color: #aaaaaa;
    line-height: @repeatable-boxed-item-height;
    height: @repeatable-boxed-item-height;
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-handle,
.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-settings 	{
    line-height: @repeatable-boxed-item-height + 1;
    height: @repeatable-boxed-item-height + 1;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-handle:after,
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-settings:after	{
    position: relative;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
    display: block;
    font-family: 'dashicons';
    text-align: center;
    padding: 0;
    font-size: 20px;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-handle:after 	{
    content: "\f140";
    position: relative;
    font-size: 22px;
    width: 30px;
    margin-right: 4px;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-settings:after 	{
    content: "\f111";
    position: relative;
    font-size: 18px;
    width: 26px;
    padding-left: 3px;
}

.ff-repeatable-boxed > .ff-repeatable-item-opened > .ff-repeatable-header > .ff-repeatable-handle:after 	{
    content: "\f142";
}

.ff-repeatable-boxed > .ff-repeatable-item-opened.ff-repeatable-item-popup-opened > .ff-repeatable-header > .ff-repeatable-handle:after 	{
    content: "\f140";	
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-handle:hover,
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header:hover > .ff-repeatable-handle 	{
	color: #777777;
	/*background: #e5e5e5;*/
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-settings:hover 	{
	color: #777777;
	/*background: #e5e5e5;*/
}

.ff-repeatable-boxed > .ff-repeatable-item.ui-sortable-placeholder 	{
	background: none;
	visibility: visible !important;
	opacity: 1 !important;
	margin: -1px 0 0 0;
	border-bottom: 1px dashed #999999;
	/*background-color: #dadada;*/
}

.ff-repeatable-boxed > .ff-repeatable-item.ui-sortable-placeholder:before 	{
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px dashed #999999;
	border-bottom: none;
}

.ff-repeatable-boxed > .ff-repeatable-item.ui-sortable-placeholder,
.ff-repeatable-boxed > .ff-repeatable-item.ui-sortable-placeholder > .ff-repeatable-header 	{
	.box-shadow(none);
}

.ff-repeatable-boxed > .ff-repeatable-item.ui-sortable-helper .ff-repeatable-controls-top,
.ff-repeatable-boxed > .ff-repeatable-item.ui-sortable-helper .ff-repeatable-controls-bottom 	{
	display: none;
}

.ff-repeatable-boxed > .ff-repeatable-item.ui-sortable-helper.ff-repeatable-item-closed > .ff-repeatable-header 	{
	margin: 0;
	.box-shadow(0 1px 2px 0 rgba(0,0,0,0.09), 0 0 0 1px #999999 inset;) !important;
}

.ff-repeatable-boxed > .ff-repeatable-item.ui-sortable-helper.ff-repeatable-item-opened 	{
	.box-shadow(0 1px 2px 0 rgba(0,0,0,0.09), 0 0 0 1px #999999 inset;);
}

.ff-repeatable-boxed > .ff-repeatable-item.ui-sortable-helper.ff-repeatable-item-opened > .ff-repeatable-header 	{
	margin: 0;
	.box-shadow(1px 0 0 0 #999999 inset, -1px 0 0 0 #999999 inset, 0 1px 0 0 #999999 inset;) !important;
}
/*
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header:hover 	{
	.box-shadow(0 -1px 0 0 #999999 inset, 1px 0 0 0 #999999, -1px 0 0 0 #999999, 0 -1px 0 0 #999999;) !important;
}*/

.ff-repeatable-boxed .ff-repeatable-boxed 	{
	margin: 20px 25px 40px 25px;
}

.ff-repeatable-boxed.ff-odd > .ff-repeatable-item 	{
	background-color: #fafafa;
}

.ff-repeatable-boxed.ff-odd > .ff-repeatable-item > .ff-repeatable-header:hover,
.ff-repeatable-boxed.ff-odd > .ff-repeatable-item-opened > .ff-repeatable-header 	{
	background-color: #f0f0f0;
}

.ff-repeatable-boxed.ff-odd > .ff-repeatable-item.ui-sortable-placeholder 	{
	background: none;
}

.ff-repeatable-boxed.ff-odd > .ff-repeatable-item > .ff-repeatable-header:hover,
.ff-repeatable-boxed.ff-odd > .ff-repeatable-item-opened > .ff-repeatable-header 	{
	background-color: #ededed;
}

.ff-repeatable-boxed.ff-odd > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-handle:hover 	{
	/*background: #e0e0e0;*/
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-content > .form-table 	{
	margin: 15px 25px 10px 25px;
	width: auto;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-top,
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-bottom 	{
	position: absolute;
	display: block;
	z-index: 2;
	margin: 0 0 0 -11px;
	padding: 0 0;
}

.ff-repeatable-boxed > .ff-repeatable-top-hover > .ff-repeatable-controls-top,
.ff-repeatable-boxed > .ff-repeatable-bottom-hover > .ff-repeatable-controls-bottom 	{
	display: block;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-top 	{
	top: -16px;
	left: 50%;
	padding-top: 4px;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-bottom 	{
	bottom: -14px;
	left: 50%;
	padding-bottom: 4px;
}

.ff-repeatable-boxed > .ff-repeatable-item:last-child > .ff-repeatable-controls-bottom 	{
	bottom: -15px;
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-item > .ff-repeatable-controls-top 	{
	top: -15px;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-top > .ff-repeatable-add-above,
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-bottom > .ff-repeatable-add-below 	{
	width: 12px;
	height: 12px;
	float: left;
	margin: 0;
	cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    line-height: 12px;
    text-align: center;
    padding: 5px;
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-top > .ff-repeatable-add-above:hover,
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-bottom > .ff-repeatable-add-below:hover 	{
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-top > .ff-repeatable-add-above,
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-bottom > .ff-repeatable-add-below 	{
	position: relative;
	.border-radius(99px);
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-top > .ff-repeatable-add-above:before,
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-bottom > .ff-repeatable-add-below:before 	{
	background-image: url('../images/repeatable_boxed_icon_plus.png');
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-top > .ff-repeatable-add-above:before,
	.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-bottom > .ff-repeatable-add-below:before 	{
		background-image: url('../images/repeatable_boxed_icon_plus@2x.png');
		background-size: 10px 10px; /* equals the size of @1x version */
	}
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-top > .ff-repeatable-add-above:before,
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-bottom > .ff-repeatable-add-below:before 	{
	content: " ";
	background-position: center center;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: #aaaaaa;
	.border-radius(99px);
}

.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-top > .ff-repeatable-add-above:hover:before,
.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-controls-bottom > .ff-repeatable-add-below:hover:before 	{
	background-color: #7bb66b;
}

.ff-repeatable-boxed > .ff-repeatable-item-popup-opened > .ff-repeatable-header > .ff-repeatable-settings 	{
	color: #777777;
}

/* ADD HOVER */

.ff-repeatable-boxed > .ff-repeatable-add-above-hover > .ff-repeatable-header 	{
	.box-shadow(0 -2px 0 0 #7bb66b) !important;
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-add-above-hover > .ff-repeatable-header 	{
	.box-shadow(0 -1px 0 0 #7bb66b) !important;
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-add-above-hover 	{
	.box-shadow(0 1px 0 0 #7bb66b inset, 1px 0 0 0 #e4e4e4 inset, -1px 0 0 0 #e4e4e4 inset, 0 -1px 0 0 #e5e5e5 inset;);
}

.ff-repeatable-boxed > .ff-repeatable-add-below-hover 	{
	.box-shadow(0 -1px 0 0 #7bb66b inset, 0 1px 0 0 #7bb66b, 1px 0 0 0 #e4e4e4 inset, -1px 0 0 0 #e4e4e4 inset;) !important;
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-add-below-hover 	{
	.box-shadow(0 -1px 0 0 #7bb66b inset, 0 1px 0 0 #7bb66b, 1px 0 0 0 #e4e4e4 inset, -1px 0 0 0 #e4e4e4 inset, 0 1px 0 0 #e4e4e4 inset;) !important;
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-add-above-hover.ff-repeatable-item-opened > .ff-repeatable-header 	{
	.box-shadow(0 1px 0 0 #7bb66b inset, 0 -1px 0 0 #e5e5e5 inset, 0 -1px 0 0 #7bb66b;) !important;
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-add-above-hover.ff-repeatable-item-closed:last-child > .ff-repeatable-header 	{
	.box-shadow(0 1px 0 0 #7bb66b inset, 0 -1px 0 0 #e4e4e4 inset, 0 -1px 0 0 #7bb66b;);
}

.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-add-above-hover.ff-repeatable-item-closed:last-child 	{
	.box-shadow(0 1px 0 0 #7bb66b inset, 0 -1px 0 0 #e4e4e4 inset, 1px 0 0 0 #e4e4e4 inset, -1px 0 0 0 #e4e4e4 inset;);
}

.ff-repeatable-boxed > .ff-repeatable-add-below-hover 	{
	z-index: 3;
}

.ff-repeatable-boxed > .ff-repeatable-add-animation > .ff-repeatable-controls-top,
.ff-repeatable-boxed > .ff-repeatable-add-animation > .ff-repeatable-controls-bottom 	{
	opacity: 0 !important;
}

@media only screen 
and (max-width : 600px) {
	.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header .ff-repeatable-title,
	.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header .ff-repeatable-description 	{
		display: block;
		padding-top: 0;
		padding-bottom: 0;
	}

	.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header .ff-repeatable-title 	{
		padding-top: 10px;
	}

	.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header .ff-repeatable-description 	{
		padding-bottom: 10px;
	}

	.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-handle 	{
	    line-height: @repeatable-boxed-item-height * 1.28;
	    height: @repeatable-boxed-item-height * 1.28;
	}

	.ff-repeatable-boxed > .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-settings 	{
	    line-height: @repeatable-boxed-item-height * 1.28;
	    height: @repeatable-boxed-item-height * 1.28;
	}

	.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-handle,
	.ff-repeatable-boxed > .ff-repeatable-template-holder + .ff-repeatable-item > .ff-repeatable-header > .ff-repeatable-settings 	{
		height: (@repeatable-boxed-item-height + 1) * 1.28;
		line-height: (@repeatable-boxed-item-height + 1) * 1.28;
	}
}

/* REPEATABLE LOGIC */

.ff-repeatable-logic-disabled 	{
	opacity: 0.5;
	position: relative;
}

.ff-repeatable-logic-disabled:after 	{
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.ff-repeatable-logic .ff-repeatable-template-holder 	{
	display: none;
}

.ff-repeatable-logic,
.ff-repeatable-logic .ff-repeatable-logic-item 	{
	margin: 0;
	padding: 0;
}

.ff-repeatable-logic 	{
	margin: 10px 0 0 0;
}

.ff-repeatable-logic.ff-repeatable-disabled 	{
	opacity: 0.3;
	position: relative;
}

.ff-repeatable-logic.ff-repeatable-disabled:after 	{
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.ff-repeatable-logic th, .ff-repeatable-logic td 	{
	display: table-cell !important;
}

.ff-repeatable-logic .ff-repeatable-content-type,
.ff-repeatable-logic .ff-repeatable-content-operator,
.ff-repeatable-logic .ff-repeatable-content-value,
.ff-repeatable-logic .ff-repeatable-content-add 	{
	opacity: 1;
	.transition(200ms opacity ease-out);
}

.ff-repeatable-logic .ff-repeatable-logic-item.ff-repeatable-remove-hover .ff-repeatable-content-type,
.ff-repeatable-logic .ff-repeatable-logic-item.ff-repeatable-remove-hover .ff-repeatable-content-operator,
.ff-repeatable-logic .ff-repeatable-logic-item.ff-repeatable-remove-hover .ff-repeatable-content-value,
.ff-repeatable-logic .ff-repeatable-logic-item.ff-repeatable-remove-hover .ff-repeatable-content-add 	{
	opacity: 0.3;
}

.ff-repeatable-logic .ff-repeatable-logic-item tr 	{
	.transition(100ms background ease-out);
}

.ff-repeatable-logic .ff-repeatable-logic-item.ff-repeatable-remove-hover tr 	{
	/* DO NOT DELETE OPTIONAL RED BG ON REMOVE HOVER
	background-color: #ff0000;
	background-color: rgba(255, 0, 0, 0.7);*/
}

.ff-repeatable-logic .ff-repeatable-logic-item,
.ff-repeatable-logic .ff-repeatable-logic-table 	{
}

.ff-repeatable-logic .ff-repeatable-logic-table 	{
	margin: 0 -4px;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

.ff-repeatable-logic .ff-repeatable-logic-table td 	{
	padding: 2px 4px;
	vertical-align: top;
}

.ff-repeatable-logic select 	{
	width: 100%;
	margin: 0;
}

.ff-repeatable-logic .ff-repeatable-logic-button-or 	{
	margin: 6px 0;
}

.ff-repeatable-logic .ff-repeatable-logic-button-remove 	{
	.transition(100ms color ease-out);
}

.ff-repeatable-logic .ff-repeatable-logic-button-remove,
.ff-repeatable-logic .ff-repeatable-logic-button-remove:focus,
.ff-repeatable-logic .ff-repeatable-logic-button-remove:active,
.ff-repeatable-logic .ff-repeatable-logic-button-remove:hover 	{
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
	width: auto;
	height: 32px;
	line-height: 32px;
	color: #aa0000;
	.box-shadow(none);
}

.ff-repeatable-logic .ff-repeatable-logic-button-remove:hover 	{
	color: #aa0000;
}

.ff-repeatable-logic .ff-repeatable-logic-button-remove:before 	{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
    font-family: 'dashicons';
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 19px;
    width: 33px;
    content: "\f158";
}

.ff-repeatable-logic .ff-repeatable-logic-button-remove 	{
	opacity: 0;
}

.ff-repeatable-logic .ff-repeatable-logic .ff-repeatable-logic-item:hover .ff-repeatable-logic-button-remove 	{
	opacity: 1;
}

.ff-repeatable-logic .form-table td fieldset label 	{
	margin: 1px 0 !important;
}

.ff-repeatable-logic .ff-repeatable-content-type 	{
	width: 30%;
}

.ff-repeatable-logic .ff-repeatable-content-operator 	{
	width: 20%;
}

.ff-repeatable-logic .ff-repeatable-content-value 	{
}

.ff-repeatable-logic .ff-repeatable-content-add 	{
	width: 45px;
}

.ff-repeatable-logic .ff-repeatable-content-remove 	{
	width: 22px;
	padding: 0 !important;
}

.ff-repeatable-logic .ff-select2.select2-container 	{
	width: 100%;
}

.ff-repeatable-logic .select2-search-choice 	{
	position: relative;
	margin-left: 22px !important;
}

.ff-repeatable-logic .select2-search-choice:before 	{
	content: "or";
	color: #666666;
	position: absolute;
	top: 2px;
	left: -20px;
}

/*.ff-repeatable-logic .select2-input,
.ff-repeatable-logic .select2-search-field 	{
	width: auto !important;
}*/

.ff-repeatable-logic .select2-search-choice:first-child 	{
	margin-left: 3px !important;
}

.ff-repeatable-logic .select2-search-choice:first-child:before 	{
	display: none;
}

.ff-repeatable-logic .ff-repeatable-content-value .spinner 	{
	width: 100%;
	background-position: center center;
}

.ff-repeatable-logic .select2-hidden {
    display: none !important;
}

.ff-repeatable-logic optgroup[label] 	{
	background-color: #f5f5f5;
}

.ff-repeatable-logic option 	{
	background-color: #ffffff;
}

.ff-repeatable-logic select option 	{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px !important;
}

.ff-modal-conditions .media-modal 	{
	max-width: 780px;
	max-height: 480px;
	margin: auto;
}

.ff-modal-logic 	{
	padding: 20px;
	font-size: 14px;
}

.ff-modal-logic .ff-repeatable-logic input[type="email"],
.ff-modal-logic .ff-repeatable-logic input[type="number"],
.ff-modal-logic .ff-repeatable-logic input[type="password"],
.ff-modal-logic .ff-repeatable-logic input[type="search"],
.ff-modal-logic .ff-repeatable-logic input[type="text"],
.ff-modal-logic .ff-repeatable-logic input[type="url"],
.ff-modal-logic .ff-repeatable-logic select,
.ff-modal-logic .ff-repeatable-logic textarea 	{
	font-size: 14px;
	margin: 0;
	height: 28px;
	line-height: 28px;
}

.ff-modal-logic .ff-repeatable-logic .ff-repeatable-logic-table select 	{
	margin-top: 0;
}

.ff-custom-code-logic-modal-wrapper 	{
	margin: 18px 0 20px 0;
}

.ff-custom-code-logic-modal-wrapper .button 	{
	line-height: 1.8 !important;	
}

.ff-custom-code-logic-modal-wrapper .logic-is-applied 	{
	position: relative;
	padding-left: 20px !important;
}

.ff-custom-code-logic-modal-wrapper .logic-is-applied:after 	{
	content: " ";
	position: absolute;
	top: 50%;
	left: 7px;
	width: 6px;
	height: 6px;
	margin: -3px 0 0 0;
	background-color: #55cc55;
	border-radius: 9px;
	.box-shadow(0 0 1px 0 #88cc88, 0 0 0 1px rgba(0,0,0,0.2) inset;);
}

@media only screen 
and (min-width : 782px) {

	.ff-repeatable-logic .ff-repeatable-content-type 	{
		width: 30%;
		min-width: 120px;
	}

	.ff-repeatable-logic .ff-repeatable-content-operator 	{
		width: 20%;
		min-width:  0px;
	}

}

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

	.ff-custom-code-logic-modal-wrapper .logic-is-applied 	{
		padding-left: 29px !important;
	}

	.ff-custom-code-logic-modal-wrapper .logic-is-applied:after 	{
		left: 12px;
		width: 8px;
		height: 8px;
		margin: -4px 0 0 0;
	}
	
}

/* ACTION TIP */

.ff-popup 	{
	display: none;
	position: absolute;
	width: 160px;
	z-index: 100000;
	text-align: left;
	background-color: #ffffff;
	line-height: 18px;
	color: #222222;
	cursor: pointer;
	.box-shadow(0 2px 3px 0 rgba(0,0,0,0.09));
}

.ff-popup-open 	{
	display: block;
}

.ff-popup-button-wrapper 	{
	margin: 0;
	padding: 0;
}

.ff-popup-button 	{
	padding: 8px 10px 8px 15px;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #bbbbbb;
}

.ff-popup-button-wrapper:first-child .ff-popup-button 	{
	border-top: 1px solid #bbbbbb;
}

.ff-popup-button-wrapper:last-child .ff-popup-button 	{
	border-bottom-color: #bbbbbb;
	color: #aa0000;
}

.ff-popup-button-wrapper:last-child .ff-popup-button:hover 	{
	color: #ffffff;
}

.ff-popup-button:hover 	{
	background-color: @wpadmin_colors_3;
	color: #ffffff;
}

.ff-popup-overlay 	{
	/*background: rgba(0,0,0,0.15);*/
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* MODAL */

.ff-media-modal {
	display:none;
}

.ff-modal-opened 	{
	display: block;
}

/* JSTREE */

.ff-jstree 	{
}

.ff-jstree .jstree-anchor 	{
	padding-right: 25px !important;
}

.ff-jstree.jstree-default .jstree-anchor.jstree-clicked 	{
	color: #ffffff;
}

.ff-jstree.jstree-default .jstree-wholerow-hovered 	{
	background: #e5e5e5;
}

.ff-jstree.jstree-default .jstree-wholerow-clicked 	{
	background: @wpadmin_colors_3;
}

.ff-jstree.jstree-default .jstree-icon:empty 	{
	width: 14px;
	padding-right: 4px;
}

.ff-jstree.jstree-default .jstree-icon.dashicons 	{
	color: @wpadmin_colors_3;
}

.ff-jstree.jstree-default .jstree-anchor,
.ff-jstree.jstree-default .jstree-wholerow 	{
	.transition(none) !important;
}

/*.ff-jstree .jstree-last .jstree-icon,*/
.ff-jstree .jstree-closed .jstree-icon,
.ff-jstree .jstree-opened .jstree-icon,
.ff-jstree .jstree-open .jstree-icon 	{
	background: none !important;
    .transition(none) !important;
}

/*.ff-jstree .jstree-last .jstree-icon:before,*/
.ff-jstree .jstree-closed .jstree-icon:before,
.ff-jstree .jstree-opened .jstree-icon:before,
.ff-jstree .jstree-open .jstree-icon:before 	{
    position: relative;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
    display: block;
    font-family: 'dashicons';
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-style: normal;
}

/*.ff-jstree .jstree-last > .jstree-icon:before,*/
.ff-jstree .jstree-closed > .jstree-icon:before,
.ff-jstree .jstree-opened > .jstree-icon:before	{
    content: "\f139";
}

/*.ff-jstree.jstree-default .jstree-last .jstree-wholerow-clicked + .jstree-icon:before,*/
/*.ff-jstree .jstree-node > .jstree-icon:before,*/
.ff-jstree .jstree-open > .jstree-icon:before	{
    content: "\f140";
}

/*.ff-jstree.jstree-default .jstree-last .jstree-wholerow-clicked + .jstree-icon,*/
.ff-jstree.jstree-default .jstree-closed .jstree-wholerow-clicked + .jstree-icon,
.ff-jstree.jstree-default .jstree-opened .jstree-wholerow-clicked + .jstree-icon, 
.ff-jstree.jstree-default .jstree-open .jstree-wholerow-clicked + .jstree-icon,
.ff-jstree.jstree-default .jstree-closed .jstree-wholerow-clicked + .jstree-icon + .jstree-anchor .jstree-icon.dashicons,
.ff-jstree.jstree-default .jstree-opened .jstree-wholerow-clicked + .jstree-icon + .jstree-anchor .jstree-icon.dashicons, 
.ff-jstree.jstree-default .jstree-open .jstree-wholerow-clicked + .jstree-icon + .jstree-anchor .jstree-icon.dashicons 	{
	color: #ffffff;
}
/*
.ff-jstree.jstree-default .jstree-loading > .jstree-icon 	{
	background: url('@{fresh-framework-url}framework/extern/jstree/themes/default/throbber.gif') no-repeat center center #f1f1f1 !important;	
}

.ff-jstree.jstree-default .jstree-loading > .jstree-icon:before {
	content: " ";
}*/

@jstree-line-height: 22px;


.ff-jstree.jstree-default .jstree-loading > .jstree-wholerow:before{
	position: absolute;
	top: 7px;
	right: 7px;
	content:' ';
	width: 7px;
	height: 7px;
	margin:auto;
	border-radius: 50%;
	opacity: 0;
	background: #ffffff !important;
	-webkit-animation: jstree-loading-animation 0.7s infinite; /* Safari 4+ */
	-moz-animation:    jstree-loading-animation 0.7s infinite; /* Fx 5+ */
	-o-animation:      jstree-loading-animation 0.7s infinite; /* Opera 12+ */
	animation:         jstree-loading-animation 0.7s infinite; /* IE 10+ */
	.scale(1);
}

@-webkit-keyframes jstree-loading-animation {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-moz-keyframes jstree-loading-animation {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@-o-keyframes jstree-loading-animation {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes jstree-loading-animation {
	0%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}



.ff-jstree.jstree-default .jstree-node 	{
	min-height: @jstree-line-height;
	line-height: @jstree-line-height;
}

.ff-jstree.jstree-default .jstree-wholerow 	{
	height: @jstree-line-height;
}

.ff-jstree.jstree-default .jstree-icon:empty 	{
	height: @jstree-line-height;
	line-height: @jstree-line-height;
}

.ff-jstree.jstree-default .jstree-anchor 	{
	height: @jstree-line-height;
	line-height: @jstree-line-height;	
}

.jstree-contextmenu 	{
	z-index: 4;
}

.jstree-contextmenu,
.jstree-contextmenu * 	{
	.transition(none) !important;
}

.jstree-contextmenu,
.jstree-contextmenu ul 	{
	min-width: 140px !important;
	background-color: #ffffff !important;
	color: #222222 !important;
	padding: 0 !important;
	border: none !important;
	line-height: 18px !important;
	margin-top: -@jstree-line-height !important;
	.box-shadow(0 2px 3px 0 rgba(0,0,0,0.09)) !important;
}

.vakata-contextmenu-sep,
.jstree-contextmenu i,
.jstree-contextmenu li.vakata-context-separator 	{
	display: none !important;
}

.jstree-contextmenu li 	{
	line-height: 18px !important;
	display: block !important;
	padding: 0 !important;
	margin: 0 !important;
	border-right: 1px solid #bbbbbb !important;
	border-bottom: 1px solid #dddddd !important;
	border-left: 1px solid #bbbbbb !important;
}

.jstree-contextmenu li:first-child 	{
	border-top: 1px solid #bbbbbb !important;
}

.jstree-contextmenu li:last-child,
.jstree-contextmenu li li:nth-child(2) 	{
	border-bottom-color: #bbbbbb !important;
}

.jstree-contextmenu > li:last-child > a 	{
	color: #aa0000 !important;
}

span.jstree-anchor input 	{
	height: @jstree-line-height !important;
	line-height: @jstree-line-height !important;
}

.jstree-contextmenu a 	{
	background: none !important;
	line-height: 18px !important;
	padding: 8px 15px 8px 35px !important;
	text-shadow: none !important;
}

.jstree-contextmenu a.vakata-context-parent 	{
	position: relative !important;
}

.jstree-contextmenu a.vakata-context-parent:before 	{
	content: "\f139";
    position: relative;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
    display: block;
    font-family: 'dashicons';
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-style: normal;
	position: absolute;
	top: 8px;
	right: 8px;
}

.jstree-contextmenu ul 	{
	margin-top: -35px !important;
	margin-left: -1px !important;
}

.jstree-contextmenu a:hover,
.vakata-context-hover a 	{
	.box-shadow(none) !important;
}

.jstree-contextmenu li:hover 	{
	background-color: @wpadmin_colors_3 !important;
}

.jstree-contextmenu li:hover > a 	{
	color: #ffffff !important;	
}