/**
 * Common class
 * *******************************************************
 */
.gsf-clearfix:after {
	content: '';
	display: block;
	clear: both;
}
.gsf-meta-box-wrap * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gsf-meta-box-wrap {
	position: relative;
}
.gsf-meta-box-wrap:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9998;
	background-color: rgba(0,0,0,0.2);
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.gsf-meta-box-wrap.in:before {
	visibility: visible;
	opacity: 1;
}
.gsf-meta-box-wrap-inner {
	display: table;
	table-layout: fixed;
	width: 100%;
	background-color: #fff;
	min-height: 120px;
}
.gsf-meta-box-wrap-loading {
	position: absolute;
	z-index: 9998;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.1em;
	background-color: #fff;
}
.gsf-meta-box-wrap-loading.in {
	opacity: 0;
	visibility: hidden;
}
.gsf-section-container {
	display: none;
}

.gsf-row { margin-left: -15px; margin-right: -15px; }
.gsf-col { float: left;}
.gsf-row:after {
	content: '';
	display: block;
	clear: both;
}
.gsf-col { padding-left: 15px; padding-right: 15px; }

.gsf-col-1 { width: 8.33333%; }

.gsf-col-2 { width: 16.66667%; }

.gsf-col-3 { width: 25%; }

.gsf-col-4 { width: 33.33333%; }

.gsf-col-5 { width: 41.66667%; }

.gsf-col-6 { width: 50%; }

.gsf-col-7 { width: 58.33333%; }

.gsf-col-8 { width: 66.66667%; }

.gsf-col-9 { width: 75%; }

.gsf-col-10 { width: 83.33333%; }

.gsf-col-11 { width: 91.66667%; }

.gsf-col-12 { width: 100%; }

@media screen and (max-width: 768px) { .gsf-col { width: 100%; } }

/** Button success **/
.wp-core-ui .button-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.wp-core-ui .button-success:focus,
.wp-core-ui .button-success.focus {
	color: #fff;
	background-color: #449d44;
	border-color: #255625;
}
.wp-core-ui .button-success:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}
.wp-core-ui .button-success:active {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}
.wp-core-ui .button-success:active:hover {
	color: #fff;
	background-color: #398439;
	border-color: #255625;
}
.wp-core-ui .button-success:active {
	background-image: none;
}
.wp-core-ui .button-success.disabled:hover,
.wp-core-ui .button-success[disabled]:hover,
.wp-core-ui .button-success.disabled:focus,
.wp-core-ui .button-success[disabled]:focus {
	background-color: #5cb85c;
	border-color: #4cae4c;
}

/** Button danger **/
.wp-core-ui .button-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #c33b36;
}
.wp-core-ui .button-danger:focus,
.wp-core-ui .button-danger.focus {
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19;
}
.wp-core-ui .button-danger:hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19;
}
.wp-core-ui .button-danger:active {
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19;
}
.wp-core-ui .button-danger:active:hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}
.wp-core-ui .button-danger:active {
	background-image: none;
}
.wp-core-ui .button-danger.disabled:hover,
.wp-core-ui .button-danger[disabled]:hover,
.wp-core-ui .button-danger.disabled:focus,
.wp-core-ui .button-danger[disabled]:focus {
	background-color: #5cb85c;
	border-color: #4cae4c;
}


