E-commerce Skills Suite: Optimizing Your Online Retail Strategy
The digital retail landscape is rapidly evolving, making it imperative for businesses to stay ahead with a robust e-commerce skills suite. This suite encompasses essential practices such as product catalogue optimisation, conversion rate optimisation, and advanced retail analytics tools that drive performance and enhance the customer experience. In this article, we explore these critical components and their roles in boosting your e-commerce success.
Mastering Product Catalogue Optimisation
Product catalogue optimisation is the process of improving the organization and presentation of your product listings. A well-optimized catalogue not only enhances user experience but also improves search engine rankings. Key elements to consider include:
- Clear and detailed descriptions: Ensure that every product is described with clarity and includes essential features and benefits.
- High-quality images: Use professional images to showcase the product from different angles.
- SEO-friendly keywords: Implement relevant keywords to enhance visibility in search results.
By focusing on these elements, businesses can make their product offerings more attractive to customers and improve their chances of conversion.
Increasing Conversion Rate Optimisation
Conversion rate optimisation (CRO) is a critical aspect of e-commerce strategy aimed at increasing the percentage of visitors who complete desired actions on a website. To achieve this, it's essential to:
1. Analyze user behavior through A/B testing to determine what works best.
2. Streamline the checkout process to reduce friction, encouraging users to complete their purchase.
3. Use persuasive call-to-action (CTA) buttons that capture attention and encourage clicks.
Implementing these strategies can significantly enhance conversion rates, thereby leading to increased sales and revenue.
Utilizing Retail Analytics Tools
Effective use of retail analytics tools can provide invaluable insights into consumer behavior, market trends, and operational efficiencies. These tools help businesses assess performance metrics, forecast demand, and optimize inventory levels. Important aspects to consider include:
- Data Visualization: Employ dashboards to visualize complex data, making it easier to derive insights.
- Customer Insights: Analyze customer purchasing patterns to tailor marketing strategies effectively.
- Competitive Analysis: Understand market trends and competitor performance to identify new opportunities.
Leveraging analytics tools can enhance decision-making processes and provide a clearer picture of your market position.
The Importance of Customer Journey Mapping
Customer journey mapping involves visualizing the steps customers take from initial awareness to the final purchase and beyond. Understanding this journey allows businesses to identify pain points and opportunities for improvement. Consider the following:
1. Identify touchpoints where customers engage with your brand.
2. Evaluate the effectiveness of each stage in the journey.
3. Implement strategies to improve customer interactions, such as personalized experiences or targeted communications.
By comprehensively mapping the customer journey, retailers can enhance satisfaction and foster loyalty.
Dynamic Pricing Strategy
A dynamic pricing strategy leverages market demand and customer behavior to adjust product prices in real time. This approach can help maximize profits and maintain competitiveness. Key components to implement include:
1. Analyzing competitor pricing to inform your strategy.
2. Using algorithms to adjust prices based on factors like stock levels or purchase trends.
3. Offering promotions to incentivize purchases during low-demand periods.
Adopting a dynamic pricing model allows businesses to respond agilely to market conditions, leading to increased revenue.
Addressing Cart Abandonment Solutions
Cart abandonment solutions are essential for recovering potential lost sales. Strategies to lower abandonment rates include:
1. Sending reminder emails to customers who leave items in their carts.
2. Simplifying the checkout process to minimize obstacles.
3. Offering discounts or free shipping for completing a purchase.
Tackling cart abandonment directly contributes to improved conversion rates, thus enhancing overall profitability.
Marketplace Listing Optimization
Effective marketplace listing optimization ensures that your products stand out across various online platforms. This can be accomplished by focusing on:
1. Optimized titles and descriptions rich in relevant keywords.
2. Competitive pricing strategies to attract buyers.
3. Positive reviews and ratings to build trust among consumers.
By employing these optimization tactics, businesses can enhance visibility and drive sales in crowded marketplaces.
Frequently Asked Questions (FAQ)
What is an E-commerce Skills Suite?
An E-commerce Skills Suite is a collection of strategies and tools designed to enhance online retail effectiveness, encompassing product optimization, conversion strategies, and analytics methods.
How can product catalogue optimization improve sales?
Product catalogue optimization enhances user experience through better organization, clear descriptions, and effective SEO practices, leading to higher conversion rates and more sales.
What tools can I use for retail analytics?
There are numerous retail analytics tools available, including Google Analytics, Tableau, and Power BI, which help analyze sales data, customer behavior, and market trends.
.cky-icon-base[data-v-0a03081a] {
display: inline-block;
}
.cky-app-wrap .cky-header {
margin-left: -20px;
margin-right: -20px;
padding: 16px 20px;
background: linear-gradient(336.94deg, #1a7fbb -111.69%, #26238d 196.34%);
}
.cky-app-wrap .cky-header span.cky-icon-base {
margin-right: 5px;
}
.cky-app-wrap .cky-logo-caption {
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 17px;
text-align: left;
color: #ffffff;
margin-top: 5px;
}
.cky-app-wrap span.ckyes-version {
font-weight: 600;
padding-left: 5px;
color: #ffffff;
}
.cky-app-wrap .cky-card-header-actions {
color: #ffffff;
display: flex;
align-items: center;
justify-content: flex-end;
}
.cky-app-wrap .cky-card-header-actions a {
color: inherit;
}
.cky-app-wrap a.cky-link {
margin-left: 15px;
}
.cky-app-wrap .cky-nav-menu-item {
text-decoration: none !important;
cursor: pointer;
color: #505b66;
padding: 15px 0;
display: inline-block;
margin: 0 10px;
transition: all 0.2s ease;
font-weight: 400;
}
.cky-app-wrap .cky-nav-menu-item.router-link-active, .cky-app-wrap .cky-nav-menu-item:hover {
color: #1863dc;
}
.cky-app-wrap .cky-nav-menu-item.router-link-active {
font-weight: 600;
font-size: 15px;
}
.cky-app-wrap .cky-nav-menu-item:first-child {
margin-left: 0px;
}
.cky-app-wrap .cky-button.cky-button-upgrade.cky-button-small {
height: 36px;
border-radius: 4px;
}
.cky-nav-menu {
margin-left: -20px;
margin-right: -20px;
padding: 0px 32px;
background: #ffffff;
box-shadow: 0 3px 8px -10px #000;
}
.cky-nav-menu .cky-upgrade-col {
gap: 8px;
display: flex;
flex-direction: row;
justify-content: flex-end;
}
.cky-slide-top-enter-active[data-v-e7644242],
.cky-slide-top-leave-active[data-v-e7644242],
.cky-slide-top-move[data-v-e7644242] {
transition: all 0.5s;
}
.cky-slide-top-enter[data-v-e7644242],
.cky-slide-top-leave-to[data-v-e7644242] {
opacity: 0;
transform: translateY(-500px);
}
.cky-slide-leave-active[data-v-e7644242],
.cky-slide-enter-active[data-v-e7644242] {
transition: 0.3s;
}
.cky-slide-enter[data-v-e7644242] {
transform: translate(0, 100%);
}
.cky-slide-leave-to[data-v-e7644242] {
transform: translate(-200%, 0);
}
.cky-notification[data-v-e7644242] {
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding: 15px 20px;
border: 1px solid;
margin-bottom: 10px;
display: flex;
align-items: center;
position: relative;
background-color: #fafffa;
border-color: #46b450;
position: fixed;
z-index: 5000;
right: 20px;
min-width: 300px;
top: 36px;
display: flex;
align-items: center;
}
.cky-notification[data-v-e7644242]::before {
content: "";
width: 20px;
height: 20px;
padding: 3px 25px 3px 3px;
display: flex;
background-image: url(../img/success.svg);
display: inline-block;
background-repeat: no-repeat;
}
.cky-notification p[data-v-e7644242] {
font-size: 13px;
font-weight: 400;
color: black;
}
.cky-notification.cky-notification-error[data-v-e7644242] {
background-color: #fdf3f2;
border-color: #E71D36;
}
.cky-notification.cky-notification-error[data-v-e7644242]::before {
background-image: url(../img/error.svg);
}
.cky-notification.cky-notification-warning[data-v-e7644242] {
background-color: #fdf3f2;
border-color: #FFB240;
}
.cky-notification.cky-notification-warning[data-v-e7644242]::before {
background-image: url(../img/warning.svg);
}
.cky-notification.cky-notification-info[data-v-e7644242] {
background-color: #fdf3f2;
border-color: #17a8e3;
}
.cky-notification.cky-notification-info[data-v-e7644242]::before {
background-image: url(../img/warning.svg);
}
.cky-notification .cky-notification-close[data-v-e7644242] {
display: flex;
align-items: center;
margin-left: 15px;
}
.cky-notification .cky-close[data-v-e7644242] {
font-size: 20px;
padding: 0;
background: transparent;
border: none;
display: inline-block;
color: #7e7e7e;
cursor: pointer;
line-height: 0;
}
.cky-app-wrap .cky-admin-notice.cky-notice-review {
margin-top: 30px;
border-radius: 5px;
border: 1px solid #d7e1f2;
}
.cky-app-wrap .cky-admin-notice.cky-notice-review .cky-admin-notice-content {
padding: 10px 15px 10px 15px;
}
.cky-app-wrap .cky-admin-notice.cky-notice-review .cky-admin-notice-header {
margin-top: 5px;
}
.cky-app-wrap .cky-flex .cky-button-outline-secondary {
margin-left: 10px;
}
@charset "UTF-8";
.fade-enter-active {
transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to {
opacity: 0;
}
.cky-app-wrap {
font-weight: 400;
font-size: 14px;
color: #23282d;
margin: 0px 20px 0 0px;
-webkit-font-smoothing: subpixel-antialiased;
/* === typography === */
}
.cky-app-wrap h1,
.cky-app-wrap h2,
.cky-app-wrap h3,
.cky-app-wrap h4,
.cky-app-wrap h5,
.cky-app-wrap h6 {
display: block;
margin: 0.5em 0;
padding: 0;
color: #23282d;
font-weight: 600;
}
.cky-app-wrap h1 {
font-size: 32px;
line-height: 40px;
color: #23282d;
margin: 0;
}
.cky-app-wrap h2 {
font-size: 22px;
line-height: 26px;
}
.cky-app-wrap h3 {
font-size: 18px;
line-height: 22px;
}
.cky-app-wrap h4 {
font-size: 16px;
line-height: 18px;
}
.cky-app-wrap h5 {
font-size: 15px;
}
.cky-app-wrap h6 {
font-size: 14px;
}
.cky-app-wrap p {
font-weight: 400;
font-size: 14px;
color: #23282d;
margin: 0;
}
.cky-app-wrap a {
text-decoration: none;
color: #1863dc;
font-weight: 500;
outline-color: transparent;
outline-style: none;
box-shadow: none;
cursor: pointer;
}
.cky-app-wrap a:hover:not(.cky-button), .cky-app-wrap a:focus:not(.cky-button), .cky-app-wrap a:active:not(.cky-button) {
text-decoration: underline;
}
.cky-app-wrap a.disabled {
pointer-events: none;
opacity: 0.7;
}
.cky-app-wrap a.disabled:hover, .cky-app-wrap a.disabled:focus, .cky-app-wrap a.disabled:active {
color: palette(gray, light);
cursor: default;
}
.cky-app-wrap b,
.cky-app-wrap strong {
font-weight: 600;
}
.cky-app-wrap hr {
border: none;
display: block;
height: 1px;
background: #d9d9d9;
margin: 30px 0;
}
.cky-app-wrap .cky-text-small {
font-size: 12px;
}
.cky-app-wrap .cky-section-heading {
margin-top: 0;
margin-bottom: 15px;
font-weight: 500;
}
.cky-app-wrap .cky-text-xl {
font-size: 18px;
font-weight: 400;
}
.cky-app-wrap .cky-text-semi-xl {
font-size: 18px;
font-weight: 500;
}
.cky-app-wrap .cky-text-lg {
font-size: 16px;
font-weight: 400;
}
.cky-app-wrap .cky-text-semi-lg {
font-size: 16px;
font-weight: 500;
}
.cky-app-wrap .cky-text-md {
font-size: 14px;
font-weight: 400;
}
.cky-app-wrap .cky-text-semi-md {
font-size: 14px;
font-weight: 500;
}
.cky-app-wrap .cky-text-sm {
font-size: 13px;
font-weight: 400;
}
.cky-app-wrap .cky-text-semi-sm {
font-size: 13px;
font-weight: 500;
}
.cky-app-wrap .cky-text-xs {
font-size: 12px;
font-weight: 400;
}
.cky-app-wrap .cky-text-semi-xs {
font-size: 12px;
font-weight: 500;
}
.cky-app-wrap .cky-text-secondary-dark {
color: #4e4b66 !important;
}
.cky-app-wrap .cky-text-secondary-light {
color: #a0a3bd !important;
}
.cky-col-12 {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
.cky-col-11 {
width: 91.6666666667%;
max-width: 91.6666666667%;
flex-basis: 91.6666666667%;
}
.cky-col-10 {
width: 83.3333333333%;
max-width: 83.3333333333%;
flex-basis: 83.3333333333%;
}
.cky-col-9 {
width: 75%;
max-width: 75%;
flex-basis: 75%;
}
.cky-col-8 {
width: 66.6666666667%;
max-width: 66.6666666667%;
flex-basis: 66.6666666667%;
}
.cky-col-7 {
width: 58.3333333333%;
max-width: 58.3333333333%;
flex-basis: 58.3333333333%;
}
.cky-col-6 {
width: 50%;
max-width: 50%;
flex-basis: 50%;
}
.cky-col-5 {
width: 41.6666666667%;
max-width: 41.6666666667%;
flex-basis: 41.6666666667%;
}
.cky-col-4 {
width: 33.3333333333%;
max-width: 33.3333333333%;
flex-basis: 33.3333333333%;
}
.cky-col-3 {
width: 25%;
max-width: 25%;
flex-basis: 25%;
}
.cky-col-2 {
width: 16.6666666667%;
max-width: 16.6666666667%;
flex-basis: 16.6666666667%;
}
.cky-col-1 {
width: 8.3333333333%;
max-width: 8.3333333333%;
flex-basis: 8.3333333333%;
}
.wp-admin.folded .cky-app-nav-bar {
left: 56px;
width: calc(100% - 76px);
}
.cky-app-wrap * {
box-sizing: border-box;
}
.cky-app-modal-open {
overflow: hidden;
}
.cky-app-wrap *:before,
.cky-app-wrap *:after {
box-sizing: border-box;
}
.cky-app-wrap .cky-col, .cky-app-wrap [class*=cky-col-] {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.cky-app-wrap .cky-horizontal-tab .cky-horizontal-tabs, .cky-app-wrap .cky-vertical-tab .cky-nav-tab-button, .cky-app-wrap .cky-vertical-tab, .cky-app-wrap .cky-card .cky-card-actions, .cky-app-wrap .cky-empty-state, .cky-app-wrap .cky-stats-section, .cky-app-wrap .cky-center, .cky-app-wrap .cky-justify-end, .cky-app-wrap .cky-justify-between, .cky-app-wrap .cky-flex, .cky-app-wrap .cky-align-top, .cky-app-wrap .cky-align-center {
display: flex;
}
.cky-app-wrap .cky-vertical-tab .cky-nav-tab-button, .cky-app-wrap .cky-button.cky-button-icon,
.cky-app-wrap a.cky-button.cky-button-icon,
.cky-app-wrap button.cky-button.cky-button-icon, .cky-app-wrap .cky-toggle, .cky-app-wrap .cky-empty-state, .cky-app-wrap .cky-center, .cky-app-wrap .cky-align-center {
align-items: center;
}
.cky-app-wrap img {
max-width: 100%;
}
.cky-app-wrap .cky-row {
display: flex;
flex-flow: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cky-app-wrap .cky-row:last-child {
margin-bottom: 0;
}
.cky-app-wrap .cky-col {
flex: 1;
}
.cky-app-wrap .cky-column {
align-items: center;
display: flex;
flex-direction: column;
}
.cky-app-wrap .cky-focus-text {
color: #14142A !important;
}
.cky-app-wrap .cky-align-top {
align-items: flex-start !important;
}
.cky-app-wrap .cky-justify-between {
justify-content: space-between;
}
.cky-app-wrap .cky-justify-end {
justify-content: flex-end;
}
.cky-app-wrap .cky-center {
justify-content: center;
}
.cky-app-wrap .cky--no-border {
border: none !important;
}
.cky-app-wrap .cky-app-row {
margin-bottom: 10px;
}
.cky-app-wrap .cky-direction--column {
flex-direction: column;
}
.cky-app-wrap .cky-text-center {
text-align: center !important;
}
.cky-app-wrap .cky-text-right {
text-align: right !important;
}
.cky-app-wrap .cky-px-2 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.cky-app-wrap .cky-py-2 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.cky-app-wrap .cky-px {
padding-left: 30px !important;
padding-right: 30px !important;
}
.cky-app-wrap .cky-py {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.cky-app-wrap .cky-p-3 {
padding: 30px !important;
}
.cky-app-admin .update-nag,
.cky-app-admin .updated,
.cky-app-admin .error,
.cky-app-admin .is-dismissible {
display: none;
}
.cky-app-admin .wrap {
margin: 0px 20px 0 2px;
}
.cky-app-wrap .cky-app-nav-bar {
width: calc(100% - 200px);
top: 32px;
left: 180px;
position: fixed;
z-index: 999;
}
.cky-app-wrap .cky-app-body {
position: relative;
padding-top: 108px;
}
.cky-app-wrap .cky-app-body-without-nav {
padding-top: 60px;
}
.cky-app-wrap ul {
list-style: disc;
padding-left: 15px;
}
.cky-app-wrap ul.cky-list-unstyled {
list-style: none;
}
.cky-app-wrap .cky-section {
padding: 20px 15px;
margin-top: 20px;
margin-bottom: 20px;
}
.cky-app-wrap .cky-section .cky-section-header {
padding: 15px;
}
.cky-app-wrap .cky-section .cky-section-header.cky-section-header-boxed {
padding: 10px 15px;
background: #f1f1f1;
border: 1px solid #d9d9d9;
border-bottom: none;
}
.cky-app-wrap .cky-section .cky-section-upgrade {
padding-left: 5px;
}
.cky-app-wrap .cky-section .cky-section-title {
margin-right: 15px;
}
.cky-app-wrap .cky-session-expired {
margin: 30px 80px 0;
padding: 48px 65px;
background: #fff;
border-radius: 12px;
border: 1px solid #d9d9d9;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: auto;
min-height: 610px;
gap: 26px;
}
.cky-app-wrap .cky-stats-section {
flex-wrap: wrap;
}
.cky-app-wrap .cky-stats-section .cky-stats-col:nth-child(1) .cky-stats-icon {
background-color: #E8F1FE;
}
.cky-app-wrap .cky-stats-section .cky-stats-col:nth-child(2) .cky-stats-icon {
background-color: #E5F4EF;
}
.cky-app-wrap .cky-stats-section .cky-stats-col:nth-child(3) .cky-stats-icon {
background-color: #C4DDFD;
}
.cky-app-wrap .cky-stats-section .cky-stats-col:nth-child(4) .cky-stats-icon {
background-color: #FFE8C6;
}
.cky-app-wrap .cky-stats-section > div {
flex: 0 0 50%;
}
.cky-app-wrap .cky-loading-text {
position: absolute;
z-index: 12;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #adadad;
display: flex;
align-items: center;
}
.cky-app-wrap .cky-loading-text .cky-spinner {
margin-right: 10px;
}
.cky-app-wrap .cky-empty-state {
flex-direction: column;
justify-content: center;
padding: 15px;
}
.cky-app-wrap .cky-empty-message {
background-color: transparent;
border: none;
padding: 0;
cursor: pointer;
margin: 10px 0;
}
.cky-app-wrap .cky-badge {
padding: 3px 15px;
background: #f1f1f1;
font-size: 13px;
font-weight: 500;
border-radius: 3px;
display: inline-flex;
align-items: center;
}
.cky-app-wrap .cky-badge-info {
color: #009ee1;
background-color: #e1f6ff;
}
.cky-app-wrap .cky-badge-error {
color: #E71D36;
background: #f17988;
}
.cky-app-wrap .cky-badge-warning {
color: #ff9d0d;
background: #ffdba6;
}
.cky-app-wrap .cky-badge-success {
color: #00967c;
background: #b0fff1;
}
.cky-app-wrap .cky-icon-base {
display: inline-flex;
}
.cky-app-wrap .cky-zero-padding {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.cky-app-wrap .cky-zero--margin {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.cky-app-wrap .cky-color-picker {
width: 130px;
height: 30px;
border: 1px solid #d9d9d9;
}
.cky-app-wrap .cky-color-picker > div {
height: 100%;
}
.cky-app-wrap .cky-color-picker .cky-current-color {
display: block;
width: 40px;
height: 100%;
}
.cky-app-wrap .cky-color-picker .vc-chrome {
position: absolute;
z-index: 999;
}
.cky-app-wrap .cky-color-picker .cky-color-picker-input {
width: 120px;
box-sizing: border-box;
background: #f6f7f7;
box-sizing: border-box;
font-size: 14px;
cursor: pointer;
}
.cky-app-wrap .cky-color-picker .cky-color-picker-input .cky-input-color {
background: transparent;
border: none;
text-transform: uppercase;
font-size: 12px;
}
.cky-app-wrap .cky-exit-popup .cky-app-modal {
padding: 15px 0px;
max-width: 500px;
}
.cky-app-wrap .cky-exit-popup .cky-app-modal .cky-app-modal-header {
border-bottom: none;
padding: 0px 20px;
}
.cky-app-wrap .cky-exit-popup .cky-app-modal .cky-app-modal-body {
padding: 16px 20px;
}
.cky-app-wrap .cky-exit-popup .cky-app-modal .cky-app-modal-body p {
font-size: 13px;
margin-bottom: 0;
}
.cky-app-wrap .cky-exit-popup .cky-app-modal .cky-app-modal-footer {
padding: 0px 20px;
}
.cky-app-wrap .cky-gcm-settings .cky-help-text {
margin: 10px 0;
}
.cky-app-wrap .cky-gcm-settings .cky-help-text p {
font-size: 12px;
color: #adadad;
}
.cky-app-wrap .cky-gcm-settings .cky-tooltip-text {
padding-top: 5px;
}
.cky-app-wrap .cky-gcm-settings .cky-tooltip-text p {
font-size: 13px;
}
.cky-app-wrap .cky-gcm-settings .cky-other-settings h6 {
padding-bottom: 20px;
}
.cky-app-wrap .cky-gcm-settings .cky-other-settings .cky-wait-update {
display: inline-flex;
}
.cky-app-wrap .cky-gcm-settings .cky-other-settings .cky-wait-update p {
padding-left: 8px;
}
.cky-app-wrap .cky-gcm-settings .cky-other-settings .cky-wait-update .cky-input-inline-error {
font-size: 10px;
}
.cky-app-wrap .cky-gcm-settings .cky-other-settings .cky-tooltip-text {
padding-bottom: 20px;
}
.cky-app-wrap .cky-gcm-settings .cky-default-consent-lists {
padding-bottom: 20px;
}
.cky-app-wrap .cky-gcm-headsup-modal .cky-app-modal {
padding: 15px 0px;
}
.cky-app-wrap .cky-gcm-headsup-modal .cky-app-modal .cky-app-modal-header {
border-bottom: none;
padding: 0px 20px;
}
.cky-app-wrap .cky-gcm-headsup-modal .cky-app-modal .cky-app-modal-body {
padding: 16px 20px;
}
.cky-app-wrap .cky-gcm-headsup-modal .cky-app-modal .cky-app-modal-body p {
font-size: 13px;
margin-bottom: 0;
}
.cky-app-wrap .cky-gcm-headsup-modal .cky-app-modal .cky-app-modal-footer {
padding: 0px 20px;
}
.cky-app-wrap .cky-headsup-popup .cky-app-modal {
padding: 15px 0px;
max-width: 500px;
}
.cky-app-wrap .cky-headsup-popup .cky-app-modal .cky-app-modal-header {
border-bottom: none;
padding: 0px 20px;
}
.cky-app-wrap .cky-headsup-popup .cky-app-modal .cky-app-modal-body {
padding: 16px 20px;
}
.cky-app-wrap .cky-headsup-popup .cky-app-modal .cky-app-modal-body p {
font-size: 13px;
margin-bottom: 0;
}
.cky-app-wrap .cky-headsup-popup .cky-app-modal .cky-app-modal-footer {
padding: 0px 20px;
}
.cky-app-wrap .cky-color-red {
color: #E71D36;
}
.cky-app-wrap .cky-color-link {
color: #1863dc;
}
.cky-app-wrap .cky-status-indicators {
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.cky-app-wrap .cky-status-indicators > span {
font-weight: 400;
}
.cky-app-wrap .cky-status-error {
color: #E71D36;
}
.cky-app-wrap .cky-status-error svg {
fill: #E71D36;
}
.cky-app-wrap .cky-status-success {
color: #15a753;
}
.cky-app-wrap .cky-status-indicators {
display: inline-flex;
align-items: center;
}
.cky-app-wrap .cky-status-indicators h5 {
margin: 0;
}
.cky-app-wrap .cky-status-indicators .cky-status-info {
display: inline-flex;
align-items: center;
}
.cky-app-wrap .cky-status-indicators .cky-icon-base {
margin-right: 5px;
}
.cky-app-wrap a.cky-link.cky-actions-link {
font-size: 14px;
text-decoration: none;
}
.cky-app-wrap a.cky-link.cky-actions-link:hover {
text-decoration: underline;
}
.cky-app-wrap .cky-error-message {
display: block;
margin-top: 8px;
color: #E71D36;
font-size: 12px;
line-height: 16px;
font-weight: 500;
}
button.cky-preview-close {
position: fixed;
top: 50px;
right: 50px;
z-index: 999999999;
background: transparent;
border: none;
color: white;
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
cursor: pointer;
}
button.cky-preview-close:after {
content: "";
width: 25px;
height: 25px;
background: #fff;
display: inline-flex;
-webkit-mask-image: url(../img/close.svg);
mask-image: url(../img/close.svg);
background-color: #fff;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
}
.cky-app-wrap .cky-breadcrumbs-title {
display: flex;
align-items: center;
}
.cky-app-wrap .cky-breadcrumbs-title {
font-weight: 600;
font-size: 15px;
display: flex;
align-items: center;
}
.cky-app-wrap .cky-breadcrumbs-title:before {
content: "";
width: 13px;
height: 10px;
margin-right: 5px;
display: inline-flex;
-webkit-mask-image: url(../img/arrow-left.svg);
mask-image: url(../img/arrow-left.svg);
background-color: #23282d;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
}
.cky-app-wrap .cky-section-inner {
margin-top: 10px;
margin-bottom: 20px;
background: #fff;
}
.cky-app-wrap .cky-blur {
filter: blur(2px);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.cky-app-wrap .cky-external-link {
display: inline-flex;
align-items: center;
}
.cky-app-wrap .cky-external-link:after {
content: "";
width: 13px;
height: 13px;
margin-left: 8px;
display: inline-flex;
-webkit-mask-image: url(../img/external.svg);
mask-image: url(../img/external.svg);
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
.cky-app-wrap .cky-app-box {
background: #fff;
padding: 12px 20px;
margin-bottom: 15px;
border-radius: 3px;
}
.cky-app-wrap .cky-banner-message {
background: #F0F0F0;
padding: 12px 20px;
margin-bottom: 15px;
border-radius: 3px;
}
.cky-app-wrap .cky-pro-badge {
font-size: 8px;
background: #e1e0e1;
text-transform: uppercase;
padding: 2px 5px;
color: #787d81;
border-radius: 1px;
margin-left: 5px;
}
.cky-preview-partial-refreshing .cky-consent-container:before {
content: "";
position: absolute;
top: 0;
animation: linear 1s placeHolderShimmer infinite;
background: #f6f7f8;
background: radial-gradient(75.49% 775.24% at 68.84% 100%, rgba(98, 151, 219, 0.12) 0%, rgba(24, 99, 220, 0.12) 43.3%, rgba(98, 151, 219, 0.12) 98.84%) #ffffff;
background-size: 800px 104px;
width: 100%;
height: 100%;
transform: translateZ(0);
opacity: 0.7;
cursor: progress;
z-index: 999;
}
@keyframes shimmer-move {
0% {
transform: translateX(-150%);
}
to {
transform: translateX(150%);
}
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
.cky-app-wrap .cky-spinner-pulse {
width: 40px;
height: 40px;
margin: 0 auto;
background-color: #1e2221;
border-radius: 100%;
animation: cky-pulse-scale-out 1s infinite ease-in-out;
display: inline-block;
}
@keyframes cky-pulse-scale-out {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
opacity: 0;
}
}
.cky-app-wrap .cky-ellipsis-loader:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
animation: cky-ellipsis steps(4, end) 900ms infinite;
content: "…"; /* ascii code for the cky-ellipsis character */
width: 0px;
}
@keyframes cky-ellipsis {
to {
width: 1.25em;
}
}
.cky-app-wrap .cky-loader-view {
position: absolute;
left: 0;
right: 0;
height: 100%;
top: 108px;
z-index: -1;
}
.cky-app-wrap .cky-toggle {
display: inline-flex;
margin-bottom: 0;
}
.cky-app-wrap .cky-toggle .cky-toggle-text {
margin: 0 5px;
font-weight: 500;
}
.cky-app-wrap .cky-toggle input {
display: none;
}
.cky-app-wrap .cky-toggle input:focus ~ .cky-toggle-slider {
box-shadow: 0 0 0 5px palette(toggle, base);
}
.cky-app-wrap .cky-toggle input:checked ~ .cky-toggle-slider {
background-color: #15a753;
}
.cky-app-wrap .cky-toggle input:checked ~ .cky-toggle-slider:before {
left: calc(100% - 3px);
transform: translateX(-100%);
}
.cky-app-wrap .cky-toggle input[disabled] ~ .cky-toggle-slider {
cursor: not-allowed;
opacity: 0.5;
background-color: #adadad;
}
.cky-app-wrap .cky-toggle input[disabled] ~ .cky-toggle-slider:before {
background-color: white;
}
.cky-app-wrap .cky-toggle input[disabled] ~ .cky-toggle-slider:hover {
box-shadow: none;
}
.cky-app-wrap .cky-toggle .cky-toggle-slider {
width: 36px;
height: 18px;
float: left;
display: block;
position: relative;
margin: 2px 0;
border: 0;
border-radius: 9px;
background-color: #adadad;
transition: all 0.3s ease;
padding-left: 18px;
padding-right: 18px;
}
.cky-app-wrap .cky-toggle .cky-toggle-slider:before {
content: " ";
width: 12px;
height: 12px;
position: absolute;
top: 3px;
left: 3px;
border-radius: 18px;
background-color: #ffffff;
transition: 0.2s linear;
}
.cky-app-wrap .cky-toggle .cky-toggle-slider:hover {
box-shadow: 0 0 0 5px palette(silver, default);
}
.cky-app-wrap .cky-toggle.cky-toggle-alt .cky-toggle-slider {
height: 20px;
border-radius: 15px;
min-width: 90px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.cky-app-wrap .cky-toggle.cky-toggle-alt .cky-toggle-slider:before {
width: 14px;
height: 14px;
transition: 0.4s linear;
}
.cky-app-wrap .cky-toggle.cky-toggle-alt .cky-toggle-slider:after {
content: " ";
width: 10px;
height: 10px;
position: absolute;
top: 4.5px;
right: 6px;
-webkit-mask-image: url(../img/close.svg);
mask-image: url(../img/close.svg);
background-color: #fff;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.cky-app-wrap .cky-toggle.cky-toggle-alt input:checked ~ .cky-toggle-slider {
background-color: #1863dc;
color: #ffffff;
}
.cky-app-wrap .cky-toggle.cky-toggle-alt input:checked ~ .cky-toggle-slider:after {
-webkit-mask-image: url(../img/tick.svg);
mask-image: url(../img/tick.svg);
left: 6px;
}
.cky-app-wrap .cky-button,
.cky-app-wrap a.cky-button,
.cky-app-wrap button.cky-button {
width: auto;
min-width: 80px;
padding: 8px 15px;
background-color: #1578F7;
color: #ffffff;
border: 1px solid #1578F7;
font-weight: 500;
font-size: 14px;
border-radius: 3px;
cursor: pointer;
line-height: 16px;
}
.cky-app-wrap .cky-button:hover, .cky-app-wrap .cky-button:focus,
.cky-app-wrap a.cky-button:hover,
.cky-app-wrap a.cky-button:focus,
.cky-app-wrap button.cky-button:hover,
.cky-app-wrap button.cky-button:focus {
background-color: #0760d2;
border-color: #0760d2;
}
.cky-app-wrap .cky-button.cky-button-secondary,
.cky-app-wrap a.cky-button.cky-button-secondary,
.cky-app-wrap button.cky-button.cky-button-secondary {
background-color: #fafafb;
border-color: #c9d0d6;
color: #555d66;
}
.cky-app-wrap .cky-button.cky-button-secondary:hover, .cky-app-wrap .cky-button.cky-button-secondary:focus,
.cky-app-wrap a.cky-button.cky-button-secondary:hover,
.cky-app-wrap a.cky-button.cky-button-secondary:focus,
.cky-app-wrap button.cky-button.cky-button-secondary:hover,
.cky-app-wrap button.cky-button.cky-button-secondary:focus {
background-color: #dedee4;
border-color: #dedee4;
}
.cky-app-wrap .cky-button.cky-button-green,
.cky-app-wrap a.cky-button.cky-button-green,
.cky-app-wrap button.cky-button.cky-button-green {
background-color: #15a753;
border-color: #15a753;
}
.cky-app-wrap .cky-button.cky-button-green:hover, .cky-app-wrap .cky-button.cky-button-green:focus,
.cky-app-wrap a.cky-button.cky-button-green:hover,
.cky-app-wrap a.cky-button.cky-button-green:focus,
.cky-app-wrap button.cky-button.cky-button-green:hover,
.cky-app-wrap button.cky-button.cky-button-green:focus {
background-color: #129048;
border-color: #129048;
}
.cky-app-wrap .cky-button.cky-button-danger,
.cky-app-wrap a.cky-button.cky-button-danger,
.cky-app-wrap button.cky-button.cky-button-danger {
background-color: #E71D36;
color: #ffffff;
border-color: #E71D36;
}
.cky-app-wrap .cky-button.cky-button-danger:hover, .cky-app-wrap .cky-button.cky-button-danger:focus,
.cky-app-wrap a.cky-button.cky-button-danger:hover,
.cky-app-wrap a.cky-button.cky-button-danger:focus,
.cky-app-wrap button.cky-button.cky-button-danger:hover,
.cky-app-wrap button.cky-button.cky-button-danger:focus {
background-color: #bd1429;
border-color: #bd1429;
}
.cky-app-wrap .cky-button.cky-button-medium,
.cky-app-wrap a.cky-button.cky-button-medium,
.cky-app-wrap button.cky-button.cky-button-medium {
padding: 12px 16px;
font-size: 14px;
}
.cky-app-wrap .cky-button.cky-button-small,
.cky-app-wrap a.cky-button.cky-button-small,
.cky-app-wrap button.cky-button.cky-button-small {
padding: 6px 12px;
}
.cky-app-wrap .cky-button:focus,
.cky-app-wrap a.cky-button:focus,
.cky-app-wrap button.cky-button:focus {
outline: none;
}
.cky-app-wrap .cky-button.cky-button-outline,
.cky-app-wrap a.cky-button.cky-button-outline,
.cky-app-wrap button.cky-button.cky-button-outline {
background-color: transparent;
color: #1578F7;
}
.cky-app-wrap .cky-button.cky-button-outline:hover, .cky-app-wrap .cky-button.cky-button-outline:focus,
.cky-app-wrap a.cky-button.cky-button-outline:hover,
.cky-app-wrap a.cky-button.cky-button-outline:focus,
.cky-app-wrap button.cky-button.cky-button-outline:hover,
.cky-app-wrap button.cky-button.cky-button-outline:focus {
background-color: #1578F7;
color: #ffffff;
}
.cky-app-wrap .cky-button.cky-button-outline-secondary,
.cky-app-wrap a.cky-button.cky-button-outline-secondary,
.cky-app-wrap button.cky-button.cky-button-outline-secondary {
background-color: transparent;
color: #555d66;
border-color: #c9d0d6;
}
.cky-app-wrap .cky-button.cky-button-outline-secondary:hover, .cky-app-wrap .cky-button.cky-button-outline-secondary:focus,
.cky-app-wrap a.cky-button.cky-button-outline-secondary:hover,
.cky-app-wrap a.cky-button.cky-button-outline-secondary:focus,
.cky-app-wrap button.cky-button.cky-button-outline-secondary:hover,
.cky-app-wrap button.cky-button.cky-button-outline-secondary:focus {
background-color: #fafafb;
}
.cky-app-wrap .cky-button.cky-button-outline-danger,
.cky-app-wrap a.cky-button.cky-button-outline-danger,
.cky-app-wrap button.cky-button.cky-button-outline-danger {
background-color: transparent;
color: #E71D36;
border-color: #E71D36;
}
.cky-app-wrap .cky-button.cky-button-outline-danger:hover, .cky-app-wrap .cky-button.cky-button-outline-danger:focus,
.cky-app-wrap a.cky-button.cky-button-outline-danger:hover,
.cky-app-wrap a.cky-button.cky-button-outline-danger:focus,
.cky-app-wrap button.cky-button.cky-button-outline-danger:hover,
.cky-app-wrap button.cky-button.cky-button-outline-danger:focus {
background-color: #E71D36;
color: #ffffff;
}
.cky-app-wrap .cky-button.cky-button-upgrade,
.cky-app-wrap a.cky-button.cky-button-upgrade,
.cky-app-wrap button.cky-button.cky-button-upgrade {
background: linear-gradient(90deg, #f83600, #f9d423);
border: none;
padding: 8px 20px;
}
.cky-app-wrap .cky-button.cky-button-upgrade .cky-icon-base,
.cky-app-wrap a.cky-button.cky-button-upgrade .cky-icon-base,
.cky-app-wrap button.cky-button.cky-button-upgrade .cky-icon-base {
width: 12px;
margin-right: 8px;
}
.cky-app-wrap .cky-button.cky-button-upgrade:hover, .cky-app-wrap .cky-button.cky-button-upgrade:focus,
.cky-app-wrap a.cky-button.cky-button-upgrade:hover,
.cky-app-wrap a.cky-button.cky-button-upgrade:focus,
.cky-app-wrap button.cky-button.cky-button-upgrade:hover,
.cky-app-wrap button.cky-button.cky-button-upgrade:focus {
background: linear-gradient(45deg, #f83600, #f9d423);
}
.cky-app-wrap .cky-button.disabled, .cky-app-wrap .cky-button:disabled, .cky-app-wrap .cky-button[disabled], .cky-app-wrap .cky-button.cky-button-onload, .cky-app-wrap .cky-button.cky-button-onload-text,
.cky-app-wrap a.cky-button.disabled,
.cky-app-wrap a.cky-button:disabled,
.cky-app-wrap a.cky-button[disabled],
.cky-app-wrap a.cky-button.cky-button-onload,
.cky-app-wrap a.cky-button.cky-button-onload-text,
.cky-app-wrap button.cky-button.disabled,
.cky-app-wrap button.cky-button:disabled,
.cky-app-wrap button.cky-button[disabled],
.cky-app-wrap button.cky-button.cky-button-onload,
.cky-app-wrap button.cky-button.cky-button-onload-text {
opacity: 0.5;
}
.cky-app-wrap .cky-button.cky-pagination-button,
.cky-app-wrap a.cky-button.cky-pagination-button,
.cky-app-wrap button.cky-button.cky-pagination-button {
min-width: 30px;
background: transparent;
color: #23282d;
border: 1px solid transparent;
border-color: #d9d9d9;
font-size: 16px;
margin: 2px;
}
.cky-app-wrap .cky-button.cky-pagination-button.cky-pagination-number,
.cky-app-wrap a.cky-button.cky-pagination-button.cky-pagination-number,
.cky-app-wrap button.cky-button.cky-pagination-button.cky-pagination-number {
font-size: 12px;
}
.cky-app-wrap .cky-button.cky-pagination-button.active,
.cky-app-wrap a.cky-button.cky-pagination-button.active,
.cky-app-wrap button.cky-button.cky-pagination-button.active {
background: #1578F7;
color: #ffffff;
opacity: 1;
}
.cky-app-wrap .cky-button.cky-button-outline,
.cky-app-wrap a.cky-button.cky-button-outline,
.cky-app-wrap button.cky-button.cky-button-outline {
color: #1578F7;
background-color: transparent;
background-image: none;
border: 1px solid;
border-color: #1578F7;
}
.cky-app-wrap .cky-button.cky-button-outline:hover, .cky-app-wrap .cky-button.cky-button-outline:focus,
.cky-app-wrap a.cky-button.cky-button-outline:hover,
.cky-app-wrap a.cky-button.cky-button-outline:focus,
.cky-app-wrap button.cky-button.cky-button-outline:hover,
.cky-app-wrap button.cky-button.cky-button-outline:focus {
background-color: #1578F7;
color: #ffffff;
}
.cky-app-wrap .cky-button.cky-button-icon,
.cky-app-wrap a.cky-button.cky-button-icon,
.cky-app-wrap button.cky-button.cky-button-icon {
display: inline-flex;
}
.cky-app-wrap .cky-button.cky-button-icon > span,
.cky-app-wrap a.cky-button.cky-button-icon > span,
.cky-app-wrap button.cky-button.cky-button-icon > span {
margin-right: 3px;
}
.cky-app-wrap .cky-button .cky-btn-spinner,
.cky-app-wrap a.cky-button .cky-btn-spinner,
.cky-app-wrap button.cky-button .cky-btn-spinner {
line-height: 1.15;
position: absolute;
right: 15px;
opacity: 0;
width: 16px;
height: 16px;
top: 50%;
display: inline-block;
transform: translateY(-50%);
transition-property: padding, opacity;
transition-duration: 0.2s, 0.2s;
transition-timing-function: ease-in, ease;
transition-delay: 0s, 0.2s;
}
.cky-app-wrap .cky-button .cky-btn-spinner span,
.cky-app-wrap a.cky-button .cky-btn-spinner span,
.cky-app-wrap button.cky-button .cky-btn-spinner span {
box-sizing: border-box;
display: inline-block;
position: absolute;
right: 0;
width: 16px;
height: 16px;
opacity: 1;
border: 1px solid #fff;
border-radius: 50%;
animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #fff transparent transparent transparent;
}
.cky-app-wrap .cky-button .cky-btn-spinner span:nth-child(1),
.cky-app-wrap a.cky-button .cky-btn-spinner span:nth-child(1),
.cky-app-wrap button.cky-button .cky-btn-spinner span:nth-child(1) {
animation-delay: 0.45s;
}
.cky-app-wrap .cky-button .cky-btn-spinner span:nth-child(2),
.cky-app-wrap a.cky-button .cky-btn-spinner span:nth-child(2),
.cky-app-wrap button.cky-button .cky-btn-spinner span:nth-child(2) {
animation-delay: 0.3s;
}
.cky-app-wrap .cky-button .cky-btn-spinner span:nth-child(3),
.cky-app-wrap a.cky-button .cky-btn-spinner span:nth-child(3),
.cky-app-wrap button.cky-button .cky-btn-spinner span:nth-child(3) {
animation-delay: 0.15s;
}
.cky-app-wrap .cky-button .cky-button:not(:disabled),
.cky-app-wrap a.cky-button .cky-button:not(:disabled),
.cky-app-wrap button.cky-button .cky-button:not(:disabled) {
transition-delay: 0.2s;
}
.cky-app-wrap .cky-button .cky-button:not(:disabled) .cky-btn-spinner span,
.cky-app-wrap a.cky-button .cky-button:not(:disabled) .cky-btn-spinner span,
.cky-app-wrap button.cky-button .cky-button:not(:disabled) .cky-btn-spinner span {
box-shadow: 0 0 0 0.2rem #fff inset;
border: 7.4px solid transparent;
transition: all 0.4s;
}
.cky-app-wrap .cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(1),
.cky-app-wrap a.cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(1),
.cky-app-wrap button.cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(1) {
transform: rotate(0deg) !important;
}
.cky-app-wrap .cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(2),
.cky-app-wrap a.cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(2),
.cky-app-wrap button.cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(2) {
transform: rotate(90deg) !important;
}
.cky-app-wrap .cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(3),
.cky-app-wrap a.cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(3),
.cky-app-wrap button.cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(3) {
transform: rotate(180deg) !important;
}
.cky-app-wrap .cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(4),
.cky-app-wrap a.cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(4),
.cky-app-wrap button.cky-button .cky-button:not(:disabled) .cky-btn-spinner span:nth-child(4) {
transform: rotate(270deg) !important;
}
.cky-app-wrap .cky-button.cky-button-loading,
.cky-app-wrap a.cky-button.cky-button-loading,
.cky-app-wrap button.cky-button.cky-button-loading {
padding-right: 40px;
}
.cky-app-wrap .cky-button.cky-button-loading .cky-btn-spinner,
.cky-app-wrap a.cky-button.cky-button-loading .cky-btn-spinner,
.cky-app-wrap button.cky-button.cky-button-loading .cky-btn-spinner {
opacity: 1;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.cky-app-wrap a.cky-button {
display: inline-flex;
}
.cky-app-wrap a.cky-button-no-style,
.cky-app-wrap button.cky-button-no-style {
font: 500 13px/16px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: transparent;
color: #adadad;
border: none;
padding: 0;
cursor: pointer;
min-width: initial;
}
.cky-app-wrap a.cky-button-no-style:hover, .cky-app-wrap a.cky-button-no-style:focus,
.cky-app-wrap button.cky-button-no-style:hover,
.cky-app-wrap button.cky-button-no-style:focus {
color: #2e2e2e;
background-color: transparent;
}
.cky-app-wrap a.cky-button-no-style:focus,
.cky-app-wrap button.cky-button-no-style:focus {
outline: none;
color: #2e2e2e;
background-color: transparent;
}
.cky-app-wrap .cky-button[data-type=icon] {
padding: 6px;
height: 30px;
min-width: initial;
}
.cky-app-wrap .cky-actions-group button:not(:first-child) {
margin-left: 10px;
}
.cky-app-wrap input[type=radio] {
margin: 0;
margin-right: 10px;
}
.cky-app-wrap .cky-image-radio input[type=radio] {
display: none;
}
.cky-app-wrap input[type=radio]:checked::before {
background-color: #1863dc;
}
.cky-app-wrap .cky-form-control,
.cky-app-wrap .cky-select {
width: 100%;
margin: 0;
padding: 9px 14px;
border: 1px solid #d1d5db;
border-radius: 3px;
background-image: none;
font-size: 14px;
font-weight: 400;
transition: 0.1s ease-in-out;
line-height: 1.6;
}
.cky-app-wrap .cky-form-control,
.cky-app-wrap .cky-select {
outline: none;
box-shadow: none;
}
.cky-app-wrap .cky-form-control:focus,
.cky-app-wrap .cky-select:focus {
border-color: #1863dc;
}
.cky-app-wrap .cky-form-control::-moz-placeholder, .cky-app-wrap .cky-select::-moz-placeholder {
font-weight: 400;
color: #888;
}
.cky-app-wrap .cky-form-control::placeholder,
.cky-app-wrap .cky-select::placeholder {
font-weight: 400;
color: #888;
}
.cky-app-wrap [disabled].cky-form-control,
.cky-app-wrap [disabled].cky-select {
cursor: not-allowed;
}
.cky-app-wrap .cky-disabled.cky-form-control,
.cky-app-wrap .cky-disabled.cky-select, fieldset[disabled] .cky-app-wrap .cky-form-control,
fieldset[disabled] .cky-app-wrap .cky-select {
cursor: not-allowed;
opacity: 0.5;
}
.cky-app-wrap label,
.cky-app-wrap .cky-label {
display: inline-block;
}
.cky-app-wrap label .cky-required::after,
.cky-app-wrap .cky-label .cky-required::after {
content: "*";
color: red;
font-size: 12px;
}
.cky-app-wrap label,
.cky-app-wrap .cky-label {
margin-bottom: 10px;
}
.cky-app-wrap .cky-form-check-inline label,
.cky-app-wrap .cky-form-check-inline .cky-label {
margin-bottom: 0px;
}
.cky-app-wrap .cky-col-label {
margin: 0;
}
.cky-app-wrap .cky-form-group {
margin-bottom: 20px;
}
.cky-app-wrap .cky-form-control,
.cky-app-wrap .cky-select {
line-height: 1.3;
}
.cky-app-wrap input[type=text],
.cky-app-wrap .cky-select {
height: 40px;
}
.cky-app-wrap .cky-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-size: 10px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
padding: 8px 25px 8px 14px;
}
.cky-app-wrap .cky-section-settings {
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #d9d9d9;
}
.cky-app-wrap .cky-section-settings .cky-section-settings-content > .cky-row > .cky-col-label {
padding-left: 30px;
margin: 0;
}
.cky-app-wrap .cky-section-settings .cky-section-settings-header {
padding-bottom: 30px;
}
.cky-app-wrap .cky-section-settings .cky-section-settings-inner .cky-form-group > label {
padding-left: 35px;
}
.cky-app-wrap .cky-section-settings .cky-section-settings-inner .cky-section-settings-inner .cky-form-group > label {
padding-left: 70px;
}
.cky-app-wrap .cky-form-group--color label {
margin-bottom: 10px;
display: block;
}
.cky-app-wrap .cky-form-check-label {
margin-bottom: 0;
}
.cky-app-wrap .cky-form-check {
margin-bottom: 10px;
}
.cky-app-wrap .cky-form-check:last-child {
margin-bottom: 0px;
}
.cky-app-wrap .cky-form-check-inline {
display: inline-block;
margin-right: 1rem;
}
.cky-app-wrap .cky-form-check-input {
border: 1px solid #b4b9be;
background: #fff;
color: #555;
cursor: pointer;
line-height: 0;
height: 16px;
margin: 0px 4px 0 0;
outline: 0;
padding: 0 !important;
text-align: center;
vertical-align: middle;
width: 16px;
min-width: 16px;
-webkit-appearance: none;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
transition: 0.05s border-color ease-in-out;
}
.cky-app-wrap .cky-disabled {
cursor: not-allowed;
opacity: 0.5;
}
.cky-app-wrap .cky-disabled a {
cursor: not-allowed;
}
.cky-app-wrap .cky-form-heading {
font-weight: 500;
margin: 0;
margin-bottom: 20px;
font-size: 14px;
}
.cky-app-wrap .cky-form-section:not(:first-child) {
padding-top: 15px;
}
.cky-app-wrap .cky-form-section {
padding-bottom: 15px;
border-bottom: 1px solid #d9d9d9;
}
.cky-app-wrap .cky-form-section:last-child {
border-bottom: none;
padding-bottom: 0px;
}
.cky-app-wrap .cky-input-error-container {
margin-top: 4px;
}
.cky-app-wrap .cky-input-error-container .cky-input-inline-error {
color: #dc3545;
}
.cky-app-wrap input[type=checkbox] {
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid rgba(0, 0, 0, 0.25);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
color-adjust: exact;
border-radius: 4px;
margin: 0px 5px 0px 0px;
box-shadow: none;
}
.cky-app-wrap input[type=checkbox]:checked {
background-color: #1863dc;
border-color: #1863dc;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.cky-app-wrap input[type=checkbox]:checked:before {
content: "";
}
.cky-app-wrap .cky-admin-notice {
display: flex;
justify-content: space-between;
position: relative;
margin: 0 0 10px;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.02);
border: 1px solid transparent;
border-radius: 4px;
background: #ffffff;
}
.cky-app-wrap .cky-admin-notice .cky-admin-notice-content {
width: 100%;
display: flex;
align-items: center;
margin: 0;
padding: 10px 15px;
}
.cky-app-wrap .cky-admin-notice .cky-admin-notice-content p {
margin: 0 0 10px;
padding: 0;
border: 0;
font-size: 13px;
}
.cky-app-wrap .cky-admin-notice .cky-admin-notice-content p:last-child {
margin-bottom: 0;
}
.cky-app-wrap .cky-admin-notice .cky-admin-notice-content .cky-admin-notice-header {
display: flex;
align-items: center;
margin: 0 0 5px;
padding: 0;
border: 0;
color: #23282d;
}
.cky-app-wrap .cky-admin-notice .cky-admin-notice-content .cky-admin-notice-message {
flex: 1;
position: relative;
padding: 5px 0px 3px;
}
.cky-app-wrap .cky-admin-notice .cky-admin-notice-content .cky-admin-notice-message .cky-admin-notice-icon {
position: absolute;
top: 8px;
left: -7px;
}
.cky-app-wrap .cky-admin-notice .cky-admin-notice-content .cky-admin-notice-message .cky-admin-notice-icon.cky-sm {
top: 9px;
}
.cky-app-wrap .cky-admin-notice .cky-admin-notice-content .cky-admin-notice-message .cky-admin-notice-icon.cky-md {
top: 7px;
}
.cky-app-wrap .cky-admin-notice .cky-admin-notice-content .cky-admin-notice-message .cky-admin-notice-icon.cky-lg {
top: 5px;
}
.cky-app-wrap .cky-admin-notice .cky-admin-notice-content .cky-admin-notice-message + .cky-admin-notice-actions {
flex: 0 0 auto;
margin-right: -9px;
margin-left: 10px;
}
.cky-app-wrap .cky-admin-notice.cky-admin-notice-has-icon .cky-admin-notice-content::before {
content: "";
width: 15px;
height: 15px;
margin-right: 10px;
margin-top: 2px;
display: flex;
background-image: url(../img/success.svg);
display: inline-block;
background-repeat: no-repeat;
background-size: 100%;
}
.cky-app-wrap .cky-admin-notice.cky-admin-notice-dismissable .cky-admin-notice-message {
flex: 1;
position: relative;
padding: 5px 20px 3px 0px;
}
.cky-app-wrap .cky-admin-notice.cky-admin-notice-default .cky-admin-notice-content p {
font-size: 14px;
}
.cky-app-wrap .cky-admin-notice.cky-admin-notice-info {
border-color: #d7e1f2;
background-color: #C4DDFD;
}
.cky-app-wrap .cky-admin-notice.cky-admin-notice-info.cky-admin-notice-has-icon .cky-admin-notice-content::before {
background-image: url(../img/warning.svg);
}
.cky-app-wrap .cky-admin-notice.cky-admin-notice-error {
background-color: #FAD2D7;
}
.cky-app-wrap .cky-admin-notice.cky-admin-notice-error.cky-admin-notice-has-icon .cky-admin-notice-content::before {
background-image: url(../img/error.svg);
}
.cky-app-wrap .cky-admin-notice.cky-admin-notice-warning {
background-color: #FFE8C6;
}
.cky-app-wrap .cky-admin-notice.cky-admin-notice-warning.cky-admin-notice-has-icon .cky-admin-notice-content::before {
background-image: url(../img/warning.svg);
}
.cky-app-wrap .cky-admin-notice .cky-admin-notice-close {
display: flex;
align-items: center;
margin-right: 15px;
position: absolute;
right: 0;
top: 10px;
}
.cky-app-wrap .cky-admin-notice .cky-close {
font-size: 20px;
font-weight: 300;
padding: 0;
background: transparent;
border: none;
display: inline-block;
color: #7e7e7e;
cursor: pointer;
}
.cky-app-wrap .cky-notice-fade-enter-active {
transition: opacity 0.5s;
}
.cky-app-wrap .cky-notice-fade-enter, .cky-app-wrap .cky-notice-fade-leave-to {
opacity: 0;
}
.cky-app-wrap .cky-card {
border: 1px solid #D7E1F2;
border-radius: 5px;
background: #ffffff;
}
.cky-app-wrap .cky-card .cky-card-title {
font-size: 16px;
line-height: 24px;
display: block;
margin: 0;
padding: 0;
border: 0;
}
.cky-app-wrap .cky-card .cky-card-subtitle {
padding-left: 4px;
color: #6E7191;
line-height: 24px;
}
.cky-app-wrap .cky-card .cky-title-spacing {
display: flex;
flex-direction: column;
gap: 8px;
}
.cky-app-wrap .cky-card .cky-tagline {
padding-left: 0px;
color: #6E7191;
line-height: 24px;
}
.cky-app-wrap .cky-card .cky-card-icon {
padding: 10px 8px 0px 0px;
transform: rotate(0deg);
cursor: pointer;
}
.cky-app-wrap .cky-card .cky-card-body {
padding: 16px 20px;
min-height: 152px;
position: relative;
}
.cky-app-wrap .cky-card .cky-card-body.cky-card-body--full {
padding: 0px;
}
.cky-app-wrap .cky-card .cky-card-label {
display: block;
font-size: 14px;
font-weight: 500;
line-height: 18px;
padding-bottom: 10px;
}
.cky-app-wrap .cky-card .cky-card-row {
margin-bottom: 15px;
}
.cky-app-wrap .cky-card .cky-card-row:last-child {
margin-bottom: 0px;
}
.cky-app-wrap .cky-card .cky-card-col:not(:last-child) {
border-right: 1px solid #d9d9d9;
}
.cky-app-wrap .cky-card .cky-card-col {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.cky-app-wrap .cky-loading .cky-card-body:before {
content: " ";
width: 100%;
position: absolute;
z-index: 11;
top: 0;
bottom: 0;
left: 0;
border-radius: 4px;
background-color: hsl(0, 0%, 100%);
}
.cky-app-wrap .cky-loading .cky-card-body {
position: relative;
}
.cky-app-wrap .cky-card-inner-title {
margin: 0;
}
.cky-app-wrap .cky-card-header {
border-bottom: 1px solid #D7E1F2;
padding: 12px 20px;
}
.cky-app-wrap .cky-card-header .cky-row {
margin-left: 0;
}
.cky-app-wrap .cky-card-header .cky-space-between {
justify-content: space-between;
}
.cky-app-wrap .cky-card-inner-title {
margin-left: 5px;
}
.cky-app-wrap .cky-card-row-actions {
padding: 8px 20px;
border-top: 1px solid #D7E1F2;
}
.cky-app-wrap .cky-card-row-actions a.cky-button,
.cky-app-wrap .cky-card-row-actions .cky-button-outline,
.cky-app-wrap .cky-card-row-actions .cky-external-link {
border: none;
font-size: 16px;
line-height: 24px;
padding: 8px 0px;
}
.cky-app-wrap .cky-card-row-actions a.cky-button:hover,
.cky-app-wrap .cky-card-row-actions .cky-button-outline:hover,
.cky-app-wrap .cky-card-row-actions .cky-external-link:hover {
border: 1px solid #1863dc;
background-color: transparent;
color: #1863dc;
}
.cky-app-wrap .cky-cursor-pointer {
cursor: pointer;
}
.cky-app-wrap .cky-table {
border: none;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
clear: both;
margin: 0;
background-color: #ffffff;
min-height: 100px;
border: 1px solid #d9d9d9;
}
.cky-app-wrap .cky-table th {
border-bottom: none;
font-weight: 500;
padding: 12px 10px;
}
.cky-app-wrap .cky-table td {
padding: 8px 10px;
}
.cky-app-wrap .cky-table th, .cky-app-wrap .cky-table td {
vertical-align: middle;
}
.cky-app-wrap .cky-table thead {
background-color: #f6f7f7;
}
.cky-app-wrap .cky-table tbody {
position: relative;
}
.cky-app-wrap .cky-table tbody tr {
border-top: 1px solid #d9d9d9;
vertical-align: middle;
}
.cky-app-wrap .cky-table tr, .cky-app-wrap .cky-table td {
color: #23282D;
font-size: 14px;
}
.cky-app-wrap .cky-table.cky-table-stripped tbody tr:nth-of-type(even), .cky-app-wrap .cky-table.cky-table-stripped th {
background-color: rgba(0, 0, 0, 0.05);
}
.cky-app-wrap .cky-table .cky-table-check-column {
width: 30px;
}
.cky-app-wrap .cky-table th, .cky-app-wrap .cky-table thead td, .cky-app-wrap .cky-table tfoot td {
text-align: left;
}
.cky-app-wrap .cky-consent-table thead {
background-color: #E1E0E1;
}
.cky-app-wrap .cky-consent-table tr {
font-size: 13px;
}
.cky-app-wrap .cky-consent-table tr td {
font-size: 13px;
}
.cky-app-wrap .cky-consent-table tr td button {
width: 50%;
}
.cky-app-wrap .cky-consent-table tr td button .cky-popper {
max-width: 150px;
padding: 4px 8px;
}
.cky-app-wrap .cky-consent-table .cky-consent-table-col-actions {
padding-left: 0;
}
.cky-app-wrap .cky-table-align--center td, .cky-app-wrap .cky-table-align--center th {
text-align: center;
}
.cky-app-wrap .cky-nav-tab .cky-nav-tab-item {
margin: 0;
padding: 0;
}
.cky-app-wrap .cky-nav-tab .cky-nav-tab-button-icon {
display: inline-flex;
padding-right: 5px;
}
.cky-app-wrap .cky-nav-tab .cky-nav-tab-button {
border: none;
cursor: pointer;
color: #505b66;
background: transparent;
font-weight: 500;
}
.cky-app-wrap .cky-nav-tab .cky-nav-tabs-container ul {
list-style: none;
padding-left: 0;
}
.cky-app-wrap .cky-nav-tab-content-container {
position: relative;
}
.cky-app-wrap .cky-vertical-tab {
width: 100%;
border: 1px solid #d9d9d9;
}
.cky-app-wrap .cky-vertical-tab > .cky-nav-tabs-container {
width: 18%;
}
.cky-app-wrap .cky-vertical-tab > .cky-nav-tab-content-container {
width: 82%;
}
.cky-app-wrap .cky-vertical-tab .cky-nav-tab-button {
padding: 12px 10px;
width: 100%;
}
.cky-app-wrap .cky-vertical-tab .cky-nav-tab-button:hover, .cky-app-wrap .cky-vertical-tab .cky-nav-tab-button:focus, .cky-app-wrap .cky-vertical-tab .cky-nav-tab-button:active {
color: #1578F7;
}
.cky-app-wrap .cky-vertical-tab .cky-nav-tab-button.cky-nav-tab-has-subtitle {
justify-content: space-between;
}
.cky-app-wrap .cky-vertical-tab .cky-vertical-tabs {
margin: 0;
}
.cky-app-wrap .cky-vertical-tab .cky-vertical-tabs .cky-nav-tab-item {
border-left: 4px solid;
border-left-color: transparent;
border-bottom: 1px solid #d9d9d9;
}
.cky-app-wrap .cky-vertical-tab .cky-vertical-tabs .cky-nav-tab-item.active {
background-color: #ffffff;
margin-right: -1px;
border-left-color: #1578F7;
}
.cky-app-wrap .cky-vertical-tab .cky-vertical-tabs .cky-nav-tab-item.active .cky-nav-tab-button {
color: #1578F7;
background-color: #ffffff;
}
.cky-app-wrap .cky-vertical-tab .cky-nav-tab-content-container {
padding: 15px 20px;
}
.cky-app-wrap .cky-vertical-tab .cky-vertical-tabs {
border-right: 1px solid #d9d9d9;
height: 100%;
}
.cky-app-wrap .cky-vertical-tab .cky-nav-tab-setion-header--inner {
margin-left: -20px;
margin-right: -20px;
}
.cky-app-wrap .cky-horizontal-tab .cky-horizontal-tabs {
margin: 0;
}
.cky-app-wrap .cky-horizontal-tab .cky-horizontal-tabs .cky-nav-tab-item {
border-top: 4px solid;
border-color: transparent;
}
.cky-app-wrap .cky-horizontal-tab .cky-horizontal-tabs .cky-nav-tab-item .cky-nav-tab-button {
padding: 12px 20px;
width: 100%;
color: #23282d;
}
.cky-app-wrap .cky-horizontal-tab .cky-horizontal-tabs .cky-nav-tab-item.active {
background: #ffffff;
border-color: #1578F7;
}
.cky-app-wrap .cky-horizontal-tab .cky-horizontal-tabs .cky-nav-tab-item.active .cky-nav-tab-button {
background: #ffffff;
}
.cky-app-wrap .cky-horizontal-tab .cky-nav-tab-content-container {
background: #ffffff;
}
.cky-app-wrap .cky-nav-tab-section-header {
margin-top: -15px;
border-bottom: 1px solid #d9d9d9;
padding: 5px 0;
}
.cky-app-wrap .cky-nav-tab-section-content {
padding-top: 20px;
}
.cky-app-wrap .cky-nav-tab-section-actions button {
margin-left: 10px;
}
.cky-app-wrap .cky-app-modal-backdrop {
width: calc(100% - 160px);
height: calc(100vh - 32px);
overflow-x: hidden;
overflow-y: auto;
position: fixed;
background-color: rgba(51, 51, 51, 0.75);
display: flex;
justify-content: center;
align-items: center;
top: 32px;
left: 160px;
z-index: 99999999;
}
.cky-app-wrap .cky-app-modal-backdrop.cky-app-modal-floating {
background-color: rgba(0, 0, 0, 0.15);
}
.cky-app-wrap .cky-app-modal-backdrop.cky-app-modal-floating .cky-app-modal {
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1019607843);
border: 1px solid #e8e8eb;
border-radius: 3px;
}
.cky-app-wrap .cky-app-modal {
background: #ffffff;
display: flex;
flex-direction: column;
width: 100%;
max-width: 660px;
border-radius: 2px;
transition: all 0.4s ease;
max-height: calc(100% - 3.5rem);
}
.cky-app-wrap .cky-app-modal .cky-button-close {
fill: #ffffff;
}
.cky-app-wrap .cky-app-modal-header {
padding: 20px 30px;
display: flex;
}
.cky-app-wrap .cky-app-modal-footer {
padding: 0px 30px 20px 30px;
}
.cky-app-wrap .cky-app-modal-header {
position: relative;
justify-content: space-between;
align-items: center;
text-align: left;
border-bottom: 1px solid #dfe1e5;
}
.cky-app-wrap .cky-app-modal-header h4 {
margin: 0;
}
.cky-app-wrap .cky-app-modal-footer {
flex-direction: column;
}
.cky-app-wrap .cky-app-modal-footer .cky-app-modal-actions button {
margin-left: 10px;
}
.cky-app-wrap .cky-app-modal-body {
position: relative;
padding: 20px 30px;
max-height: calc(100vh - 3.5rem);
overflow-y: auto;
}
.cky-app-wrap .cky-button-close {
position: absolute;
right: 15px;
border: none;
cursor: pointer;
background: transparent;
}
.cky-app-wrap .cky-app-modal-fade-enter {
opacity: 0;
}
.cky-app-wrap .cky-app-modal-fade-modal-leave-active {
opacity: 0;
}
.cky-app-wrap .cky-app-modal-fade-enter .cky-app-modal {
transform: scale(1.1);
}
.cky-app-admin.folded .cky-app-modal-backdrop {
width: calc(100% - 36px);
left: 36px;
}
.cky-app-admin.folded .cky-connect-success {
width: calc(100% - 36px);
left: 36px;
}
.cky-connect-success {
width: calc(100% - 160px);
height: calc(100vh - 32px);
overflow-x: hidden;
overflow-y: auto;
position: fixed;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
top: 32px;
left: 160px;
z-index: 999;
}
.cky-app-wrap .cky-app-accordion-item {
padding: 0;
position: relative;
margin-bottom: 10px;
}
.cky-app-wrap .cky-app-accordion-item .cky-app-accordion-content {
display: none;
height: 0;
overflow: hidden;
transition: height 200ms;
}
.cky-app-wrap .cky-app-accordion-item.cky-app-accordion-open > .cky-app-accordion-content {
display: block;
height: auto;
}
.cky-app-wrap .cky-app-accordion-enter-active {
will-change: height, opacity;
transition: height 0.3s ease, opacity 0.3s ease;
overflow: hidden;
}
.cky-app-wrap .cky-app-accordion-enter, .cky-app-wrap .cky-app-accordion-leave-active {
will-change: height, opacity;
height: 0;
opacity: 0;
}
.cky-app-wrap .cky-app-accordion-title {
cursor: pointer;
margin: 0;
color: #1863dc;
display: flex;
align-items: center;
font-weight: 500;
}
.cky-app-wrap .cky-app-accordion-content > .cky-app-accordion-content-inner {
padding: 15px 0;
}
.cky-app-wrap .cky-app-accordion-title::after {
content: "";
margin-left: 10px;
}
.cky-app-wrap .cky-app-accordion-title::before,
.cky-app-wrap .cky-app-accordion-title::after {
display: block;
width: 15px;
height: 12px;
opacity: 0.8;
width: 11px;
height: 8px;
transition: transform 100ms ease;
-webkit-mask-image: url(../img/arrow-bold.svg);
mask-image: url(../img/arrow-bold.svg);
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
.cky-app-wrap .cky-app-accordion-open > .cky-app-accordion-trigger .cky-app-accordion-title::after {
transform: rotate(180deg);
}
.cky-app-wrap .cky-app-accordion {
list-style: none;
margin: 0;
padding: 0;
}
.cky-app-wrap .cky-app-accordion.cky-app-accordion-boxed .cky-app-accordion-title {
color: inherit;
padding: 13px 20px;
}
.cky-app-wrap .cky-app-accordion.cky-app-accordion-boxed .cky-app-accordion-title::after {
content: initial;
}
.cky-app-wrap .cky-app-accordion.cky-app-accordion-boxed .cky-app-accordion-title::before {
content: "";
margin-right: 10px;
transform: rotate(-90deg);
}
.cky-app-wrap .cky-app-accordion.cky-app-accordion-boxed .cky-app-accordion-open .cky-app-accordion-title::before {
transform: none;
}
.cky-app-wrap .cky-app-accordion.cky-app-accordion-boxed .cky-app-accordion-open .cky-app-accordion-title {
border-bottom: 1px solid #f3f4f5;
}
.cky-app-wrap .cky-app-accordion.cky-app-accordion-boxed .cky-app-accordion-item {
background-color: #fff;
border-radius: 4px;
}
.cky-app-wrap .cky-app-accordion.cky-app-accordion-boxed .cky-app-accordion-item > .cky-app-accordion-content .cky-app-accordion-content-inner {
padding: 15px 20px;
}
.cky-app-wrap .cky-upgrade-button-container {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.cky-app-wrap .cky-upgrade-button-container button {
min-width: 320px;
min-width: 176px;
font-size: 16px;
font-weight: 600;
gap: 8px;
}
.cky-app-wrap .cky-upgrade-button-container .cky-seperator-text {
margin: 5px 0px;
}
.cky-app-wrap .cky-info-widget-container {
display: flex;
justify-content: space-between;
gap: 15px;
}
.cky-app-wrap .cky-info-widget-container .cky-info-widget:nth-child(1) .cky-info-widget-icon {
background-color: rgba(45, 173, 112, 0.1);
}
.cky-app-wrap .cky-info-widget-container .cky-info-widget:nth-child(2) .cky-info-widget-icon {
background-color: #C4DDFD;
}
.cky-app-wrap .cky-info-widget-container .cky-info-widget:nth-child(3) .cky-info-widget-icon {
background-color: #D9DBE9;
}
.cky-app-wrap .cky-info-widget-container .cky-info-widget:nth-child(4) .cky-info-widget-icon {
background-color: #FFE8C6;
}
.cky-app-wrap .cky-info-widget-container .cky-info-widget {
background-color: #F4F5FA;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px 15px;
border-radius: 6px;
width: 100%;
height: 158px;
}
.cky-app-wrap .cky-info-widget-container .cky-info-widget .cky-info-widget-icon {
display: inline-flex;
justify-content: center;
min-width: 40px;
min-height: 40px;
border-radius: 8px;
padding: 8px;
}
.cky-app-wrap .cky-info-widget-container .cky-info-widget .cky-info-widget-icon img {
max-width: 22px;
}
.cky-app-wrap .cky-info-widget-container .cky-info-widget .cky-info-widget-content {
display: flex;
flex-direction: column;
margin-top: auto;
}
.cky-app-wrap .cky-info-widget-container .cky-info-widget .cky-info-widget-content .cky-info-widget-text {
font-size: 15px;
font-weight: 600;
line-height: 17px;
margin-top: 3px;
}
.cky-app-wrap .cky-info-widget-container .cky-info-widget .cky-info-widget-content .cky-info-widget-title {
font-size: 13px;
line-height: 18px;
color: #4E4B66;
}
.cky-app-wrap a.cky-action-link {
font-size: 13px;
text-decoration: none;
font-style: normal;
font-weight: 400;
}
.cky-app-wrap a.cky-action-link:hover {
text-decoration: none;
}
.cky-app-wrap .cky-action-link {
display: inline-flex;
gap: 6px;
align-items: center;
}
.cky-app-wrap .cky-action-link .cky-crown-img {
width: 18px;
height: 18px;
padding: 5px 4px;
border-radius: 17px;
background: #FFE8C6;
}
.cky-app-wrap .cky-connect-image .cky-feature-text {
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.cky-app-wrap .cky-feature-text {
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #14142A;
text-align: center;
margin: 0px 0px 16px;
}
.cky-app-wrap .cky-available-wrapper {
align-items: center;
margin-bottom: 20px;
}
.cky-app-wrap .cky-available-text {
color: #4E4B66;
}
.cky-app-wrap .cky-feature-text {
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #14142A;
text-align: center;
margin: 0px 0px 16px;
}
.cky-app-wrap .cky-available-wrapper {
align-items: center;
margin-bottom: 20px;
}
.cky-app-wrap .cky-connect-image .cky-feature-text {
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.cky-app-wrap .cky-available-text {
color: #4E4B66;
}
.cky-app-wrap .cky-faq-container {
margin-top: 30px;
}
.cky-app-wrap .cky-faq-container .cky-faq-title {
margin-bottom: 16px;
}
.cky-app-wrap .cky-faq-container .cky-faq-title h4 {
line-height: 24px;
}
.cky-app-wrap .cky-faq-container .cky-app-accordion {
padding: 0px 20px;
}
.cky-app-wrap .cky-faq-container .cky-app-accordion .cky-app-accordion-item {
border-bottom: 1px solid #E9E9EB;
padding-bottom: 10px;
}
.cky-app-wrap .cky-faq-container .cky-app-accordion .cky-app-accordion-item .cky-app-accordion-title {
color: #4E4B66;
}
.cky-app-wrap .cky-faq-container .cky-app-accordion .cky-app-accordion-item .cky-app-accordion-title::after {
width: 10px;
height: 12px;
margin-left: auto;
margin-bottom: auto;
margin-top: 4px;
-webkit-mask-image: url(../img/arrow-right.svg);
mask-image: url(../img/arrow-right.svg);
-webkit-mask-size: 24px 24px;
mask-size: 24px 24px;
}
.cky-app-wrap .cky-faq-container .cky-app-accordion .cky-app-accordion-item .cky-app-accordion-content-inner p {
color: #4E4B66;
font-size: 13px;
line-height: 18px;
}
.cky-app-wrap .cky-faq-container .cky-app-accordion .cky-app-accordion-open > .cky-app-accordion-trigger .cky-app-accordion-title::after {
transform: rotate(90deg);
color: #1578F7;
}
.cky-app-wrap .cky-faq-container .cky-app-accordion .cky-app-accordion-open > .cky-app-accordion-trigger .cky-app-accordion-title {
color: #1578F7;
}
.cky-app-wrap .cky-upgrade-col .cky-popper .cky-external-link {
color: #ffffff;
text-decoration: underline;
}
.cky-app-wrap .cky-upgrade-col .cky-popper .cky-external-link::after {
margin-left: 6px;
}
.wp-admin.folded .cky-section-footer {
left: 36px;
width: 100%;
padding: 12px 204px 12px 168px;
}
.cky-app-wrap .cky-back-button {
width: 40px;
position: fixed;
color: #4E4B66;
border: 1px #D9DBE9 solid;
border-radius: 12px;
padding: 4px;
display: flex;
align-items: center;
background: #F4F5FA;
justify-content: center;
}
.cky-app-wrap .cky-back-button:hover {
text-decoration: none !important;
}
.cky-app-wrap .cky-back-button:before {
content: "";
width: 32px;
height: 32px;
display: inline-flex;
-webkit-mask-image: url(../img/arrow-back.svg);
mask-image: url(../img/arrow-back.svg);
background-color: #23282d;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
}
.cky-app-wrap .cky-section-footer {
right: 0;
padding: 12px 160px;
background-color: #FFFFFF;
position: fixed;
width: calc(100% - 160px);
height: auto;
bottom: 0px;
z-index: 999;
display: flex;
justify-content: center;
border: 1px #BEBFC5 solid;
}
.cky-app-wrap .cky-section-footer .cky-button {
width: 100%;
padding: 12px 14px;
}
.cky-app-wrap .cky-connect-section .cky-section-header {
padding-left: 0;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card {
border-radius: 9px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body {
padding: 24px 24px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-connect {
padding: 16px 24px;
border-radius: 8px;
background: #F4F5FA;
border: 1px #D9DBE9 solid;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-connect p {
color: #4E4B66;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-connect:hover {
border: 2px #1578F7 solid;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-connect.cky-applied {
border: 2px #1578F7 solid;
background: #E8F1FE;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-line-between {
display: inline-flex;
margin-bottom: 10px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-line-between hr {
width: 50%;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-line-between .cky-line-text {
display: inline-flex;
align-items: center;
padding: 0px 24px;
color: #4E4B66;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container {
padding-top: 24px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container .cky-button {
width: 100%;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container.cky-info-items-4 .cky-plan-pricing, .cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container.cky-info-items-3 .cky-plan-pricing {
width: 100%;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container.cky-info-items-2 .cky-info-widget {
padding: 24px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container.cky-info-items-2 .cky-info-widget .cky-widget-row .cky-popular {
margin-left: 17px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container.cky-info-items-2 .cky-info-widget .cky-widget-desc {
max-width: unset;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container.cky-info-items-2 .cky-info-widget .cky-button {
max-width: 140px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container.cky-info-items-1 .cky-info-widget {
padding: 24px;
display: flex;
flex: 1 0 0;
gap: 24px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container.cky-info-items-1 .cky-info-widget .cky-plan-pricing {
flex: 1 1 40%;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container.cky-info-items-1 .cky-info-widget .cky-plan-features {
flex: 1 1 55%;
margin-top: 0;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container.cky-info-items-1 .cky-info-widget .cky-widget-desc {
max-width: unset;
padding-bottom: 24px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget-container.cky-info-items-1 .cky-info-widget .cky-button {
max-width: 140px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-plans-heading {
font-size: 20px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-card-accordion {
text-align: center;
color: #1578F7;
padding-top: 9px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-card-accordion .cky-app-accordion-title {
display: inline-flex;
font-weight: 400;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-card-accordion .cky-app-accordion-title::after {
width: 10px;
height: 12px;
-webkit-mask-image: url(../img/arrow-down.svg);
mask-image: url(../img/arrow-down.svg);
-webkit-mask-size: 24px 24px;
mask-size: 24px 24px;
transition: transform 0.3s ease;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-card-accordion .cky-app-accordion-title.rotated::after {
transform: rotate(180deg);
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-card-moneyback {
display: inline-flex;
align-items: center;
width: 100%;
justify-content: center;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-card-moneyback img {
width: 20px;
height: 20px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-card-moneyback p {
font-size: 13px;
font-weight: 600;
padding-left: 4px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget {
height: auto;
border: 1px #D9DBE9 solid;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-button {
margin-top: 16px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features {
margin-top: 20px;
width: 100%;
font-size: 13px;
color: #4E4B66;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features p {
font-size: 13px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features hr {
margin-top: 10px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features .cky-usage-list ul, .cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features .cky-features-list ul {
display: flex;
flex-direction: column;
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
gap: 16px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features .cky-usage-list ul li, .cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features .cky-features-list ul li {
display: flex;
font-weight: 400;
margin-bottom: 0;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features .cky-usage-list ul li:before, .cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features .cky-features-list ul li:before {
content: "";
width: 16px;
height: 16px;
-webkit-mask-image: url(../img/blue-tick.svg);
mask-image: url(../img/blue-tick.svg);
background-color: #1578F7;
display: inline-block;
margin-right: 8px;
flex-shrink: 0;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features .cky-usage-list ul li .cky-popper-icon, .cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features .cky-features-list ul li .cky-popper-icon {
background-image: url(../img/info-new.svg);
width: 16px;
height: 16px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-plan-features .cky-usage-list {
margin-bottom: 20px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget p {
color: #4E4B66;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget p.cky-widget-desc {
padding-bottom: 20px;
max-width: 17ch;
font-size: 13px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-widget-row {
display: flex;
align-items: baseline;
width: 100%;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-widget-row p {
color: #6E7191;
font-size: 13px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-widget-row .cky-plan-name {
margin: 0;
line-height: 27px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-widget-row .cky-price {
color: #14142A;
padding-right: 6px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-widget-row .cky-popular {
display: inline-flex;
background-color: #1578F7;
border-radius: 4px;
padding: 2px 6px;
margin-left: auto;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-info-widget .cky-widget-row .cky-popular p {
font-size: 13px;
color: #FFFFFF;
font-weight: 600;
line-height: 18px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-section-row {
display: flex;
align-items: flex-start;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-button-group {
background-color: #FFFFFF;
border: 1px #BEBFC5 solid;
border-radius: 8px;
margin-left: auto;
margin-right: 26px;
align-self: end;
min-width: 170px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-button-group .cky-button {
color: #6E7191;
background-color: #FFFFFF;
border: none;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-button-group .cky-button .cky-get-free-label {
position: absolute;
display: inline-flex;
color: #FFFFFF;
background-color: #2DAD70;
border-radius: 4px;
left: 50%;
max-height: 20px;
font-size: 11px;
width: 100%;
font-weight: 500;
line-height: 16px;
justify-content: center;
align-items: center;
transform: translateX(-50%);
bottom: 40px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-button-group .cky-button .cky-get-free-label:after {
content: "";
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #2DAD70;
left: 50%;
position: absolute;
top: 12px;
transform: translateX(-50%);
width: 0;
z-index: 0;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-button-group .cky-button:first-child {
border-radius: 8px 0 0 8px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-button-group .cky-button:last-child {
border-radius: 0 8px 8px 0;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-button-group .cky-button.cky-active {
background-color: #1863dc;
color: #FFFFFF;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-currency {
align-self: end;
min-width: 82px;
}
.cky-app-wrap .cky-connect-section .cky-section-content .cky-card .cky-card-body .cky-section-plans .cky-currency .cky-select {
border-radius: 8px;
height: 34px;
border: 1px #bebfc5 solid;
}
.cky-app-wrap .cky-admin-notice-api-error {
margin-top: 20px;
margin-bottom: -10px;
}
.cky-card-loader--line[data-v-fce128a8] {
opacity: 0.5;
background: #f6f7f8;
background: linear-gradient(to right, #d7e1f2 8%, #c1d1eb 18%, #d7e1f2 33%);
background-size: 800px 100px;
border-radius: 3px;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: shimmer-fce128a8;
animation-timing-function: linear;
}
.cky-card-loader--line[data-v-fce128a8] {
height: 10px;
width: 100%;
}
.cky-card-loader--line[data-v-fce128a8]:nth-child(1) {
width: 70%;
height: 15px;
}
.cky-card-loader--line[data-v-fce128a8]:nth-child(2) {
width: 60%;
}
.cky-card-loader--line[data-v-fce128a8]:not(:first-child) {
margin-top: 6px;
}
.cky-card-loader--rect[data-v-fce128a8] {
min-height: 35px;
}
.cky-loading .cky-card-loader-container[data-v-fce128a8] {
display: flex;
align-items: center;
position: absolute;
z-index: 12;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
padding: 15px;
min-height: 114px;
}
.cky-loading .cky-card-loader-container .cky-card-loader[data-v-fce128a8] {
width: 100%;
}
@keyframes shimmer-fce128a8 {
0% {
background-position: -400px 0;
}
100% {
background-position: 400px 0;
}
}
.cky-spinner-loader {
width: 48px;
height: 48px;
border: 5px solid #c9d0d6;
border-bottom-color: #1863dc;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.cky-connect-success .cky-connect-success-container {
display: flex;
flex-direction: column;
align-items: center;
}
.cky-connect-success .cky-connect-success-icon {
background-image: url(../img/connect-success.svg);
width: 60px;
height: 60px;
background-size: contain;
background-repeat: no-repeat;
}
.cky-connect-success .cky-connect-success-message {
margin-top: 15px;
margin-bottom: 40px;
text-align: center;
}
.cky-connect-success .cky-connect-success-animate {
max-width: 600px;
margin-top: 20px;
}
.cky-connect-success .cky-connect-loader {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.cky-extra-pageviews-text[data-v-032d0ffd] {
font-size: 12px;
font-style: italic;
margin-left: -20px;
}
.cky-overage-note[data-v-032d0ffd] {
margin-top: 12px;
margin-left: 86px;
margin-right: 120px;
}
.cky-spinner {
display: inline-flex;
}
.cky-rich-text-editor-container .wp-switch-editor {
height: auto;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.cky-rich-text-editor-container .wp-editor-container {
box-shadow: none;
border: none;
border-radius: 3px;
border: 1px solid #d1d5db;
}
.cky-rich-text-editor-container .wp-editor-container textarea.wp-editor-area {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
max-height: 150px;
}
.cky-rich-text-editor-container .mce-panel {
box-shadow: none;
border-radius: 3px;
border: none !important;
}
.cky-rich-text-editor-container .mce-toolbar-grp,
.cky-rich-text-editor-container .quicktags-toolbar,
.cky-rich-text-editor-container .mce-statusbar {
border: none;
background: #fff;
padding: 0;
min-height: 0;
}
.cky-rich-text-editor-container .mce-top-part {
display: none;
}
.cky-rich-text-editor-container iframe {
min-height: 100px;
max-height: 150px;
}
.cky-blurred-input {
background: #edf0f3 !important;
}
.cky-tab-content-accordion {
margin-top: 10px;
}
.cky-tab-content-accordion .cky-app-accordion-item {
border: 1px solid #e6eaf0;
}
.cky-tab-content-accordion .cky-app-accordion-content .cky-color-picker-input {
background-color: white;
width: 100%;
border: 2px solid #f6f7f7;
}
.cky-tab-content-accordion .cky-app-accordion-item:last-child {
margin-bottom: 12px;
}
.cky-app-rtl input,
.cky-app-rtl .cky-rich-text-editor,
.cky-app-rtl .cky-rich-text-editor *,
.cky-app-rtl .cky-rich-text-editor-container * {
direction: rtl;
text-align: right;
}
.cky-app-wrap h3.cky-section-title-heading {
font-weight: 400;
}
.cky-app-wrap .cky-edit-content {
border: 1px solid #d9d9d9;
padding: 15px;
background-color: #ffffff;
}
.cky-app-wrap .cky-edit-content h4 {
font-weight: 500;
}
.cky-app-wrap .cky-edit-content .cky-select {
min-width: 180px;
max-height: 35px;
margin-left: 10px;
width: auto;
}
.cky-app-wrap .cky-edit-content .cky-rich-text-editor .ql-editor {
min-height: 200px;
max-height: 200px;
overflow: scroll;
}
.cky-app-wrap .cky-edit-content .cky-app-accordion .cky-form-section:not(.cky-form-section-group) .cky-col-3.cky-col-label {
display: none;
}
.cky-app-wrap .cky-edit-content .cky-app-accordion .cky-form-section:not(.cky-form-section-group) .cky-col-9 {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
.cky-app-wrap .cky-edit-content .cky-form-heading {
margin-bottom: 10px;
}
.cky-app-wrap .cky-edit-content .cky-app-accordion-boxed .cky-app-accordion-title {
background-color: #f6f7f7;
}
.cky-app-wrap .cky-edit-content-lists {
margin-top: 10px;
border: 1px solid #d9d9d9;
padding: 15px;
background-color: #ffffff;
}
.cky-app-wrap .cky-edit-content-lists button {
margin-left: 10px;
}
.cky-app-wrap .cky-button-section button {
margin-left: 10px;
}
.cky-app-wrap .cky-select-label {
margin-top: 10px;
}
.cky-app-wrap .cky-loader-languages .cky-card-loader-container:not(:first-child) {
margin-top: 15px;
}
.cky-app-wrap .cky-button {
position: relative;
}
.cky-app-wrap .cky-input-error input[data-v-a27da00c] {
border-color: #dc3545;
}
.cky-app-wrap .cky-input-error input[data-v-a27da00c]:active, .cky-app-wrap .cky-input-error input[data-v-a27da00c]:focus {
box-shadow: 0 0 0 0.5px #dc3545;
}
.cky-popper-container {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.cky-popper {
color: #ffffff;
text-align: center;
padding: 8px 12px;
border-radius: 4px;
vertical-align: middle;
max-width: 240px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
background: #0e0d0d;
z-index: 9999;
}
.cky-popper-arrow {
border-width: 5px;
border-style: solid;
}
/* Top arrow */
.cky-popper[data-popper-placement^=top] > .cky-popper-arrow {
border-color: #0e0d0d transparent transparent transparent;
bottom: -10px;
}
/* Bottom arrow */
.cky-popper[data-popper-placement^=bottom] > .cky-popper-arrow {
top: -10px;
border-color: transparent transparent #0e0d0d transparent;
}
/* Left arrow */
.cky-popper[data-popper-placement^=left] > .cky-popper-arrow {
border-color: transparent transparent transparent #0e0d0d;
right: -10px;
}
/* Right arrow */
.cky-popper[data-popper-placement^=right] > .cky-popper-arrow {
border-color: transparent #0e0d0d transparent transparent;
left: -10px;
}
.cky-popper-icon {
background-image: url(../img/tooltip.svg);
width: 12px;
height: 12px;
}
.cky-poppper-trigger {
display: inline-block;
width: 100%;
}