:root {
	--pt-header-height: 60px;
	--pt-mainbar-width: 60px;
	--view-transition-duration: 0s;
	--pt-font-size-xs: 10px;
	--pt-font-size-sm: 12px;
	--pt-font-size: 14px;
	--pt-font-size-lg: 16px;
	--pt-headings-color: #2A363B;
	--pt-text-color: #606367;
	--pt-text-muted-color: #8C8F93;
	--pt-placeholder-color: #cacaca;
	--pt-main-bg: #F6F6F6;
	--pt-border-color: #E3E3E3;
	--pt-primary: #2A363B;
	--pt-secondary: #E3E3E3;
	--pt-tertiary-color: #BFBFBF;
	--pt-border-radius: 7px;
	--pt-border-radius-lg: 15px;
	--pt-ia-start-color: #A7D0FF;
	--pt-ia-end-color: #CCA2FF;
}

/* Builder modal */
.builder-modal {
	font-family: 'Poppins', sans-serif;
	font-size: var(--pt-font-size);
	color: var(--pt-text-color);
}

.builder-modal h1,
.builder-modal h2,
.builder-modal h3,
.builder-modal h4,
.builder-modal h5,
.builder-modal h6 {
	font-family: 'Poppins', sans-serif;
	color: var(--pt-headings-color) !important;
}

.builder-modal h2 {
	font-size: 25px;
	font-weight: 500;
	margin: 10px;
}

.builder-modal h2+h3 {
	font-size: var(--pt-font-size-sm);
	font-weight: 300;
	margin: 0;
}

.builder-modal .modal-body-inner {
	text-align: left;
	margin-top: 20px;
}

.builder-modal .modal-dialog .modal-content {
	background: var(--pt-main-bg);
	border-radius: 0px !important;
	box-shadow: none !important;
	border: 1px solid transparent !important;
}

.builder-modal .modal-dialog .modal-content .modal-body {
	padding: 25px 35px;
	text-align: center;
}

.builder-modal .modal-dialog .modal-content .modal-body label {
	font-weight: normal;
	white-space: normal;
}

.builder-modal .modal-dialog .modal-content .modal-body .modal-title {
	font-size: 24px;
	font-weight: 500;
	color: #000;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
}

.builder-modal .modal-dialog .modal-content .modal-body .modal-subtitle {
	position: relative;
	top: -15px;
	text-align: left;
}

.builder-modal .modal-90 {
	width: 90%;
}

.builder-modal .modal-100 {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 30px;
	position: fixed;
	top: 0;
	left: 0;
}

.builder-modal .modal-dialog.modal-100 .modal-content {
	width: 100%;
	height: calc(100vh - 60px);
	top: 0;
	left: 0;
	border-radius: var(--pt-border-radius-lg) !important;
	border: 35px solid transparent;
	box-sizing: border-box;
}

.builder-modal :-webkit-input-placeholder {
	color: inherit;
	text-transform: none;
	letter-spacing: 0px;
	font-size: inherit;
	font-weight: 200;
}

.builder-modal :-moz-placeholder {
	color: inherit;
	text-transform: none;
	letter-spacing: 0px;
	font-size: inherit;
	font-weight: 200;
}

.builder-modal :-moz-placeholder {
	color: inherit;
	text-transform: none;
	letter-spacing: 0px;
	font-size: inherit;
	font-weight: 200;
}

.builder-modal :-ms-input-placeholder {
	color: inherit;
	text-transform: none;
	letter-spacing: 0px;
	font-size: inherit;
	font-weight: 200;
}

.builder-modal .close,
.builder-modal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: 1 !important;
	cursor: pointer;
	padding: 0;
}

.builder-modal .modal-footer-note {
	font-size: var(--pt-font-size-sm);
	color: var(--pt-text-muted-color);
	margin-top: 50px;
}

.builder-modal .modal-footer-note i {
	position: relative;
	top: 1px;
	font-size: var(--pt-font-size-sm);
}

.builder-modal .modal-footer-note a {
	color: var(--pt-text-muted-color);
}