.inside > .gsf-meta-box-wrap {
	margin: -6px -12px -12px;
}
.gsf-hidden-field {
	display: none !important;
}
.gsf-rotate-90deg {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

/**
 * Section
 * *******************************************************
 */
.gsf-sections {
	display: table-cell;
	vertical-align: top;
	width: 210px;
	border-right: solid 1px #e2e2e2;
}
.gsf-sections ul {
	margin: 0;
	padding: 0 0 100px;
	list-style: none;
}
.gsf-sections li {
	line-height: 1.6;
	padding: 0;
	border-bottom: solid 1px #e2e2e2;
	position: relative;
	background: #f3f3f3;
	z-index: 1;
	margin: 0;
}
.gsf-sections li:hover {
	background-color: #e5e5e5;
}
.gsf-sections li.active {
	left: 1px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.03);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.03);
}
.gsf-sections li a {
	display: block;
	padding: 8px 10px;
	font-size: 14px;
	font-weight: 500;
	color: #666;
	text-decoration: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.gsf-sections li.active > a {
	color: #0073aa;
}
.gsf-section-title {
	display: none;
	position: relative;
	border: solid 1px #ddd;
	background-color: #eee;
	padding: 10px;
	font-size: 14px;
	line-height: 22px;
	margin: 15px 0 0;
	cursor: pointer;
}
.gsf-section-title.in .gsf-section-title-toggle:before {
	content: '\f140';
}
.gsf-section-title-toggle {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	font-family: dashicons;
	border-left: solid 1px #ddd;
	width: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	color: #777;
	cursor: pointer;
}
.gsf-section-title-toggle:hover {
	color: #0073AA;
}
.gsf-section-title-toggle:before {
	content: '\f142';
}
.gsf-section-title.in .gsf-section-title-toggle:before {
	content: '\f140';
}

/**
 * Fields
 * *******************************************************
 */
.gsf-meta-box-fields-wrapper {
	display: table-cell;
	vertical-align: top;
	padding: 0 15px 15px;
	position: relative;
}
.gsf-meta-box-fields {
	padding-bottom: 20px;
}
.gsf-field {
	padding-top: 15px;
	padding-bottom: 10px;
}
.gsf-col-inner {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.gsf-label {
	display: table-cell;
	vertical-align: top;
	width: 220px;
	padding-right: 15px;
	padding-bottom: 5px;
}
.gsf-title {
	font-weight: 500;
	font-size: 14px;
}
.gsf-subtitle {
	margin-top: 5px;
	font-size: 13px;
	color: #777;
}
.gsf-desc {
	margin-top: 0;
	margin-bottom: 0;
	font-style: italic;
	color: #777;
}
.gsf-field-content {
	display: table-cell;
	vertical-align: top;
	padding-bottom: 5px;
}
.gsf-layout-inline + .gsf-layout-inline,
.gsf-layout-full + .gsf-layout-full {
	border-top: dashed 1px #f0f0f0;
	padding-top: 15px;
}

.gsf-layout-inline.gsf-field-info + .gsf-layout-inline,
.gsf-layout-full.gsf-field-info + .gsf-layout-full,
.gsf-layout-inline + .gsf-layout-inline.gsf-field-info,
.gsf-layout-full + .gsf-layout-full.gsf-field-info,
.gsf-layout-inline.gsf-field-group + .gsf-layout-inline.gsf-field-group,
.gsf-layout-full.gsf-field-group + .gsf-layout-full.gsf-field-group {
	border-top: 0;
}

.gsf-field-clone-sortable > .gsf-field-clone-item {
	padding-left: 25px;
}

.gsf-field-clone-item {
	position: relative;
	padding-right: 35px;
	margin-bottom: 10px;
}
.gsf-clone-button-remove {
	position: absolute;
	right: 0;
	top: 5px;
	background-color: #d23636;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}
.gsf-sortable-button {
	position: absolute;
	margin: auto;
	top: 5px;
	height: 20px;
	left: 0;
	color: #888;
	cursor: move;
}

.gsf-field.gsf-field-row {
	padding-top: 0;
	padding-bottom: 0;
}

/** Sortable **/
.gsf-field-clone-sortable-placeholder {
	height: 30px;
	margin-bottom: 5px;
	border: dashed 3px #ddd;
	padding: 3px;
	/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAATklEQVQoU2NkYGAwZmBgOMuAACA+CKCIMSIpADGRNaEYgKwQ3WQUjTCF6CYhWw2WAynEpgjmIpg7jUlSiM0TWK2GWUOUZ7ApxggeogIcABHJFtftKVfJAAAAAElFTkSuQmCC);*/
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.76' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	background-clip: content-box;
}
.gsf-field-panel-clone > .gsf-field-clone-sortable-placeholder {
	height: 50px;
	margin-bottom: 10px;
}
/** Group **/
.gsf-field-group-title {
	position: relative;
	margin: 0;
	border: solid 1px #ddd;
	background-color: #f2f2f2;
	padding: 5px 15px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
	cursor: pointer;
}
.gsf-field-group.in > .gsf-field-group-title > .gsf-field-group-title-toggle:before {
	content: '\f132';
}
.gsf-field-group-title-toggle {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	font-family: "dashicons";
	border-left: solid 1px #ddd;
	width: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #777;
	cursor: pointer;
}
.gsf-field-group-title-toggle:hover {
	color: #0073AA;
}
.gsf-field-group-title-toggle:before {
	content: '\f460';
}
.gsf-field-group-content {
	border: solid 1px #ddd;
	padding: 0 15px 15px;
}
.gsf-field-group .gsf-label {
	width: 205px;
}
.gsf-field-group .gsf-field-group .gsf-label,
.gsf-field-panel .gsf-field-group .gsf-label{
	width: 190px;
}

/** Repeater **/
.gsf-field-repeater-title {
	font-weight: 500;
	margin-bottom: 5px;
}
.gsf-field-repeater-subtitle {
	color: #777;
}
.gsf-field-repeater .gsf-field {
	padding-top: 0;
	padding-bottom: 0;
}
.gsf-field-repeater .gsf-field-content {
	padding-bottom: 0;
}
.gsf-field-repeater .gsf-field-clone-item {
	margin-bottom: 5px;
}
.gsf-row.gsf-field-repeater-is-clone {
	padding-right: 35px;
}
.gsf-row.gsf-field-repeater-is-sortable {
	padding-left: 25px;
}
.gsf-field-repeater-footer {
	margin-bottom: 10px;
}

/** Panel **/
.gsf-field-panel-title {
	position: relative;
	margin: 0;
	border: solid 1px #ddd;
	background-color: #f2f2f2;
	padding: 5px 15px;
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
}
.gsf-field-panel-title-sortable {
	cursor: move;
}
.gsf-field-panel.in .gsf-field-panel-title > .gsf-field-panel-title-toggle:before {
	content: '\f132';
}
.gsf-field-panel-clone-item.in .gsf-field-panel-title > .gsf-field-panel-title-toggle:before {
	content: '\f132';
}
.gsf-field-panel-title-toggle {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	font-family: dashicons;
	border-left: solid 1px #ddd;
	width: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #777;
	cursor: pointer;
}
.gsf-field-panel-title-toggle:hover {
	color: #0073AA;
}
.gsf-field-panel-title-toggle:before {
	content: '\f460';
}
.gsf-field-panel-content {
	border: solid 1px #ddd;
	padding: 0 15px 15px;
}
.gsf-field-panel .gsf-label {
	width: 205px;
}
.gsf-field-panel-title .gsf-clone-button-remove {
	right: 34px;
	width: 34px;
	height: 32px;
	border-radius: 0;
	display: block;
	top: 0;
	background-color: transparent;
	border-left: solid 1px #ccc;
	text-align: center;
	color: #777;
	cursor: pointer;
}
.gsf-field-panel-title .dashicons-no-alt {
	line-height: 32px;
	font-size: 20px;
	display: inline;
	font-weight: 300;
}
.gsf-field-panel-clone.gsf-field-clone-sortable > .gsf-field-clone-item {
	padding-left: 0;
}
.gsf-field-panel-clone > .gsf-field-clone-item {
	padding-right: 0;
}
.gsf-field-panel-title-text {
	display: block;
	padding-right: 70px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@media screen and (max-width: 768px){
	.gsf-sections {
		display: none;
	}
	.gsf-section-container {
		display: block!important;
	}
	.gsf-section-title {
		display: block;
	}
	.gsf-section-inner {
		display: none;
		padding: 10px;
		border: solid 1px #eee;
	}

	.gsf-col-layout-inline {
		display: block;
	}
	.gsf-col-layout-inline > .gsf-label {
		display: block;
		width: auto;
	}
	.gsf-col-layout-inline > .gsf-field-content {
		display: block;
	}
}

/**
 * Other Field Style Sheet
 * *******************************************************
 */
.gsf-field .wp-picker-container {
	position: relative;
}
.gsf-field .wp-picker-container .iris-picker {
	box-sizing: content-box;
}
.gsf-field .iris-picker .iris-square-handle {
	top: 0;
	left: 0;
}
.gsf-field .wp-picker-holder {
	position: absolute;
	z-index: 1000;
	margin-top: -7px;
}
.gsf-field .wp-color-result {
	height: 27px;
}
.gsf-field .wp-color-result:after {
	line-height: 25px;
}
.gsf-field .wp-picker-container input[type=text].wp-color-picker {
	line-height: 20px;
}
.gsf-field .wp-picker-input-wrap .wp-picker-clear {
	height: 27px;
	line-height: 25px;
}
.gsf-field span.wp-picker-input-wrap {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1001;
	width: 257px;
	margin-left: 10px;
	margin-top: 5px;
	white-space: nowrap;
}
.gsf-field .wp-picker-holder .iris-picker {
	padding-top: 33px;
}
.gsf-field .iris-border .iris-picker-inner {
	top: 40px;
}

/** Selectize Field **/
.gsf-field .selectize-control {
}
.gsf-field .selectize-control .selectize-input{
	display: inline-block;
	width: 280px;
	max-width: 100%;
}
.gsf-selectize-edit-link,
.gsf-selectize-create-link {
	margin-left: 10px!important;
}
.gsf-field .selectize-dropdown .optgroup-header {
	font-size: 1.1em!important;
	border-bottom: solid 1px #ddd!important;
}
.gsf-field .selectize-remove {
	position: absolute;
	right: 30px;
	top: 4px;
	color: #808080;
}

.gsf-field .selectize-control.single .selectize-input,
.gsf-field .selectize-input {
	border: 1px solid #aaa;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
	background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
	background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
	background-image: -o-linear-gradient(#eee 1%, #fff 15%);
	background-image: linear-gradient(#eee 1%, #fff 15%);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

.gsf-field .selectize-control.single .selectize-input.dropdown-active,
.gsf-field .selectize-input.dropdown-active {
	border: 1px solid #5897fb;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.gsf-field .selectize-control.multi .selectize-input [data-value] {
	line-height: 16px;
	color: #fff;
}

.gsf-field .selectize-control.repositories::before {
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	content: ' ';
	z-index: 2;
	position: absolute;
	display: block;
	top: 7px;
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(../images/spinner.gif);
	background-size: 16px 16px;
	opacity: 0;
}

.gsf-field .selectize-control.repositories.single::before {
	right: 30px;
}

.gsf-field .selectize-control.repositories.loading::before {
	opacity: 0.4;
}
.gsf-field-select_ajax-inner .selectize-control {
	width: auto;
}

#post-body #normal-sortables {
	min-height: 0;
}


.loader,
.loader:before,
.loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	color: #32A5DC;
	font-size: 10px;
	margin: 20px auto 0;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 0;
}
.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
	left: 3.5em;
}
@-webkit-keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
@keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
.gsf-col-layout-full {
	display: block;
}
.gsf-col-layout-full > .gsf-label {
	display: block;
	width: auto;
	padding-right: 0;
}
.gsf-col-layout-full > .gsf-field-content {
	display: block;
}