File: /home/salamatk/takarzan.ir/wp-content/themes/xts-luman/framework/assets/css/style.css
/*----------------------------- X ایران یکان -----------------------------*/
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: 100;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-Thin.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-Thin.woff2') format('woff2');
}
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: 100;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-Thin.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-Thin.woff2') format('woff2');
}
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: 200;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-UltraLight.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-UltraLight.woff2') format('woff2');
}
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: 300;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-Light.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-Light.woff2') format('woff2');
}
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: 500;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-Medium.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-Medium.woff2') format('woff2');
}
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: 600;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-DemiBold.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-DemiBold.woff2') format('woff2');
}
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: 800;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-ExtraBold.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-ExtraBold.woff2') format('woff2');
}
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: 900;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-Black.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-Black.woff2') format('woff2');
}
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: 950;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-ExtraBlack.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-ExtraBlack.woff2') format('woff2');
}
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: 1000;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-Heavy.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-Heavy.woff2') format('woff2');
}
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: bold;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-Bold.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-Bold.woff2') format('woff2');
}
@font-face {
font-family: iranyekanX;
font-style: normal;
font-weight: normal;
src: url('../../../fonts/iranyekanx/woff/IRANYekanXFaNum-Regular.woff') format('woff'),
url('../../../fonts/iranyekanx/woff2/IRANYekanXFaNum-Regular.woff2') format('woff2');
}
h1,
h2,
h3,
h4,
h5,
h6,
rs-module {
font-family: iranyekanX !important;
font-style: normal;
}
a,
span,
div {
font-family: iranyekanX;
font-style: normal;
}
p,
tr,
input,
textarea,
select,
button {
font-family: iranyekanX !important;
font-style: normal;
}
.rtl #wpadminbar * {
font-family: 'iranyekanX';
}
:root {
--xts-input-height: 40px;
--xts-input-border-width: 2px;
--xts-input-border-color: #EEE;
--xts-input-border-color-hover: #dadada;
--xts-input-border-color-focus: #c3cedd;
}
.xts-btn-bordered, .xts-btn, .xts-options .wp-picker-input-wrap .button, .xts-options .wp-color-result-text {
display: inline-flex;
align-items: center;
padding: 0 15px;
height: 35px;
outline: none;
border-radius: 3px;
box-shadow: none;
vertical-align: middle;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
line-height: 1;
cursor: pointer;
transition: 0.2s all ease, 0s color linear;
transform: none;
user-select: none;
text-decoration: none;
}
.xts-btn-bordered:hover, .xts-btn:hover, .xts-options .wp-picker-input-wrap .button:hover, .xts-options .wp-color-result-text:hover, .xts-btn-bordered:focus, .xts-btn:focus, .xts-options .wp-picker-input-wrap .button:focus, .xts-options .wp-color-result-text:focus {
outline: none;
box-shadow: none;
}
.rtl .xts-switcher-labels {
padding-right: 5px; padding-left: 11px;
}
.xts-btn-bordered {
border: 2px solid #EEE;
background-color: transparent;
}
.xts-btn-bordered:hover {
border-color: rgba(238, 238, 238, 0.6);
}
.xts-btn.xts-size-s,
.xts-btn-bordered.xts-size-s {
height: 30px;
}
.xts-btn.xts-size-l,
.xts-btn-bordered.xts-size-l {
padding: 0 25px;
height: 40px;
font-size: 14px;
}
.xts-btn, .xts-options .wp-picker-input-wrap .button {
border: none;
background-color: #DFEAFB;
color: #0E406B;
}
.xts-btn:hover, .xts-options .wp-picker-input-wrap .button:hover {
background-color: #d1e1f9;
cursor: pointer;
}
.xts-btn:hover, .xts-options .wp-picker-input-wrap .button:hover {
color: #0E406B;
}
.xts-btn.xts-btn-primary, .xts-btns-set .xts-btn.xts-btns-set-active, .xts-plugin-footer .xts-btn.xts-activate-now {
background-image: -webkit-linear-gradient(left, #499BEA 0%, #0F4C81 100%);
background-position: right;
background-size: 200% 200%;
color: white;
}
.xts-btn.xts-btn-primary:hover, .xts-btns-set .xts-btn.xts-btns-set-active:hover, .xts-plugin-footer .xts-btn.xts-activate-now:hover {
background-position: left;
color: white;
}
.xts-btn.xts-btn-disable, .xts-plugin-footer .xts-btn.xts-deactivate-now {
background: -webkit-linear-gradient(left, #FF9B94 0%, #ED3C2D 100%);
background-position: right;
background-size: 200% 200%;
color: white;
}
.xts-btn.xts-btn-disable:hover, .xts-plugin-footer .xts-btn.xts-deactivate-now:hover {
background-position: left;
color: white;
}
.xts-btn.xts-btn-success {
background: -webkit-linear-gradient(left, #82c72a 0%, #6CAF17 100%);
background-position: right;
background-size: 200% 200%;
color: white;
}
.xts-btn.xts-btn-success:hover {
background-position: left;
color: white;
}
.xts-btn.xts-btn-gray, .xts-options .wp-color-result-text {
background: -webkit-linear-gradient(left, #EFEFEF, #e5e5e5 100%);
background-position: right;
background-size: 200% 200%;
color: #000;
}
.xts-btn.xts-btn-gray:hover, .xts-options .wp-color-result-text:hover {
background-position: left;
}
.xts-btn-bordered.xts-btn-primary {
border-color: rgba(15, 76, 129, 0.6);
color: #0F4C81;
}
.xts-btn-bordered.xts-btn-primary:hover {
border-color: rgba(15, 76, 129, 0.8);
}
.xts-btn-bordered.xts-btn-disable {
border-color: rgba(237, 60, 45, 0.6);
color: #ED3C2D;
}
.xts-btn-bordered.xts-btn-disable:hover {
border-color: rgba(237, 60, 45, 0.8);
}
.xts-btn-bordered.xts-btn-success {
border-color: rgba(108, 175, 23, 0.4);
color: #6CAF17;
}
.xts-btn-bordered.xts-btn-success:hover {
border-color: rgba(108, 175, 23, 0.6);
}
.xts-btn-bordered.xts-btn-gray {
border-color: #d6d6d6;
}
.xts-btn-bordered.xts-btn-gray:hover {
border-color: #c9c9c9;
}
.xts-range-field-value-text, .xts-range-slider, .xts-options .wp-picker-container {
animation: xts-fadeIn 0.2s ease both;
}
.xts-list {
margin-top: 0;
margin-bottom: 0;
}
.xts-list:not(:last-child) {
margin-bottom: 15px;
}
.xts-list li {
display: flex;
align-items: center;
margin-bottom: 0;
margin-left: -5px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 16px;
}
.xts-list li a {
display: inline-block;
margin-top: -6px;
margin-bottom: -6px;
color: #0F4C81;
font-weight: 600;
}
.xts-list li a:hover {
color: rgba(15, 76, 129, 0.6);
}
.xts-list li:not(:last-child) {
margin-bottom: 5px;
}
.xts-list li:before {
content: "\f345";
margin-right: 5px;
color: rgba(15, 76, 129, 0.2);
font-size: 16px;
font-family: "dashicons";
}
.rtl .xts-list li {
margin-right: -5px;
margin-left: 0;
}
.rtl .xts-list li:before {
content: "\f341";
margin-right: 0;
margin-left: 5px;
}
.xts-patcher-content:before, .xts-plugin-image:before, .xts-install-child-theme:before, .xts-dummy-preview:before, .xts-bought-together:before, .xts-presets-wrapper .xts-current-preset:before {
content: "";
position: absolute;
top: calc(50% - 15px);
left: calc(50% - 15px);
z-index: 1;
width: 30px;
height: 30px;
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-right: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
border-left: 2px solid #0F4C81;
border-radius: 50%;
opacity: 0;
transition: all 0.2s ease;
}
.xts-patcher-content.xts-loading:before, .xts-plugin-wrapper.xts-loading .xts-plugin-image:before, .xts-install-child-theme.xts-loading:before, .xts-dummy-box.xts-form-in-action .xts-dummy-preview:before, .xts-bought-together.xts-loading:before, .xts-presets-wrapper.xts-presets-loading .xts-current-preset:before {
opacity: 1;
animation: xts-rotate 0.6s infinite linear;
}
.xts-image_dimensions-control label, .xts-options .xts-color-control-inner > label, .xts-dev-domain label, .xts-custom-fonts-label, .xts-typography-control label {
display: block;
margin-bottom: 5px;
color: #696969;
font-weight: 600;
cursor: default;
user-select: none;
white-space: nowrap;
}
@keyframes xts-rotate {
to {
transform: rotate(360deg);
}
}
@keyframes xts-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes xts-stripesAnim {
0% {
background-position: 0 0;
}
100% {
background-position: 60px 0;
}
}
@keyframes xts-fade-in {
from {
visibility: hidden;
opacity: 0;
}
to {
visibility: visible;
opacity: 1;
}
}
@keyframes xts-slide-in-left {
from {
transform: translate3d(-150px, 0, 0);
}
to {
transform: none;
}
}
@keyframes xts-slide-in-right {
from {
transform: translate3d(150px, 0, 0);
}
to {
transform: none;
}
}
@keyframes xts-horizontal-bias {
0% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(16px, 0, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes xts-vertical-bias {
0% {
transform: translate3d(0, 0, 0);
}
33% {
transform: translate3d(0, -15px, 0);
}
66% {
transform: translate3d(0, 10px, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@font-face {
font-weight: normal;
font-style: normal;
font-family: "Space-Admin-Icon";
src: url("../fonts/Space-Admin-Icon.woff?oetf8e") format("woff"), url("../fonts/Space-Admin-Icon.woff2?oetf8e") format("woff2");
font-display: block;
}
[class*=xf-]:before {
display: inline-block;
text-rendering: auto;
font: normal normal normal 14px/1 "Space-Admin-Icon";
font-weight: 400;
font-size: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.xf-welcome:before {
content: "\e900";
}
.xf-theme-setting:before {
content: "\e901";
}
.xf-theme-setting-presets:before {
content: "\e955";
}
.xf-dummy-content:before {
content: "\e902";
}
.xf-patcher:before {
content: "\e956";
}
.xf-header-builder:before {
content: "\e903";
}
.xf-support:before {
content: "\e904";
}
.xf-activation:before {
content: "\e905";
}
.xf-general:before {
content: "\e906";
}
.xf-page-title:before {
content: "\e907";
}
.xf-footer:before {
content: "\e908";
}
.xf-colors:before {
content: "\e909";
}
.xf-typography:before {
content: "\e910";
}
.xf-blog:before {
content: "\e911";
}
.xf-social-profiles:before {
content: "\e912";
}
.xf-portfolio:before {
content: "\e913";
}
.xf-performance:before {
content: "\e914";
}
.xf-custom-css:before {
content: "\e915";
}
.xf-custom-js:before {
content: "\e916";
}
.xf-promo-popup:before {
content: "\e917";
}
.xf-import-export:before {
content: "\e918";
}
.xf-maintenance:before {
content: "\e919";
}
.xf-promo-popup:before {
content: "\e917";
}
.xf-shop:before {
content: "\e920";
}
.xf-single-product:before {
content: "\e921";
}
.xf-header-banner:before {
content: "\e922";
}
.xf-social-authentefication:before {
content: "\e923";
}
.xf-search:before {
content: "\e924";
}
.xf-desktop:before {
content: "\e925";
}
.xf-laptop:before {
content: "\e926";
}
.xf-tablet:before {
content: "\e927";
}
.xf-mobile:before {
content: "\e928";
}
.xf-phone-dis:before {
content: "\e91c";
font-family: "Space-Admin-Icon";
}
.xf-desktop-dis:before {
content: "\e91b";
font-family: "Space-Admin-Icon";
}
.xf-pencil:before {
content: "\e929";
}
.xf-brush:before {
content: "\e930";
}
.xf-export:before {
content: "\e931";
}
.xf-import:before {
content: "\e932";
}
.xf-save:before {
content: "\e933";
}
.xf-cross:before {
content: "\e934";
}
.xf-copy:before {
content: "\e935";
}
.xf-create:before {
content: "\e936";
}
.xf-remove:before {
content: "\e937";
}
.xf-warning:before {
content: "\e938";
}
.xf-info:before {
content: "\e939";
}
.xf-help-question:before {
content: "\e885";
}
.xf-plus:before {
content: "\f132";
font-family: dashicons;
}
.xf-wrench:before {
content: "\f107";
font-family: dashicons;
}
.xf-quote:before {
content: "\e950";
}
.xf-link:before {
content: "\e951";
}
.xf-gallery:before {
content: "\e952";
}
.xf-video:before {
content: "\e953";
}
.xf-audio:before {
content: "\e954";
}
.xf-dashboard:before {
content: "\e943";
}
.xf-system-status:before {
content: "\e867";
}
.xf-setup-wizard:before {
content: "\e870";
}
.xf-plugins:before {
content: "\e871";
}
.xf-generator:before {
content: "\e884";
}
.xf-miscellaneous:before {
content: "\e874";
}
.xf-side-bar:before {
content: "\e875";
}
.xf-product-archive:before {
content: "\e876";
}
.xf-api-integrations:before {
content: "\e877";
}
.xf-mobile-small:before {
content: "\e878";
}
.xf-additional-tab:before {
content: "\e879";
}
.xf-background:before {
content: "\e880";
}
.xf-content:before {
content: "\e881";
}
.xf-layout:before {
content: "\e882";
}
.xf-navigation:before {
content: "\e883";
}
.xf-el-accordion:before {
content: "\e800";
}
.xf-el-animated-text:before {
content: "\e801";
}
.xf-el-banner:before {
content: "\e802";
}
.xf-el-banner-carousel:before {
content: "\e803";
}
.xf-el-blog:before {
content: "\e804";
}
.xf-el-button:before {
content: "\e805";
}
.xf-el-blockquote:before {
content: "\e806";
}
.xf-el-product-brands:before {
content: "\e807";
}
.xf-el-contact-form-7:before {
content: "\e808";
}
.xf-el-countdown-timer:before {
content: "\e809";
}
.xf-el-circle-progress:before {
content: "\e810";
}
.xf-el-compare:before {
content: "\e811";
}
.xf-el-product-category:before {
content: "\e812";
}
.xf-el-extra-menu-list:before {
content: "\e813";
}
.xf-el-google-map:before {
content: "\e814";
}
.xf-el-hotspots:before {
content: "\e815";
}
.xf-el-html-block:before {
content: "\e816";
}
.xf-el-image-gallery:before {
content: "\e817";
}
.xf-el-image-or-svg:before {
content: "\e818";
}
.xf-el-infobox:before {
content: "\e819";
}
.xf-el-infobox-carusel:before {
content: "\e820";
}
.xf-el-instagram:before {
content: "\e821";
}
.xf-el-mailchimp:before {
content: "\e822";
}
.xf-el-menu-price:before {
content: "\e823";
}
.xf-el-mega-menu:before {
content: "\e824";
}
.xf-el-portfolio:before {
content: "\e825";
}
.xf-el-price-plan:before {
content: "\e826";
}
.xf-el-price-plan-switcher:before {
content: "\e827";
}
.xf-el-products:before {
content: "\e828";
}
.xf-el-products-tabs:before {
content: "\e829";
}
.xf-el-popup:before {
content: "\e830";
}
.xf-el-slider:before {
content: "\e831";
}
.xf-el-ajax-search:before {
content: "\e832";
}
.xf-el-social-buttons:before {
content: "\e833";
}
.xf-el-social-counter:before {
content: "\e834";
}
.xf-el-shape:before {
content: "\e835";
}
.xf-el-team-member:before {
content: "\e836";
}
.xf-el-testimonials:before {
content: "\e837";
}
.xf-el-tabs:before {
content: "\e838";
}
.xf-el-title:before {
content: "\e839";
}
.xf-el-table:before {
content: "\e840";
}
.xf-el-timeline:before {
content: "\e841";
}
.xf-el-twitter:before {
content: "\e842";
}
.xf-el-360-view:before {
content: "\e843";
}
.xf-el-video:before {
content: "\e844";
}
.xf-el-wishlist:before {
content: "\e845";
}
.xf-el-working-hours:before {
content: "\e846";
}
.xf-el-size-guide:before {
content: "\e868";
}
.xf-el-menu-anchor:before {
content: "\e869";
}
.xf-el-nested-carousel:before {
content: "\ee91d";
}
.xf-woo-el-action-buttons:before {
content: "\e847";
}
.xf-woo-el-add-to-cart:before {
content: "\e848";
}
.xf-woo-el-add-info-table:before {
content: "\e849";
}
.xf-woo-el-badges:before {
content: "\e850";
}
.xf-woo-el-breadcrumbs:before {
content: "\e851";
}
.xf-woo-el-countdown-timer:before {
content: "\e852";
}
.xf-woo-el-description:before {
content: "\e853";
}
.xf-woo-el-frequently-bought-together:before {
content: "\e90a";
}
.xf-woo-el-visitor-counter:before {
content: "\e90b";
}
.xf-woo-el-shipping-progress-bar:before {
content: "\e90c";
}
.xf-woo-el-excerpt:before {
content: "\e854";
}
.xf-woo-el-gallery:before {
content: "\e855";
}
.xf-woo-el-hook:before {
content: "\e856";
}
.xf-woo-el-meta:before {
content: "\e857";
}
.xf-woo-el-navigation:before {
content: "\e858";
}
.xf-woo-el-notice:before {
content: "\e859";
}
.xf-woo-el-price:before {
content: "\e860";
}
.xf-woo-el-rating:before {
content: "\e861";
}
.xf-woo-el-reviews:before {
content: "\e862";
}
.xf-woo-el-stock-progress-bar:before {
content: "\e863";
}
.xf-woo-el-product-tabs:before {
content: "\e864";
}
.xf-woo-el-product-title:before {
content: "\e865";
}
.xf-woo-el-product-brands:before {
content: "\e866";
}
.xf-woo-el-linked-variations:before {
content: "\e90e";
}
.xf-woo-el-marquee:before {
content: "\ee90f";
}
.xf-woo-el-dynamic-discounts:before {
content: "\ee91a";
}
.xf-sw-license:before {
content: "\e872";
}
.xf-sw-purchase:before {
content: "\e873";
}
.xts-option-icon label:before {
position: relative;
bottom: -5px;
font-family: "Space-Admin-Icon";
color: #aaa;
font-size: 18px;
font-weight: 400;
margin-right: 2px;
}
.xts-option-icon-desktop label:before {
content: "\e925";
}
.xts-option-icon-tablet label:before {
content: "\e927";
}
.xts-option-icon-mobile label:before {
content: "\e928";
}
.xts-shown {
display: block;
}
.xts-hidden {
display: none;
}
.xts-disabled {
opacity: 0.6;
pointer-events: none;
user-select: none;
}
.xts-user-select-all {
user-select: all;
}
.xts-color-primary {
color: #0F4C81;
}
.xts-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
margin-bottom: -40px;
}
.xts-col {
flex-basis: 100%;
margin-bottom: 40px;
padding-right: 20px;
padding-left: 20px;
max-width: 100%;
width: 100%;
}
.xts-row-spacing-0 {
margin-right: -0px;
margin-left: -0px;
margin-bottom: -0px;
}
.xts-row-spacing-0 > .xts-col {
margin-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
}
.xts-row-spacing-20 {
margin-right: -10px;
margin-left: -10px;
margin-bottom: -20px;
}
.xts-row-spacing-20 > .xts-col {
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
}
.xts-row-spacing-30 {
margin-right: -15px;
margin-left: -15px;
margin-bottom: -30px;
}
.xts-row-spacing-30 > .xts-col {
margin-bottom: 30px;
padding-right: 15px;
padding-left: 15px;
}
.xts-table > div {
display: flex;
}
.xts-table > div > div {
padding: 10px 8px;
flex-basis: 50%;
}
.xts-table.xts-odd > div:nth-child(odd) {
background-color: #fbfbfb;
}
.xts-table.xts-even > div:nth-child(even) {
background-color: #fbfbfb;
}
.xts-flex-v-top {
align-items: flex-start;
}
#wp-admin-bar-xts_dashboard #wp-admin-bar-xts_theme_settings-default {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-width: none;
max-height: 180px;
width: 480px;
}
#wp-admin-bar-xts_dashboard .ab-item [class*=xf-] {
margin-right: 5px;
line-height: 1;
}
#wp-admin-bar-xts_dashboard > .ab-item > [class*=xf-]:before {
position: relative;
top: 3px;
color: rgba(240, 245, 250, 0.6);
font-size: 18px;
}
.rtl #wp-admin-bar-xts_dashboard .ab-item [class*=xf-] {
margin-right: 0;
margin-left: 5px;
}
.xts-dashboard-wrapper {
padding-right: 40px;
padding-left: 20px;
color: #808080;
}
.xts-dashboard-wrapper *,
.xts-dashboard-wrapper *:before,
.xts-dashboard-wrapper *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.xts-dashboard-wrapper a {
text-decoration: none;
transition: all 0.2s ease;
}
.xts-dashboard-wrapper a:focus,
.xts-dashboard-wrapper input:focus {
outline: transparent;
box-shadow: none;
}
.xts-dashboard-wrapper img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.xts-dashboard-wrapper h1, .xts-dashboard-wrapper h2, .xts-dashboard-wrapper h3, .xts-dashboard-wrapper h4, .xts-dashboard-wrapper h5, .xts-dashboard-wrapper h6 {
margin-top: 0;
margin-bottom: 15px;
color: #333;
font-weight: 600;
line-height: 1.2;
}
.xts-dashboard-wrapper p {
margin-top: 0;
margin-bottom: 20px;
color: #8E8E8E;
font-size: 14px;
}
.xts-dashboard-wrapper p:last-child {
margin-bottom: 0;
}
.xts-dashboard-wrapper .xts-dashboard .xts-fields-tabs {
display: flex;
}
.xts-dashboard-wrapper .xts-description {
color: #676767;
}
.xts-active-section {
animation: xts-fadeIn 0.6s ease both;
}
.xts-options-message {
margin-bottom: 30px;
}
.xts-sections {
position: relative;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: space-between;
padding: 0 40px;
background: white;
}
.xts-section-content:not(:first-child) {
margin-top: 35px;
}
.xts-fields-wrapper {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.xts-fields-section {
flex-grow: 1;
}
.xts-field .hide {
display: none;
}
.xts-field .xts-description {
margin-top: 12px;
width: 100%;
}
.xts-field .xts-field-title > span,
.xts-field .xts-field-inner {
animation: xts-fadeIn 0.6s ease both;
}
.xts-field.xts-tablet-field, .xts-field.xts-mobile-field, .xts-field.xts-mobile-small-field {
display: none;
}
.xts-field-title {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid #EEE;
font-size: 13px;
}
.xts-field-title > span {
flex-grow: 1;
color: #333;
font-weight: 600;
}
body .xts-description {
margin-bottom: 0;
font-style: italic;
font-size: 12px;
}
.xts-highlight-field {
position: relative;
}
.xts-highlight-field .xts-field-title,
.xts-highlight-field .xts-single-typography {
border-color: #e4e4e4;
}
.xts-highlight-field .xts-field-title,
.xts-highlight-field .xts-field-inner {
position: relative;
z-index: 1;
}
.xts-highlight-field:after {
content: "";
position: absolute;
top: -15px;
right: 0;
bottom: -15px;
left: 0;
border-radius: 3px;
background-color: #EBF2FC;
}
.xts-field.xts-field-input-append input[type] {
min-height: 40px;
max-width: 65px;
height: 40px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.xts-field.xts-field-input-append .xts-field-inner {
position: relative;
}
.xts-field.xts-field-input-append .xts-field-inner:after {
position: absolute;
top: 0;
left: 65px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 30px;
height: 40px;
border: 2px solid #EEE;
border-left: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #EFEFEF;
text-align: center;
font-weight: 600;
line-height: 35px;
user-select: none;
}
.xts-field.xts-field-input-append.xts-input-percent .xts-field-inner:after {
content: "%";
}
.xts-field.xts-notice-control .xts-field-title {
display: none;
}
.xts-field.xts-notice-control .xts-notice {
margin-bottom: 0;
}
.xts-field-status {
position: relative;
display: flex;
padding: 4px;
border-radius: 3px;
background-color: #EDEDED;
color: #868686;
cursor: default;
}
.xts-field-status.xts-status-hint {
cursor: help;
}
.xts-field-status .xts-status-label {
font-size: 12px;
line-height: 1;
}
.xts-field-status .xts-status-icon {
display: flex;
color: #0F4C81;
align-items: center;
margin-inline-start: 3px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.8);
opacity: 0.8;
vertical-align: middle;
}
.xts-field-status .xts-tooltips-top {
position: relative;
}
.xts-field-status .xts-tooltips-top .xts-tooltip {
width: 210px;
}
.xts-field-status:hover .xts-tooltip {
visibility: visible;
opacity: 1;
}
.xts-field-responsive-selector span:not(:last-child) {
margin-right: 10px;
}
.xts-group-title,
.xts-fields-group {
flex-basis: 100%;
margin-right: 20px;
margin-left: 20px;
}
.xts-group-title {
margin-bottom: 20px;
color: #0F4C81;
text-transform: capitalize;
font-weight: 600;
font-size: 18px;
}
.xts-fields-group {
margin-bottom: 40px;
padding-top: 40px;
padding-right: 15px;
padding-left: 15px;
border: 1px solid #EAEAEA;
border-radius: 3px;
background-color: #F9F9F9;
}
.xts-options-actions {
z-index: 5;
position: sticky;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 40px;
margin-right: -40px;
margin-left: -40px;
padding: 28.5px 40px;
border-top: 1px solid #EEE;
background-color: #FFF;
}
.xts-options-actions button {
margin-right: 18px;
}
#toplevel_page_xtemos_options .wp-menu-image:before,
#toplevel_page_xts_dashboard .wp-menu-image:before,
#menu-posts-xts-portfolio .wp-menu-image:before,
#menu-posts-xts-html-block .wp-menu-image:before,
#menu-posts-xts-sidebar .wp-menu-image:before,
#menu-posts-xts-slide .wp-menu-image:before,
#menu-posts-xts-template .wp-menu-image:before,
#menu-posts-xts-size-guide .wp-menu-image:before {
font-family: "Space-Admin-Icon";
}
#toplevel_page_xtemos_options .wp-menu-image:before {
content: "\e942";
}
#toplevel_page_xts_dashboard .wp-menu-image:before {
content: "\e943";
}
#menu-posts-xts-portfolio .wp-menu-image:before {
content: "\e944";
}
#menu-posts-xts-html-block .wp-menu-image:before {
content: "\e945";
}
#menu-posts-xts-sidebar .wp-menu-image:before {
content: "\e946";
}
#menu-posts-xts-slide .wp-menu-image:before {
content: "\e947";
}
#menu-posts-xts-template .wp-menu-image:before {
content: "\e948";
}
#menu-posts-xts-size-guide .wp-menu-image:before {
content: "\e949";
}
.rtl .xts-dashboard-wrapper {
padding-right: 20px;
padding-left: 40px;
}
.rtl .xts-field-responsive-selector span:not(:last-child) {
margin-right: 0;
margin-left: 10px;
}
.rtl .xts-options-actions button {
margin-right: 0;
margin-left: 18px;
}
.xts-metaboxes * {
box-sizing: border-box;
}
.xts-metaboxes .xts-fields-tabs {
flex-direction: column;
}
.xts-metaboxes .xts-sections {
padding-top: 30px;
padding-bottom: 30px;
}
[id*=xts_].postbox .inside {
margin: 0 !important;
padding: 0 !important;
}
.block-editor-page .postbox[id^=xts] h2.hndle {
border-bottom: none !important;
}
.block-editor-page .postbox[id^=xts] .handle-actions .handle-order-higher,
.block-editor-page .postbox[id^=xts] .handle-actions .handle-order-lower {
display: none;
}
.term-php .xts-metaboxes,
.edit-tags-php .xts-metaboxes {
margin-top: 30px;
margin-bottom: 30px;
}
.term-php .xts-metaboxes + .xts-metaboxes,
.edit-tags-php .xts-metaboxes + .xts-metaboxes {
margin-top: -30px;
}
.term-php .xts-metaboxes + .xts-metaboxes .xts-sections,
.edit-tags-php .xts-metaboxes + .xts-metaboxes .xts-sections {
padding-top: 10px;
}
.product_page_product_attributes h1 {
margin-bottom: 10px;
}
.product_page_product_attributes p.submit {
margin-top: 10px;
}
.product_page_product_attributes p.description {
margin-bottom: 15px;
}
.xts-sections-nav {
position: relative;
}
.xts-sections-nav > ul {
margin: 0;
}
.xts-sections-nav > ul > li > ul {
padding-top: 8px;
padding-bottom: 8px;
background-color: #F8F8F8;
}
.xts-sections-nav li {
margin-bottom: 0;
}
.xts-sections-nav li ul {
display: none;
}
.xts-sections-nav li.xts-active-nav ul {
display: block;
}
.xts-sections-nav li.xts-active-nav.xts-has-child > a:before {
content: "\f343";
}
.xts-sections-nav li.xts-has-child > a:before {
content: "\f347";
position: absolute;
top: 15px;
right: 14px;
font-family: dashicons;
opacity: 0.2;
}
.xts-sections-nav a {
position: relative;
display: flex;
align-items: center;
padding: 8px 24px;
border-width: 0;
border-style: solid;
color: #545454;
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
.xts-sections-nav a:hover {
color: #0F4C81;
}
.xts-sections-nav .xts-section-icon {
position: absolute;
top: 10px;
left: 10px;
width: 30px;
height: 30px;
color: #B5B5B5;
text-align: center;
font-weight: 400;
font-size: 24px;
line-height: 30px;
}
.xts-dashboard .xts-sections-nav {
flex: 0 0 220px;
}
.xts-dashboard .xts-sections-nav > ul {
border-right: 1px solid #EEE;
}
.xts-dashboard .xts-sections-nav > ul > li > a {
padding: 15px 15px 15px 50px;
border-left-width: 3px;
border-left-color: transparent;
background-color: white;
}
.xts-dashboard .xts-sections-nav > ul > li.xts-active-nav > a {
border-left-color: #0F4C81;
}
.xts-dashboard .xts-sections-nav > ul > li:not(:last-child) {
border-bottom: 1px solid #EEE;
}
.xts-metaboxes .xts-sections-nav {
background-color: #F1F1F1;
}
.xts-metaboxes .xts-sections-nav > ul {
display: inline-flex;
background-color: white;
}
.xts-metaboxes .xts-sections-nav a {
position: relative;
padding: 15px 15px 15px 50px;
}
.xts-metaboxes .xts-sections-nav a:focus {
outline: none;
box-shadow: 0 0 0 transparent;
}
.xts-metaboxes .xts-sections-nav li {
border-width: 1px 1px 1px 0;
border-style: solid;
border-color: #EEE;
}
.xts-metaboxes .xts-sections-nav li:last-child {
border-right: 0;
}
.xts-metaboxes .xts-sections-nav li.xts-active-nav {
border-bottom-color: transparent;
}
.xts-metaboxes .xts-sections-nav li.xts-active-nav a:before {
content: "";
position: absolute;
top: 0;
right: -1px;
left: -1px;
height: 3px;
background-color: #0F4C81;
}
.xts-metaboxes .xts-sections-nav li.xts-active-nav:first-child a:before {
left: 0;
}
.xts-metaboxes .xts-sections-nav li.xts-active-nav:last-child a:before {
right: 0;
}
.xts-active-nav > a {
color: #0F4C81;
}
.xts-dashboard .xts-active-nav {
position: relative;
}
.xts-not-inherit > a:after {
content: "\f528";
margin-left: 5px;
color: #0F4C81;
font-size: 14px;
font-family: dashicons;
line-height: 1;
opacity: 0.8;
}
.xts-subsection-nav > a {
border-style: solid;
border-left-width: 3px;
border-color: transparent;
}
.xts-subsection-nav.xts-active-nav > a {
border-color: #D4DEEB;
}
.rtl .xts-sections-nav li.xts-has-child > a:before {
right: auto;
left: 14px;
}
.rtl .xts-sections-nav .xts-section-icon {
right: 10px;
left: auto;
}
.rtl .xts-dashboard .xts-sections-nav > ul {
border-right: none;
border-left: 1px solid #EEE;
}
.rtl .xts-dashboard .xts-sections-nav > ul > li > a {
padding-right: 50px;
padding-left: 15px;
border-right-width: 3px;
border-left: none;
border-right-color: transparent;
}
.rtl .xts-dashboard .xts-sections-nav > ul > li.xts-active-nav > a {
border-left-color: #0F4C81;
border-right-color: #0F4C81;
}
.rtl .xts-metaboxes .xts-sections-nav a {
padding-right: 50px;
padding-left: 15px;
}
.rtl .xts-metaboxes .xts-sections-nav li {
border-width: 0 0 1px 1px;
}
.rtl .xts-metaboxes .xts-sections-nav li:last-child {
border-left: 0;
}
.rtl .xts-metaboxes .xts-sections-nav li.xts-active-nav:first-child a:before {
left: -1px;
right: 0;
}
.rtl .xts-metaboxes .xts-sections-nav li.xts-active-nav:last-child a:before {
right: -1px;
left: 0;
}
.rtl .xts-not-inherit > a:after {
margin-right: 5px;
margin-left: 0;
}
.rtl .xts-subsection-nav > a {
border-right-width: 3px;
border-left-width: 0;
}
.xts-option-header {
position: absolute;
top: 0;
right: 0;
left: 0;
display: flex;
flex-direction: row-reverse;
height: 98px;
border-bottom: 1px solid #EEE;
}
.xts-options-search {
position: relative;
display: flex;
width: 300px;
}
.xts-options-search:before {
position: absolute;
top: 0;
left: 20px;
z-index: 2;
color: #EEE;
font-size: 32px;
line-height: 98px;
transition: all 0.2s ease;
pointer-events: none;
content: "\e924";
font-family: "Space-Admin-Icon";
}
.xts-sections .xts-options-search input[type=text] {
z-index: 1;
padding: 0 30px 0 70px;
height: auto;
border: none;
border-left: 1px solid;
border-color: #EEE !important;
border-radius: 0;
color: #8E8E8E;
}
.xts-sections .xts-options-search ::-webkit-input-placeholder {
color: rgba(142, 142, 142, 0.6901960784);
}
.xts-sections .xts-options-search ::-moz-placeholder {
color: rgba(142, 142, 142, 0.6901960784);
}
.xts-sections .xts-options-search :-moz-placeholder {
color: rgba(142, 142, 142, 0.6901960784);
}
.xts-sections .xts-options-search :-ms-input-placeholder {
color: rgba(142, 142, 142, 0.6901960784);
}
.xts-settings-result {
overflow-y: auto;
box-sizing: border-box;
max-height: 450px;
width: 300px !important;
border-right: none !important;
border-color: #EEE !important;
box-shadow: none;
transform: translateX(-2px);
animation: xts-fadeIn 0.2s ease both;
font-family: Verdana, Arial, sans-serif;
}
.xts-settings-result .ui-menu-item {
position: relative;
padding: 15px 8px 15px 48px;
min-height: 35px;
white-space: normal;
transition: all 0.2s ease;
}
.xts-settings-result .ui-menu-item.ui-state-focus {
border: none;
background-color: transparent;
}
.xts-settings-result .ui-menu-item:not(:last-child) {
border-bottom: 1px solid #EEE;
}
.xts-settings-result .ui-menu-item:hover {
background-color: #EBF2FC;
}
.xts-settings-result .ui-menu-item:hover .xts-section-icon {
opacity: 0.7;
}
.xts-settings-result .ui-menu-item:hover .xts-settting-path {
color: #969696;
}
.xts-settings-result .xts-section-icon {
position: absolute;
top: 15px;
left: 8px;
margin-right: 8px;
width: 30px;
height: 30px;
text-align: center;
font-size: 26px;
line-height: 30px;
opacity: 0.5;
transition: all 0.2s ease;
}
.xts-settings-result::-webkit-scrollbar {
width: 5px;
}
.xts-settings-result::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.07);
}
.xts-settings-result::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.12);
}
.xts-setting-title {
color: #545454;
font-weight: 600;
font-size: 14px;
}
.xts-settting-path {
margin-top: 3px;
color: #C4C4C4;
font-size: 11px;
transition: all 0.2s ease;
}
.xts-section-title {
position: relative;
display: flex;
align-items: center;
}
.xts-section-title h3 {
position: relative;
margin: 0;
font-size: 22px;
line-height: 50px;
}
.xts-section-title .xts-section-icon {
display: flex;
align-items: center;
justify-content: center;
margin-right: 25px;
width: 52px;
height: 52px;
border-radius: 3px;
background-color: #EBF2FC;
color: #73A3EE;
text-align: center;
font-size: 35px;
line-height: 40px;
}
.xts-dashboard .xts-section-title {
height: 98px;
}
.rtl .xts-options-search:before {
right: 20px;
left: auto;
}
.rtl .xts-sections .xts-options-search input[type=text] {
padding: 0 70px 0 30px;
border-right: 1px solid;
border-left: none;
}
.rtl .xts-settings-result {
border-right-width: 1px !important;
border-right-style: solid !important;
border-left: none !important;
transform: translateX(2px);
}
.rtl .xts-settings-result .ui-menu-item {
padding-right: 48px;
padding-left: 8px;
}
.rtl .xts-settings-result .xts-section-icon {
right: 8px;
left: auto;
margin-right: 0;
margin-left: 8px;
}
.rtl .xts-section-title .xts-section-icon {
margin-right: 0;
margin-left: 25px;
}
.toplevel_page_xts_dashboard #wpbody-content,
.toplevel_page_xtemos_options #wpbody-content,
body[class*=-dashboard_page_xts_import] #wpbody-content,
body[class*=-dashboard_page_xts_header_builder] #wpbody-content,
body[class*=-dashboard_page_xts_activation] #wpbody-content,
body[class*=-dashboard_page_xts_plugins] #wpbody-content,
body[class*=-dashboard_page_xts_patcher] #wpbody-content,
body[class*=-dashboard_page_xts_finish_setup] #wpbody-content,
body[class*=-dashboard_page_xts_child_theme] #wpbody-content,
body[class*=-dashboard_page_xts_generator] #wpbody-content,
body[class*=-dashboard_page_xts_system_status] #wpbody-content,
body[class*="-dashboard_page_xts_generator "] #wpbody-content {
position: relative;
padding-top: 100px;
}
.toplevel_page_xts_dashboard #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice),
.toplevel_page_xtemos_options #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice),
body[class*=-dashboard_page_xts_import] #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice),
body[class*=-dashboard_page_xts_header_builder] #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice),
body[class*=-dashboard_page_xts_activation] #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice),
body[class*=-dashboard_page_xts_plugins] #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice),
body[class*=-dashboard_page_xts_patcher] #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice),
body[class*=-dashboard_page_xts_finish_setup] #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice),
body[class*=-dashboard_page_xts_child_theme] #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice),
body[class*=-dashboard_page_xts_generator] #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice),
body[class*=-dashboard_page_xts_system_status] #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice),
body[class*="-dashboard_page_xts_generator "] #wpbody-content > *:not(.xts-dashboard-wrapper):not(.xts-notice) {
display: none !important;
}
.toplevel_page_xts_dashboard #wpfooter,
.toplevel_page_xtemos_options #wpfooter,
body[class*=-dashboard_page_xts_import] #wpfooter,
body[class*=-dashboard_page_xts_header_builder] #wpfooter,
body[class*=-dashboard_page_xts_activation] #wpfooter,
body[class*=-dashboard_page_xts_plugins] #wpfooter,
body[class*=-dashboard_page_xts_patcher] #wpfooter,
body[class*=-dashboard_page_xts_finish_setup] #wpfooter,
body[class*=-dashboard_page_xts_child_theme] #wpfooter,
body[class*=-dashboard_page_xts_generator] #wpfooter,
body[class*=-dashboard_page_xts_system_status] #wpfooter,
body[class*="-dashboard_page_xts_generator "] #wpfooter {
padding-left: 40px;
padding-right: 40px;
}
.xts-dashboard-tabs {
position: absolute;
top: 0;
right: 0;
left: -20px;
display: flex;
align-items: center;
padding: 0 40px;
height: 80px;
border-bottom: 1px solid #EEE;
background-color: #FFF;
overflow-x: auto;
overflow-y: hidden;
}
.xts-dashboard-tabs ul {
display: flex;
margin: 0;
border-left: 1px solid #EEE;
}
.xts-dashboard-tabs li {
margin: 0;
}
.xts-dashboard-tabs li a {
position: relative;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
padding: 0 10px;
min-width: 100px;
height: 80px;
border-right: 1px solid #EEE;
color: #545454;
text-align: center;
text-decoration: none;
white-space: nowrap;
font-weight: 600;
}
.xts-dashboard-tabs li a:before {
margin-bottom: 5px;
color: #9E9E9E;
font-size: 32px;
}
.xts-dashboard-tabs li.xts-active a {
background-color: #EBF2FC;
}
.xts-dashboard-tabs li.xts-active a:after {
content: "";
position: absolute;
top: 0;
right: -1px;
left: -1px;
height: 3px;
background-color: #0F4C81;
}
.xts-dashboard-tabs li:hover a, .xts-dashboard-tabs li.xts-active a {
color: #0F4C81;
}
.xts-dashboard-tabs li:hover a:before, .xts-dashboard-tabs li.xts-active a:before {
color: #73A3EE;
}
.xts-dashboard-tabs-logo {
margin-right: 40px;
font-weight: 700;
text-transform: uppercase;
font-size: 22px;
color: #333;
line-height: 1;
min-width: 150px;
}
.xts-dashboard-tabs-logo img {
max-width: 150px;
max-height: 50px;
}
.rtl .xts-dashboard-tabs {
right: -20px;
left: 0;
}
.rtl .xts-dashboard-tabs ul {
border-right: 1px solid #EEE;
border-left: none;
}
.rtl .xts-dashboard-tabs li a {
border-right: none;
border-left: 1px solid #EEE;
}
.rtl .xts-dashboard-tabs-logo {
margin-right: 0;
margin-left: 40px;
}
.xts-dashboard-header {
margin-top: 20px;
margin-bottom: 40px;
}
.xts-dashboard-header h2 {
margin-bottom: 15px;
font-size: 28px;
line-height: 1;
}
.xts-dashboard-video {
max-width: 320px;
}
.xts-dashboard-video h4 {
max-width: 210px;
}
.xts-dashboard-video .xts-info {
padding: 20px;
border-left-width: 3px;
border-left-style: solid;
border-color: #0F4C81;
background: white;
}
.xts-dashboard-video .xts-info span {
display: block;
}
.xts-dashboard-video .xts-info .xts-inline-btn {
margin-top: 10px;
}
.xts-dashboard-video .xts-info:not(:first-child) {
margin-top: 20px;
}
.rtl .xts-dashboard-video .xts-info {
border-right-width: 3px;
border-right-style: solid;
border-left: none;
}
.xts-typography-sections select,
.xts-typography-sections input[type=text],
.xts-typography-sections .select2-container--xts,
.xts-custom-fonts-section select,
.xts-custom-fonts-section input[type=text],
.xts-custom-fonts-section .select2-container--xts {
max-width: 100% !important;
}
.xts-typography-family:not(.xts-default-value) {
color: #32373c;
}
.xts-typography-family:not(.xts-default-value):hover {
color: #32373c;
}
.xts-single-typography {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #EEE;
}
.xts-multiple-typography .xts-typography-section {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #EEE;
}
.xts-typography-responsive-controls {
display: flex;
flex-wrap: wrap;
margin-bottom: 8px !important;
}
.xts-typography-responsive-controls > div {
margin-right: 12px;
margin-bottom: 12px;
animation: xts-fadeIn 0.4s ease both;
}
.xts-typography-responsive-controls > div:last-child {
margin-right: 0;
}
.xts-typography-color-container .wp-picker-active .xts-typography-color-point {
margin-bottom: -12px;
}
.xts-typography-color-container .wp-picker-active .button.wp-color-result {
margin-right: 12px;
margin-bottom: 12px;
}
.xts-typography-color-container .wp-picker-active .wp-picker-input-wrap {
margin-left: 0;
margin-bottom: 12px;
}
.xts-typography-color-container .wp-picker-active .iris-picker {
margin-top: 0 !important;
}
.xts-typography-responsive-opener {
width: 20px;
height: 40px;
font-size: 16px;
cursor: pointer;
transition: color 0.2s ease;
margin-top: 23px;
}
.xts-typography-responsive-opener:hover {
color: #0F4C81;
}
.xts-typography-responsive-opener:before {
content: "\f345";
font-family: dashicons;
line-height: 40px;
}
.xts-typography-preview-container {
display: none;
}
.xts-typography-preview {
margin-top: 0;
margin-bottom: 0;
padding: 15px;
border: 1px solid #EEE;
border-radius: 3px;
}
.xts-typography-font-container .xts-typography-custom-selector {
margin-top: 20px !important;
}
[class*=xts-typography-control-] label:before {
display: inline-block;
margin-right: 3px;
color: #BFBFBF;
vertical-align: middle;
font-weight: 400;
font-size: 16px;
font-family: "Space-Admin-Icon";
}
.xts-typography-control-desktop label:before {
content: "\e925";
}
.xts-typography-control-tablet label:before {
content: "\e927";
}
.xts-typography-control-mobile label:before {
content: "\e928";
}
.xts-custom-font-title {
margin-top: 10px;
}
.xts-custom-fonts-btn-remove-wrap {
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #EEE;
}
.xts-custon-font-inner {
display: flex;
}
.xts-custon-font-inner img {
display: none;
}
.xts-custon-font-inner .xts-btn {
height: 40px;
}
.xts-custon-font-inner .xts-upload-preview {
flex-grow: 1;
margin-bottom: 0;
}
.xts-custon-font-inner .xts-upload-btn {
margin-left: 6px;
}
.rtl .xts-typography-responsive-controls > div {
margin-right: 0;
margin-left: 12px;
}
.rtl .xts-typography-responsive-controls > div:last-child {
margin-left: 0;
}
.rtl .xts-typography-responsive-opener:before {
content: "\f341";
}
.rtl .xts-typography-color-container .wp-picker-active .button.wp-color-result {
margin-right: 0;
margin-left: 12px;
}
.rtl .xts-typography-color-container .wp-picker-active .wp-picker-input-wrap {
margin-right: 0;
}
.rtl [class*=xts-typography-control-] label:before {
margin-right: 0;
margin-left: 3px;
}
.rtl .xts-custon-font-inner .xts-upload-btn {
margin-right: 6px;
margin-left: 0;
}
.xts-import-area {
margin-bottom: 12px;
}
.xts-instagram_api-control .xts-insta-pic,
.xts-instagram_api-control .xts-insta-name {
margin-bottom: 10px;
}
.xts-instagram_api-control .xts-insta-pic {
max-width: 150px;
}
.xts-instagram_api-control .xts-insta-pic img {
border-radius: 3px;
}
.xts-instagram_api-control .xts-insta-name span {
color: #333;
font-weight: 600;
}
.xts-import-area-btns button {
margin-right: 6px;
}
.xts-presets-wrapper {
margin-bottom: 40px;
padding: 0 40px 40px 40px;
background-color: #FFF;
}
.xts-presets-wrapper h3 {
margin-right: -40px;
margin-bottom: 0;
margin-left: -40px;
padding: 30px 40px 30px 40px;
border-bottom: 1px solid #EEE;
font-size: 18px;
line-height: 1;
}
.xts-presets-wrapper h4 {
font-size: 18px;
}
.xts-presets-wrapper .xts-current-preset h4,
.xts-presets-wrapper .xts-current-preset .xts-preset-conditions {
transition: all 0.2s ease;
}
.xts-presets-wrapper.xts-presets-loading .xts-current-preset h4,
.xts-presets-wrapper.xts-presets-loading .xts-current-preset .xts-preset-conditions {
opacity: 0.2;
}
.xts-presets-title {
margin-bottom: 15px;
display: flex;
align-items: center;
}
.xts-presets-title h4 {
display: flex;
align-items: center;
margin-bottom: 0;
line-height: 25px;
}
.xts-presets-title h4 span {
margin-right: 5px;
}
.xts-current-preset .xts-presets-title .xts-name-preset {
padding: 0;
height: auto;
border: none;
font-size: 18px;
line-height: 24px;
min-height: auto;
border-bottom: 1px dashed #c7c7c7;
max-width: 210px;
}
.xts-edit-preset-rule {
margin-left: 5px;
font-size: 0;
}
.xts-edit-preset-rule:hover {
opacity: 0.9;
}
.xts-edit-preset-rule:before {
font-size: 20px;
vertical-align: middle;
}
.xts-current-preset {
position: relative;
margin-right: -40px;
margin-left: -40px;
padding: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #EEE;
}
.xts-current-preset .xts-rule {
position: relative;
display: flex;
margin-bottom: 6px;
}
.xts-current-preset .xts-rule select,
.xts-current-preset .xts-rule div {
flex-grow: 1;
flex-basis: 33.33333%;
margin-right: 12px;
min-width: 30px;
}
.xts-current-preset .xts-rule select {
margin-bottom: 12px;
}
.xts-add-preset-rule {
margin-left: 12px;
}
.xts-remove-preset-rule {
position: absolute;
top: 7px;
left: 100%;
display: flex;
align-items: center;
width: 22px;
height: 22px;
text-align: center;
font-size: 0;
line-height: 1;
}
.xts-remove-preset-rule:hover {
opacity: 0.7;
}
.xts-remove-preset-rule:before {
color: #ED3C2D;
font-weight: 600;
font-size: 22px;
content: "\e934";
font-family: "Space-Admin-Icon";
}
.xts-presets-list {
margin-top: 40px;
}
.xts-inherit-checkbox-wrapper {
display: inline-block;
margin-left: 12px;
padding: 2px 4px;
border-radius: 3px;
background: -webkit-linear-gradient(left, #499BEA 0%, #0F4C81 100%);
color: white;
cursor: pointer;
user-select: none;
}
.xts-inherit-checkbox-wrapper input {
margin-top: -3px;
margin-right: 0;
margin-left: 2px;
min-width: 14px;
width: 14px;
height: 14px;
border-color: #EEE;
}
.xts-inherit-checkbox-wrapper input:focus {
border-color: #EEE;
}
.xts-inherit-checkbox-wrapper input:before {
margin-top: -4px !important;
margin-left: -4px !important;
width: 20px !important;
height: 20px !important;
}
.xts-field.xts-field-disabled {
user-select: none;
}
.xts-field.xts-field-disabled .xts-field-title > span {
opacity: 0.4;
animation: none;
}
.xts-field.xts-field-disabled .xts-field-inner {
opacity: 0.4;
pointer-events: none;
animation: none;
}
.xts-field.xts-field-disabled .xts-inherit-checkbox-wrapper {
background: #EFEFEF;
color: #444;
}
.rtl .xts-presets-title h4 span {
margin-right: 0;
margin-left: 5px;
}
.rtl .xts-edit-preset-rule {
margin-left: 0;
margin-right: 5px;
}
.rtl .xts-current-preset .xts-rule select,
.rtl .xts-current-preset .xts-rule div {
margin-right: 0;
margin-left: 12px;
}
.rtl .xts-add-preset-rule {
margin-right: 12px;
margin-left: 0;
}
.rtl .xts-remove-preset-rule {
right: 100%;
left: auto;
}
.rtl .xts-inherit-checkbox-wrapper {
margin-right: 12px;
margin-left: 0;
}
.rtl .xts-inherit-checkbox-wrapper input {
margin-right: 2px;
margin-left: 0;
}
.rtl .xts-inherit-checkbox-wrapper input:before {
margin-right: -4px !important;
margin-left: 0 !important;
}
.xts-bundle-name {
width: 340px;
}
.xts-fbt_products-field .xts-field-title {
display: none;
}
.tablenav .xts-active-section {
display: inline-block;
margin-inline-end: 4px;
vertical-align: middle;
}
.tablenav .select2-container--xts .select2-selection__placeholder {
color: #2C3338 !important;
}
.post-type-xts_woo_fbt.edit-php {
--xts-input-height: 30px;
--xts-input-border-width: 1px;
--xts-input-border-color: #8C8F94;
--xts-input-border-color-hover: #8C8F94;
--xts-input-border-color-focus: #8C8F94;
}
.xts-bought-together {
position: relative;
}
.xts-bought-together :is(tbody,
.xts-bought-together-controls) {
z-index: 999999;
transition: all 0.3s ease;
}
.xts-bought-together:before {
position: absolute;
top: calc(50% - 15px);
left: calc(50% - 15px);
z-index: 999999;
visibility: hidden;
opacity: 0;
}
.xts-bought-together.xts-loading :is(tbody,
.xts-bought-together-controls) {
opacity: 0.5 !important;
pointer-events: none;
}
.xts-bought-together.xts-loading:before {
visibility: visible;
opacity: 1;
transition: all 0.3s ease;
}
.xts-bought-together-controls a {
display: inline-block;
margin-top: 10px;
margin-inline-start: 10px;
}
.xts-bought-together-controls .form-field .select2-container--xts {
max-width: 450px !important;
}
.xts-bought-together-controls .button {
margin-top: 15px;
margin-inline-start: 10px;
}
#woocommerce-product-data .wc-tabs .xts_bought_together_tab a:before {
font-size: 12px;
content: "\e90d";
font-family: "Space-Admin-Icon";
}
.post-type-xts_woo_discounts {
--xts-input-width: 290px;
}
.post-type-xts_woo_discounts .xts-discount > div:not(:last-child) {
max-width: var(--xts-input-width);
width: 100%;
}
.post-type-xts_woo_discounts .xts-control-remove {
min-width: 40px;
}
.space-dashboard_page_xts_activation .xts-dashboard-content {
max-width: 1200px;
}
.space-dashboard_page_xts_activation:not(.xts-setup-wizard) #xts-license-key {
padding-right: 8px;
}
.space-dashboard_page_xts_activation:not(.xts-setup-wizard) .xts-activation-input .xts-label {
display: none;
}
.space-dashboard_page_xts_activation:not(.xts-setup-wizard) .xts-activation.xts-activated .xts-license-wrapper {
max-width: 510px;
}
.xts-activation.xts-activated .xts-license-wrapper {
padding: 30px 15px;
border: 1px solid #B2D585;
background-color: #F8FBF3;
}
.xts-activation.xts-activated .xts-license-wrapper > .xts-row {
margin-right: auto;
margin-left: auto;
max-width: 460px;
}
.xts-activation-form .xts-col {
display: flex;
}
.xts-activation-form .xts-col .xts-label {
padding-top: 5px;
padding-bottom: 5px;
}
.xts-activation-input {
position: relative;
display: inline-block;
margin-bottom: 25px;
width: 100%;
}
.xts-activation-input #xts-license-key {
padding-right: 130px;
max-width: none;
}
.xts-activation-input .xts-label {
position: absolute;
top: 4px;
right: 4px;
padding: 6px 8px;
background-color: #FFF;
}
.xts-activation-field {
margin-right: 15px;
color: #333;
text-align: left;
font-weight: 600;
min-width: 120px;
}
.xts-dev-domain {
display: flex;
}
.xts-dev-domain label {
margin-bottom: 0;
padding-left: 5px;
cursor: pointer;
}
.xts-dev-domain input {
margin-top: 2px !important;
margin-right: 0;
}
.xts-dev-domain + .xts-dev-domain {
margin-top: 10px;
}
.xts-activation-actions {
display: inline-flex;
margin-top: 25px;
}
.xts-activation-actions .xts-btn:not(:last-child) {
margin-right: 12px;
}
.space-dashboard_page_xts_activation:not(.xts-setup-wizard) .xts-activation-infoboxes-wrap {
margin-left: -10px;
margin-right: -10px;
}
.space-dashboard_page_xts_activation:not(.xts-setup-wizard) .xts-activation-infoboxes-wrap > div {
padding: 0;
}
.xts-activation-infoboxes-wrap {
margin-top: 25px;
}
.xts-activation-infobox {
display: block;
padding: 15px;
}
.xts-activation-infobox h4 {
margin-bottom: 10px;
color: #0F4C81;
}
.xts-activation-infobox [class*=xf-] {
margin-bottom: 15px;
color: rgba(0, 0, 0, 0.4);
font-size: 30px;
}
.xts-activation-infobox:hover {
background-color: #F9F9F9;
}
.rtl.space-dashboard_page_xts_activation:not(.xts-setup-wizard) #xts-license-key {
padding-right: 8px;
padding-left: 8px;
}
.rtl .xts-activation-input #xts-license-key {
padding-right: 8px;
padding-left: 130px;
}
.rtl .xts-activation-input .xts-label {
right: auto;
left: 4px;
}
.rtl .xts-activation-field {
margin-right: 0;
margin-left: 15px;
text-align: right;
}
.rtl .xts-dev-domain label {
padding-left: 0;
padding-right: 5px;
}
.rtl .xts-dev-domain input {
margin-left: 0;
}
.rtl .xts-activation-actions .xts-btn:not(:last-child) {
margin-right: 0;
margin-left: 12px;
}
.taxonomy-product_cat .xts-metaboxes,
.taxonomy-xts_slider .xts-metaboxes {
margin-top: 30px;
margin-bottom: 30px;
}
.taxonomy-xts_slider .term-parent-wrap,
.taxonomy-xts_slider .term-description-wrap {
display: none !important;
}
.taxonomy-xts_slider .column-description {
display: none;
}
@media (min-width: 768px) {
.post-type-xts-slide.edit-tags-php #col-left {
width: 65%;
}
.post-type-xts-slide.edit-tags-php #col-right {
width: 35%;
}
.post-type-xts-slide #edittag {
max-width: 1200px;
}
}
.taxonomy-category .xts-sections-nav {
display: none;
}
.taxonomy-category .xts-fields-tabs {
margin-top: 30px;
margin-bottom: 30px;
}
.toplevel_page_xts_dashboard .xts-dashboard-content {
margin-top: 20px;
max-width: 1200px;
}
.xts-welcome-title-wrap {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.xts-welcome-title-wrap .xts-welcome-title {
margin-bottom: 0;
color: #3A3A3A;
font-size: 24px;
line-height: 1;
margin-right: 0px;
}
.xts-welcome-info-box {
display: flex;
align-items: flex-start;
flex-direction: column;
padding: 40px;
height: 100%;
background-color: white;
background-position: bottom -25px right 15px;
background-repeat: no-repeat;
}
.xts-welcome-info-box p {
flex-grow: 1;
}
.xts-welcome-info-box.xts-dummy-content {
background-image: url(../images/welcome/package.svg);
}
.xts-welcome-info-box.xts-need-help {
background-image: url(../images/welcome/support.svg);
}
.xts-welcome-info-box.xts-other-themes {
background-image: url(../images/welcome/themes.svg);
background-position: bottom -70px right 20px;
}
.xts-welcome-info-box .xts-dummy-status {
margin-bottom: 20px;
}
.xts-theme-info {
display: flex;
flex-direction: column;
background-color: white;
line-height: 1;
}
.xts-theme-info > div *:not(:last-child) {
margin-bottom: 15px;
}
.xts-theme-info-inner {
padding: 10px 15px 15px 15px;
text-align: center;
}
.xts-theme-version {
text-align: right;
}
.xts-theme-name {
color: black;
text-transform: uppercase;
font-weight: 700;
font-size: 20px;
}
.xts-theme-author {
padding: 5px;
background-color: #000;
text-align: center;
}
.xts-need-help ul {
margin-top: -4px;
}
.rtl .xts-theme-activation-status {
margin-left: 0;
margin-right: 20px;
}
.rtl .xts-welcome-info-box {
background-position: bottom -25px left 15px;
}
.rtl .xts-welcome-info-box.xts-other-themes {
background-position: bottom -70px left 20px;
}
.rtl .xts-theme-version {
text-align: left;
}
.xts-dummy-content {
max-width: 1800px;
}
.xts-dashboard-box {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px 40px;
height: 100%;
background-color: white;
}
.xts-dashboard-box .xts-dashboard-box-content {
flex-grow: 1;
}
.xts-dashboard-box .xts-dashboard-box-content .xts-col-xxl-5 {
height: 100%;
}
.xts-dummy-box.xts-form-in-action .xts-dummy-preview img {
opacity: 0.2;
}
.xts-dummy-box.xts-form-in-action .xts-dummy-actions {
visibility: hidden;
opacity: 0;
transition-delay: 0s;
}
.xts-dummy-box .xts-dashboard-box-content .xts-col-xxl-5 {
text-align: left;
}
.xts-dashboard-box-header {
margin-right: -40px;
margin-bottom: 30px;
margin-left: -40px;
padding: 0 40px 30px 40px;
border-bottom: 1px solid #EEE;
}
.xts-dashboard-box-header h3 {
font-size: 20px;
}
.xts-dashboard-box-header h3:last-child {
margin-bottom: 0;
}
.xts-dashboard-box-header-inner {
margin-right: 20px;
}
.xts-dashboard-box-footer {
margin-top: 30px;
margin-right: -40px;
margin-left: -40px;
padding: 30px 40px 0 40px;
min-height: 72px;
border-top: 1px solid #EEE;
}
.xts-dashboard-box-footer-actions {
display: flex;
align-items: center;
}
.xts-dashboard-box-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.xts-dummy-preview {
position: relative;
overflow: hidden;
border-radius: 3px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
}
.xts-dummy-preview img {
transition: all 0.4s ease;
}
.xts-dummy-actions {
transition: all 0.6s ease;
transition-delay: 2.15s;
}
.xts-dummy-actions div {
flex-grow: 1;
text-align: right;
}
.xts-dummy-actions .xts-btn {
margin-right: 12px;
}
.xts-dummy-actions .xts-btn span {
margin-right: 4px;
margin-left: 4px;
font-weight: 700;
}
.xts-dummy-actions .xts-btn span:empty {
display: none;
}
.xts-additional-pages {
width: 100%;
}
.xts-dummy-progress-bar {
position: relative;
display: none;
overflow: hidden;
margin-top: -40px !important;
height: 40px !important;
border-radius: 3px;
animation: xts-fadeIn 0.6s ease both;
}
.xts-dummy-progress-bar > div {
position: relative;
z-index: 1;
height: 100%;
background: -webkit-linear-gradient(top, #499BEA 0%, #1F6BAD 100%);
transition: all 0.2s ease;
}
.xts-dummy-progress-bar[style*=overflow] > div[style="width: 0px;"] {
width: 100% !important;
}
.xts-dummy-progress-bar:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgb(196, 196, 196);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 30px 30px;
animation: xts-stripesAnim 1.25s linear reverse infinite;
}
.xts-dummy-progress-bar-count {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 600;
}
.xts-theme-repo {
min-height: 45vh;
}
.xts-theme-repo .xts-themes-repo-search input[type=text] {
padding-left: 45px;
min-width: 300px;
}
.xts-themes-repo-filters {
display: inline-flex;
flex-wrap: wrap;
margin-top: 0;
margin-right: 25px;
margin-bottom: 30px;
padding: 3px;
border-radius: 3px;
background-color: #EEE;
vertical-align: middle;
}
.xts-themes-repo-filters li {
margin-bottom: 0;
padding: 8px 12px;
border-radius: 3px;
color: #000;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: background 0.2s ease;
user-select: none;
}
.xts-themes-repo-filters li.xts-active {
background: white;
box-shadow: 1px 2px 10px 1px rgba(218, 218, 218, 0.5);
pointer-events: none;
}
.xts-themes-repo-filters li:hover {
color: #333;
}
.xts-themes-repo-search {
position: relative;
display: inline-flex;
margin-bottom: 30px;
vertical-align: middle;
}
.xts-themes-repo-search:before {
position: absolute;
top: 0;
left: 12px;
color: #EEE;
font-size: 24px;
line-height: 40px;
content: "\e924";
font-family: "Space-Admin-Icon";
}
.xts-themes-repo-search ::-webkit-input-placeholder {
color: rgba(142, 142, 142, 0.6901960784);
}
.xts-themes-repo-search ::-moz-placeholder {
color: rgba(142, 142, 142, 0.6901960784);
}
.xts-themes-repo-search :-moz-placeholder {
color: rgba(142, 142, 142, 0.6901960784);
}
.xts-themes-repo-search :-ms-input-placeholder {
color: rgba(142, 142, 142, 0.6901960784);
}
.xts-demo-box-inner {
padding: 15px;
border-radius: 3px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
text-align: center;
}
.xts-demo-preview,
.xts-demo-name {
margin-bottom: 15px;
}
.xts-demo-preview img {
border-radius: 3px;
user-select: none;
}
.xts-demo-name {
font-size: 18px;
}
.xts-demo-actions {
display: inline-flex;
}
.xts-demo-actions span:not(:last-child),
.xts-demo-actions a:not(:last-child) {
margin-right: 12px;
}
.rtl .xts-dummy-box .xts-dashboard-box-content .xts-col-xxl-5 {
text-align: right;
}
.rtl .xts-dashboard-box-header-inner {
margin-right: 0;
margin-left: 20px;
}
.rtl .xts-dummy-actions div {
text-align: left;
}
.rtl .xts-dummy-actions .xts-btn {
margin-right: 0;
margin-left: 12px;
}
.rtl .xts-theme-repo .xts-themes-repo-search input[type=text] {
padding-left: 8px;
padding-right: 45px;
}
.rtl .xts-themes-repo-filters {
margin-right: 0;
margin-left: 25px;
}
.rtl .xts-themes-repo-search:before {
left: auto;
right: 12px;
}
.rtl .xts-demo-actions span:not(:last-child),
.rtl .xts-demo-actions a:not(:last-child) {
margin-right: 0;
margin-left: 12px;
}
/*===============================================================
= Setup color variables and base settings =
===============================================================*/
/*===== End of Setup color variables and base settings ======*/
.xhb-button, .xhb-imagepicker .xhb-clear-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 15px;
min-width: 70px;
height: 40px;
outline: none;
border: none;
border-radius: 3px;
box-shadow: none;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
line-height: 1;
cursor: pointer;
transition: 0.2s all ease, 0s color linear, 0s margin linear;
transform: none;
user-select: none;
}
.xhb-button:hover, .xhb-imagepicker .xhb-clear-button:hover, .xhb-button:focus, .xhb-imagepicker .xhb-clear-button:focus {
outline: none;
box-shadow: none;
}
.xhb-toolbar-devices .xhb-button {
border: none;
background: #DFEAFB;
color: #0E406B;
}
.xhb-toolbar-devices .xhb-button:hover {
background-color: #d1e1f9;
cursor: pointer;
}
.xhb-toolbar-devices .xhb-button:hover, .xhb-toolbar-devices .xhb-button:focus {
color: #0E406B;
}
.xhb-button, .xhb-imagepicker .xhb-button, .xhb-toolbar-devices .xhb-button.xhb-button-active {
background-image: -webkit-linear-gradient(left, #499BEA 0%, #0F4C81 100%);
background-position: right;
background-size: 200% 200%;
color: white;
}
.xhb-button:hover, .xhb-toolbar-devices .xhb-button.xhb-button-active:hover {
background-position: left;
color: white;
}
.xhb-imagepicker .xhb-clear-button {
background: -webkit-linear-gradient(left, #FF9B94 0%, #ED3C2D 100%);
background-position: right;
background-size: 200% 200%;
color: white;
}
.xhb-imagepicker .xhb-clear-button:hover, .xhb-imagepicker .xhb-clear-button:focus {
background-position: left;
color: white;
}
.xhb-color-picker .xf-brush {
background: #EFEFEF;
}
.xhb-color-picker .xf-brush:hover {
background: #e5e5e5;
}
.xhb-headers-list li .xhb-button, .xhb-editor-field .xhb-button, .xhb-imagepicker .xhb-clear-button, .xhb-toolbar .xhb-settings-btn,
.xhb-toolbar .xhb-default-btn {
height: 33px;
font-size: 12px;
}
.xhb-builder-actions .xhb-button:first-child, .xhb-popup-actions .xhb-button:first-child:not(.xhb-button-bordered) {
box-shadow: 0px 0px 12px 1px rgba(15, 76, 129, 0.6);
}
.xhb-builder-actions .xhb-button:hover:first-child, .xhb-popup-actions .xhb-button:hover:first-child:not(.xhb-button-bordered), .xhb-builder-actions .xhb-button:focus:first-child, .xhb-popup-actions .xhb-button:focus:first-child:not(.xhb-button-bordered) {
box-shadow: 0px 0px 14px 1px rgba(15, 76, 129, 0.4);
}
.xhb-button.xhb-button-bordered {
border: 2px solid #EEE;
background: transparent;
}
.xhb-button.xhb-button-bordered:hover {
border-color: rgba(238, 238, 238, 0.6);
}
.xhb-button.xhb-button-bordered {
border-color: rgba(15, 76, 129, 0.6);
color: #0F4C81;
}
.xhb-button.xhb-button-bordered:hover {
border-color: rgba(15, 76, 129, 0.8);
}
.xhb-header-list-actions .xhb-list-default-btn, .xhb-toolbar .xhb-default-btn {
border-color: #BAD0AE;
color: #51AA1B;
transition: all 0.2s ease;
}
.xhb-header-list-actions .xhb-list-default-btn:hover, .xhb-toolbar .xhb-default-btn:hover {
border-color: #91b47e;
color: #326811;
}
.xhb-header-list-actions .xhb-button-active.xhb-list-default-btn, .xhb-toolbar .xhb-button-active.xhb-default-btn {
border-color: #51AA1B;
background-color: #51AA1B;
color: white;
cursor: pointer;
pointer-events: none;
}
.xhb-loading-circle {
position: absolute;
width: 70px;
height: 70px;
}
.xhb-loading-circle:before {
content: "";
display: block;
width: 100%;
height: 100%;
-webkit-animation: xts-rotate 1s linear infinite;
animation: xts-rotate 1s linear infinite;
}
.xhb-loading-circle:first-child {
transform: skew(30deg, 20deg);
}
.xhb-loading-circle:last-child {
transform: skew(-30deg, -20deg) scale(-1, 1);
}
.xhb-loading-circle:last-child:before {
animation-delay: -0.5s;
}
.xhb-header-builder {
position: relative;
padding: 35px 40px;
min-height: 400px;
background: white;
}
#xhb-header-builder:empty {
height: 300px;
background: #f2f2f2;
}
.xhb-building-area .xhb-main-area {
max-width: 1120px;
transition: all 0.3s ease;
}
.xhb-building-area.xhb-area-mobile .xhb-main-area {
max-width: 1000px;
}
/*===== End of Main builder area ======*/
/*====================================================
= Builder toolbar with buttons =
====================================================*/
.xhb-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
margin-right: -40px;
margin-bottom: 40px;
margin-left: -40px;
padding-right: 40px;
padding-bottom: 30px;
padding-left: 40px;
border-bottom: 1px solid #EEE;
}
.xhb-toolbar input[type=text] {
margin-left: 25px;
padding: 0;
min-height: 22px;
max-height: 18px;
width: 100%;
height: 17px;
border-radius: 0;
font-weight: 600;
font-size: 16px;
line-height: 17px;
}
.xhb-header-name {
display: flex;
margin-left: 5px;
}
.xhb-header-name .xhb-header-name-label {
margin-left: 5px;
border-bottom: 1px dashed #c7c7c7;
font-weight: 600;
font-size: 16px;
cursor: pointer;
transition: 0.2s all ease;
user-select: none;
}
.xhb-header-name .xhb-header-name-label:hover {
border-bottom: 1px dashed #38475E;
}
.xhb-header-name input[type=text] {
position: relative;
top: -1px;
display: block;
max-width: 320px;
outline: none;
border: none;
border-bottom: 1px dashed #0F4C81 !important;
background: transparent;
box-shadow: none !important;
}
.xhb-toolbar-buttons {
display: flex;
flex-grow: 1;
align-items: center;
}
.xhb-toolbar-devices {
overflow: hidden;
margin-right: 20px;
border-radius: 3px;
}
.xhb-toolbar-devices .xhb-button {
margin: 0 !important;
border-radius: 0;
}
.xhb-toolbar-devices .xhb-button.xhb-button-active {
cursor: pointer;
pointer-events: none;
}
/*===== End of Builder toolbar with buttons ======*/
/*=======================================================
= Rows, columns and root elements =
=======================================================*/
.xhb-element-root > .xhb-element-inner > .xhb-element-title {
display: none;
margin-bottom: 20px;
font-weight: bold;
}
.xhb-element-row {
position: relative;
padding: 10px;
border: 1px solid #ededed;
border-radius: 5px;
background: white;
box-shadow: 0px 0px 2px 2px #FAFAFA;
}
.xhb-element-row > .xhb-element-inner > .xhb-structure {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin: 0 -5px;
}
.xhb-element-row > .xhb-element-inner > .xhb-structure > .xhb-element-content {
flex: 1 1 33%;
margin: 0 5px;
}
.xhb-element-row > .xhb-element-inner > .xhb-element-title {
margin-bottom: 10px;
color: #333;
font-weight: bold;
cursor: default;
user-select: none;
}
.xhb-element-row > .xhb-element-actions {
position: absolute;
top: -1px;
left: -16px;
visibility: hidden;
border-width: 1px 0 1px 1px;
border-style: dashed;
border-color: #c7c7c7;
border-radius: 3px 0 0 3px;
background: white;
opacity: 0;
transition: all 0.2s ease;
}
.xhb-element-row > .xhb-element-actions .xhb-icon-button {
width: 30px;
height: 30px;
color: #0F4C81;
}
.xhb-element-row > .xhb-element-actions .xhb-icon-button:hover {
color: #0a3153;
}
.xhb-element-row:not(:last-child) {
margin-bottom: 15px;
}
.xhb-element-row:hover {
border-style: dashed;
border-color: #c7c7c7;
border-top-left-radius: 0;
transition: all 0.2s ease;
}
.xhb-element-row:hover > .xhb-element-actions {
left: -31px;
visibility: visible;
opacity: 1;
}
.xhb-element-column {
position: relative;
padding: 10px;
min-height: 20px;
border-radius: 5px;
background: #ECF2FD;
animation: xts-fadeIn 0.6s ease;
}
.xhb-element-column > .xhb-element-inner > .xhb-structure {
display: flex;
flex-wrap: wrap;
}
.xhb-element-column > .xhb-element-inner > .xhb-element-title {
display: none;
}
.xhb-element-column:not(.xhb-empty-column) > .xhb-element-actions {
position: absolute;
top: -24px;
right: 0;
visibility: hidden;
border-radius: 3px 3px 0 0;
background: #ECF2FD;
opacity: 0;
transition: all 0.2s ease;
}
.xhb-element-column:not(.xhb-empty-column) > .xhb-element-actions .xf-plus {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: top;
font-size: 18px;
}
.xhb-element-column:not(.xhb-empty-column) > .xhb-element-actions .xhb-icon-button {
width: 35px;
height: 30px;
}
.xhb-element-column:not(.xhb-empty-column) > .xhb-element-actions.xhb-over-element > .xhb-element-actions {
background: #DFEAFB;
}
.xhb-element-column:not(.xhb-empty-column).xhb-over-element {
background: #DFEAFB;
}
.xhb-element-column:not(.xhb-empty-column):not(.xhb-over-element):hover > .xhb-element-actions {
top: -27px;
visibility: visible;
opacity: 1;
}
.xhb-element-column.xhb-empty-column .xhb-element-actions {
min-height: 20px;
border: 1px dashed #BFD1ED;
border-radius: 3px;
text-align: center;
}
.xhb-element-column.xhb-empty-column .xhb-icon-button {
margin-top: 2px;
width: 100%;
height: 30px;
text-align: center;
transition: none;
}
/*---------- how elements look in columns ----------*/
.xhb-drag-source-content_element {
position: relative;
display: flex;
flex-wrap: nowrap;
margin: 2px;
border-radius: 3px;
background: #38475E;
color: white;
cursor: move;
transition: all 0.2s ease;
}
.xhb-drag-source-content_element .xhb-element-title {
display: inline-block;
padding: 6px 18px;
min-width: 66px;
}
.xhb-drag-source-content_element > .xhb-element-actions {
position: absolute;
top: -15px;
right: 0;
z-index: 1;
visibility: hidden;
padding: 3px;
border-radius: 3px 3px 0 0;
background: #38475E;
opacity: 0;
transition: all 0.2s ease;
}
.xhb-drag-source-content_element > .xhb-element-actions .xhb-icon-button {
color: rgba(255, 255, 255, 0.64);
border-color: var(--xts-option-border-color-darker-10);
}
.xhb-drag-source-content_element > .xhb-element-actions .xhb-icon-button span {
font-size: 16px;
}
.xhb-drag-source-content_element > .xhb-element-actions .xhb-icon-button:hover {
color: white;
}
.xhb-drag-source-content_element .xhb-element-inner {
text-align: center;
}
.xhb-drag-source-content_element .xhb-row-bg-preview {
display: none;
}
.xhb-drag-source-content_element:hover {
background: #252f3e;
}
.xhb-drag-source-content_element:hover .xhb-element-actions {
top: -21px;
display: block;
visibility: visible;
background: #252f3e;
opacity: 1;
}
.xhb-row-bg-preview {
position: relative;
top: 1px;
display: inline-block;
margin-left: 5px;
width: 15px;
height: 15px;
border-radius: 4px;
background-attachment: scroll !important;
background-size: contain !important;
}
/*===== End of Rows, columns and root elements ======*/
/*====================================
= Popup styles =
====================================*/
.xhb-popup {
position: fixed;
top: 0;
left: 0;
z-index: 1500;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.xhb-popup .xhb-popup-close {
position: absolute;
top: 0;
right: 0;
width: 58px;
height: 58px;
text-align: center;
cursor: pointer;
transition: 0.3s all ease;
}
.xhb-popup .xhb-popup-close span {
color: #0F4C81;
font-size: 24px;
line-height: 58px;
}
.xhb-popup .xhb-popup-close span:before {
font-weight: 600;
}
.xhb-popup .xhb-popup-close:hover {
opacity: 0.7;
}
.xhb-popup .xhb-popup-overlay {
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.54);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
opacity: 1;
transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
will-change: opacity;
}
.xhb-popup .xhb-popup-inner {
position: relative;
display: flex;
flex: 0 1 auto;
flex-direction: column;
margin: 32px;
max-height: 90vh;
width: 651px;
border-radius: 2px;
background: white;
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.xhb-popup .xhb-popup-content {
overflow-y: auto;
padding: 20px;
}
.xhb-popup .xhb-popup-title {
padding: 20px;
border-bottom: 1px solid #EEE;
color: #333;
font-weight: 600;
font-size: 16px;
}
.xhb-popup .xhb-popup-title strong {
font-weight: 700;
}
.xhb-popup .xhb-field {
margin-bottom: 8px;
padding-bottom: 8px;
}
.xhb-popup .xhb-slider-field div[class*=Tooltip-popper] {
margin-top: -54px;
}
.xhb-popup .xhb-background-option {
display: flex;
flex-wrap: wrap;
margin: 20px 0 0;
padding-bottom: 0 !important;
border-bottom: 0 !important;
}
.xhb-popup .xhb-background-image-options {
display: flex;
flex-wrap: wrap;
}
.xhb-popup .xhb-border-select,
.xhb-popup .xhb-background-select {
flex-basis: 50%;
padding: 10px;
}
.xhb-popup .xhb-border-select input,
.xhb-popup .xhb-border-select select,
.xhb-popup .xhb-background-select input,
.xhb-popup .xhb-background-select select {
width: 100%;
}
.xhb-popup .xhb-background-preview {
display: flex;
flex: 1 1 100%;
align-items: center;
justify-content: center;
margin: 10px;
padding: 5px;
min-height: 100px;
border: 1px solid #EFEFEF;
border-radius: 3px;
}
.xhb-popup .xhb-background-preview span {
color: #CACACA;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 42px;
opacity: 0.7;
}
.xhb-popup .xhb-border-option .xhb-option-fields {
display: flex;
flex-wrap: wrap;
}
.xhb-popup .xhb-border-option .xhb-option-fields .xhb-border-select {
flex: 0 1 25%;
}
.xhb-popup .xhb-border-option .xhb-option-fields .xhb-field-description {
flex: 1 1 100%;
}
.xhb-popup .xhb-color-picker-absolute {
position: absolute;
top: 80px;
z-index: 2;
}
.xhb-popup .xhb-color-picker-cover {
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.xhb-option-fields {
display: flex;
flex: 1 1 100%;
flex-wrap: wrap;
padding: 10px;
border: 1px solid #EAEAEA;
border-radius: 3px;
background-color: #F9F9F9;
}
.xhb-option-fields .xhb-field-description {
padding: 0 10px 10px 10px;
}
.xhb-popup-actions {
margin: 0;
padding: 20px;
border-top: 1px solid #EEE;
}
.xhb-popup-actions .xhb-button:not(:last-child) {
margin-right: 15px;
}
/*---------- popup tabs titles ----------*/
.xhb-header-builder .xhb-edit-tabs > div {
animation: xts-fadeIn 0.4s ease both;
}
.xhb-header-builder .xhb-edit-tabs select,
.xhb-header-builder .xhb-edit-tabs input[type=text],
.xhb-header-builder .xhb-edit-tabs input[type=number] {
min-width: 50%;
height: 35px;
}
.xhb-header-builder .xhb-edit-tabs .xhb-tabs-titles {
display: flex;
margin-bottom: 20px;
padding: 3px;
border-radius: 3px;
background-color: #EEE;
}
.xhb-header-builder .xhb-edit-tabs .xhb-tabs-title {
padding: 8px 12px;
border-radius: 3px;
color: #000;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: background 0.2s ease;
user-select: none;
}
.xhb-header-builder .xhb-edit-tabs .xhb-tabs-title.xhb-active-tab {
background: white;
box-shadow: 1px 2px 10px 1px rgba(218, 218, 218, 0.5);
pointer-events: none;
}
.xhb-header-builder .xhb-edit-tabs .xhb-tabs-title:hover {
color: #333;
}
/*---------- Popup animation ----------*/
.xhb-zoom-enter .xhb-popup-inner {
opacity: 0;
transition: all 0.2s ease;
transform: scale(0.8);
}
.xhb-zoom-enter .xhb-popup-overlay {
opacity: 0;
transition: all 0.3s ease-out;
}
.xhb-zoom-enter.xhb-zoom-enter-active .xhb-popup-inner {
opacity: 1;
transform: scale(1);
}
.xhb-zoom-enter.xhb-zoom-enter-active .xhb-popup-overlay {
opacity: 0.8;
}
.xhb-zoom-leave .xhb-popup-inner {
opacity: 1;
transition: all 0.2s ease;
transform: scale(1);
}
.xhb-zoom-leave .xhb-popup-overlay {
opacity: 0.8;
transition: all 0.3s ease-out;
}
.xhb-zoom-leave.xhb-zoom-leave-active .xhb-popup-inner {
opacity: 0;
transform: scale(0.8);
}
.xhb-zoom-leave.xhb-zoom-leave-active .xhb-popup-overlay {
opacity: 0;
}
/*===== End of Popup styles ======*/
/*---------- Messages styles ----------*/
.xhb-messages-area {
position: fixed;
top: 41px;
right: 15px;
z-index: 5000;
}
.xhb-push-notification {
display: flex;
align-items: center;
padding: 15px 20px;
border-radius: 3px;
background-color: #29D371;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 30px 30px;
box-shadow: 1px 1px 10px rgba(41, 211, 113, 0.4);
color: white !important;
white-space: nowrap;
}
.xhb-push-notification:before {
content: "\e940";
margin-right: 10px;
margin-left: -5px;
text-align: center;
font-size: 28px;
font-family: Space-Admin-Icon;
line-height: 30px;
}
.xhb-errors-area .xhb-push-notification {
background-color: #EC8580;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
background-size: 30px 30px;
}
.xhb-errors-area .xhb-push-notification:before {
content: "\e941";
font-size: 30px;
}
.xhb-push-enter {
opacity: 0;
transition: all 0.2s ease;
transform: scale(0.8);
}
.xhb-push-enter.xhb-push-enter-active {
opacity: 1;
transform: scale(1);
}
.xhb-push-leave {
opacity: 1;
transition: all 0.2s ease;
transform: scale(1);
}
.xhb-push-leave.xhb-push-leave-active {
opacity: 0;
transform: scale(0.8);
}
/*===== End of Messages styles ======*/
/*====================================
= Field styles =
====================================*/
.xhb-field-section-title {
color: #0F4C81 !important;
font-size: 14px;
}
.xhb-imagepicker .xhb-imagepicker-preview {
display: block;
margin-bottom: 10px;
padding: 3px;
max-height: 50px;
height: auto;
border: 1px solid #E3E3E3;
border-radius: 3px;
cursor: pointer;
}
.xhb-editor-field {
animation: xts-fadeIn 0.4s ease both;
animation-fill-mode: initial;
}
.xhb-editor-field:not(:last-child) {
margin-bottom: 25px;
}
.xhb-editor-field label {
display: block;
margin-bottom: 10px;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid #EEE;
color: #333;
font-weight: 600;
font-size: 13px;
cursor: auto;
}
.xhb-editor-field label strong {
font-weight: 400;
}
.xhb-editor-field .xhb-field-description {
margin-top: 5px;
margin-bottom: 0;
color: #676767;
font-style: italic;
font-size: 12px;
}
.xhb-editor-field .xts-notice {
margin-bottom: 0;
}
.xhb-editor-field input[type=checkbox] {
display: inline-block;
}
.xhb-select-field select {
min-width: 50%;
}
.xhb-switch-field label {
display: inline-block;
margin: -7px 0 0 3px;
}
.xhb-color-picker-option {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.xhb-color-picker-option label {
flex: 1 1 100%;
}
.xhb-color-picker-option .xhb-clear-color {
margin-left: 5px;
width: 20px;
height: 20px;
color: #8C8C8C;
text-align: center;
font-size: 0;
font-size: 18px;
line-height: 20px;
cursor: pointer;
transition: all 0.2s ease;
}
.xhb-color-picker-option .xhb-clear-color:hover {
color: #0F4C81;
}
.xhb-color-picker-option.xhb-picker-top .xhb-color-picker-absolute {
top: auto;
bottom: 35px;
}
.xhb-color-picker-option.xhb-picker-opened:not(.xhb-picker-top):not(.xhb-picker-overlap) {
padding-bottom: 320px;
}
.xhb-color-picker {
display: flex;
padding: 2px;
border: 2px solid #EEE;
border-radius: 3px;
background-color: white;
}
.xhb-color-picker .xhb-color-preview {
width: 40px;
height: 25px;
font-size: 0;
}
.xhb-color-picker .xf-brush {
margin-left: 2px;
width: 40px;
background-position: right;
background-size: 150%;
color: #8C8C8C;
text-align: center;
font-size: 20px;
line-height: 25px;
cursor: pointer;
transition: all 0.2s ease;
}
.xhb-selector-field .xhb-selector-options {
display: inline-flex;
flex-wrap: nowrap;
max-width: 100%;
}
.xhb-selector-field .xhb-selector-option {
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
transition: background 0.2s ease;
}
.xhb-selector-field .xhb-selector-option:not(.xhb-image-option) {
position: relative;
padding: 6px 12px;
background: #DFEAFB;
color: #0F4C81;
user-select: none;
}
.xhb-selector-field .xhb-selector-option:not(.xhb-image-option):not(.xhb-active-option) {
cursor: pointer;
}
.xhb-selector-field .xhb-selector-option:not(.xhb-image-option):not(.xhb-active-option):hover {
background: #d1e1f9;
}
.xhb-selector-field .xhb-selector-option:not(.xhb-image-option).xhb-active-option {
background: -webkit-linear-gradient(left, #499BEA 0%, #0F4C81 100%);
background-position: right;
background-size: 200%;
color: white;
cursor: default;
user-select: none;
}
.xhb-selector-field .xhb-selector-option:not(.xhb-image-option):first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.xhb-selector-field .xhb-selector-option:not(.xhb-image-option):last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.xhb-selector-field .xhb-selector-option:not(.xhb-image-option):not(:last-child):after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background-color: rgba(15, 76, 129, 0.08);
}
.xhb-selector-field .xhb-selector-option.xhb-image-option {
position: relative;
border: 2px solid #EEE;
border-radius: 4px;
cursor: pointer;
transition: all 0.2s ease;
}
.xhb-selector-field .xhb-selector-option.xhb-image-option img {
max-width: 100%;
vertical-align: middle;
}
.xhb-selector-field .xhb-selector-option.xhb-image-option:hover {
border-color: #d7dee8;
}
.xhb-selector-field .xhb-selector-option.xhb-image-option.xhb-active-option {
border-color: #0F4C81;
}
.xhb-selector-field .xhb-selector-option.xhb-image-option.xhb-active-option:after {
content: "\e933";
position: absolute;
top: -5px;
right: -5px;
z-index: 15;
display: flex;
align-items: center;
justify-content: center;
padding-top: 1px;
padding-right: 1px;
padding-left: 1px;
border-radius: 50%;
background-color: #0F4C81;
color: white;
font-size: 10px;
font-family: Space-Admin-Icon;
line-height: 12px;
}
.xhb-selector-field .xhb-selector-option.xhb-image-option:not(:last-child) {
margin-right: 5px;
}
.xhb-textarea-option textarea {
min-height: 120px;
width: 100%;
}
.xhb-editor-option .wp-editor-wrap {
margin-top: -30px;
}
.xhb-editor-option .wp-editor-wrap textarea {
min-height: 120px;
width: 100%;
outline: none !important;
border: none !important;
}
.wp-editor-tabs button {
box-sizing: content-box;
}
.xhb-link-option input[type=text] {
margin-bottom: 5px;
}
.xhb-inline-checkbox {
display: flex;
}
.xhb-inline-checkbox input[type=checkbox] {
margin-top: 2px;
margin-left: 10px;
}
/*===== End of Field styles ======*/
/*======================================
= Buttons styles =
======================================*/
.xhb-button [class*=xf-]:before {
margin-right: 3px;
margin-left: -3px;
font-size: 18px;
}
.xhb-button:not(:last-child) {
margin-right: 10px;
}
.xhb-icon-button {
display: inline-block;
margin: 0;
padding: 0;
outline: none !important;
border: none;
background: transparent;
color: #5e779e;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
}
.xhb-icon-button [class*=xf-]:before {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: top;
font-size: 20px;
line-height: 1;
}
.xhb-icon-button:focus {
outline: none;
}
.xhb-icon-button.xhb-disabled-button {
color: #0F4C81;
cursor: default;
}
.xhb-icon-button.xhb-button-disabled {
opacity: 0.3;
cursor: default;
}
.xhb-icon-button:not(.xhb-button-disabled):hover {
color: black;
}
/*===== End of Buttons styles ======*/
/*=====================================
= Xtemos loader =
=====================================*/
.xhb-loader {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: none;
align-items: center;
justify-content: center;
background: rgba(15, 76, 129, 0.9);
box-shadow: 0px 0px 14px 1px rgba(15, 76, 129, 0.4);
animation: xts-fadeIn 0.2s ease;
}
.xhb-loader.xhb-loading {
display: flex;
}
.xhb-loading-icon {
margin: auto auto 10px;
width: 70px;
height: 70px;
}
.xhb-loading-circle:before {
background-image: url("data:image/svg+xml,%3Csvg fill='%23FFF' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath d='M85.5,42c-0.2-0.8-0.5-1.7-0.8-2.5c-0.3-0.9-0.7-1.6-1-2.3c-0.3-0.7-0.6-1.3-1-1.9c0.3,0.5,0.5,1.1,0.8,1.7 c0.2,0.7,0.6,1.5,0.8,2.3s0.5,1.7,0.8,2.5c0.8,3.5,1.3,7.5,0.8,12c-0.4,4.3-1.8,9-4.2,13.4c-2.4,4.2-5.9,8.2-10.5,11.2 c-1.1,0.7-2.2,1.5-3.4,2c-0.5,0.2-1.2,0.6-1.8,0.8s-1.3,0.5-1.9,0.8c-2.6,1-5.3,1.7-8.1,1.8l-1.1,0.1L53.8,84c-0.7,0-1.4,0-2.1,0 c-1.4-0.1-2.9-0.1-4.2-0.5c-1.4-0.1-2.8-0.6-4.1-0.8c-1.4-0.5-2.7-0.9-3.9-1.5c-1.2-0.6-2.4-1.2-3.7-1.9c-0.6-0.3-1.2-0.7-1.7-1.1 l-0.8-0.6c-0.3-0.1-0.6-0.4-0.8-0.6l-0.8-0.6L31.3,76l-0.2-0.2L31,75.7l-0.1-0.1l0,0l-1.5-1.5c-1.2-1-1.9-2.1-2.7-3.1 c-0.4-0.4-0.7-1.1-1.1-1.7l-1.1-1.7c-0.3-0.6-0.6-1.2-0.9-1.8c-0.2-0.5-0.6-1.2-0.8-1.8c-0.4-1.2-1-2.4-1.2-3.7 c-0.2-0.6-0.4-1.2-0.5-1.9c-0.1-0.6-0.2-1.2-0.3-1.8c-0.3-1.2-0.3-2.4-0.4-3.7c-0.1-1.2,0-2.5,0.1-3.7c0.2-1.2,0.3-2.4,0.6-3.5 c0.1-0.6,0.3-1.1,0.4-1.7l0.1-0.8l0.3-0.8c1.5-4.3,3.8-8,6.5-11c0.8-0.8,1.4-1.5,2.1-2.1c0.9-0.9,1.4-1.3,2.2-1.8 c1.4-1.2,2.9-2,4.3-2.8c2.8-1.5,5.5-2.3,7.7-2.8s4-0.7,5.2-0.6c0.6-0.1,1.1,0,1.4,0s0.4,0,0.4,0h0.1c2.7,0.1,5-2.2,5-5 c0.1-2.7-2.2-5-5-5c-0.2,0-0.2,0-0.3,0c0,0-0.2,0.1-0.6,0.1c-0.4,0-1,0-1.8,0.1c-1.6,0.1-4,0.4-6.9,1.2c-2.9,0.8-6.4,2-9.9,4.1 c-1.8,1-3.6,2.3-5.4,3.8C26,21.4,25,22.2,24.4,23c-0.2,0.2-0.4,0.4-0.6,0.6c-0.2,0.2-0.5,0.4-0.6,0.7c-0.5,0.4-0.8,0.9-1.3,1.4 c-3.2,3.9-5.9,8.8-7.5,14.3l-0.3,1l-0.2,1.1c-0.1,0.7-0.3,1.4-0.4,2.1c-0.3,1.5-0.4,2.9-0.5,4.5c0,1.5-0.1,3,0.1,4.5 c0.2,1.5,0.2,3,0.6,4.6c0.1,0.7,0.3,1.5,0.4,2.3c0.2,0.8,0.5,1.5,0.7,2.3c0.4,1.6,1.1,3,1.7,4.4c0.3,0.7,0.7,1.4,1.1,2.1 c0.4,0.8,0.8,1.4,1.2,2.1c0.5,0.7,0.9,1.4,1.4,2s0.9,1.3,1.5,1.9c1.1,1.3,2.2,2.7,3.3,3.5l1.7,1.6c0,0,0.1,0.1,0.1,0.1c0,0,0,0,0,0 c0,0,0,0,0,0l0.1,0.1l0.1,0.1h0.2l0.5,0.4l1,0.7c0.4,0.2,0.6,0.5,1,0.7l1.1,0.6c0.8,0.4,1.4,0.9,2.1,1.2c1.4,0.7,2.9,1.5,4.4,2 c1.5,0.7,3.1,1,4.6,1.5c1.5,0.3,3.1,0.7,4.7,0.8c1.6,0.2,3.1,0.2,4.7,0.2c0.8,0,1.6-0.1,2.4-0.1l1.2-0.1l1.1-0.1 c3.1-0.4,6.1-1.3,8.9-2.4c0.8-0.3,1.4-0.6,2.1-0.9s1.3-0.7,2-1.1c1.3-0.7,2.6-1.7,3.7-2.5c0.5-0.4,1-0.9,1.6-1.3l0.8-0.6l0.2-0.2 c0,0,0.1-0.1,0.1-0.1c0.1-0.1,0,0,0,0v0.1l0.1-0.1l0.4-0.4c0.5-0.5,1-1,1.5-1.5c0.3-0.3,0.5-0.5,0.8-0.8l0.7-0.8 c0.9-1.1,1.8-2.2,2.5-3.3c0.4-0.6,0.7-1.1,1.1-1.7c0.3-0.7,0.6-1.2,0.9-1.8c2.4-4.9,3.5-9.8,3.7-14.4C87.3,49.7,86.6,45.5,85.5,42z'%3E%3C/path%3E%3C/svg%3E");
}
.xhb-loading-text {
color: #FFF;
font-size: 16px;
-webkit-animation: flickerAnimation 2s infinite;
animation: flickerAnimation 2s infinite;
}
@keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*===== End of Xtemos loader ======*/
/*===========================================
= Header manager list =
===========================================*/
.xhb-headers-manager h1 {
font-size: 20px;
}
.xhb-headers-manager p {
color: #7A7A7A;
}
.xhb-headers-manager > p {
margin-right: -40px;
margin-bottom: 40px;
margin-left: -40px;
padding-right: 40px;
padding-bottom: 30px;
padding-left: 40px;
border-bottom: 1px solid #EEE;
}
.xhb-headers-list {
margin-bottom: 20px;
max-width: 850px;
animation: xts-fadeIn 0.6s ease;
}
.xhb-headers-list ul {
margin: 0;
width: 100%;
}
.xhb-headers-list li {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
border-radius: 3px;
background: #ECF2FD;
transition: all 0.2s ease;
}
.xhb-headers-list li > a {
position: relative;
z-index: 1;
display: flex;
flex-grow: 1;
align-items: center;
padding: 10px 15px;
color: #0F4C81;
text-decoration: none;
}
.xhb-headers-list li > a > span {
font-weight: 600;
font-size: 16px;
}
.xhb-headers-list li.xhb-default-header {
background: -webkit-linear-gradient(left, #499BEA 0%, #0F4C81 100%);
background-position: right;
background-size: 150%;
}
.xhb-headers-list li.xhb-default-header > a {
color: white;
}
.xhb-headers-list li.xhb-default-header:hover {
background-position: left;
}
.xhb-headers-list li:not(.xhb-default-header):hover {
background: #DFEAFB;
}
.xhb-builder-actions {
margin-top: 40px;
margin-right: -40px;
margin-left: -40px;
padding-top: 30px;
padding-right: 40px;
padding-left: 40px;
border-top: 1px solid #EEE;
}
.xhb-builder-actions .xhb-button:not(:last-child) {
margin-right: 20px;
}
.xhb-builder-actions .xhb-back-to-list {
display: block;
margin: 20px 0 0;
}
.xhb-builder-actions .xhb-back-to-list:hover {
text-decoration: underline;
}
.xhb-header-list-actions {
display: flex;
padding: 10px 15px 10px 0;
}
.xhb-header-list-actions .xhb-button {
background-color: white;
transition: all 0.2s ease;
}
.xhb-header-list-actions .xhb-button.xhb-button-disabled {
cursor: pointer;
pointer-events: none;
}
.xhb-header-list-actions .xhb-list-edit-btn {
border-color: rgba(15, 76, 129, 0.3);
color: #0F4C81;
}
.xhb-header-list-actions .xhb-list-edit-btn:hover {
border-color: rgba(15, 76, 129, 0.5);
color: black;
}
.xhb-header-list-actions .xhb-list-default-btn {
min-width: 105px;
}
.xhb-header-list-actions .xhb-list-remove-btn {
border-color: rgba(237, 60, 45, 0.6);
color: #ED3C2D;
}
.xhb-header-list-actions .xhb-list-remove-btn:hover {
border-color: rgba(237, 60, 45, 0.8);
color: #bd1e10;
}
/*===== End of Header manager list ======*/
/*============================================
= Create header window =
============================================*/
.xhb-new-header-window ul {
margin: 0;
width: 100%;
}
.xhb-new-header-window .xhb-option-fields {
padding: 20px;
}
.xhb-header-examples {
margin-bottom: 30px;
}
.xhb-header-examples li {
position: relative;
top: 0;
margin-bottom: 3px;
margin-bottom: 0;
cursor: pointer;
transition: 0.2s all ease;
}
.xhb-header-examples li:not(:last-child) {
margin-bottom: 10px;
}
.xhb-header-examples li span {
display: block;
margin-top: 5px;
font-style: italic;
}
.xhb-header-examples li:hover img {
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
}
.xhb-header-examples img {
display: block;
box-sizing: border-box;
max-width: 100%;
border-radius: 3px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
transition: 0.2s all ease;
}
.xhb-header-defined li {
margin-bottom: 10px;
padding: 10px 15px;
border-radius: 3px;
background: #ECF2FD;
color: #0F4C81;
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: all 0.2s ease;
}
.xhb-header-defined li:last-child {
margin-bottom: 0;
}
.xhb-header-defined li:hover {
background: #DFEAFB;
}
/*===== End of Create header window ======*/
/*===============================================
= Import / export windows =
===============================================*/
.xhb-import-area textarea,
.xhb-export-area textarea {
min-height: 150px;
width: 100%;
}
/*===== End of Import / export windows ======*/
/*==============================================
= Add new element window =
==============================================*/
.xhb-popup-content .xhb-elements-add input[type=text] {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
}
.xhb-popup-content .xhb-elements-add ul {
display: flex;
flex-wrap: wrap;
margin: 0;
margin-bottom: -10px;
margin-left: -10px;
}
.xhb-popup-content .xhb-elements-add li {
display: flex;
flex: 0 1 calc(25% - 10px);
align-items: center;
flex-direction: column;
justify-content: center;
margin-bottom: 10px;
margin-left: 10px;
padding: 10px 5px;
min-width: 141px;
border: 2px solid #EEE;
border-radius: 3px;
text-align: center;
cursor: pointer;
transition: 0.2s all ease;
}
.xhb-popup-content .xhb-elements-add li h4 {
margin: 0;
font-weight: 600;
}
.xhb-popup-content .xhb-elements-add li:hover {
border-color: #d7dee8;
}
.xhb-popup-content .xhb-elements-add li img {
flex-grow: 1;
margin-bottom: 6px;
max-width: 35px;
max-height: 35px;
}
.xhb-popup-content .xhb-elements-add .xts-notice {
margin-bottom: 10px;
margin-left: 10px;
width: 100%;
}
/*===== End of Add new element window ======*/
/*===== End of Adjust slider colors ======*/
.rtl {
/*====================================================
= Builder toolbar with buttons =
====================================================*/
/*===== End of Builder toolbar with buttons ======*/
/*=======================================================
= Rows, columns and root elements =
=======================================================*/
/*---------- how elements look in columns ----------*/
/*===== End of Rows, columns and root elements ======*/
/*====================================
= Popup styles =
====================================*/
/*---------- Messages styles ----------*/
/*===== End of Messages styles ======*/
/*====================================
= Field styles =
====================================*/
/*===== End of Field styles ======*/
/*======================================
= Buttons styles =
======================================*/
/*===========================================
= Header manager list =
===========================================*/
/*===== End of Header manager list ======*/
/*===== End of RTL adjustments ======*/
}
.rtl .xhb-toolbar input[type=text] {
margin-right: 25px;
margin-left: 0;
}
.rtl .xhb-header-name {
margin-right: 5px;
margin-left: 0;
}
.rtl .xhb-header-name .xhb-header-name-label {
margin-right: 5px;
margin-left: 0;
}
.rtl .xhb-toolbar-devices {
margin-right: 0;
margin-left: 20px;
}
.rtl .xhb-element-row > .xhb-element-actions {
right: -16px;
left: auto;
border-width: 1px 1px 1px 0;
border-radius: 0 3px 3px 0;
border-color: var(--xts-option-border-color-darker-10);
}
.rtl .xhb-element-row:hover {
border-top-left-radius: 3px;
border-top-right-radius: 0;
}
.rtl .xhb-element-row:hover > .xhb-element-actions {
right: -31px;
left: auto;
}
.rtl .xhb-element-column:not(.xhb-empty-column) > .xhb-element-actions {
right: auto;
left: 0;
border-radius: 3px 0 0 3px;
}
.rtl .xhb-drag-source-content_element > .xhb-element-actions {
right: auto;
left: 0;
border-radius: 3px 0 0 3px;
}
.rtl .xhb-row-bg-preview {
margin-right: 5px;
margin-left: 0;
}
.rtl .xhb-popup .xhb-popup-close {
right: auto;
left: 0;
}
.rtl .xhb-popup-actions .xhb-button:not(:last-child) {
margin-right: 0;
margin-left: 15px;
}
.rtl .xhb-messages-area {
right: auto;
left: 15px;
}
.rtl .xhb-push-notification:before {
margin-right: -5px;
margin-left: 10px;
}
.rtl .xhb-switch-field label {
margin-right: 3px;
margin-left: 0;
}
.rtl .xhb-color-picker-option .xhb-clear-color {
margin-right: 5px;
margin-left: 0;
}
.rtl .xhb-color-picker .xf-brush {
margin-right: 2px;
margin-left: 0;
}
.rtl .xhb-selector-field .xhb-selector-option:not(.xhb-image-option):first-child {
border-top-left-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0;
}
.rtl .xhb-selector-field .xhb-selector-option:not(.xhb-image-option):last-child {
border-top-left-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 3px;
}
.rtl .xhb-selector-field .xhb-selector-option:not(.xhb-image-option):not(:last-child):after {
right: auto;
left: 0;
}
.rtl .xhb-selector-field .xhb-selector-option.xhb-image-option.xhb-active-option:after {
right: auto;
left: -5px;
}
.rtl .xhb-selector-field .xhb-selector-option.xhb-image-option:not(:last-child) {
margin-right: 0;
margin-left: 5px;
}
.rtl .xhb-inline-checkbox input[type=checkbox] {
margin-right: 10px;
margin-left: 0;
}
.rtl .xhb-button [class*=xf-]:before {
margin-right: -3px;
margin-left: 3px;
}
.rtl .xhb-button:not(:last-child) {
margin-right: 0;
margin-left: 10px;
}
.rtl .xhb-builder-actions .xhb-button:not(:last-child) {
margin-right: 0;
margin-left: 20px;
}
.rtl .xhb-header-list-actions {
padding-right: 0;
padding-left: 15px;
}
.xhb-header-builder-wrapper {
display: flex;
flex-wrap: wrap;
}
.xhb-header-builder-wrapper #xhb-header-builder {
max-width: 1200px;
flex-basis: 1200px;
}
.xhb-header-builder-wrapper #xhb-header-builder > .xts-notice {
animation: xts-fadeIn 0.6s ease both;
animation-delay: 3.5s;
}
.xhb-header-builder-wrapper .xhb-row-notice-wrapp {
display: flex;
gap: 6px;
margin-inline-start: 10px;
}
.xhb-header-builder-wrapper .xhb-row-notice {
display: flex;
align-items: center;
font-weight: 400;
font-size: 11px;
opacity: 0.6;
color: var(--xts-body-color);
}
.xhb-header-builder-wrapper .xhb-row-notice:before {
font-size: 16px;
margin-inline-end: 3px;
}
.xhb-header-builder-wrapper .xhb-element-title {
display: flex;
align-items: center;
}
.xhb-header-builder-wrapper .xhb-row-bg-preview:not([style]) {
display: none;
}
.xhb-header-builder-wrapper .xhb-structure > .xhb-col-1 > .xhb-element-inner > .xhb-structure > :not(:first-child) {
display: none;
}
.xhb-element-row.xhb-disabled {
--xts-option-border-color-darker-10: rgba(16, 16, 16, .04);
box-shadow: none !important;
}
.xhb-element-row.xhb-disabled > .xhb-element-inner > .xhb-element-title {
color: rgba(16, 16, 16, 0.5);
}
.xhb-element-row.xhb-disabled > .xhb-element-inner > .xhb-structure {
opacity: 0.4;
}
/*============================================
= Adjust slider colors =
============================================*/
.xhb-header-builder .rc-slider-track,
.xhb-popup .rc-slider-track {
background: #0F4C81;
}
.xhb-header-builder .rc-slider-rail,
.xhb-popup .rc-slider-rail {
background-color: #DFEAFB;
}
.xhb-header-builder .rc-slider-step,
.xhb-popup .rc-slider-step {
cursor: pointer;
}
.xhb-header-builder .rc-slider-handle,
.xhb-popup .rc-slider-handle {
border: solid 2px #0F4C81;
}
.xhb-header-builder .rc-slider-handle:hover,
.xhb-popup .rc-slider-handle:hover {
border: solid 2px #0F4C81;
}
.xhb-header-builder .rc-slider-handle:hover, .xhb-header-builder .rc-slider-handle:focus, .xhb-header-builder .rc-slider-handle:active,
.xhb-popup .rc-slider-handle:hover,
.xhb-popup .rc-slider-handle:focus,
.xhb-popup .rc-slider-handle:active {
border-color: #0F4C81;
box-shadow: 0 0 0 2px rgba(15, 76, 129, 0.3);
}
.xhb-header-builder .rc-slider,
.xhb-popup .rc-slider {
position: relative;
height: 14px;
padding: 5px 0;
width: 100%;
border-radius: 6px;
-ms-touch-action: none;
touch-action: none;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.xhb-header-builder .rc-slider *,
.xhb-popup .rc-slider * {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.xhb-header-builder .rc-slider-rail,
.xhb-popup .rc-slider-rail {
position: absolute;
width: 100%;
background-color: #e9e9e9;
height: 4px;
border-radius: 6px;
}
.xhb-header-builder .rc-slider-track,
.xhb-popup .rc-slider-track {
position: absolute;
left: 0;
height: 4px;
border-radius: 6px;
}
.xhb-header-builder .rc-slider-handle,
.xhb-popup .rc-slider-handle {
position: absolute;
margin-left: -7px;
margin-top: -5px;
width: 14px;
height: 14px;
cursor: pointer;
cursor: -webkit-grab;
cursor: grab;
border-radius: 50%;
background-color: #fff;
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.xhb-header-builder .rc-slider-handle:hover,
.xhb-popup .rc-slider-handle:hover {
border-color: #0F4C81;
}
.xhb-header-builder .rc-slider-handle:active,
.xhb-popup .rc-slider-handle:active {
border-color: #0F4C81;
box-shadow: 0 0 5px #0F4C81;
cursor: -webkit-grabbing;
cursor: grabbing;
}
.xhb-header-builder .rc-slider-handle:focus,
.xhb-popup .rc-slider-handle:focus {
border-color: #0F4C81;
outline: none;
}
.xhb-header-builder .rc-slider-mark,
.xhb-popup .rc-slider-mark {
position: absolute;
top: 18px;
left: 0;
width: 100%;
font-size: 12px;
}
.xhb-header-builder .rc-slider-mark-text,
.xhb-popup .rc-slider-mark-text {
position: absolute;
display: inline-block;
vertical-align: middle;
text-align: center;
cursor: pointer;
color: #999;
}
.xhb-header-builder .rc-slider-mark-text-active,
.xhb-popup .rc-slider-mark-text-active {
color: #666;
}
.xhb-header-builder .rc-slider-step,
.xhb-popup .rc-slider-step {
position: absolute;
width: 100%;
height: 4px;
background: transparent;
}
.xhb-header-builder .rc-slider-dot,
.xhb-popup .rc-slider-dot {
position: absolute;
bottom: -2px;
margin-left: -4px;
width: 8px;
height: 8px;
border: 2px solid #e9e9e9;
background-color: #fff;
cursor: pointer;
border-radius: 50%;
vertical-align: middle;
}
.xhb-header-builder .rc-slider-dot-active,
.xhb-popup .rc-slider-dot-active {
border-color: #96dbfa;
}
.xhb-header-builder .rc-slider-disabled,
.xhb-popup .rc-slider-disabled {
background-color: #e9e9e9;
}
.xhb-header-builder .rc-slider-disabled .rc-slider-track,
.xhb-popup .rc-slider-disabled .rc-slider-track {
background-color: #ccc;
}
.xhb-header-builder .rc-slider-disabled .rc-slider-handle,
.xhb-header-builder .rc-slider-disabled .rc-slider-dot,
.xhb-popup .rc-slider-disabled .rc-slider-handle,
.xhb-popup .rc-slider-disabled .rc-slider-dot {
border-color: #ccc;
box-shadow: none;
background-color: #fff;
cursor: not-allowed;
}
.xhb-header-builder .rc-slider-disabled .rc-slider-mark-text,
.xhb-header-builder .rc-slider-disabled .rc-slider-dot,
.xhb-popup .rc-slider-disabled .rc-slider-mark-text,
.xhb-popup .rc-slider-disabled .rc-slider-dot {
cursor: not-allowed !important;
}
.xhb-header-builder .rc-slider-vertical,
.xhb-popup .rc-slider-vertical {
width: 14px;
height: 100%;
padding: 0 5px;
}
.xhb-header-builder .rc-slider-vertical .rc-slider-rail,
.xhb-popup .rc-slider-vertical .rc-slider-rail {
height: 100%;
width: 4px;
}
.xhb-header-builder .rc-slider-vertical .rc-slider-track,
.xhb-popup .rc-slider-vertical .rc-slider-track {
left: 5px;
bottom: 0;
width: 4px;
}
.xhb-header-builder .rc-slider-vertical .rc-slider-handle,
.xhb-popup .rc-slider-vertical .rc-slider-handle {
margin-left: -5px;
margin-bottom: -7px;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.xhb-header-builder .rc-slider-vertical .rc-slider-mark,
.xhb-popup .rc-slider-vertical .rc-slider-mark {
top: 0;
left: 18px;
height: 100%;
}
.xhb-header-builder .rc-slider-vertical .rc-slider-step,
.xhb-popup .rc-slider-vertical .rc-slider-step {
height: 100%;
width: 4px;
}
.xhb-header-builder .rc-slider-vertical .rc-slider-dot,
.xhb-popup .rc-slider-vertical .rc-slider-dot {
left: 2px;
margin-bottom: -4px;
}
.xhb-header-builder .rc-slider-vertical .rc-slider-dot:first-child,
.xhb-popup .rc-slider-vertical .rc-slider-dot:first-child {
margin-bottom: -4px;
}
.xhb-header-builder .rc-slider-vertical .rc-slider-dot:last-child,
.xhb-popup .rc-slider-vertical .rc-slider-dot:last-child {
margin-bottom: -4px;
}
.xhb-header-builder .rc-slider-tooltip-zoom-down-enter,
.xhb-header-builder .rc-slider-tooltip-zoom-down-appear,
.xhb-popup .rc-slider-tooltip-zoom-down-enter,
.xhb-popup .rc-slider-tooltip-zoom-down-appear {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: block !important;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.xhb-header-builder .rc-slider-tooltip-zoom-down-leave,
.xhb-popup .rc-slider-tooltip-zoom-down-leave {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: block !important;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.xhb-header-builder .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.xhb-header-builder .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,
.xhb-popup .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.xhb-popup .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
-webkit-animation-name: rcSliderTooltipZoomDownIn;
animation-name: rcSliderTooltipZoomDownIn;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.xhb-header-builder .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active,
.xhb-popup .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
-webkit-animation-name: rcSliderTooltipZoomDownOut;
animation-name: rcSliderTooltipZoomDownOut;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.xhb-header-builder .rc-slider-tooltip-zoom-down-enter,
.xhb-header-builder .rc-slider-tooltip-zoom-down-appear,
.xhb-popup .rc-slider-tooltip-zoom-down-enter,
.xhb-popup .rc-slider-tooltip-zoom-down-appear {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.xhb-header-builder .rc-slider-tooltip-zoom-down-leave,
.xhb-popup .rc-slider-tooltip-zoom-down-leave {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes rcSliderTooltipZoomDownIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
100% {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes rcSliderTooltipZoomDownIn {
0% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
100% {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-webkit-keyframes rcSliderTooltipZoomDownOut {
0% {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
}
@keyframes rcSliderTooltipZoomDownOut {
0% {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
opacity: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
}
}
.xhb-header-builder .rc-slider-tooltip,
.xhb-popup .rc-slider-tooltip {
position: absolute;
left: -9999px;
top: -9999px;
visibility: visible;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.xhb-header-builder .rc-slider-tooltip *,
.xhb-popup .rc-slider-tooltip * {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.xhb-header-builder .rc-slider-tooltip-hidden,
.xhb-popup .rc-slider-tooltip-hidden {
display: none;
}
.xhb-header-builder .rc-slider-tooltip-placement-top,
.xhb-popup .rc-slider-tooltip-placement-top {
padding: 4px 0 8px 0;
}
.xhb-header-builder .rc-slider-tooltip-inner,
.xhb-popup .rc-slider-tooltip-inner {
padding: 6px 2px;
min-width: 24px;
height: 24px;
font-size: 12px;
line-height: 1;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #6c6c6c;
border-radius: 6px;
box-shadow: 0 0 4px #d9d9d9;
}
.xhb-header-builder .rc-slider-tooltip-arrow,
.xhb-popup .rc-slider-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.xhb-header-builder .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow,
.xhb-popup .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
bottom: 4px;
left: 50%;
margin-left: -4px;
border-width: 4px 4px 0;
border-top-color: #6c6c6c;
}
.xhb-header-builder .rc-slider-tooltip,
.xhb-popup .rc-slider-tooltip {
position: absolute;
left: -9999px;
top: -9999px;
visibility: visible;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.xhb-header-builder .rc-slider-tooltip *,
.xhb-popup .rc-slider-tooltip * {
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.xhb-header-builder .rc-slider-tooltip-hidden,
.xhb-popup .rc-slider-tooltip-hidden {
display: none;
}
.xhb-header-builder .rc-slider-tooltip-placement-top,
.xhb-popup .rc-slider-tooltip-placement-top {
padding: 4px 0 8px 0;
}
.xhb-header-builder .rc-slider-tooltip-inner,
.xhb-popup .rc-slider-tooltip-inner {
padding: 6px 2px;
min-width: 24px;
height: 24px;
font-size: 12px;
line-height: 1;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #6c6c6c;
border-radius: 6px;
box-shadow: 0 0 4px #d9d9d9;
}
.xhb-header-builder .rc-slider-tooltip-arrow,
.xhb-popup .rc-slider-tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.xhb-header-builder .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow,
.xhb-popup .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
bottom: 4px;
left: 50%;
margin-left: -4px;
border-width: 4px 4px 0;
border-top-color: #6c6c6c;
}
.xts-setup-wizard-menu {
position: relative;
margin-top: 20px;
margin-bottom: 25px;
padding-bottom: 25px;
text-align: center;
}
.xts-setup-wizard-menu a {
position: relative;
display: inline-block;
margin-right: 10px;
margin-left: 10px;
min-width: 100px;
color: #787878;
font-weight: 600;
}
.xts-setup-wizard-menu a .xts-menu-dot {
position: absolute;
bottom: -29px;
left: calc(50% - 5px);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #DDD;
}
.xts-setup-wizard-menu a.xts-disabled {
opacity: 1;
}
.xts-setup-wizard-menu a.xts-active {
color: #0F4C81;
}
.xts-setup-wizard-menu a.xts-active .xts-menu-dot:before {
content: "";
width: 10px;
height: 10px;
border-radius: inherit;
background-color: #FFF;
}
.xts-setup-wizard-menu a:not(.xts-disabled) .xts-menu-dot {
bottom: -32px;
left: calc(50% - 9px);
width: 18px;
height: 18px;
background-color: #0F4C81;
}
.xts-setup-wizard-menu a:not(.xts-disabled):not(.xts-active) .xts-menu-dot:before {
width: 100%;
color: #FFF;
text-align: center;
content: "\e933";
font-family: "Space-Admin-Icon";
}
.xts-setup-wizard-menu a:not(.xts-disabled):not(:first-child):after {
content: "";
position: absolute;
right: 50%;
bottom: -24px;
z-index: 1;
width: 124px;
height: 2px;
background-color: #0F4C81;
}
.xts-setup-wizard-menu:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: 0 auto;
max-width: 620px;
height: 2px;
background-color: #DDD;
}
.xts-setup-wizard-menu.xts-finish a.xts-active {
color: #6CAF17;
}
.xts-setup-wizard-menu.xts-finish a:not(.xts-disabled) .xts-menu-dot {
bottom: -32px;
left: calc(50% - 8px);
width: 16px;
height: 16px;
background-color: #6CAF17;
}
.xts-setup-wizard-menu.xts-finish a:not(.xts-disabled):not(:first-child):after {
background-color: #6CAF17;
}
.xts-setup-wizard .xts-dashboard-box-header {
justify-content: center;
padding-bottom: 0;
border-bottom: none;
}
.xts-setup-wizard .xts-dashboard-box-header h3 {
margin-bottom: 25px;
color: #0F4C81;
font-size: 26px;
}
.xts-setup-wizard .xts-dashboard-box-header .xts-label {
display: none;
}
.xts-setup-wizard .xts-dashboard-box-header-inner {
margin: 0;
text-align: center;
}
.xts-setup-wizard .xts-dashboard-box {
position: relative;
padding-top: 50px;
}
.xts-setup-wizard .xts-dashboard-box-content {
text-align: center;
}
.xts-setup-wizard .xts-dashboard-content {
margin: auto;
max-width: 920px;
}
.xts-setup-wizard .xts-dashboard-content > .xts-row > .xts-col-8,
.xts-setup-wizard .xts-dashboard-content > .xts-row > .xts-col-6 {
flex-basis: 100%;
max-width: 100%;
width: 100%;
}
.xts-setup-wizard .xts-setup-wizard-footer {
display: flex;
align-items: center;
justify-content: space-between;
}
.xts-setup-wizard .xts-setup-wizard-footer [class*=xts-btn]:not(:first-child) {
margin-left: 15px;
}
.xts-setup-wizard .xts-prev-btn:before {
content: "\f341";
font-family: dashicons;
}
.xts-setup-wizard .xts-next-btn:after {
content: "\f345";
font-family: dashicons;
}
.xts-welcome-step,
.xts-finish-step,
.xts-child-step {
min-height: 650px;
}
.xts-welcome-step .xts-dashboard-box-content,
.xts-finish-step .xts-dashboard-box-content,
.xts-child-step .xts-dashboard-box-content {
margin: 0 auto;
max-width: 575px;
}
.xts-welcome-step,
.xts-finish-step {
justify-content: center;
overflow: hidden;
}
.xts-welcome-step p,
.xts-welcome-step h3,
.xts-finish-step p,
.xts-finish-step h3 {
margin-bottom: 25px;
}
.xts-welcome-step .xts-dashboard-box-content,
.xts-finish-step .xts-dashboard-box-content {
flex-grow: 0;
}
.xts-welcome-step .xts-dashboard-box-footer,
.xts-finish-step .xts-dashboard-box-footer {
justify-content: center;
padding-top: 0;
border-top: none;
}
.xts-welcome-step .xts-welcome-subtitle,
.xts-finish-step .xts-welcome-subtitle {
font-size: 16px;
}
.xts-welcome-step .xts-welcome-title,
.xts-finish-step .xts-welcome-title {
font-size: 32px;
}
.xts-setup-wizard .xts-welcome-subtitle {
margin-bottom: 15px;
font-size: 16px;
}
.xts-setup-wizard .xts-welcome-title {
font-size: 32px;
}
.xts-signature span {
color: #333;
font-weight: 600;
font-size: 16px;
}
.xts-signature img {
margin-left: 10px;
max-width: 85px;
}
.xts-setup-wizard .xts-activation .xts-dashboard-box-content {
margin-right: auto;
margin-left: auto;
max-width: 620px;
width: 100%;
text-align: center;
}
.xts-setup-wizard .xts-activation.xts-activated .xts-license-wrapper > .xts-row {
max-width: 390px;
}
.xts-setup-wizard .xts-dev-domain {
justify-content: center;
}
.xts-setup-wizard .xts-activation-infoboxes-wrap {
max-width: 390px;
margin-left: auto;
margin-right: auto;
}
.xts-child-step .xts-child-image {
margin-bottom: 20px;
}
.xts-child-step .xts-child-text {
margin-bottom: 35px;
}
.xts-child-image {
position: relative;
display: inline-block;
}
.xts-child-image > img,
.xts-child-image > span {
transition: all 0.3s ease;
}
.xts-child-image > span {
transition-delay: 0.3s;
}
.xts-child-checkmark,
.xts-child-image-bg {
opacity: 0;
}
.xts-child-image-planet {
position: absolute;
top: 30px;
left: calc(50% - 30px);
transform: none;
}
.xts-child-checkmark {
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
border: solid 2px #6CAF17;
border-radius: 50%;
background-color: rgba(108, 175, 23, 0.2);
}
.xts-child-checkmark:before {
color: #6CAF17;
font-weight: 600;
font-size: 18px;
line-height: 26px;
content: "\e933";
font-family: "Space-Admin-Icon";
}
.xts-child-step:not(.xts-installed) .xts-disabled {
display: none;
}
.xts-child-step.xts-installed .xts-child-checkmark,
.xts-child-step.xts-installed .xts-child-image-bg {
opacity: 1;
}
.xts-child-step.xts-installed .xts-child-image-planet {
transform: translateX(-50px);
}
.xts-child-step.xts-installed .xts-btn-success {
display: none;
}
.xts-child-step.xts-installed .xts-skip-btn {
display: none;
}
.xts-child-step.xts-installed .xts-skip-btn + .xts-next-btn {
display: inline-flex;
}
.xts-child-step .xts-next-btn:not(.xts-skip-btn) {
display: none;
}
.xts-install-child-theme {
position: relative;
}
.xts-install-child-theme:before {
border-left-color: rgba(255, 255, 255, 0.7);
margin-left: 0 !important;
width: 24px;
height: 24px;
top: calc(50% - 12px);
}
.xts-install-child-theme.xts-loading {
pointer-events: none;
}
.xts-install-child-theme.xts-loading span {
opacity: 0;
}
.xts-setup-wizard .xts-plugins .xts-row {
justify-content: center;
}
.xts-dummy-box.xts-imported .xts-skip-btn {
display: none;
}
.xts-dummy-box.xts-imported .xts-skip-btn + .xts-next-btn {
display: inline-flex;
}
.xts-dummy-box.xts-imported .xts-label.xts-disable {
display: none;
}
.xts-dummy-box:not(.xts-imported) .xts-label.xts-success {
display: none;
}
.xts-dummy-box .xts-next-btn:not(.xts-skip-btn) {
display: none;
}
.xts-finish-step .xts-dashboard-box-content {
margin: 0 auto;
max-width: 500px;
}
.xts-setup-wizard .xts-finish-step {
padding-top: 30px;
}
.xts-useful-links {
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
max-width: 360px;
}
.xts-img-layer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.xts-img-layer img {
position: absolute;
}
.xts-welcome-step .xts-img-layer {
animation: xts-fade-in 1.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.xts-welcome-step .xts-img-small-planet {
top: 100px;
left: 85px;
animation: xts-slide-in-left 1.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.xts-img-large-planet {
top: 15px;
right: 140px;
animation: xts-slide-in-right 1.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.xts-img-left-corner-bg {
top: 0;
left: 0;
animation: xts-slide-in-left 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}
.xts-img-right-corner-bg {
top: 0;
right: 0;
animation: xts-slide-in-right 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}
.xts-finish-step .xts-img-layer {
background-image: url(../images/wizard/step-6-bg.svg);
background-position: center;
background-size: cover;
}
.xts-finish-step .xts-img-small-planet {
top: 160px;
right: 45px;
width: 100px;
animation: xts-vertical-bias 14s infinite;
animation-delay: 1.4s;
}
.xts-img-saturn-planet {
position: absolute;
bottom: 5px;
left: -60px;
animation: xts-horizontal-bias 10s infinite;
animation-delay: 0.8s;
}
.rtl .xts-setup-wizard-menu a .xts-menu-dot {
left: auto;
right: calc(50% - 5px);
}
.rtl .xts-setup-wizard-menu a:not(.xts-disabled) .xts-menu-dot {
left: auto;
right: calc(50% - 9px);
}
.rtl .xts-setup-wizard-menu a:not(.xts-disabled):not(:first-child):after {
right: auto;
left: 50%;
}
.rtl .xts-setup-wizard-menu.xts-finish a:not(.xts-disabled) .xts-menu-dot {
left: auto;
right: calc(50% - 8px);
}
.rtl.xts-setup-wizard .xts-setup-wizard-footer [class*=xts-btn]:not(:first-child) {
margin-left: 0;
margin-right: 15px;
}
.rtl.xts-setup-wizard .xts-prev-btn:before {
content: "\f345";
}
.rtl.xts-setup-wizard .xts-next-btn:after {
content: "\f341";
}
.rtl .xts-signature img {
margin-left: 0;
margin-right: 10px;
max-width: 85px;
}
.xts-plugins {
max-width: 1000px;
}
.xts-plugins .xts-dashboard-box-content {
text-align: center;
}
.xts-plugins.xts-all-active .xts-ajax-all-plugins {
display: none;
}
body:not(.xts-setup-wizard) .xts-plugins.xts-all-active .xts-dashboard-box-footer {
display: none;
}
.xts-plugin-wrapper {
transition: all 0.3s ease;
}
.xts-plugin-wrapper.xts-loading {
pointer-events: none;
user-select: none;
}
.xts-plugin-wrapper.xts-loading .xts-plugin-image img {
opacity: 0.1;
}
.xts-plugin-wrapper.xts-loading .xts-btn {
opacity: 0.6;
}
.xts-plugin {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px;
height: 100%;
border: 1px solid #EEE;
border-radius: 3px;
}
.xts-plugin:hover .xts-plugin-info {
visibility: visible;
opacity: 1;
}
.xts-plugin-header {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
font-size: 11px;
line-height: 1;
}
.xts-plugin-label {
padding: 3px 8px;
border-radius: 10px;
font-size: 10px;
}
.xts-plugin-label.xts-plugin-required {
background-color: rgba(237, 60, 45, 0.2);
color: #ED3C2D;
}
.xts-plugin-content {
margin-bottom: 10px;
}
.xts-plugin-content h4 {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
min-height: 30px;
color: #0F4C81;
}
.xts-plugin-image {
position: relative;
display: inline-block;
margin-bottom: 10px;
min-height: 60px;
padding: 10px;
border-radius: 3px;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
}
.xts-plugin-image img {
width: 40px;
transition: all 0.2s ease;
}
.xts-plugin-footer {
display: flex;
align-items: center;
justify-content: center;
min-height: 30px;
}
.xts-plugin-name > span {
position: relative;
max-width: 120px;
}
.xts-plugin-info {
position: absolute;
top: -5px;
right: -18px;
display: inline-flex;
align-items: center;
justify-content: center;
visibility: hidden;
width: 14px;
height: 14px;
border: 1px solid rgb(218, 218, 218);
border-radius: 50%;
font-size: 10px;
opacity: 0;
cursor: default;
transition: all 0.2s ease;
user-select: none;
}
.xts-plugin-info:before {
content: "?";
}
.xts-plugin-info:hover {
border-color: rgba(218, 218, 218, 0.6);
color: rgba(15, 76, 129, 0.6);
}
.xts-plugin-info:hover .xts-tooltip {
visibility: visible;
opacity: 1;
}
.rtl .xts-plugin-info {
right: auto;
left: -18px;
}
.xts-system-status {
max-width: 1000px;
font-size: 14px;
}
.xts-status-error,
.xts-status-success,
.xts-status-warning {
font-weight: 600;
}
.xts-status-error span,
.xts-status-success span,
.xts-status-warning span {
font-weight: 400;
}
.xts-status-error:before,
.xts-status-success:before,
.xts-status-warning:before {
font-family: dashicons;
position: relative;
bottom: -2px;
font-weight: 400;
}
.xts-status-error {
color: #ED3C2D;
}
.xts-status-error:before {
content: "\f153";
}
.xts-status-warning {
color: #FFB96E;
}
.xts-status-warning:before {
content: "\f534";
}
.xts-status-success {
color: #6CAF17;
}
.xts-status-success:before {
content: "\f12a";
}
.xts-mega-menu-custom-fields .xts-mega-menu-image-preview {
margin-bottom: 0;
}
.xts-mega-menu-custom-fields .xts-mega-menu-image-preview img {
margin-bottom: 12px;
min-width: 40px;
min-height: 40px;
}
.xts-mega-menu-custom-fields .xts-block .edit-block-link[style*="none;"] + span {
display: none;
}
.block-editor .editor-styles-wrapper {
color: #585858;
font-size: 16px;
line-height: 1.6;
}
.block-editor .editor-styles-wrapper a {
text-decoration: none;
transition: all 0.25s ease;
}
.block-editor .editor-styles-wrapper h1, .block-editor .editor-styles-wrapper h2, .block-editor .editor-styles-wrapper h3, .block-editor .editor-styles-wrapper h4, .block-editor .editor-styles-wrapper h5, .block-editor .editor-styles-wrapper h6,
.block-editor .editor-styles-wrapper .wp-block.editor-post-title__block .editor-post-title__input {
color: #242424;
font-weight: 400;
line-height: 1.2;
}
.block-editor .editor-styles-wrapper h1 a:not(:hover), .block-editor .editor-styles-wrapper h2 a:not(:hover), .block-editor .editor-styles-wrapper h3 a:not(:hover), .block-editor .editor-styles-wrapper h4 a:not(:hover), .block-editor .editor-styles-wrapper h5 a:not(:hover), .block-editor .editor-styles-wrapper h6 a:not(:hover) {
color: inherit !important;
}
.block-editor .editor-styles-wrapper h1 {
font-size: 42px;
}
.block-editor .editor-styles-wrapper h2 {
font-size: 34px;
}
.block-editor .editor-styles-wrapper h3 {
font-size: 26px;
}
.block-editor .editor-styles-wrapper h4 {
font-size: 20px;
}
.block-editor .editor-styles-wrapper h5 {
font-size: 16px;
}
.block-editor .editor-styles-wrapper h6 {
font-size: 14px;
}
.block-editor .editor-styles-wrapper figcaption {
font-style: italic;
}
.block-editor .editor-styles-wrapper table {
margin-bottom: 35px;
width: 100%;
line-height: 1.4;
}
.block-editor .editor-styles-wrapper th,
.block-editor .editor-styles-wrapper td {
padding: 15px 10px;
border: none;
border-bottom: 1px solid #E4E4E4;
}
.block-editor .editor-styles-wrapper th {
color: #242424;
text-transform: uppercase;
font-size: 14px;
}
.block-editor .editor-styles-wrapper .wp-block {
margin-top: 20px;
margin-bottom: 20px;
}
.block-editor .editor-styles-wrapper .wp-block-image {
text-align: center;
}
.block-editor .editor-styles-wrapper .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 120px;
}
.wp-block-list li {
margin-bottom: 10px;
}
.wp-block-list ol,
.wp-block-list ul {
padding-left: 20px;
}
.wp-block-list ol ol,
.wp-block-list ol ul,
.wp-block-list ul ol,
.wp-block-list ul ul {
margin-top: 10px;
margin-bottom: 0;
}
.block-editor .editor-styles-wrapper blockquote {
padding-left: 30px;
border-left: 2px solid;
font-style: italic;
font-size: 110%;
}
.block-editor .editor-styles-wrapper blockquote p {
margin-bottom: 0;
}
.wp-block-quote cite {
color: #333333;
font-weight: 600;
font-style: normal;
font-size: 16px;
margin-top: 10px;
}
.wp-block-quote cite:before {
content: "";
display: inline-block;
margin-right: 5px;
width: 15px;
height: 1px;
background-color: currentColor;
vertical-align: middle;
}
.wp-block-quote.is-style-large {
padding: 25px !important;
border-top: 2px solid rgba(119, 119, 119, 0.2);
border-bottom: 2px solid rgba(119, 119, 119, 0.2);
border-left-width: 0 !important;
color: #333333;
font-weight: 600;
}
.wp-block-quote.is-style-large cite {
text-align: inherit !important;
font-weight: 400;
}
.wp-block-quote.is-style-large:before {
display: block;
margin-bottom: 10px;
color: rgba(119, 119, 119, 0.2);
text-align: center;
font-weight: 400;
font-style: normal;
font-size: 72px;
line-height: 55px;
content: "\e950";
font-family: "Space-Admin-Icon";
}
.rtl .block-editor .editor-styles-wrapper blockquote {
padding-right: 30px;
padding-left: 0;
border-right: 2px solid;
border-left: 2px solid;
}
.xts-generator .xts-table {
margin: 20px 0;
}
.xts-generator .xts-table > div > div:first-child {
color: #111;
font-weight: 600;
}
.xts-generator .xts-tooltip {
padding: 15px;
min-width: 330px;
}
.xts-generator-checkbox {
position: relative;
white-space: nowrap;
}
.xts-generator-checkbox-parent {
position: relative;
padding: 15px 15px 10px 15px;
border: 1px solid #EAEAEA;
border-radius: 3px;
background-color: #F9F9F9;
user-select: none;
}
.xts-generator-checkbox-parent label {
position: relative;
display: inline-block;
margin-left: -26px;
padding-left: 26px;
font-size: 12px;
user-select: none;
}
.xts-generator-checkbox-parent label:not(:last-child) {
z-index: 1;
padding-right: 10px;
background-color: #F9F9F9;
color: #333;
font-weight: 600;
}
.xts-generator-checkbox-parent > label {
font-size: 13px;
}
.xts-generator-checkbox-parent .xts-generator-checkbox {
padding-top: 5px;
padding-bottom: 5px;
}
.xts-generator-checkbox-parent input[type=checkbox] {
position: relative;
z-index: 5;
margin-bottom: -4px;
width: 18px;
height: 18px;
border: 2px solid #C5C5C5;
border-radius: 3px;
box-shadow: none;
box-shadow: 0 0 5px transparent;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
pointer-events: none;
}
.xts-generator-checkbox-parent input[type=checkbox]:checked {
border: 2px solid #0F4C81;
background-color: #0F4C81;
}
.xts-generator-checkbox-parent input[type=checkbox]:checked:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.xts-generator-checkbox-parent input[type=checkbox]:disabled {
opacity: 0.5;
cursor: default;
}
.xts-generator-checkbox-parent input[type=checkbox]:disabled + label {
opacity: 0.5;
cursor: default;
}
.xts-generator-checkbox-parent input[type=checkbox]:hover:not(:disabled) {
border: 2px solid #0F4C81;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.xts-generator-checkbox-parent input[type=checkbox]:before {
content: "\f147";
position: absolute;
top: 1px;
left: 0;
display: inline-block;
width: 20px;
height: 18px;
color: #FFF;
font-family: dashicons;
line-height: 19px;
opacity: 0;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.xts-generator-checkbox-parent:not(:last-child) {
margin-bottom: 20px;
}
.xts-checkbox-children {
padding-top: 5px;
padding-left: 20px;
}
.xts-checkbox-disabled > label {
color: #D0D0D0 !important;
pointer-events: none;
}
.xts-checkbox-disabled > input {
border-color: #CAD6E1 !important;
background-color: #CAD6E1 !important;
}
.xts-files-list h4 {
font-size: 18px;
}
.xts-generator-checkbox-parent .xts-generator-checkbox::before {
content: "";
position: absolute;
top: -13px;
left: -12px;
width: 20px;
height: 30px;
border-bottom: 1px solid #EAEAEA;
border-left: 1px solid #EAEAEA;
}
.xts-header > .xts-checkbox-children > .xts-generator-checkbox:not(:last-child):after,
.xts-woocommerce > .xts-checkbox-children > .xts-generator-checkbox:not(:last-child):after {
content: "";
position: absolute;
top: 0;
left: -12px;
height: 100%;
border-left: 1px solid #EAEAEA;
}
.rtl .xts-generator-checkbox-parent label {
margin-left: 0;
padding-left: 0;
margin-right: -26px;
padding-right: 26px;
}
.rtl .xts-generator-checkbox-parent label:not(:last-child) {
padding-left: 10px;
}
.rtl .xts-generator-checkbox-parent input[type=checkbox]:before {
left: auto;
right: 1px;
}
.rtl .xts-checkbox-children {
padding-left: 0;
padding-right: 20px;
}
.rtl .xts-generator-checkbox-parent .xts-generator-checkbox::before {
left: auto;
right: -12px;
border-left: 0;
border-right: 1px solid #EAEAEA;
}
.rtl .xts-header > .xts-checkbox-children > .xts-generator-checkbox:not(:last-child):after,
.rtl .xts-woocommerce > .xts-checkbox-children > .xts-generator-checkbox:not(:last-child):after {
left: auto;
right: -12px;
}
.xts-size-guide-table-field textarea {
display: none;
}
.xts-patches-notice .xts-success {
margin-bottom: 15px;
}
.xts-patches-notice .xts-notice.xts-patcher-notice {
cursor: default;
}
.xts-patches-notice .xts-notice.xts-patcher-notice:after {
content: none;
}
.xts-patcher-content {
position: relative;
max-width: 1000px;
padding: 30px 40px 10px;
background-color: #ffffff;
}
.xts-patcher-content .xts-dashboard-box-header {
transition: opacity 0.4s ease;
}
.xts-patcher-content.xts-loading .xts-dashboard-box-header,
.xts-patcher-content.xts-loading .xts-patches-wrapper {
opacity: 0.2;
pointer-events: none;
}
.xts-patches-wrapper {
margin-bottom: 20px;
overflow-x: auto;
transition: opacity 0.4s ease;
}
.xts-patch-title-wrapper {
text-transform: uppercase;
font-weight: 700;
}
.xts-patch-item {
display: flex;
align-items: center;
padding: 10px 15px;
min-width: 700px;
}
.xts-patch-item > div {
width: 100%;
}
.xts-patch-item > div:not(:last-child) {
margin-right: 15px;
}
.xts-patch-item:nth-child(even) {
background-color: #fbfbfb;
}
.xts-applied .xts-patch-apply,
.xts-applied .xts-patch-apply-all {
display: none;
}
.xts-applied .xts-patch-label-applied {
display: inline-flex;
}
.xts-patch-label-applied {
display: none;
vertical-align: middle;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
}
.xts-patch-label-applied:before {
content: "\f15e";
color: #6CAF17;
font-size: 20px;
font-family: dashicons;
margin-inline-end: 2px;
}
.xts-patch-description {
flex-grow: 1;
}
.xts-patch-description p {
margin-top: 0;
}
.xts-patch-description p:last-child {
margin-bottom: 0;
}
.xts-patch-date {
max-width: 120px;
flex-shrink: 0;
}
.xts-patch-id {
max-width: 90px;
font-weight: 700;
}
.xts-patch-button-wrapper {
max-width: 100px;
text-align: right;
}
.post-type-xts_abandoned_cart #poststuff h2 {
padding: 8px 20px;
}
.post-type-xts_abandoned_cart #slugdiv .inside {
padding: 12px 20px;
margin: 0;
}
.post-type-xts_abandoned_cart :is(.xts-info-cart,
.xts-cart-total) :is(th, td) {
text-align: start;
}
.post-type-xts_abandoned_cart #xts-cart .inside {
margin: 0;
padding: 0;
}
.post-type-xts_abandoned_cart .wp-list-table {
border-width: 0 0 1px 0;
}
.post-type-xts_abandoned_cart .tablenav {
display: none;
}
.post-type-xts_abandoned_cart .xts-cart-total {
padding: 10px;
}
.order_data_column .xts-order-description {
display: flex;
align-items: center;
gap: 5px;
}
.order_data_column .xts-order-description strong {
color: #333 !important;
}
.xts-bg-source {
display: flex;
}
.xts-bg-source .wp-picker-container,
.xts-bg-source .xts-upload-preview img {
margin-bottom: 0;
}
.xts-bg-source .xts-bg-image {
margin-right: 6px;
margin-left: 6px;
}
.xts-bg-source .xts-bg-image .xts-upload-preview {
display: block;
}
.xts-bg-source .xts-upload-preview img {
max-height: 35px;
}
.xts-bg-image-options {
display: none;
flex-wrap: wrap;
margin-top: 12px;
margin-bottom: -12px;
}
.xts-bg-image-options select,
.xts-bg-image-options .select2,
.xts-bg-image-options .xts-bg-position-custom {
margin-right: 12px;
margin-bottom: 12px;
}
.xts-bg-image-options.xts-active, .xts-responsive-field .xts-bg-image-options {
display: flex;
}
.xts-bg-preview {
display: none;
margin-top: 12px;
border: 1px solid #EEE;
border-radius: 3px;
animation: xts-fadeIn 0.3s ease both;
background-position: center;
background-size: cover;
}
.xts-bg-preview[style^=background-image] {
display: block;
}
.xts-bg-position-custom {
display: none;
flex-grow: 1;
max-width: 360px;
vertical-align: middle;
}
.xts-bg-position-custom.xts-active {
display: inline-flex;
}
.xts-bg-position-custom > div {
justify-content: space-between;
width: 100%;
}
.xts-bg-position-custom > div:first-child {
margin-right: 12px;
}
.rtl .xts-bg-image-options select,
.rtl .xts-bg-image-options .select2,
.rtl .xts-bg-image-options .xts-bg-position-custom {
margin-right: 0;
margin-left: 12px;
}
.rtl .xts-bg-position-custom > div:first-child {
margin-right: 0;
margin-left: 12px;
}
.xts-switcher-btn {
position: relative;
display: inline-flex;
align-items: center;
padding-inline: 5px;
min-width: 60px;
height: 30px;
border-radius: 30px;
background: -webkit-linear-gradient(left, #EFEFEF, #e5e5e5 100%);
background-position: right;
background-size: 150%;
cursor: pointer;
transition: background-position 0.2s ease;
box-sizing: border-box;
}
.xts-switcher-btn.xts-loading {
pointer-events: none;
}
.xts-switcher-btn.xts-loading .xts-switcher-dot {
opacity: 0;
}
.xts-switcher-btn.xts-loading:before {
position: absolute;
top: 5px;
inset-inline-start: 6px;
content: "";
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-left-color: #000;
border-radius: 50%;
vertical-align: middle;
animation: xts-rotate 450ms infinite linear;
}
.xts-switcher-btn.xts-active {
background-image: -webkit-linear-gradient(left, #499BEA 0%, #0F4C81 100%);
color: white;
}
.xts-switcher-btn.xts-active .xts-switcher-dot {
transform: translateX(30px);
}
.xts-switcher-btn.xts-active .xts-switcher-label.xts-on {
opacity: 1;
}
.xts-switcher-btn.xts-active .xts-switcher-label.xts-off {
opacity: 0;
}
.xts-switcher-btn.xts-active:before {
inset-inline-start: 35px;
border-color: rgba(255, 255, 255, 0.15);
border-inline-start-color: #FFF;
}
.xts-switcher-btn:hover {
background-position: left;
}
.xts-switcher-label {
transition: opacity 0.2s ease;
}
.xts-switcher-label.xts-on {
opacity: 0;
}
.xts-switcher-labels {
position: absolute;
inset-inline: 0;
inset-block: 0;
display: flex;
align-items: center;
justify-content: space-between;
padding-inline-start: 11px;
padding-inline-end: 12px;
text-transform: uppercase;
font-weight: 600;
font-size: 10px;
pointer-events: none;
}
.xts-switcher-dot {
position: relative;
z-index: 1;
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: white;
transition: all 0.2s ease;
}
.rtl .xts-switcher-btn.xts-active .xts-switcher-dot {
transform: translateX(-30px);
}
.xts-buttons-control:not(.xts-images-set) .xts-btns-set {
overflow: hidden;
border-radius: 3px;
}
.xts-btns-set {
display: inline-flex;
flex-wrap: wrap;
}
.xts-btns-set .xts-btn {
position: relative;
border-radius: 0;
}
.xts-btns-set .xts-btn:not(:last-child):after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background-color: rgba(15, 76, 129, 0.08);
}
.xts-btns-set .xts-btn.xts-btns-set-active {
cursor: default;
user-select: none;
}
.xts-btns-set .xts-btn.xts-btns-set-active:hover {
background-position: right;
}
.rtl .xts-btns-set .xts-btn:not(:last-child):after {
right: auto;
left: 0;
}
.xts-options .CodeMirror {
border-color: #EEE;
border-radius: 3px;
border-width: 2px;
border-style: solid;
transition: 0.2s border-color ease;
}
.xts-options .CodeMirror:hover {
border-color: #d7dee8;
}
.xts-options .CodeMirror.CodeMirror-focused {
border-color: #c3cedd;
}
.xts-options .CodeMirror-activeline-background {
background-color: rgba(15, 76, 129, 0.1);
}
.xts-color-control .xts-field-inner {
display: flex;
flex-wrap: wrap;
}
.xts-options .xts-color-control-inner {
margin-right: 24px;
}
.xts-options .wp-color-result.button {
position: relative;
overflow: hidden;
margin: 0;
padding-right: 0;
padding-left: 35px;
height: 35px;
border: none;
border-radius: 3px;
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.xts-options .wp-color-result.button:active {
background: none;
}
.xts-options .wp-color-result-text {
margin-right: -1px;
padding: 0 10px;
border: none;
border-radius: 0 3px 3px 0;
}
.xts-options .wp-picker-input-wrap {
margin-left: 12px;
animation: xts-fadeIn 0.4s ease both;
}
.xts-options .wp-picker-input-wrap label {
display: inline-block;
padding: 0;
}
.xts-options .wp-picker-input-wrap .wp-color-picker {
min-width: 90px;
height: 35px;
}
.xts-options .wp-picker-input-wrap .button {
margin-left: 12px;
border: none;
border-radius: 3px;
transform: none;
}
.xts-options .color-alpha {
width: 35px !important;
height: 100% !important;
}
.xts-options .color-alpha[style*="rgb(255, 255, 255)"] {
border: 1px solid #EEE;
border-radius: none;
}
.xts-options .wp-picker-container .iris-square-value:focus {
box-shadow: none;
}
.xts-options .wp-picker-container .iris-picker {
margin-top: 12px;
border-color: #EEE;
border-radius: 3px;
animation: xts-fadeIn 0.4s ease both;
}
.xts-options .wp-picker-container .iris-slider,
.xts-options .wp-picker-container .iris-square,
.xts-options .wp-picker-container .iris-square-inner {
border-radius: 0;
}
.xts-options .wp-picker-container .iris-slider,
.xts-options .wp-picker-container .iris-square-inner {
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.xts-options .wp-picker-container .iris-palette {
border-radius: 3px;
}
.xts-options .wp-picker-container .iris-palette:focus {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 1px #0F4C81, 0 0 2px 1px rgba(15, 76, 129, 0.8);
}
.xts-options .wp-picker-container + .wp-picker-container {
margin-left: 12px;
}
.xts-options .ui-draggable {
transition: none;
}
.xts-color-control > input[type=text],
.xts-with-bg-color > input[type=text] {
width: 135px;
height: 40px;
opacity: 0;
}
.rtl .xts-options .xts-color-control-inner {
margin-right: 0;
margin-left: 24px;
}
.rtl .xts-options .wp-picker-input-wrap {
margin-right: 12px;
margin-left: 0;
}
.rtl .xts-options .wp-picker-input-wrap .button {
margin-right: 12px;
margin-left: 0;
}
.rtl .xts-options .wp-picker-container + .wp-picker-container {
margin-right: 12px;
margin-left: 0;
}
.xts-dashboard-wrapper select,
.xts-dashboard-wrapper textarea,
.xts-dashboard-wrapper input[type=text],
.xts-dashboard-wrapper input[type=number],
.xts-dashboard-wrapper input[type=password],
.xts-sections select,
.xts-sections textarea,
.xts-sections input[type=text],
.xts-sections input[type=number],
.xts-sections input[type=password] {
padding: 5px 8px;
width: 100%;
outline: none;
border-width: 2px;
border-color: #EEE;
border-radius: 3px;
box-shadow: none;
line-height: 1;
transition: 0.2s border-color ease;
}
.xts-dashboard-wrapper select:hover,
.xts-dashboard-wrapper textarea:hover,
.xts-dashboard-wrapper input[type=text]:hover,
.xts-dashboard-wrapper input[type=number]:hover,
.xts-dashboard-wrapper input[type=password]:hover,
.xts-sections select:hover,
.xts-sections textarea:hover,
.xts-sections input[type=text]:hover,
.xts-sections input[type=number]:hover,
.xts-sections input[type=password]:hover {
border-color: #d7dee8;
}
.xts-dashboard-wrapper select:focus,
.xts-dashboard-wrapper textarea:focus,
.xts-dashboard-wrapper input[type=text]:focus,
.xts-dashboard-wrapper input[type=number]:focus,
.xts-dashboard-wrapper input[type=password]:focus,
.xts-sections select:focus,
.xts-sections textarea:focus,
.xts-sections input[type=text]:focus,
.xts-sections input[type=number]:focus,
.xts-sections input[type=password]:focus {
border-color: #c3cedd;
box-shadow: none;
}
.xts-dashboard-wrapper select:disabled,
.xts-dashboard-wrapper textarea:disabled,
.xts-dashboard-wrapper input[type=text]:disabled,
.xts-dashboard-wrapper input[type=number]:disabled,
.xts-dashboard-wrapper input[type=password]:disabled,
.xts-sections select:disabled,
.xts-sections textarea:disabled,
.xts-sections input[type=text]:disabled,
.xts-sections input[type=number]:disabled,
.xts-sections input[type=password]:disabled {
pointer-events: none;
}
.xts-dashboard-wrapper select,
.xts-dashboard-wrapper input[type=text],
.xts-dashboard-wrapper input[type=number],
.xts-dashboard-wrapper input[type=password],
.xts-sections select,
.xts-sections input[type=text],
.xts-sections input[type=number],
.xts-sections input[type=password] {
margin: 0;
max-width: 360px;
height: 40px;
}
.xts-dashboard-wrapper select, .xts-dashboard-wrapper select:hover,
.xts-sections select,
.xts-sections select:hover {
color: rgba(0, 0, 0, 0.4);
}
.xts-dashboard-wrapper select:focus,
.xts-sections select:focus {
color: #444;
}
.xts-dashboard-wrapper textarea,
.xts-sections textarea {
min-height: 150px;
line-height: 1.4;
}
.xts-dashboard-wrapper ::-webkit-input-placeholder,
.xts-sections ::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.4);
}
.xts-dashboard-wrapper ::-moz-placeholder,
.xts-sections ::-moz-placeholder {
color: rgba(0, 0, 0, 0.4);
}
.xts-dashboard-wrapper :-moz-placeholder,
.xts-sections :-moz-placeholder {
color: rgba(0, 0, 0, 0.4);
}
.xts-dashboard-wrapper :-ms-input-placeholder,
.xts-sections :-ms-input-placeholder {
color: rgba(0, 0, 0, 0.4);
}
.xts-input-append {
display: flex;
}
.xts-input-append input[type=number] {
min-height: 40px;
max-width: 65px;
height: 40px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.xts-input-append .add-on {
width: 30px;
height: 40px;
border: 2px solid #EEE;
border-left: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #EFEFEF;
text-align: center;
font-weight: 600;
line-height: 35px;
}
.rtl .xts-input-append input[type=number] {
border-top-left-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0;
}
.rtl .xts-input-append .add-on {
border-right: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.xts-images-set .xts-btns-set {
display: flex;
margin-right: -6px;
margin-bottom: -12px;
margin-left: -6px;
}
.xts-set-btn-img {
position: relative;
flex-basis: 25%;
max-width: 25%;
margin-bottom: 12px;
padding-right: 6px;
padding-left: 6px;
}
.xts-set-btn-img img {
display: block;
width: 100%;
border-width: 2px;
border-style: solid;
border-color: #EEE;
border-radius: 3px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.xts-set-btn-img.xts-btns-set-active:after {
position: absolute;
top: -5px;
right: 0;
z-index: 15;
display: block;
padding-top: 1px;
padding-right: 3px;
padding-left: 2px;
border-radius: 50%;
background-color: #0F4C81;
color: white;
text-align: center;
font-weight: 600;
font-size: 13px;
content: "\e933";
font-family: "Space-Admin-Icon";
}
.xts-set-btn-img:hover img {
border-color: #d7dee8;
cursor: pointer;
}
.xts-set-btn-img:active img, .xts-set-btn-img.xts-btns-set-active img {
border-color: #0F4C81;
}
.xts-images-set.xts-color-scheme-picker .xts-set-btn-img {
flex-basis: 75px;
}
.xts-images-set.xts-slider-nav-control .xts-set-btn-img {
flex-basis: 65px;
}
.xts-images-set.xts-content-align .xts-set-btn-img {
flex-basis: 110px;
}
.xts-images-set.xts-content-align .xts-set-btn-img img {
padding: 5px;
}
.rtl .xts-set-btn-img.xts-btns-set-active:after {
right: auto;
left: 0;
}
.xts-range-slider {
margin-top: 18px !important;
border: none !important;
border-radius: 3px;
cursor: pointer;
}
.xts-range-slider .ui-widget-header {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
background-color: #0F4C81;
}
.xts-range-slider.ui-slider-horizontal {
height: 6px;
background-color: #DFEAFB;
}
.xts-range-slider.ui-slider-horizontal .ui-slider-handle {
top: -5px;
width: 16px;
height: 16px;
border: 2px solid #0F4C81;
border-radius: 50%;
background-color: white;
cursor: grab;
transition: box-shadow 0.2s ease;
}
.xts-range-slider .ui-slider-handle.ui-state-active {
cursor: grabbing;
}
.xts-range-slider .ui-slider-handle.ui-state-hover, .xts-range-slider .ui-slider-handle.ui-state-focus {
box-shadow: 0 0 0 2px rgba(15, 76, 129, 0.3);
}
.xts-range-slider:empty {
height: 6px;
}
.xts-dashboard .xts-range-slider {
display: inline-block;
width: 360px;
}
.xts-responsive_range-control .xts-field-inner {
position: relative;
}
.xts-responsive_range-control .xts-field-responsive-selector {
position: absolute;
top: -38px;
right: 0;
}
.xts-responsive_range-control .xts-range-slider-wrap:not(.xts-active) {
display: none;
}
.xts-range-field-value-input {
display: inline-block;
margin-inline-start: 5px;
vertical-align: middle;
}
.xts-range-field-value-input input[type=number] {
max-width: 60px;
height: 35px;
}
.xts-slider-units {
display: inline-block;
margin-inline-start: 4px;
vertical-align: middle;
}
.xts-slider-units .xts-slider-unit-control {
display: block;
text-transform: uppercase;
font-size: 12px;
line-height: 1;
cursor: pointer;
}
.xts-slider-units .xts-slider-unit-control:not(:last-child) {
margin-bottom: 5px;
}
.xts-slider-units .xts-slider-unit-control.xts-active {
color: #000;
font-weight: 600;
}
.xts-range-field-value-display {
display: block;
margin-top: 12px;
}
.xts-range-field-value-text {
font-weight: 600;
}
.xts-range-field-value-text:empty {
display: none;
}
.xts-options .mce-tinymce {
border-radius: 0 3px 3px 3px;
border-width: 2px !important;
border-color: #EEE;
border-style: solid;
}
.xts-options .mce-top-part::before,
.xts-options .wp-editor-container,
.xts-options .mce-tinymce {
box-shadow: none;
}
.xts-options .xts-wysiwyg-buttons {
overflow: hidden;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.xts-options .mce-tinymce,
.xts-options .xts-textarea-wysiwyg {
animation: xts-fadeIn 0.4s ease both;
}
.xts-upload-preview {
display: flex;
clear: both;
flex-wrap: wrap;
}
.xts-upload-preview > div {
position: relative;
margin-right: 5px;
margin-bottom: 3px;
min-width: 50px;
cursor: pointer;
}
.xts-upload-preview > div:hover .xts-remove {
opacity: 1;
}
.xts-upload-preview img {
margin-bottom: 12px;
padding: 5px;
max-width: 160px;
max-height: 160px;
border: 1px solid #EEE;
border-radius: 3px;
}
.xts-upload-preview span {
width: 25px;
height: 25px;
text-decoration: none;
font-weight: 600;
font-size: 20px;
line-height: 25px;
transition: all 0.2s ease;
}
.xts-upload-preview span:before {
content: "\e934";
font-family: "Space-Admin-Icon";
}
.xts-upload-preview .xts-remove {
position: absolute;
top: 10px;
right: 10px;
width: 25px;
height: 25px;
background-color: white;
color: #333;
text-align: center;
line-height: 25px;
opacity: 0;
transition: all 0.2s ease;
}
.xts-upload-preview .xts-remove:hover, .xts-upload-preview .xts-remove:focus {
outline: none;
box-shadow: none;
}
.xts-upload-preview .xts-remove:hover span {
opacity: 0.6;
}
.widget .xts-upload-preview > div img {
max-width: 80px;
max-height: 80px;
}
.xts-upload-btns {
display: flex;
clear: both;
}
.xts-upload-btns .xts-btn-disable {
margin-left: 6px;
}
.rtl .xts-upload-btns .xts-btn-disable {
margin-right: 6px;
margin-left: 0;
}
.xts-image_dimensions-control.xts-shown {
align-items: flex-end;
flex-wrap: wrap;
}
.xts-image_dimensions-control .xts-field-inner {
display: flex;
align-items: center;
}
.xts-image_dimensions-control .xts-image-dimensions-separator {
margin-top: 17px;
width: 30px;
text-align: center;
}
.xts-table-controls {
display: flex;
margin-bottom: 10px;
}
.xts-table-controls span {
font-weight: 600;
}
.xts-table-controls > div:not(:last-child) {
margin-inline-end: 15px;
}
.xts-table-controls .xts-control-remove {
display: flex;
align-items: center;
}
.xts-table-controls .xts-control-remove .xts-remove-item {
display: flex;
justify-content: center;
min-width: 40px;
width: 40px;
}
.xts-table-controls .xts-control-remove .xts-remove-item:before {
margin: 0 !important;
}
.xts-label {
padding: 8px 20px;
border-width: 1px;
border-style: solid;
border-radius: 5px;
text-transform: uppercase;
white-space: nowrap;
font-weight: 700;
user-select: none;
}
.xts-label.xts-success {
border-color: rgba(108, 175, 23, 0.4);
color: #6CAF17;
}
.xts-label.xts-disable {
border-color: rgba(237, 60, 45, 0.4);
color: #ED3C2D;
}
.xts-label.xts-info {
border-color: rgba(255, 185, 110, 0.4);
color: #FFB96E;
}
.xts-design-list ul {
margin-top: 0;
margin-bottom: 24px;
overflow-x: auto;
max-height: 1668px;
padding-right: 5px;
margin-right: -5px;
}
.xts-design-list ul::-webkit-scrollbar {
width: 5px;
}
.xts-design-list ul::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.07);
}
.xts-design-list ul::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.12);
}
.xts-design-list li {
margin-bottom: 12px;
}
.xts-design-list li.xts-active a {
background: -webkit-linear-gradient(left, #499BEA 0%, #0F4C81 100%);
background-position: right;
background-size: 150%;
}
.xts-design-list li.xts-active a:hover {
background-position: left;
}
.xts-design-list li.xts-active a > span {
color: white;
}
.xts-design-list li:last-child {
margin-bottom: 0;
}
.xts-design-list a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 9px 9px 18px;
border-radius: 3px;
background-color: #EBF2FC;
color: #0F4C81;
}
.xts-design-list a:hover {
background-color: #DFEAFB;
}
.xts-design-list a:hover .xts-btn-disable {
opacity: 1;
visibility: visible;
}
.xts-design-list a > span {
font-weight: 600;
font-size: 16px;
}
.xts-design-list .xts-btn-disable {
background-color: #FFF;
opacity: 0;
visibility: hidden;
}
.rtl .xts-design-list ul {
padding-right: 0;
padding-left: 5px;
margin-right: 0;
margin-left: -5px;
}
.rtl .xts-design-list a {
padding-right: 18px;
padding-left: 9px;
}
.xts-btn:before,
.xts-btn-bordered:before,
.xts-inline-btn:before {
margin-right: 3px;
}
.xts-btn:after,
.xts-btn-bordered:after,
.xts-inline-btn:after {
margin-left: 3px;
}
.xts-btn:before, .xts-btn:after,
.xts-btn-bordered:before,
.xts-btn-bordered:after,
.xts-inline-btn:before,
.xts-inline-btn:after {
vertical-align: top;
font-weight: 400;
font-size: 16px;
font-family: "Space-Admin-Icon";
}
.xts-btn:before,
.xts-btn-bordered:before {
margin-left: -10px;
}
.xts-btn:after,
.xts-btn-bordered:after {
margin-right: -10px;
}
.xts-btn[class*=xf-]:before,
.xts-btn-bordered[class*=xf-]:before {
margin-right: 3px;
margin-left: -3px;
font-size: 18px;
}
.xts-btn.xts-size-l[class*=xf-]:before,
.xts-btn-bordered.xts-size-l[class*=xf-]:before {
margin-right: 5px;
margin-left: -5px;
font-size: 24px;
}
.xts-btn.xts-btn-remove,
.xts-btn-bordered.xts-btn-remove {
display: none;
}
.xts-btn.xts-btn-remove.xts-active,
.xts-btn-bordered.xts-btn-remove.xts-active {
display: inline-flex;
}
.xts-inline-btn {
display: inline-flex;
align-items: center;
width: auto !important;
text-transform: uppercase;
font-weight: 600;
line-height: 1;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
outline: none !important;
box-shadow: none !important;
}
.xts-inline-btn.xts-btn-gray {
color: #999;
}
.xts-inline-btn.xts-active {
color: #0F4C81;
}
.xts-inline-btn:hover {
opacity: 0.8;
}
.xts-inline-btn.xts-switch-desktop:before {
content: "\e925";
}
.xts-inline-btn.xts-switch-tablet:before {
content: "\e927";
}
.xts-inline-btn.xts-switch-mobile:before {
content: "\e928";
}
.xts-inline-btn.xts-switch-mobile_small:before {
position: relative;
top: 1px;
content: "\e878";
}
.xts-inline-btn.xts-size-l {
font-size: 14px;
}
.xts-inline-btn.xts-blank-btn {
text-transform: none;
}
.xts-inline-btn.xts-blank-btn .dashicons {
font-size: 16px;
line-height: 20px;
}
.xts-inline-btn-add {
color: #0F4C81;
}
.xts-inline-btn-add:before {
content: "\e936";
}
.xts-inline-btn-remove {
color: #ED3C2D;
}
.xts-inline-btn-remove:before {
content: "\e937";
}
.xts-btn-primary.xts-btn-shadow {
box-shadow: 0px 0px 12px 1px rgba(15, 76, 129, 0.6);
}
.xts-btn-primary.xts-btn-shadow:focus, .xts-btn-primary.xts-btn-shadow:hover {
box-shadow: 0px 0px 14px 1px rgba(15, 76, 129, 0.4);
}
.rtl .xts-btn:before,
.rtl .xts-btn-bordered:before,
.rtl .xts-inline-btn:before {
margin-right: 0;
margin-left: 3px;
}
.rtl .xts-btn:after,
.rtl .xts-btn-bordered:after,
.rtl .xts-inline-btn:after {
margin-left: 0;
margin-right: 3px;
}
.rtl .xts-btn:before,
.rtl .xts-btn-bordered:before {
margin-right: -10px;
}
.rtl .xts-btn:after,
.rtl .xts-btn-bordered:after {
margin-left: -10px;
}
.rtl .xts-btn[class*=xf-]:before,
.rtl .xts-btn-bordered[class*=xf-]:before {
margin-left: 3px;
margin-right: -3px;
}
.rtl .xts-btn.xts-size-l[class*=xf-]:before,
.rtl .xts-btn-bordered.xts-size-l[class*=xf-]:before {
margin-left: 5px;
margin-right: -5px;
}
.xts-mega-menu-custom-fields {
display: none;
overflow: hidden;
clear: both;
padding: 0;
}
.xts-notice {
position: relative;
margin-bottom: 20px;
padding-top: 21px;
padding-right: 20px;
padding-bottom: 21px;
padding-left: 70px;
min-height: 60px;
border-radius: 3px;
text-align: left;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 30px 30px;
color: rgba(255, 255, 255, 0.9);
}
.xts-notice a,
.xts-notice strong {
color: white;
}
.xts-notice a {
text-decoration: underline;
}
.xts-notice:before {
position: absolute;
top: calc(50% - 15px);
left: 20px;
color: white;
font-weight: 400;
font-size: 30px;
line-height: 30px;
font-family: "Space-Admin-Icon";
}
.xts-notice.xts-info, .xts-notice.xts-error {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
}
.xts-notice.xts-success {
background-color: #29D371;
}
.xts-notice.xts-success:before {
content: "\e940";
}
.xts-notice.xts-error {
background-color: #EC8580;
}
.xts-notice.xts-error:before {
content: "\e941";
}
.xts-notice.xts-info {
background-color: #5E9CD2;
}
.xts-notice.xts-info:before {
content: "\e939";
}
.xts-notice.xts-warning {
background-color: #E4BF6F;
}
.xts-notice.xts-warning:before {
content: "\e938";
}
.xts-notice:not(.xts-info) {
padding-right: 80px;
cursor: pointer;
}
.xts-notice:not(.xts-info):after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
background-color: transparent;
color: white;
font-weight: 600;
font-size: 16px;
transition: all 0.3s ease;
content: "\e934";
font-family: "Space-Admin-Icon";
}
.xts-notice:not(.xts-info).xts-hidden {
display: block !important;
margin: 0;
padding: 0;
min-height: 0;
height: 0;
opacity: 0;
transition: opacity 0.25s ease, height 0.25s ease 0.25s, padding 0.25s ease 0.25s, margin 0.25s ease 0.25s, min-height 0.25s ease 0.25s;
}
.xts-notice:not(.xts-info):hover:after {
background-color: rgba(0, 0, 0, 0.05);
}
.rtl .xts-notice {
padding-right: 70px;
padding-left: 20px;
}
.rtl .xts-notice:before {
right: 20px;
left: auto;
}
.rtl .xts-notice:not(.xts-info) {
padding-right: 70px;
padding-left: 80px;
}
.rtl .xts-notice:not(.xts-info):after {
right: auto;
left: 0;
}
.column-price .xts-price-unit {
margin-inline-start: 4px;
}
.column-preview {
width: 75px;
}
.xts-attribute-preview {
overflow: hidden;
width: 35px;
height: 35px;
border-radius: 50%;
}
.xts-attribute-preview img {
margin: 0 !important;
width: 100%;
height: 100%;
object-fit: cover;
}
.column-xts_thumbnail {
width: 80px;
}
.xts-tooltips-top .xts-tooltip {
bottom: 15px;
left: 50%;
margin-bottom: 10px;
transform: translateX(-50%);
}
.xts-tooltips-top .xts-tooltip:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -4px;
border-width: 5px 5px 0;
border-style: solid;
border-color: transparent;
border-top-color: #000;
}
.xts-tooltips-right .xts-tooltip {
top: 50%;
left: 100%;
margin-left: 10px;
transform: translateY(-50%);
}
.xts-tooltips-right .xts-tooltip:before {
content: "";
position: absolute;
top: 50%;
left: -2.5px;
width: 5px;
height: 5px;
background-color: #FFF;
box-shadow: -2px -1px 2px 0 rgba(179, 176, 176, 0.3);
transform: translateY(-50%) rotate(-45deg);
}
.xts-tooltip {
position: absolute;
z-index: 10;
display: block;
visibility: hidden;
padding: 10px;
min-width: 160px;
width: 100%;
border-radius: 3px;
white-space: normal;
font-weight: 400;
font-size: 10px;
text-align: center;
opacity: 0;
transition: all 0.2s ease;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.9);
color: #FFF;
}
.xts-tooltip-image:not(:last-child) {
margin-bottom: 10px;
}
form table.wp-list-table .column-is_in_stock {
width: auto;
}
.product-details {
margin-top: 5px;
}
.product-details tbody :is(th, td) {
font-size: 12px;
color: #888;
padding: 0 4px 5px 0;
}
.product-details tbody th {
font-weight: 600;
}
.select2-container {
position: relative;
display: inline-block;
box-sizing: border-box;
margin: 0;
vertical-align: middle;
}
.select2-container .select2-selection--single {
display: block;
box-sizing: border-box;
height: 28px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
overflow: hidden;
padding-right: 25px;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container .select2-selection--multiple {
display: block;
box-sizing: border-box;
min-height: 32px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
margin-top: 5px;
padding: 0;
border: none;
font-size: 100%;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-dropdown {
position: absolute;
left: -100000px;
z-index: 1051;
display: block;
box-sizing: border-box;
width: 100%;
border: 1px solid #AAA;
border-radius: 4px;
background-color: white;
}
.select2-results {
display: block;
}
.select2-results__options {
margin: 0;
padding: 0;
list-style: none;
}
.select2-results__option {
padding: 6px;
-webkit-user-select: none;
user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
box-sizing: border-box;
padding: 4px;
width: 100%;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
position: fixed;
top: 0;
left: 0;
z-index: 99;
display: block;
margin: 0;
padding: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
border: 0;
background-color: #FFF;
opacity: 0;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
position: absolute !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
white-space: nowrap !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
}
.select2-container--default .select2-selection--single {
border: 1px solid #AAA;
border-radius: 4px;
background-color: #FFF;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
float: right;
font-weight: bold;
cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
position: absolute;
top: 1px;
right: 1px;
width: 20px;
height: 26px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
position: absolute;
top: 50%;
left: 50%;
margin-top: -2px;
margin-left: -4px;
width: 0;
height: 0;
border-width: 5px 4px 0 4px;
border-style: solid;
border-color: #888 transparent transparent transparent;
}
.select2-container--default.select2-container--disabled {
background-color: #EEE;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-width: 0 4px 5px 4px;
border-color: transparent transparent #888 transparent;
}
.select2-container--default .select2-selection--multiple {
border: 1px solid #AAA;
border-radius: 4px;
background-color: white;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
margin: 0;
padding: 0 5px;
width: 100%;
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
float: left;
margin-top: 5px;
color: #999;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
float: right;
margin-top: 5px;
margin-right: 10px;
font-weight: bold;
cursor: pointer;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
float: left;
margin-top: 5px;
margin-right: 5px;
padding: 0 5px;
border: 1px solid #AAA;
border-radius: 4px;
background-color: #E4E4E4;
cursor: default;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
display: inline-block;
margin-right: 2px;
color: #999;
font-weight: bold;
cursor: pointer;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
outline: 0;
border: solid black 1px;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #EEE;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #AAA;
}
.select2-container--default .select2-search--inline .select2-search__field {
outline: 0;
border: none;
background: transparent;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
overflow-y: auto;
max-height: 200px;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #DDD;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897FB;
color: white;
}
.select2-container--default .select2-results__group {
display: block;
padding: 6px;
cursor: default;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
right: auto;
left: 1px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-right: auto;
margin-left: 5px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-right: auto;
margin-left: 2px;
}
.wp-admin .select2-container--xts {
max-width: 360px;
width: 100% !important;
font-size: 14px;
}
.wp-admin .select2-container--xts dd, .wp-admin .select2-container--xts li {
margin-bottom: 0;
}
.wp-admin .select2-container--xts input {
margin: 0;
}
.wp-admin .select2-container--xts span.selection span.select2-selection {
outline: 0;
border-width: var(--xts-input-border-width);
border-style: solid;
border-color: var(--xts-input-border-color);
border-radius: 3px;
background-color: white;
box-shadow: none;
transition: border-color 0.15s ease;
}
.wp-admin .select2-container--xts span.selection span.select2-selection:hover {
border-color: var(--xts-input-border-color-hover);
}
.wp-admin .select2-container--xts span.selection .select2-selection--single {
height: var(--xts-input-height);
}
.wp-admin .select2-container--xts span.selection .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: calc(var(--xts-input-height) - var(--xts-input-border-width) * 2) !important;
}
.wp-admin .select2-container--xts span.selection .select2-selection--single .select2-selection__placeholder {
color: rgba(0, 0, 0, 0.4);
}
.wp-admin .select2-container--xts span.selection .select2-selection--single .select2-selection__arrow {
position: absolute;
top: var(--xts-input-border-width);
right: var(--xts-input-border-width);
box-sizing: border-box;
width: 30px;
height: calc(var(--xts-input-height) - var(--xts-input-border-width) * 2);
border: none;
background: none;
font-size: 16px;
line-height: 1;
}
.wp-admin .select2-container--xts span.selection .select2-selection--single .select2-selection__arrow:hover {
color: #0F4C81;
}
.wp-admin .select2-container--xts span.selection .select2-selection--single .select2-selection__arrow:before {
content: "\f347";
position: absolute;
top: calc(50% - 8px);
left: 9px;
display: block;
width: 16px;
height: 16px;
color: #555;
font-family: "dashicons";
}
.wp-admin .select2-container--xts span.selection .select2-selection--single .select2-selection__clear {
float: right;
width: 30px;
height: calc(var(--xts-input-height) - var(--xts-input-border-width) * 2);
text-align: center;
font-size: 0;
}
.wp-admin .select2-container--xts span.selection .select2-selection--single .select2-selection__clear:hover {
color: #0F4C81;
}
.wp-admin .select2-container--xts span.selection .select2-selection--single .select2-selection__clear:before {
content: "\f335";
display: block;
font-size: 16px;
font-family: "dashicons";
line-height: calc(var(--xts-input-height) - var(--xts-input-border-width) * 2);
}
.wp-admin .select2-container--xts.select2-container--open span.selection span.select2-selection {
border: var(--xts-input-border-width) solid var(--xts-input-border-color-focus);
box-shadow: none;
transition: none;
}
.wp-admin .select2-container--xts.select2-container--open span.selection .select2-selection--single .select2-selection__arrow {
border: none;
background: transparent;
}
.wp-admin .select2-container--xts.select2-container--open span.selection .select2-selection--single .select2-selection__arrow:before {
content: "\f343";
}
.wp-admin .select2-container--xts.select2-container--open span.selection .select2-dropdown {
border-color: var(--xts-input-border-color-focus);
box-shadow: none;
}
.wp-admin .select2-container--xts.select2-container--open span.selection .select2-selection__clear {
display: none;
}
.wp-admin .select2-container--xts .select2-selection--multiple {
padding-right: 28px;
min-height: var(--xts-input-height);
cursor: text;
}
.wp-admin .select2-container--xts .select2-selection--multiple .select2-selection__rendered {
margin: 0;
padding: 0 18px 0 8px;
list-style: none;
}
.wp-admin .select2-container--xts .select2-selection--multiple .select2-selection__clear {
position: absolute;
top: 50%;
right: 6px;
z-index: 10;
margin-top: -10px;
width: 20px;
height: 20px;
text-align: center;
font-size: 20px;
line-height: 16px;
cursor: pointer;
}
.wp-admin .select2-container--xts .select2-selection--multiple .select2-selection__choice {
float: left;
margin-top: 6px;
margin-right: 5px;
padding: 2px 8px 2px 6px;
border-radius: 3px;
background-color: #0F4C81;
color: white;
cursor: default;
}
.wp-admin .select2-container--xts .select2-selection--multiple .select2-selection__choice__remove {
display: inline-block;
margin-right: 4px;
color: white;
font-weight: bold;
cursor: pointer;
}
.wp-admin .select2-container--xts .select2-selection--multiple .select2-selection__choice__remove:hover {
opacity: 0.8;
}
.wp-admin .select2-container--xts .select2-search--dropdown {
padding: 5px;
}
.wp-admin .select2-container--xts .select2-search--dropdown .select2-search__field {
height: var(--xts-input-height);
outline: 0;
border: var(--xts-input-border-width) solid var(--xts-input-border-color);
border-radius: 3px;
box-shadow: none;
}
.wp-admin .select2-container--xts .select2-search--dropdown .select2-search__field:hover, .wp-admin .select2-container--xts .select2-search--dropdown .select2-search__field:focus {
border-color: var(--xts-input-border-color-hover);
}
.wp-admin .select2-container--xts .select2-search--inline .select2-search__field {
margin-top: 2px;
min-height: 30px;
width: auto !important;
outline: 0;
box-shadow: none;
line-height: 1;
}
.wp-admin .select2-container--xts .select2-dropdown {
border: var(--xts-input-border-width) solid var(--xts-input-border-color-focus);
background-color: white;
}
.wp-admin .select2-container--xts .select2-dropdown:before {
content: "";
position: absolute;
left: calc(var(--xts-input-border-width) * -1);
width: 100%;
height: 2px;
border-width: 0;
border-style: solid;
border-color: var(--xts-input-border-color-focus);
border-right-width: var(--xts-input-border-width);
border-left-width: var(--xts-input-border-width);
background-color: #FFF;
}
.wp-admin .select2-container--xts .select2-dropdown--above,
.wp-admin .select2-container--xts .select2-dropdown--below {
box-shadow: none !important;
}
.wp-admin .select2-container--xts .select2-dropdown--above {
border-bottom: none;
}
.wp-admin .select2-container--xts .select2-dropdown--above:before {
bottom: -2px;
}
.wp-admin .select2-container--xts .select2-dropdown--below {
border-top: none;
}
.wp-admin .select2-container--xts .select2-dropdown--below:before {
top: -2px;
}
.wp-admin .select2-container--xts .select2-results {
margin-bottom: 4px;
}
.wp-admin .select2-container--xts .select2-results > .select2-results__options {
overflow-y: auto;
max-height: 200px;
}
.wp-admin .select2-container--xts .select2-results__option {
outline: none;
}
.wp-admin .select2-container--xts .select2-results__option[role=group] {
padding: 0;
}
.wp-admin .select2-container--xts .select2-results__option[aria-disabled=true] {
color: grey;
}
.wp-admin .select2-container--xts .select2-results__option[aria-selected=true] {
background-color: #F8F8F8;
}
.wp-admin .select2-container--xts .select2-results__option--highlighted[aria-selected] {
background-color: #0F4C81;
color: white;
}
.wp-admin .select2-container--xts .select2-results__group {
display: block;
padding: 6px;
cursor: default;
}
.wp-admin .widget-content .select2-container--xts {
max-width: 100%;
}
.wp-admin span.select2-container--xts[dir=rtl] .select2-selection--single .select2-selection__arrow {
right: auto;
left: var(--xts-input-border-width);
border: none;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.wp-admin span.select2-container--xts[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.wp-admin span.select2-container--xts[dir=rtl] .select2-selection--multiple {
padding-right: 0;
padding-left: 28px;
}
.wp-admin span.select2-container--xts[dir=rtl] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-right: auto;
margin-left: 5px;
}
.wp-admin span.select2-container--xts[dir=rtl] .select2-selection--multiple .select2-selection__rendered {
padding-right: 8px;
padding-left: 18px;
}
.wp-admin span.select2-container--xts[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-right: auto;
margin-left: 2px;
}
.wp-admin span.select2-container--xts[dir=rtl] .select2-selection--multiple .select2-selection__clear {
right: auto;
left: 6px;
}
.wp-admin .tablenav .select2-container.select2 {
margin-top: 0;
}
.wp-admin .tablenav span.select2-selection {
--xts-input-height: 32px;
--xts-input-border-width: 1px;
--xts-input-border-color: #2271b1;
}
.xts-select2-all-wrap {
margin-top: 15px;
}
.xts-select2-all-wrap > a {
margin-right: 6px;
}
@media (min-width: 1024px) {
.xts-col-lg-1 {
flex: 0 0 8.3333333333%;
width: 8.3333333333%;
max-width: 8.3333333333%;
}
.xts-col-lg-2 {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
}
.xts-col-lg-3 {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
}
.xts-col-lg-4 {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
}
.xts-col-lg-5 {
flex: 0 0 41.6666666667%;
width: 41.6666666667%;
max-width: 41.6666666667%;
}
.xts-col-lg-6 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
.xts-col-lg-7 {
flex: 0 0 58.3333333333%;
width: 58.3333333333%;
max-width: 58.3333333333%;
}
.xts-col-lg-8 {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
}
.xts-col-lg-9 {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
}
.xts-col-lg-10 {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
}
.xts-col-lg-11 {
flex: 0 0 91.6666666667%;
width: 91.6666666667%;
max-width: 91.6666666667%;
}
.xts-col-lg-12 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.xts-col-1 {
flex: 0 0 8.3333333333%;
width: 8.3333333333%;
max-width: 8.3333333333%;
}
.xts-col-2 {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
}
.xts-col-3 {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
}
.xts-col-4 {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
}
.xts-col-5 {
flex: 0 0 41.6666666667%;
width: 41.6666666667%;
max-width: 41.6666666667%;
}
.xts-col-6 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
.xts-col-7 {
flex: 0 0 58.3333333333%;
width: 58.3333333333%;
max-width: 58.3333333333%;
}
.xts-col-8 {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
}
.xts-col-9 {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
}
.xts-col-10 {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
}
.xts-col-11 {
flex: 0 0 91.6666666667%;
width: 91.6666666667%;
max-width: 91.6666666667%;
}
.xts-col-12 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.xts-col-auto {
flex-grow: 1;
margin-bottom: 40px;
padding-right: 20px;
padding-left: 20px;
}
.xts-col-fill {
flex-grow: 1;
max-width: none;
width: auto;
}
.xts-generator-checkbox > label:hover .xts-tooltip {
visibility: visible;
opacity: 1;
}
}
@media (min-width: 1441px) {
.xts-col-xxl-1 {
flex: 0 0 8.3333333333%;
width: 8.3333333333%;
max-width: 8.3333333333%;
}
.xts-col-xxl-2 {
flex: 0 0 16.6666666667%;
width: 16.6666666667%;
max-width: 16.6666666667%;
}
.xts-col-xxl-3 {
flex: 0 0 25%;
width: 25%;
max-width: 25%;
}
.xts-col-xxl-4 {
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
max-width: 33.3333333333%;
}
.xts-col-xxl-5 {
flex: 0 0 41.6666666667%;
width: 41.6666666667%;
max-width: 41.6666666667%;
}
.xts-col-xxl-6 {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
.xts-col-xxl-7 {
flex: 0 0 58.3333333333%;
width: 58.3333333333%;
max-width: 58.3333333333%;
}
.xts-col-xxl-8 {
flex: 0 0 66.6666666667%;
width: 66.6666666667%;
max-width: 66.6666666667%;
}
.xts-col-xxl-9 {
flex: 0 0 75%;
width: 75%;
max-width: 75%;
}
.xts-col-xxl-10 {
flex: 0 0 83.3333333333%;
width: 83.3333333333%;
max-width: 83.3333333333%;
}
.xts-col-xxl-11 {
flex: 0 0 91.6666666667%;
width: 91.6666666667%;
max-width: 91.6666666667%;
}
.xts-col-xxl-12 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.xts-generator .xts-table {
margin: 20px 0;
max-width: 540px;
}
.xts-woocommerce > .xts-checkbox-children {
display: flex;
flex-wrap: wrap;
}
.xts-woocommerce > .xts-checkbox-children > div {
width: 50%;
}
.xts-woocommerce .xts-product_page {
width: 100% !important;
}
.xts-woocommerce .xts-product_page .xts-checkbox-children {
display: flex;
flex-wrap: wrap;
padding-right: 17px;
}
.xts-woocommerce .xts-product_page .xts-checkbox-children > div {
width: 50%;
}
.xts-gen-extra .xts-generator-checkbox-parent > .xts-checkbox-children {
display: flex;
flex-wrap: wrap;
}
.xts-gen-extra .xts-generator-checkbox-parent > .xts-checkbox-children > div {
width: 25%;
}
.xts-woocommerce > .xts-checkbox-children > div:first-child {
padding-bottom: 30px;
}
.xts-woocommerce > .xts-checkbox-children > div:nth-child(2) .xts-checkbox-children:before {
content: "";
position: absolute;
top: -13px;
left: -11px;
width: 100%;
border-top: 1px solid #EAEAEA;
}
.xts-woocommerce_elements:after {
display: none;
}
.xts-product_page .xts-checkbox-children,
.xts-extra .xts-checkbox-children {
position: relative;
}
.xts-product_page .xts-checkbox-children:before,
.xts-extra .xts-checkbox-children:before {
content: "";
position: absolute;
top: -9px;
right: calc(25% + 6px);
width: 70%;
border-top: 1px solid #EAEAEA;
}
.xts-product_page .xts-checkbox-children:before {
right: calc(50% + 10px);
width: 35%;
}
.rtl .xts-woocommerce > .xts-checkbox-children > div:nth-child(2) .xts-checkbox-children:before {
left: auto;
right: -11px;
}
.rtl .xts-product_page .xts-checkbox-children:before,
.rtl .xts-extra .xts-checkbox-children:before {
right: auto;
left: calc(25% + 6px);
}
.rtl .xts-product_page .xts-checkbox-children:before {
right: auto;
left: calc(50% + 3px);
}
}
@media (max-width: 1024px) {
.xts-setup-wizard-menu {
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 0;
}
.xts-setup-wizard-menu a .xts-menu-dot {
display: none;
}
.xts-setup-wizard-menu a:after {
display: none;
}
.xts-setup-wizard-menu:after {
display: none;
}
}