.builder-modal .close::before,
.builder-modal-close::before {
	content: "\e646";
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 14px;
	line-height: 18px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.builder-modal div .btn + .btn {
	margin-left: 16px;
}

.builder-modal .searchbox {
	display: flex;
	flex-flow: row;
	width: 700px;
	max-width: 50vw;
}

.builder-modal-with-content {
	text-align: center;
}

.builder-modal-with-content .super-hero {
	position: relative;
	display: block;
	font-size: 84px;
	color: var(--primary);
	width: 100px;
	height: 100px;
	margin: 70px auto;
}

.builder-modal-with-content .super-hero i {
	display: block;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	margin: 50px auto;
	background: var(--primary);
	color: #fff;
	box-sizing: content-box;
	font-size: 50px;
	line-height: 100px;
	position: relative;
	z-index: 3;
}

.builder-modal-with-content .super-hero::after {
	content: '';
	display: block;
	position: absolute;
	top: -25px;
	left: -25px;
	border-radius: 100%;
	background: var(--primary);
	opacity: .15;
	width: 150px;
	height: 150px;
	z-index: 2;
}

.builder-modal-with-content .super-hero::before {
	content: '';
	display: block;
	position: absolute;
	top: -50px;
	left: -50px;
	border-radius: 100%;
	background: var(--primary);
	opacity: .15;
	width: 200px;
	height: 200px;
	z-index: 1;
}

.builder-modal-with-content .hero {
	font-size: 84px;
}

.builder-modal-with-content .hero-danger {
	color: var(--danger);
}

.builder-modal-with-content h2 {
	margin-bottom: 10px;
}

.builder-modal-with-content .form-group-actions {
	padding-top: 10px;
}

.builder-modal-alert .modal-dialog {
	width: auto;
}

.builder-modal-alert .modal-body {
	text-align: center;
	min-width: 400px;
}

.builder-modal-alert .modal-body i.main-icon {
	font-size: 84px;
	color: var(--pt-primary);
	margin-bottom: 18px;
}

.builder-modal-alert .modal-body i.main-icon.text-success {
	color: var(--success);
}

.builder-modal-alert .modal-body i.main-icon.text-warning {
	color: var(--warning);
}

.builder-modal-alert .modal-body i.main-icon.text-danger {
	color: var(--danger);
}

.builder-modal-alert .modal-body h2 {
	margin-bottom: 8px;
}

.builder-modal-alert .modal-body .text {
	margin-bottom: 0px;
	color: var(--gray);
}

.builder-modal-alert .modal-body a.link,
.builder-modal .modal-body a.link {
	color: var(--pt-primary) !important;
	text-decoration: underline !important;
}

.builder-modal-alert .modal-body .modal-actions {
	margin-top: 30px;
}

/*
.builder-modal-alert .modal-body .modal-actions .btn {
	font-size: 14px;
	height: 50px;
	line-height: 38px;
	padding: 6px 35px;
}
*/

.builder-modal {
	text-align: center;
	padding: 0 !important;
}

@media all and (min-width: 980px) {
	.builder-modal:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -4px;
	}
}

.builder-modal .btn-default:not(.btn-sm):not(.btn-lg),
.builder-modal .btn-primary:not(.btn-sm):not(.btn-lg) {
	min-width: 160px;
}


#builder-modal-loading .loader-icon {
	width: 100%;
	height: 100px;
	background: url(/assets/backend/img/loader2-lg.gif) no-repeat center;
	background-size: 60px;
	margin-bottom: 5px;
}

#builder-modal-loading .modal-body {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
	min-width: 216px;
	min-height: 216px;
	padding: 15px;
}

#builder-modal-loading .modal-body .text {
	font-size: 14px;
	font-weight: 500;
	color: var(--pt-headings-color);
}

#builder-modal-loading .modal-body h2 {
	display: none;
}

/* Buttons */
.backend .btn-w100 {
	width: 100%;
}

.backend .btn,
.backend .btn-w100 {
	max-width: 470px;
}

@media all and (max-width: 980px) {
	.backend .btn-lg {
		padding: 20px 45px;
	}
}

/* Loader image */
.builder-modal .loader img {
	width: 80px;
}

/* Butons container */
.backend .buttons-container {
	display: grid;
    column-gap: 16px;
    grid-template-columns: 1fr;
}

.backend .buttons-container:has(.btn + .btn) {
	grid-template-columns: 1fr 1fr;
	max-width: 470px;
}

/* Buttons group */
.btn-group:not(.btn-group-color):not(.btn-group-buttons) {
	display: inline-flex;
	flex-flow: row;
	border: 4px solid var(--pt-secondary);
	border-radius: var(--pt-border-radius);
	background: var(--pt-secondary);
}

.multilanguage_wrapper .btn-group:not(.btn-group-color):not(.btn-group-buttons) {
	display: inline-block;
}

.btn-group:not(.btn-group-color) .btn {
	border-radius: 4px !important;
	box-shadow: none !important;
	background-color: var(--pt-secondary) !important;
	padding: 9px 20px;
	margin: 0 !important;
	height: unset;
	min-width: unset !important;
}

.btn-group:not(.btn-group-color):not(.btn-group-buttons) .btn.active:not(.btn-primary) {
	background: #fff !important;
	color: var(--pt-primary) !important;
}

