body.wpem-theme-preview {
	overflow-y: hidden;
}

.wpem-screen {
	background: #f1f1f1;

	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

body.wpem-screen.wpem-theme-preview {
	overflow-y: hidden;
}

.wpem-screen .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}

@keyframes spin {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}

.wpem-screen a:focus {
	box-shadow: none;
}

.wpem-screen .blockUI.blockMsg {
	border: none !important;
	background: none !important;
	top: calc(12% + 200px) !important;
}

.wpem-screen .blockUI.blockMsg h2 {
	border-bottom: none;
	margin: 0;
	font-size: 2em;
	font-weight: 600;
	color: #333;
}

.wpem-screen .blockUI.blockMsg .wpem-spinner-wrapper {
	width: 100%;
}

.wpem-screen .blockUI.blockMsg .wpem-spinner {
	width: 40px;
	height: 40px !important;
	margin: 0 auto;
	border: none !important;
	background: url(../images/spinner.png) no-repeat center center;
	background-size: contain;
	background-color: transparent !important;

	-webkit-animation: spin 1s linear infinite;
	   -moz-animation: spin 1s linear infinite;
	    -ms-animation: spin 1s linear infinite;
	        animation: spin 1s linear infinite;
}

.wpem-screen #wpbody-content iframe {
	border: none;
}

.wpem-screen #wpbody-content span.description {
	font-style: italic;
	font-size: 0.9em;
	line-height: 2em;
	color: #777;
}

.wpem-screen #wpbody-content label {
	font-weight: bold;
	line-height: 2em;
}

.wpem-screen #wpbody-content label.checkbox,
.wpem-screen #wpbody-content label.radio {
	font-weight: normal;
	margin-right: 10px;
}

.wpem-screen #wpbody-content .hidden {
	display: none;
}

/** WooCommerce settings **/
.wpem-step-settings .wpem-ecommerce-option-group {
	margin-top: 50px;
}

.wpem-step-settings .wpem-tooltip {
	position: relative;
	display: inline-block;
	margin-top: 5px;
}

.wpem-step-settings .wpem-tooltip .tooltiptext {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size :16px;
	visibility: hidden;
	width: 300px;
	background-color: #272727e0;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 10px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -160px;
}

.wpem-step-settings .wpem-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #272727e0 transparent transparent transparent;
}

/** Tax Rate Table **/
.wpem-step-settings table.tax-rates {
	width: 100%;
	font-size: 0.92em;
}

.wpem-step-settings table.tax-rates th {
	padding: 0;
	text-align: center;
	width: auto;
	vertical-align: middle;
}

.wpem-step-settings table.tax-rates td {
	border: 1px solid #f5f5f5;
	padding: 12px 6px;
	text-align: center;
	vertical-align: middle;
}

.wpem-step-settings table.tax-rates td.readonly {
	background: #f5f5f5;
	font-size: 1.15em;
}

.wpem-step-settings table tr.tax-rates td > p {
	margin-top: 0;
}

.wpem-step-settings .wpem-woocommerce-tax-details {
	margin-bottom: 16px;
}
/* End tax rate table */

.wpem-step-settings .wpem-tooltip:hover .tooltiptext {
	visibility: visible;
}

.wpem-screen #wpbody-content .wpem-woocommerce-payment-methods {
	margin-top: 0;
}

.wpem-screen #wpbody-content .wpem-woocommerce-payment-methods .description {
	float: left;
}

.wpem-screen #wpbody-content .wpem-woocommerce-payment-methods label.checkbox + br {
	display: none;
}

.wpem-screen #wpbody-content .wpem-woocommerce-payment-methods label.checkbox {
	float: left;
	margin-left: 0;
	margin-right: 1em;
}

	.wpem-screen #wpbody-content .wpem-woocommerce-payment-methods label.checkbox:last-child {
		margin-right: 0;
		margin-bottom: 0.5em;
	}

.wpem-screen #wpbody-content .wpem-woocommerce-tax-type {
	margin-left: 2em;
	margin-top: -10px;
}

	.wpem-screen #wpbody-content .wpem-woocommerce-tax-type .radio {
		display: block;
	}

.wpem-screen #wpbody-content input[type="text"],
.wpem-screen #wpbody-content input[type="url"],
.wpem-screen #wpbody-content input[type="number"],
.wpem-screen #wpbody-content input[type="email"],
.wpem-screen #wpbody-content input[type="password"],
.wpem-screen #wpbody-content textarea,
.wpem-screen #wpbody-content select,
.select2-container .select2-search .select2-search__field,
.select2-container .select2-selection {
	width: 100%;
	border: 1px solid #ddd;
	background-color: white;

	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
	   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
	        box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);

	-webkit-transition: .05s border-color ease-in-out;
	   -moz-transition: .05s border-color ease-in-out;
	        transition: .05s border-color ease-in-out;

	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.select2-container .select2-selection {
	border-radius: 0;
}

