Mastering Essential SEO Skills for Effective Digital Marketing
In the ever-evolving landscape of digital marketing, mastering SEO skills is key to ensuring your online presence shines. From content marketing to technical SEO, understanding these crucial components can significantly elevate your strategy and performance.
Understanding SEO Skills
SEO skills encompass various techniques and strategies used to enhance a website's visibility on search engines. At its core, SEO is about understanding how search engines work and optimizing your content accordingly. Whether you're focusing on keyword research or tackling backlink analysis, a strong foundation in SEO skills can lead to significant increases in website traffic and engagement.
Among the vital skills in this domain are technical SEO and content marketing. These elements ensure not only that your content ranks well in search results but that it resonates with your audience effectively. Technical SEO involves optimizing your website’s structure, ensuring fast load times, and enhancing mobile usability—factors that are essential for user retention.
Effective Content Marketing Strategies
Content marketing is a critical facet of SEO, and it requires a strategic approach to outreach and engagement. High-quality content that provides value can build trust and authority, which are essential for ranking higher in search results. Furthermore, implementing a consistent posting schedule and utilizing various formats—such as blogs, videos, and infographics—can enhance your reach and impact.
Incorporating keyword research into your content marketing strategy is paramount. Knowing which keywords resonate with your target audience could make the difference between being lost in the digital noise and standing out. Use tools like Google Keyword Planner to identify effective keywords and phrases that can enhance your content’s searchability.
Keyword Research: The SEO Foundation
Keyword research is arguably one of the most critical aspects of SEO. It’s not just about the keywords themselves, but understanding user intent behind those queries. Engaging in thorough keyword analysis can lead to identifying low-competition, high-volume search queries that could yield rich traffic streams.
To begin effective keyword research, start by compiling a list of relevant topics related to your industry and utilize tools such as SEMrush or Ahrefs to analyze search volumes and competition levels. This analysis lays the groundwork for creating optimized content that aligns with what users are actively searching for.
Technical SEO: Optimizing for Success
Technical SEO focuses on the backend aspects of your website that can affect its performance in search engines. Ensuring that your site is crawlable and indexable by search engines is crucial. This involves optimizing your website’s architecture, implementing structured data, and enhancing page speed.
An effective technical SEO strategy also includes staying on top of Google’s algorithm updates to adapt your strategies accordingly. Regularly conducting technical audits can help identify and rectify issues that may hinder your site's visibility.
Conducting Content Audits
Content audits involve analyzing your existing content to assess its performance and relevance. This practice allows digital marketers to identify which pieces are performing well and which ones need to be updated or removed. Understanding the metrics behind your content can significantly improve your overall content strategy.
Use analytics tools to track page views, bounce rates, and conversion paths to gain insight into your content’s effectiveness. Adjusting your content based on this data can result in improved rankings and user engagement, ultimately enhancing your SEO efforts.
Backlink Analysis for Enhanced Authority
Backlinks play a pivotal role in establishing your website's authority and credibility. Engaging in effective backlink analysis allows you to assess where your links are coming from and how they contribute to your search rankings. Tools like Moz and Ahrefs can provide insights into your backlink profile, helping you identify which sites are linking to you and whether those links are beneficial.
To improve your backlink strategy, focus on acquiring quality links from reputable sources. Guest blogging, partnerships, and creating shareable content can be effective tactics for building a robust backlink profile.
Local SEO: Reaching Your Community
For businesses that operate locally, implementing local SEO strategies is vital. This involves optimizing your web presence to attract more visitors from relevant local searches. Key components include optimizing your Google My Business listing, managing online reviews, and utilizing local keywords in your content.
Being listed in local directories and engaging in community-driven content strategies can also bolster your presence in local search results, helping you connect with your audience effectively.
Frequently Asked Questions (FAQ)
1. What are the most important SEO skills I should develop?
The most important SEO skills to develop include keyword research, content marketing, technical SEO, and backlink analysis.
2. How often should I perform a content audit?
It’s recommended to perform a content audit at least twice a year to ensure your content remains relevant and effective.
3. What is the role of keyword research in SEO?
Keyword research helps identify the specific terms users are searching for, informing your content creation and optimization strategies.
.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%;
}