.actions .btn-group:not(.btn-group-color):not(.btn-group-buttons) {
	border: none;
	background-color: transparent;
}

.actions .btn-group:not(.btn-group-color):not(.btn-group-buttons) .btn {
	background: var(--pt-secondary) !important;
	border: none;
	margin: 0 3px !important;
	padding: 14px;
}

.actions .btn-group:not(.btn-group-color):not(.btn-group-buttons) .btn i {
	margin: 0;
}

.btn-group-ia-options {
	text-align: center;
}

/* IA tonos */
.btn-group-ia-options {
	margin: 0 auto;
	text-align: center;
}

.btn-group-ia-options .btn i {
	font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.btn-group-ia-options .btn:has([data-tono="cercano"]) i::before {
	content: "\e71f";
}

.btn-group-ia-options .btn:has([data-tono="neutral"]) i::before {
	content: "\e6c2";
}

.btn-group-ia-options .btn:has([data-tono="formal"]) i::before {
	content: "\e651";
}

/* Miniapps dropdown */
.miniapps-dropdown {
	margin-left: 14px;
}

.miniapps-dropdown [data-label] {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 12px 12px 12px 18px;
	background: #F5E2E1;
	color: #DC3620;
	border-radius: var(--pt-border-radius);
	text-decoration: none !important;
	min-width: 128px;
}

.miniapps-dropdown [data-label] i {
	font-size: 11px;
	font-weight: bold;
}

.miniapps-dropdown a {
	font-weight: bold !important;
	text-transform: uppercase;
}

.miniapps-dropdown {
	margin-left: 14px;
}

.miniapps-dropdown a {
	display: flex;
	align-items: center;
	font-size: 12px;
}

.miniapps-dropdown [data-label] {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 12px 12px 12px 18px;
	background: #F5E2E1;
	color: #DC3620;
	border-radius: 7px;
	text-decoration: none !important;
	min-width: 128px;
}

.miniapps-dropdown [data-label="web"] {
	background: #F5E2E1 !important;
	color: #DC3620 !important;
}

.miniapps-dropdown [data-label="blog"] {
	background: #F7F1D2;
	color: #F0C600;
}

.miniapps-dropdown [data-label="catalogo"] {
	background: #D3E2EF;
	color: #4894CF;
}

.miniapps-dropdown [data-label="portafolio"] {
	background: #D3EFEF;
	color: #0EC2C9;
}

.miniapps-dropdown [data-label="ofertas"] {
	background: #E3E3E3;
	color: #2A363B;
}

.miniapps-dropdown [data-label] + i {
	font-size: 18px;
	color: var(--gray);
}

/* Card */
.card-columns {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1rem;
}

.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	background-color: #fff;
	border-radius: var(--pt-border-radius);
}

.card.card-secondary {
	background-color: var(--pt-secondary);
}

.card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: var(--pt-secondary);
	border-bottom: 1px solid var(--pt-secondar);
	border-radius: var(--pt-border-radius) var(--pt-border-radius) 0 0;
}

.card-body {
	padding: 15px;
}

.card-footer {
	padding: 0 15px 15px 15px;
}

.card .list-group {
	margin: 0;
}

.card .list-group-item {
	border: none;
	border-bottom: 1px solid var(--pt-main-bg);
	margin-bottom: 1px;
}

.card .list-group-item:last-child {
	border: none;
	margin: 0;
}

/* List group item */
.list-group-item-header {
	list-style: none;
	font-size: 20px;
}

/* External links */
a.btn.external-link::after {
	content: "\e65a";
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	position: relative;
	top: 4px;
	left: 6px;
}

a:not(.btn).external-link::after {
	content: "\e732";
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: inherit;
	position: relative;
	top: 0px;
	left: 5px;
	display: inline-block;
	text-decoration: none !important;
}

/* Ptmodal */
.pt1-modal {
	position: fixed;
	width: 475px;
	height: 430px;
	visibility: hidden;
	z-index: 100;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #666;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .2);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
}

.pt1-modal.resizable {
	position: fixed !important;
}

.pt1-modal.visible {
	visibility: visible;
}

.pt1-modal .pt1-modal-header {
	font-family: 'Poppins', sans-serif;
	font-size: var(--pt-font-size);
	font-weight: 500;
	color: var(--pt-headings-color);
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	cursor: default;
	cursor: -webkit-grab;
}

.pt1-modal.ui-draggable-dragging .pt1-modal-header {
	cursor: -webkit-grabbing;
}

.pt1-modal .pt1-modal-header .close-modal {
	position: absolute;
	right: 10px;
	top: 10px;
	text-decoration: none !important;
	color: #666;
}