.select2-container .select2-dropdown {
	border-color: #ddd;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-results__option {
	color: #000;
}

.wpem-screen #wpbody-content input[type="text"],
.wpem-screen #wpbody-content input[type="url"],
.wpem-screen #wpbody-content input[type="number"],
.wpem-screen #wpbody-content input[type="email"],
.wpem-screen #wpbody-content input[type="password"],
.select2-container .select2-search .select2-search__field {
	padding: 0 8px;
	font-size: 1em;
	line-height: 2.5em;
	height: 2.5em;
}

.wpem-screen #wpbody-content select {
	-webkit-appearance: menulist;
}

.wpem-screen #wpbody-content select,
.select2-container .select2-selection,
.select2-container .select2-selection .select2-selection__rendered,
.select2-container .select2-selection .select2-selection__arrow {
	font-size: 1em;
	line-height: 2.5em;
	height: 2.5em;
}

.wpem-screen #wpbody-content textarea {
	padding: 8px;
	font-size: 1em;
	line-height: 1.5em;
	height: 6em;
	resize: none;
}

.wpem-screen #wpbody-content .lead-text {
	font-size: 1em;
}

.wpem-screen #wpbody-content section {
	margin: 16px 0;
	line-height: 1.5;
}

.wpem-screen #wpbody-content section.wpem-woocommerce-section-title,
.wpem-screen #wpbody-content h1 {
	margin-top: 0;
}

.wpem-screen #wpbody-content .align-center {
	text-align: center;
}

.wpem-screen #wpbody-content .align-right {
	text-align: center;
}

.wpem-screen #wpbody-content .align-left {
	text-align: left;
}

.wpem-screen #wpbody-content .wpem-actions {
	margin-top: 20px;
}

.wpem-screen #wpbody-content .wpem-actions .button {
	font-size: 1.25em;
	padding: .5em 1em;
	line-height: 1em;
	margin-right: .5em;
	height: auto;
}

.wpem-steps-list {
	padding: 0 0 24px;
	margin: 0;
	list-style: none;
	overflow: hidden;
	color: #ccc;
}

.wpem-steps-list a {
	color: #ccc;
}

.wpem-steps-list li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 0 1em;
	text-align: center;
	border-bottom: 4px solid #ccc;
	line-height: 1;
	font-size: 1em;
	text-transform: uppercase;
}

.wpem-steps-list li a {
	text-decoration: none;
}

.wpem-steps-list li:before {
	position: absolute;
	content: '';
	border: 4px solid #ccc;
	border-radius: 100%;
	width: 8px;
	height: 8px;
	bottom: 0;
	left: 50%;
	margin: 0 0 -10px -8px;
	background: #f1f1f1;
}

.wpem-steps-list li.active-step,
.wpem-steps-list li.done-step {
	border-color: #0073aa;
	color: #0073aa;
	font-weight: 600;
}

.wpem-steps-list li.active-step a,
.wpem-steps-list li.done-step a {
	color: #0073aa;
	font-weight: 600;
}

.wpem-steps-list li.active-step:before,
.wpem-steps-list li.done-step:before {
	border-color: #0073aa;
}

.wpem-steps-list li.done-step:before {
	background: #0073aa;
}

.wpem-notice-list {
	padding-left: 0;
}

.wpem-notice-list-item {
	padding-left: 10px;
	list-style: none;
	border-left: 4px solid;
	line-height: 28px;
	margin-bottom: 5px;
}

.wpem-notice-list-item.error-notice {
	border-color: #f00;
}

.wpem-notice-list-item.success-notice {
	border-color: #008a40;
}

.wpem-step-field-error input,
.wpem-step-field-error select,
.wpem-step-field-error textarea,
.wpem-step-field-error .wpem-inline-radio {
	background: #ffffe0;
}

.wpem-screen #logo {
	margin-bottom: 0;
	padding-bottom: 0;
}

.wpem-screen #wpbody-content {
	padding: 24px;
	background: #fff;
	zoom: 1;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
	        box-shadow: 0 1px 3px rgba(0,0,0,0.13);
}

.wpem-screen.wpem-step-theme #wpbody-content {
	padding: 24px 24px 0;
}

.wpem-screen #wpbody-content hr {
	margin: 25px 0;
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fafafa;
}

.wpem-screen .theme-browser {
	margin-top: 25px;
}

.wpem-screen .theme-browser .theme.active .select-theme {
	display: none;
}

.wpem-screen .theme-browser .theme .theme-screenshot img {
	-webkit-backface-visibility: hidden;
}

