Essential SEO Skills Suite: A Comprehensive Guide
In the ever-evolving landscape of digital marketing, having a robust SEO skills suite is crucial for businesses and marketers alike. This guide will walk you through the fundamental elements of SEO, including keyword research, content audits, technical SEO, SERP analysis, and more. Each element plays a pivotal role in boosting online visibility and enhancing user experience.
Understanding Keyword Research
Keyword research forms the bedrock of any successful SEO strategy. Identifying the right keywords leads to targeted traffic, which is essential for achieving your marketing goals. Start by using keyword research tools such as Google Keyword Planner, Ahrefs, or SEMrush. Analyze factors like search volume, competition, and relevance to find the best keywords for your niche.
Remember to consider medium- and high-frequency intent-based queries. Classifying these keywords into semantic clusters – primary, secondary, and clarifying – helps in organizing your content, ensuring it resonates well with your audience.
Keyword research is not a one-time task; it requires continual refinement to adapt to ongoing trends and user behavior. Regularly updating your keyword strategy based on performance metrics will help maintain your competitive edge.
Conducting a Content Audit
A content audit is essential for evaluating the effectiveness of your existing content. It helps to identify what works and what doesn’t, allowing you to streamline your content strategy.
Begin by assessing the performance of your content through metrics such as page views, bounce rate, and conversion rate.
Check for outdated or irrelevant content that could harm your SEO efforts. Updating, merging, or removing underperforming articles ensures your website remains authoritative and user-friendly. Furthermore, ensure all content aligns with your current branding and messaging.
Incorporating tools like Screaming Frog can automate parts of the content audit process, making it easier to analyze website structure and identify SEO issues.
The Importance of Technical SEO
Technical SEO is often overlooked but is critical for site performance and usability. It involves optimizing your website's architecture, ensuring that search engines can crawl and index your content effectively.
Key elements include improving page speed, making your site mobile-friendly, implementing structured data, and ensuring a secure HTTPS connection. Regularly conducting backlink analysis is also vital, as it helps identify toxic links that could negatively impact your site's authority.
Prioritizing technical SEO not only enhances visibility but also significantly improves the user experience, leading to higher engagement and conversion rates.
Mastering SERP Analysis
Understanding how your website performs on Search Engine Results Pages (SERPs) is crucial for optimizing your SEO strategy. SERP analysis involves examining rankings for specific keywords and assessing factors that influence these rankings.
Tools like Moz and Ahrefs provide detailed insights into SERP features that appear for your target keywords, such as featured snippets, local packs, and related questions. This understanding informs your content strategy and keyword selection, ensuring you capture the attention of your target audience effectively.
By continually analyzing SERP changes, you can stay up to date with industry trends, adjusting your strategy in real-time to maintain your competitive advantage.
Developing a Content Strategy
A well-defined content strategy is pivotal for successful SEO. It involves planning, creating, and managing content to achieve specific business goals. Begin by identifying your target audience and their needs.
Consider using content calendar tools to organize topics and publication dates. This structured approach not only helps streamline content creation but also aligns your strategy with marketing campaigns and seasonal trends.
Incorporate user feedback and analytics to refine your strategy continually. Engaging with your audience through surveys or social media can yield insights that enhance content relevance and quality.
Understanding Local SEO
For businesses that operate in specific geographic locations, local SEO is essential. This strategy focuses on optimizing your online presence to attract more business from relevant local searches.
Claiming and optimizing your Google My Business listing is a crucial step. Ensure your name, address, and phone number (NAP) are consistent across all platforms. Encourage satisfied customers to leave positive reviews, as this can significantly impact your local search rankings.
Additionally, using local keywords and creating content specific to your area can enhance local visibility, making it easier for potential customers to find your services.
FAQ
What roles do keyword research play in SEO?
Keyword research helps identify the terms your target audience uses, guiding content creation and optimization efforts to align with search intent.
How often should a content audit be conducted?
It’s recommended to conduct a content audit at least once a year, but more frequent checks can help catch issues earlier and improve overall site health.
What is the difference between technical SEO and on-page SEO?
Technical SEO focuses on website infrastructure and performance factors, while on-page SEO relates to content optimization and the user experience on web pages.
.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%;
}