.pt1-modal .pt1-modal-body {
	overflow: hidden !important;
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	height: calc(100% - 100px);
	text-align: left;
}

.pt1-modal .pt1-modal-body .pt1-modal-content {
	margin: 0 15px 15px 15px;
}

.pt1-modal .pt1-modal-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 66px;
	text-align: center;
	padding: 15px;
}

/* En Safari no podemos usar la regla anterior por lo que la ocultamos, aunque el modal no quede centrado */
.browser-safari .builder-modal:before {
	display: none;
}

.builder-modal .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	border-radius: var(--pt-border-radius-lg);
	overflow: hidden;
}

@media all and (max-width: 980px) {
	.builder-modal .modal-dialog {
		max-width: 90%;
	}
}

/* Switch */
.switch label {
	cursor: pointer;
}

.switch label input[type=checkbox] {
	opacity: 0;
	width: 0;
	height: 0;
}

.switch [type="checkbox"]:not(:checked),
.switch [type="checkbox"]:checked {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.switch label .lever {
	content: "";
	display: inline-block;
	position: relative;
	width: 36px;
	height: 14px;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 15px;
	margin-right: 10px;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	vertical-align: middle;
	margin: 0 16px;
}

.switch label .lever:before {
	background-color: rgba(255, 255, 255, .3);
}

.switch label .lever:before,
.switch label .lever:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	left: 0;
	top: -3px;
	-webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
	transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
	transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
	transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}

.switch label .lever:after {
	background-color: #F1F1F1;
	-webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.switch label .lever:before,
.switch label .lever:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	left: 0;
	top: -3px;
	-webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
	transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
	transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
	transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}

.switch label input[type=checkbox]:checked+.lever:before,
.switch label input[type=checkbox]:checked+.lever:after {
	left: 18px;
}

.switch label input[type=checkbox]:checked+.lever:after {
	background-color: #4b89dc;
}

/* Multi language */
.section-multilanguage img.flag,
.builder-modal img.flag
{
	margin-left: 5px;
	width: 16px;
}

/* Form check */
.form-check-bg {
	position: relative;
	padding: 14px 20px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: start;
	border-radius: var(--pt-border-radius);
	background-color: #fff;
	color: var(--pt-headings-color);
}

.form-check-bg:has(.secondary) {
justify-content: space-between;
}

.form-check-bg .primary {
	display: flex;
	align-items: center;
}

.form-check-bg .secondary {
	font-size: var(--pt-font-size-sm);
	color: var(--pt-text-muted-color);
	user-select: none;
}

.form-check-bg input[type="radio"],
.form-check-bg input[type="checkbox"] {
	margin: 0 15px 0 0;
	cursor: pointer;
}

.form-check-bg input[type="radio"] {
	width: 22px;
	height: 22px;
}

.form-check-bg input[type="checkbox"] {
	width: 16px;
	height: 16px;
}

.form-check-bg label {
	margin: 0;
	user-select: none;
	cursor: pointer;
}

/* Block file upload */
.block-file-upload-container {
	margin: 0 0 15px 0;
	max-width: 420px;
	width: 100%;
}

.block-file-upload-container .block-file-upload-inner {
	display: block;
	border-radius: 20px;
	background: transparent;
	font-size: inherit;
	height: auto;
}

.block-file-upload-container .block-file-upload-inner .btn {
	width: 100%;
}

.block-file-upload-container.uploading .block-file-upload-inner {
	display: inline-block;
}

.block-file-upload-container .block-file-upload-inner:has(.btn-image-search) {
	display: grid;
	column-gap: 16px;
	grid-template-columns: 1fr 1fr;
}

.block-file-upload-container .block-file-upload-inner:has(.btn-image-search):has(.btn-ia-generation) {
	display: grid;
	column-gap: 16px;
	grid-template-columns: 110px 110px 1fr;
}

.block-file-upload-container .block-file-upload-inner .btn-ia-generation {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	background: transparent linear-gradient(73deg, var(--pt-ia-start-color) 0%, var(--pt-ia-end-color) 100%) 0% 0% no-repeat padding-box !important;
	padding-left: 18px;
	padding-right: 18px;
}

.block-file-upload-container .block-file-upload-inner .btn-ia-generation img {
	width: 20px;
    margin-right: 5px;
}

.block-file-upload-container.uploading .block-file-upload-inner {
	display: block !important;
}

.block-file-upload-container.uploading .btn-upload,
.block-file-upload-container.uploading .btn-image-search,
.block-file-upload-container.uploading .btn-ia-generation {
	display: none;
}