.wpem-screen .theme-browser .theme.hover {
	cursor: pointer;
}

.wpem-screen .theme-browser .theme.hover .theme-actions {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

.wpem-screen .theme-browser .theme.hover .theme-screenshot {
	background: #fff;
}

.wpem-screen .theme-browser .theme.hover .theme-screenshot img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	opacity: 0.4;
}

.wpem-screen .theme-browser .theme.hover .more-details {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

.wpem-screen .theme-install-overlay .close-full-overlay:before {
	font: normal 22px/1 dashicons;
	content: "\f335";
	position: relative;
	top: 7px;
	left: 13px;
}

.wpem-screen .theme-install-overlay .previous-theme:before {
	font: normal 20px/1 dashicons;
	content: "\f341";
	position: relative;
	top: 6px;
	left: 14px;
}

.wpem-screen .theme-install-overlay .next-theme:before {
	font: normal 20px/1 dashicons;
	content: "\f345";
	position: relative;
	top: 6px;
	left: 13px;
}


.wpem-screen .theme-install-overlay {
	font-size: 0.8em;
}

.wpem-screen .theme-install-overlay .install-theme-info {
	padding-bottom: 10px;
}

.wpem-screen .theme-install-overlay a {
	text-decoration: none;
}

.wpem-screen .theme-install-overlay p.description {
	font-size: 1em;
	font-style: italic;
	color: #777;
}

.wpem-screen .theme-install-overlay a.image-license:before {
	font-family: 'dashicons';
	font-size: 18px;
	content: "\f348";
	position: relative;
	top: 4px;
	padding-right: 4px;
}

.wpem-screen .woo-theme-help-link h4 {
	margin-bottom: 0;
	margin-top: 0;
}

.wpem-screen .woo-theme-help-link h4:before {
	font-family: 'dashicons';
	font-size: 18px;
	content: "\f155";
	position: relative;
	top: 2px;
	padding-right: 5px;
}

	.wpem-screen .woo-theme-help-link p {
		margin-top: 5px;
		color: #72777c;
		line-height: 20px;
	}

.theme-details .premium-theme-notice {
	float: left;
	margin-top: 1em;
	max-width: 100%;
}

.theme-details .woo-theme-help-link h4 {
	display: inline-block;
}

.wpem-header-images-list {
	padding: 0;
	margin: 0;
}

.wpem-header-images-list li {
	margin-bottom: 10px;
	list-style: none;
}

.wpem-header-images-list li a {
	position: relative;
	overflow: hidden;
	display: block;
	height: 85px;
}

.wpem-header-images-list li.selected a {
	outline: 3px solid #00a0d2;
}

.wpem-header-images-list li a img {
	position: absolute;
	top: -100%; right: 0; bottom: -100%; left: 0;
	margin: auto;
	width: 100%;
	height: auto;
}

/**
 * Sections
 */
.wpem-screen.wpem-step-theme #wpem-template-customizations-wrapper #sections {}

.wpem-screen.wpem-step-theme #wpem-template-customizations-wrapper #sections ul.section-titles {
	padding: 0;
	margin-left: -20px;
	width: 115%;
}

.wpem-screen.wpem-step-theme #wpem-template-customizations-wrapper #sections .section-title {
	list-style: none;
	position: relative;
	padding: 0;

	-webkit-transition: left ease-in-out .18s;
	        transition: left ease-in-out .18s;
}

	.wpem-screen.wpem-step-theme #wpem-template-customizations-wrapper #sections .section-title:hover > h3,
	.wpem-screen.wpem-step-theme #wpem-template-customizations-wrapper #sections .section-title.active > h3 {
		background: #f5f5f5;
		cursor: pointer;
	}

.wpem-screen.wpem-step-theme #wpem-template-customizations-wrapper #sections .section-title:first-child h3 {
	border-top: 1px solid #eee;
}

.wpem-screen.wpem-step-theme #wpem-template-customizations-wrapper #sections .section-title h3 {
	margin: 0;
	padding: 12px 40px 12px 20px;
	color: #555;
	font-size: 0.875em;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}

.wpem-screen.wpem-step-theme #wpem-template-customizations-wrapper #sections .section-title h3:after {
	content: "\f345";
	font: 400 20px/1 dashicons;
	position: absolute;
	top: 12px;
	right: 20px;
	z-index: 1;

	-webkit-transition: transform 200ms ease;
	   -moz-transition: transform 200ms ease;
	        transition: transform 200ms ease;
}

.wpem-screen.wpem-step-theme #wpem-template-customizations-wrapper #sections .section-title.active > h3:after {
	-webkit-transform: translate3d(0,0,0) rotate( 90deg );
	   -moz-transform: translate3d(0,0,0) rotate( 90deg );
	        transform: translate3d(0,0,0) rotate( 90deg );
}

