.woostify-sites-modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10001;
	width: 90%;
	height: 90vh;
	max-width: 1200px;
}

.elementor-template-library-template-remote .elementor-template-library-template-preview {
	width: 100%;
}

.wooostify-template-library-templates-container .woostify-template-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.wooostify-template-library-templates-container .woostify-template-wrapper img {
	max-width: 100%;
}

.wooostify-template-library-templates-container .woostify-template-wrapper .image-wrapper {
	padding: 30px 50px;
}

.theme-name {
	font-weight: 600;
}

.elementor-templates-modal .dialog-widget-content.woostify-widget-content {
	position: unset;
}

.wooostify-template-library-templates-container {
	max-height: 90vh;
	overflow-y: scroll;
}

.elementor-add-woostify-site-button {
	background-color: #333;
}

#woostify-template-library-header-actions {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#woostify-template-library-header-actions .elementor-templates-modal__header__item {
	background: #0085ba;
	border-color: #0073aa #006799 #006799;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 #006799;
	box-shadow: 0 1px 0 #006799;
	color: #fff;
	cursor: pointer;
	padding: 8px 15px;
	text-decoration: none;
}

#woostify-template-library-header-actions .elementor-templates-modal__header__item:not(:last-child) {
	margin-right: 15px;
}

.elementor-templates-modal__header__item.loading:before {
	-webkit-animation: spin 0.5s linear infinite;
	/* Safari */
	animation: spin 0.5s linear infinite;
	border: 3px solid #f3f3f3;
	border-radius: 50%;
	border-top: 3px solid #3498db;
	content: "";
	display: block;
	height: 20px;
	margin-right: 8px;
	width: 20px;
}

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

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

#woostify-template-library-header-preview-back {
	cursor: pointer;
}

#woostify-template-library-header-preview-back i {
	margin-right: 5px;
}

.elementor-template-library-filter-toolbar {
	margin: 20px;
}

.no-result {
	padding: 50px 20px;
	text-align: center;
	width: 100%;
}

.woostify-template-library-favorite {
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.woostify-template-library-favorite .woostify-favorite-template-input {
	cursor: pointer;
	opacity: 0;
	position: absolute;
	z-index: 1;
}

.woostify-template-library-favorite .favorite-label {
	z-index: -1;
}

.woostify-template-library-favorite .favorite-label .eicon-heart {
	color: #93003c;
}

.woostify-template-library-favorite .favorite-label .eicon-heart-o:hover {
	color: #93003c;
}

.woostify-link-favorite {
	color: #495157;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: 30px;
}

.woostify-list-favorite-wrapper {
	width: 100%;
}

.list-favorite {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.item-header {
	padding: 0 20px;
	text-transform: uppercase;
}

.elementor-template-library-template-pages .elementor-template-library-template-body {
	height: 200px;
	overflow: hidden;
}

.elementor-template-library-template-remote .elementor-template-library-template-screenshot {
	min-height: 45px;
}

.no-favorite {
	display: block;
	padding: 20px 20px 20px 50px;
}

.elementor-add-woostify-site-button {
	background: url("../images/logo-icon.png");
	display: block;
}

.elementor-template-library-template-remote.elementor-template-library-pro-template .elementor-template-library-template-body:before {
	background-color: #93003c;
	border-radius: 2px;
	color: #d5dadf;
	content: "Pro";
	font-size: 9px;
	padding: 2px 4px 0;
	position: absolute;
	right: 5px;
	text-transform: uppercase;
	top: 5px;
}