.block-file-upload-container .uploading-progress {
	display: none;
	width: 100%;
	min-width: 100px;
	height: 36px;
	padding: 0 17px;
	line-height: 36px;
}

.block-file-upload-container.uploading .uploading-progress {
	display: block;
}

.block-file-upload-container.uploaded .block-file-upload-inner {
	display: inline-block;
	width: 100%;
	height: auto;
	border-radius: 4px;
	overflow: hidden;
}

.block-file-upload-container.uploaded .block-file-upload-inner img,
.block-file-upload-container.uploaded .block-file-upload-inner video {
	display: none;
	width: 100%;
}

.block-file-upload-container.uploaded:not([data-type="image"]) .block-file-upload-inner video {
	display: block;
	border-radius: var(--pt-border-radius);
}

.block-file-upload-container.uploaded[data-type="image"] .block-file-upload-inner img {
	display: block;
	background: #888 url("/assets/backend/img/bg-for-transparent-bg.png");
	border-radius: var(--pt-border-radius);
}

.block-file-upload-container.uploaded .block-file-upload-inner .actions {
	display: grid;
	column-gap: 16px;
	grid-template-columns: 1fr 1fr;
	padding-top: 10px;
}

.block-file-upload-container.uploaded:not([data-type="image"]) .block-file-upload-inner .actions {
	grid-template-columns: 1fr;
}

.block-file-upload-container.uploaded:not([data-type="image"]) .block-file-upload-inner .btn-edit {
	display: none;
}

.block-file-upload-container.uploading .block-file-upload-inner {
	padding: 16px 0;
	height: auto;
	border-radius: 4px;
	text-align: center;
	grid-template-columns: 1fr;
	background: var(--pt-secondary);
	border-radius: var(--pt-border-radius);
	width: 100%;
}

/* Builder image search */
#builder-modal-images-search input {
	margin: 0;
}

#builder-modal-images-search .modal-body-scrollable {
	overflow: auto;
	max-height: calc(100vh - 180px);
	margin-top: 10px;
}

#builder-modal-images-search .images-container ul {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#builder-modal-images-search .images-container ul li img {
	width: 100%;
	border-radius: var(--pt-border-radius);
	cursor: pointer;
	transition: all .2s;
}

#builder-modal-images-search .images-container ul li img:hover {
	opacity: .7;
}

#builder-modal-images-search .load-more-images {
	display: none;
	margin: 20px 0;
	text-align: center;
}

#builder-modal-images-search .loading-message {
	display: none;
	margin-top: 10px;
	text-align: center;
}

#builder-modal-images-search .loading-message .sk-circle {
	margin: 10px auto;
}

#builder-modal-images-search .loading-message.loading-message-top {
	width: 100%;
	height: 70vh;
}

#builder-modal-images-search .powered a {
	font-size: 10px;
	font-weight: 200;
	color: #1b1b22;
	margin-top: 7px;
	display: block;
	text-align: right;
}

@media all and (max-width: 455px) {
	#builder-modal-images-search .images-container ul li {
		width: 100%;
	}
}

/* Dropdown */
.backend ul.dropdown-menu a {
	color: var(--gray);
}

.backend .dropdown-menu .dropdown-header {
	padding: 12px 15px;
	font-size: 14px;
	font-weight: 500;
	color: var(--gray);
}

.backend .dropdown-menu {
	font-size: inherit;
	background-color: var(--pt-secondary);
	padding: 7px;
	border: none;
	border-radius: 0;
	max-height: 80vh;
	overflow-y: auto;
	border-radius: var(--pt-border-radius);
}

.backend .dropdown-menu>li:not(.view)>a {
	padding: 7px 15px;
	border-radius: var(--pt-border-radius);
	color: var(--pt-headings-color) !important;
	text-decoration: none !important;
}

.backend .dropdown-menu>li:not(.view)>a:hover {
	background-color: var(--pt-main-bg);
}

.backend .dropdown-menu>li.view {
	display: block;
	padding: 7px 15px;
}

.backend .dropdown-menu>li.view.view-md {
	width: 300px;
}

.backend .dropdown-menu>li.view>a {
	color: var(--primary);
}

/* Link control */
.link-control-container {
	position: relative;
}

.link-control-container input {
	padding-right: 10px;
}

.link-control-container i {
	cursor: pointer;
	color: #666;
	background: #f3f3f3;
	position: absolute;
	width: 44px;
	height: 44px;
	top: 0px;
	right: 0px;
	font-size: 16px;
	text-align: center;
	line-height: 44px;
}

/* Simple popover */
.simple-popover {
	font-family: 'Poppins', sans-serif;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: all .25s;
	z-index: 950;
}