.wpem-screen.wpem-step-theme #wpem-template-customizations-wrapper #hidden-sections > .hidden {
	display: none;
}
/** End Sections **/

/**
 * Color Scheme List
 */
.wpem-screen.wpem-step-theme .color-option {
	 display: inline-block;
	 width: 49%;
	 padding: 5px 15px 15px;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 margin-bottom: 3px;
	 cursor: pointer
}

.wpem-screen.wpem-step-theme .color-option.selected,.color-option:hover {
	 background: #ddd
}

.wpem-screen.wpem-step-theme .color-palette {
	 width: 100%;
	 border-spacing: 0;
	 border-collapse: collapse
}

.wpem-screen.wpem-step-theme .color-palette td {
	 height:25px;
	 width: 33%;
	 padding: 0;
	 border: none
}

.wpem-screen.wpem-step-theme .color-option.selected,
.wpem-screen.wpem-step-theme .color-option:hover {
	background: rgba(221, 221, 221, 0.5);
}

.wpem-screen.wpem-step-theme #tabs .ui-tabs-nav {
	padding: 0;
	margin: 0 0 1em 0;
	display: inline-block;
	float: left;
	width: 100%;
}

.wpem-screen.wpem-step-theme #tabs .ui-tabs-nav li {
	float: left;
	list-style: none;
	width: 50%;
}

.wpem-screen.wpem-step-theme #tabs .ui-tabs-nav li a {
	font-size: 1rem;
}
/* End Color Scheme List */

.wpem-screen .wp-full-overlay-header .button-primary {
	margin-top: 9px;
}

.wpem-screen input[type=checkbox]:checked:before,
.wpem-screen input[type=radio]:checked:before {
	float: left;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	font: 400 21px/1 dashicons;

	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wpem-screen input[type=checkbox]:checked:before {
	content: '\f147';
	margin: -3px 0 0 -4px;
	color: #1e8cbe;
}

	.wpem-screen input:disabled {
		opacity: 0.25;
	}

.wpem-screen #wpbody-content section.wpem-woocommerce-calc-shipping {
	margin-bottom: 0;
}

.wpem-screen #wpbody-content section.wpem-woocommerce-calc-taxes {
	margin-top: 0;
}

.wpem-screen input[type=checkbox],
.wpem-screen input[type=radio] {
	border: 1px solid #b4b9be;
	background: #fff;
	color: #555;
	clear: none;
	cursor: pointer;
	display: inline-block;
	line-height: 0;
	height: 16px;
	margin: -4px 4px 0 0;
	outline: 0;
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	width: 16px;
	min-width: 16px;

	-webkit-appearance: none;

	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);

	-webkit-transition: .05s border-color ease-in-out;
	    -moz-transition: .05s border-color ease-in-out;
	         transition: .05s border-color ease-in-out;
}

.wpem-screen input[type=radio] {
	border-radius: 50%;
	line-height: 10px;
}

.wpem-screen input[type=radio]:checked:before {
	content: '\2022';
	text-indent: -9999px;
	border-radius: 50%;
	font-size: 24px;
	width: 6px;
	height: 6px;
	margin: 4px;
	line-height: 16px;
	background-color: #1e8cbe;
}

.wpem-screen .wpem-pointer .button-primary {
	float: right;
}

.wpem-inline-radio label:not(:last-child) {
	margin-right: 20px;
}

.wpem-contact-social-grid {
	display: inline-block;
}

.wpem-contact-social-grid a {
	display: inline-block;
	margin: 8px;
	color: #aaa;
}

.wpem-contact-social-grid a:hover,
.wpem-contact-social-grid a.active {
	color: #0073aa;
}

.wpem-contact-social-grid i {
	font-size: 1.5em;
}

#wpem-contact-social-fields {
	margin: 14px 0 0;
}

#wpem-contact-social-fields p {
	margin: 0;
}

#wpem-contact-social-fields input {
	margin-bottom: 14px;
}

#wpem-contact-social-fields label i {
	margin-right: 6px;
}

/* Theme */
body.wpem-step-theme .wpem-header-images-list .load-more a {
	height: auto;
}

body.wpem-step-theme .wpem-header-images-list .load-more.spinner {
	visibility: visible !important;
}

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

	body.wpem-step-theme {
		min-width: 900px;
	}

}

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

	.wpem-screen .theme-browser .theme .theme-actions {
		display: block;
		opacity: 1;
	}

}

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

	html {
		margin: 0;
	}

	.wpem-screen {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

}

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

	html {
		background: #fff;
	}

	.wpem-screen {
		margin-bottom: 0;
		background: #fff;
	}

	.wpem-screen #wpbody-content {
		padding-bottom: 10px;
		overflow: hidden;

		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

}