.simple-popover.visible {
	display: block !important;
	visibility: visible;
	opacity: 1;
}

.simple-popover .simple-popover-window {
	position: absolute;
	top: 40%;
	padding: 20px;
	background: var(--pt-main-bg);
	width: auto;
	max-width: 600px;
	max-height: calc(100vh - 60px);
	overflow: auto;
	border-radius: var(--pt-border-radius-lg);
}

.simple-popover .simple-popover-window .items[data-style="grid"] {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
}

.simple-popover .simple-popover-window.select-image .items[data-style="grid"] figure {
	margin: 0;
}

.simple-popover .simple-popover-window.select-image .items[data-style="grid"] .item {
	margin: 7px;
}

.simple-popover .simple-popover-window::-webkit-scrollbar {
	display: block;
	width: 10px;
}

.simple-popover .simple-popover-window::-webkit-scrollbar-button {
	display: none;
}

.simple-popover .simple-popover-window::-webkit-scrollbar-track {
	background-color: #00000000;
}

.simple-popover .simple-popover-window::-webkit-scrollbar-track-piece {
	background-color: #00000000;
}

.simple-popover .simple-popover-window::-webkit-scrollbar-thumb {
	background-color: transparent;
	border: 3px solid transparent;
	border-radius: 24px;
	box-shadow: 3px 0px 0px 3px rgba(0, 0, 0, .5) inset;
	backdrop-filter: invert(1);
}

.simple-popover.visible .simple-popover-window {
	animation: opening-simple-popover .2s;
}

.simple-popover .close {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 14px;
	height: 14px;
	background: url(/assets/common/img/close-icon.png) no-repeat center;
	opacity: 1 !important;
}

.simple-popover .simple-popover-window.select-image .item {
	margin-bottom: 25px;
}

.simple-popover .simple-popover-window.select-image .item:last-child {
	margin-bottom: 0px;
}

.simple-popover .simple-popover-window.select-image input[type="radio"] {
	display: none;
}

.simple-popover .simple-popover-window.select-image label {
	display: block;
	position: relative;
	font: normal 13px 'Poppins', sans-serif;
	color: var(--gray);
	border: 2px solid transparent;
	border-radius: var(--pt-border-radius);
	margin: 0;
}

.simple-popover .simple-popover-window.select-image figure {
	position: relative;
}

.simple-popover .simple-popover-window.select-image figure:has(figcaption) {
	margin-top: 40px;
}

.simple-popover .simple-popover-window.select-image figure figcaption {
	position: absolute;
	width: 100%;
	top: -25px;
	font-weight: normal;
}

.simple-popover .simple-popover-window.select-image figure img {
	cursor: pointer;
	width: 100%;
	border-radius: var(--pt-border-radius-lg);
	border: 3px solid transparent;
}

.simple-popover .simple-popover-window.select-image input[type="radio"]:checked+label figure img {
	border: 3px solid var(--pt-primary);
}

.simple-popover .simple-popover-window.select-image input[type="radio"]:checked+label figure:before {
	content: "\e64c";
	display: inline-block;
	background: var(--pt-primary);
	color: #fff;
	width: 21px;
	height: 21px;
	position: absolute;
	top: 8px;
	right: 8px;
	font-family: 'themify';
	font-size: 14px;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-radius: var(--pt-border-radius);
	line-height: 21px;
	text-align: center;
	font-weight: bold;
}

.simple-popover-button,
.simple-popover2 {
	display: block;
	cursor: pointer;
	height: auto;
	line-height: 34px;
	padding: 0px;
	color: var(--gray);
	background: #fff;
	font-size: 14px;
	border-radius: var(--pt-border-radius);
	overflow: hidden;
	max-width: 370px;
}

.simple-popover-button img,
.simple-popover2 img {
	width: 100%;
	border-radius: var(--pt-border-radius);
}

.simple-popover-button .popover-text,
.simple-popover2 .popover-text {
	display: none;
}

.simple-popover-button.small {
	width: 150px;
}

@keyframes opening-simple-popover {
	from {
		transform: scale(.8);
	}

	to {
		transform: scale(1);
	}
}

/* Forms */
.form-control.error,
.has-error .form-control {
	box-shadow: none !important;
}

form.auto-validate label.error:empty {
	display: none !important;
}

.backend form.auto-validate .form-group:has([required]) label::after {
	content: '* Campo obligatorio';
	color: #DC3620;
	margin-left: 15px;
}

.date-time-picker .form-group:not(.timepicker-container) {
	margin: 0;
}

.form-text {
	font-size: 11px;
	margin: 5px 0 0 0;
}

.form-control-info {
	display: block;
	width: 100%;
	height: 40px;
	padding: 9px 2px;
	margin: 0 3px;
	font-size: 14px;
	line-height: 1.428571429;
	cursor: help;
}

.help-block {
	font-size: 87%;
	color: #00000055;
}

.form-group + .help-block {
	position: relative;
	top: -21px;
}

progress {
	accent-color: var(--pt-primary);
	appearance: none;
	width: 100%;
	height: 6px;
	border-radius: var(--pt-border-radius);
}

progress::-webkit-progress-bar {
	background-color: #eee;
	border-radius: 10px;
  }
  
  progress::-webkit-progress-value {
	background-color: var(--pt-primary);
	border-radius: 10px;
  }
  
  progress::-moz-progress-bar {
	background-color: var(--pt-primary);
	border-radius: 10px;
  }

/* Forms select2 */
.form-control.select2-container {
	min-height: 40px;
	height: unset;
	padding: 9px 15px;
	font-size: var(--font-size-base);
}

.form-control.select2-container .select2-choice {
	padding-left: 0;
	height: auto;
	line-height: normal;
}

.form-control.select2-container .select2-choices {
	background: transparent;
}

.select2-results .select2-highlighted {
	background: var(--primary) !important;
}

.select2-drop.select2-drop-above.select2-drop-active {
	border-color: var(--pt-secondary) !important;
}

.select2-drop-active {
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 6px;
	border-radius: var(--pt-border-radius);
}

.select2-dropdown-open .select2-choice {
	box-shadow: none !important;
}

.select2-search {
	padding: 0 !important;
}

.select2-search input {
	border-radius: var(--pt-border-radius);
}

.select2-results {
	padding: 0 !important;
	margin: 3px 0 0 0 !important;
}

.select2-results .select2-highlighted {
	border-radius: var(--pt-border-radius);
}

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit {
	background: transparent;
	opacity: .5;
	font-size: small;
}

/* Time ticker */
.form-group.timepicker-container {
	width: 100%;
	max-width: 180px;
}

.form-group.timepicker-container .group {
	position: relative;
	display: flex;
	flex-flow: row;
}

.form-group.timepicker-container .timepicker-separator {
    display: flex;
    align-items: center;
	font-size: 20px;
    font-weight: bold;
    padding: 0 4px;
}

.form-group.timepicker-container select {
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	margin: 0;
}

/* Time picker group */
.time-picker-group {
	display: flex;
	flex-flow: row;
	align-items: center;
}

.time-picker-group span {
	font-size: 18px;
	font-weight: bold;
	margin: 0 10px;
}

.time-picker-group select {
	margin: 0 !important;
	padding-right: 10px !important;
}

/* Input group btn */
.input-group .input-group-btn .btn {
	height: 47px;
}

/* jQuery Slider */
.ui-slider.ui-slider-custom-handle {
	margin-top: 10px;
	margin-bottom: 40px;
}

.ui-slider.ui-slider-custom-handle .ui-slider-handle {
	width: 20px;
	margin-left: -10px;
	text-align: center;
	border-radius: 50px;
	height: 20px;
	margin-top: -2px;
	position: relative;
}

.ui-slider.ui-slider-custom-handle .ui-slider-handle span {
	position: absolute;
	top: 25px;
	left: -6px;
	padding: 1px 5px;
	width: 30px;
	text-align: center;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	background: rgba(0, 0, 0, .2);
}

/* Input range*/
.builder-range-control {
	width: 100%;
	margin: auto;
	position: relative;
	background-color: transparent;
	height: 60px;

}

.builder-range-control input[type="range"] {
	position: relative;
	z-index: 3;
	width: 100%;
	margin: 7px 0;
	min-height: 28px;
	background-color: transparent;
	-webkit-appearance: none;
	appearance: none;
}

.builder-range-control input[type="range"]:focus {
	outline: none;
}

.builder-range-control input[type="range"]::-webkit-slider-runnable-track {
	width: 100%;
	height: 14px;
	background: transparent;
	cursor: grab;
}

.builder-range-control input[type="range"].dragging::-webkit-slider-runnable-track {
	cursor: grabbing;
}

.builder-range-control input[type="range"]::-webkit-slider-thumb {
	height: 14px;
	width: 14px;
	border-radius: 20px;
	background: var(--pt-primary);
	-webkit-appearance: none;
	appearance: none;
}

.builder-range-control .output {
	position: absolute;
	top: 30px;
	left: -6px;
	padding: 3px 8px;
	text-align: center;
	border-radius: 4px;
	font-size: var(--pt-font-size-sm);
	box-sizing: border-box;
	transform: translateX(-50%);
	color: var(--pt-headings-color);
	background: var(--pt-secondary);
	user-select: none;
}

.builder-range-control .range-bg {
	position: absolute;
    top: 13px;
    left: 0;
	width: 100%;
	background: var(--pt-secondary);
	height: 3px;
	border-radius: var(--pt-border-radius);
	z-index: 1;
}

.builder-range-control .range-progress {
	position: absolute;
    top: 13px;
    left: 0;
	background: var(--pt-primary);
	height: 3px;
	border-radius: var(--pt-border-radius);
	z-index: 2;
}

/* Checkboxes */
.builder-modal .checkbox:not(.switch-style) label {
	font-size: var(--pt-font-size);
	padding: 0;
	min-height: unset;
}

.builder-modal .checkbox.switch-style label {
	padding-left: 33px;
}

.builder-modal .checkbox input {
	position: relative !important;
	top: 2px;
	margin: 0 3px 0 0 !important;
	width: var(--pt-font-size);
	height: var(--pt-font-size);
}

/* Alerts */
.alert {
	position: relative;
	display: flex;
	flex-flow: row;
}

.alert i {
	font-size: 20px;
	margin-right: 15px;
}

.alert .close {
	position: absolute;
	top: 5px;
	right: 10px;
}

.alert .close i {
	margin: 0;
}

/* Images grid */
.images-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 2px;
}

.images-grid div {
	position: relative;
	padding: 5px;
}

.images-grid input {
	appearance: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius-lg);
	border: 2px solid transparent;
	margin: 0;
	cursor: pointer;
	z-index: 1;
}

.images-grid input:checked {
	border-color: var(--primary);
}

.images-grid input:checked::after {
	content: "\e64c";
	display: inline-block;
	background: var(--primary);
	color: #fff;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'themify';
	font-size: 17px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-radius: 0 0 0 var(--pt-border-radius);
	line-height: 28px;
	text-align: center;
}

.images-grid img {
	border-radius: var(--pt-border-radius);
}

.images-grid span {
	display: block;
	margin-top: 5px;
	text-align: center;
}

/* Table */
.table-hover tr:hover .form-control {
	background-color: #fff;
}

.table-hover tr:hover input[placeholder]::-webkit-input-placeholder,
.table-hover input[placeholder]:focus::-webkit-input-placeholder {
	color: #ccc;
}

.table-hover input[placeholder]::-webkit-input-placeholder {
	color: transparent;
}

.table-hover > tbody > tr:hover {
	background: #00000008;
}

table.table-compact thead tr th,
table.table-compact tbody tr td {
	padding: 7px 10px;
	text-align: left;
}

/* Helpers */
.backend .d-block {
	display: block !important;
}

.backend .w-100 {
	width: 100% !important;
}

/* TinyMCE */
.mce-tinymce {
	box-shadow: none !important;
	border-radius: var(--pt-border-radius);
	overflow: hidden;
}

.mce-top-part::before {
	box-shadow: none !important;
}

/* Blink effect */
.blink {
	outline: 2px solid transparent;
	animation: blink 1s 4;
}

/* Spin loader animation */
.sk-circle {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
}

.sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sk-circle .sk-child:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes sk-circleBounceDelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes rotating

/* Safari and Chrome */
	{
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.rotating {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

@keyframes blink {
	0% {
		outline-color: transparent;
	}

	50% {
		outline-color: var(--warning);
	}

	100% {
		outline-color: transparent;
	}
}

/* Font families modal */
.builder-modal-fonts .families-list {
	max-height: 50vh;
	overflow-y: auto;
}

.builder-modal-fonts .families-list .item {
	display: flex;
	flex-flow: row;
	align-items: center;
	border-radius: 3px;
	margin-bottom: 10px;
	background-color: #fff;
}

.builder-modal-fonts .families-list .item a {
	display: block;
	padding: 10px 15px;
	text-decoration: none !important;
	color: inherit !important;
	font-size: 19px;
}

.builder-modal-fonts .families-list .item .btn-select {
	flex: 1;
}

.builder-modal-fonts .families-list .item .btn-preview {
	visibility: hidden;
	font-size: var(--pt-font-size-sm);
	color: #fff !important;
	background: var(--pt-primary);
	border-radius: 4px;
	margin-right: 6px;
	padding: 7px 10px;
}

.builder-modal-fonts .families-list .item:hover {
	background: var(--pt-secondary);
}

.builder-modal-fonts .families-list .item:hover .btn-preview {
	visibility: visible;
}

/* Datepicker */
body.builder #ui-datepicker-div {
	z-index: 140 !important;
}

/* Media - feature list */
.media-features .media-left
{
	padding-right: 30px;
}