Comprehensive Guide to Security Audits and Compliance

Comprehensive Guide to Security Audits and Compliance

Understanding Security Audits

Security audits are critical assessments designed to evaluate the security posture of an organization. They help identify vulnerabilities and ensure compliance with various regulations. Conducting regular security audits can significantly reduce risks and enhance the overall security framework.

Organizations should establish a structured approach to auditing by defining what aspects of their security will be evaluated, choosing a suitable framework, and employing skilled professionals. Each security audit creates an opportunity to uncover operational weaknesses, thereby enabling informed decision-making in vulnerability management.

In our digitally connected world, security audits encompass not just IT infrastructure but also physical assets and human factors. Keeping processes transparent can foster a better understanding of security needs across all organizational levels.

Vulnerability Management: A Proactive Approach

Vulnerability management is an ongoing process, focusing on identifying, evaluating, treating, and reporting on security vulnerabilities. This proactive strategy allows organizations to address potential threats before they can be exploited. Key steps in vulnerability management include asset inventory, continuous monitoring, and routine assessments.

Integrating vulnerability management processes into the security audit framework can enhance resilience against breaches. Automated tools are increasingly pivotal in maintaining vigilance against known vulnerabilities, streamlining the detection process, and prioritizing remediation efforts according to risk assessments.

Given the rapid evolution of cyber threats, organizations must allocate resources effectively and ensure their teams are prepared to respond promptly to discovered vulnerabilities.

Compliance with GDPR, SOC2, and ISO27001

Compliance frameworks such as GDPR (General Data Protection Regulation), SOC2 (System and Organization Controls), and ISO27001 (International Organization for Standardization) provide essential guidelines for data protection and security. Achieving compliance not only mitigates legal risks but also enhances shareholder and customer trust.

GDPR emphasizes the importance of protecting personal data, requiring organizations to implement strict protocols and report breaches promptly. Similarly, SOC2 compliance involves an analysis of organizational controls related to data security, availability, processing integrity, confidentiality, and privacy.

ISO27001 serves as a globally recognized standard for information security management systems, guiding organizations in improving their security practices effectively. Regular alignment with these frameworks can elevate organizational security posture significantly.

Incident Response and Threat Modeling

Incident response is an essential component of security strategy. It ensures that organizations can effectively manage and mitigate incidents, minimizing damage and restoring operations quickly. A well-defined incident response plan includes preparation, detection, analysis, containment, eradication, and recovery phases.

Threat modeling is a proactive practice that identifies potential threats, evaluates risks, and develops strategies to mitigate them. This dual approach enhances an organization’s ability to respond swiftly and effectively to security incidents.

Combining these methodologies creates a robust framework that empowers teams to work cohesively during a security breach, ensuring a unified and efficient response to incidents.

Penetration Testing: Finding the Weak Links

Penetration testing is a critical tool for assessing the strength of an organization's defenses. This simulated cyberattack identifies vulnerabilities in systems, networks, and applications before malicious actors can exploit them. It provides actionable insights for enhancing security protocols.

Conducting regular penetration tests as part of the security auditing process helps organizations stay one step ahead of emerging threats. Engaging third-party professionals in this exercise can provide unbiased perspectives on vulnerabilities and potential attack vectors.

In conclusion, integrating penetration testing, audits, and compliance into your security strategy creates a comprehensive defense against today’s cyber threats.

Frequently Asked Questions (FAQ)

What are the main objectives of a security audit?

The primary objectives of a security audit include identifying vulnerabilities, assessing compliance with regulatory requirements, and ensuring the effectiveness of security policies and controls.

How often should a vulnerability assessment be conducted?

It's advisable to conduct vulnerability assessments at least quarterly or after major system changes, while routine scans should be performed more frequently to ensure ongoing protection.

What is the difference between GDPR and SOC2 compliance?

GDPR focuses on data protection and privacy for individuals, specifically within the EU, while SOC2 is concerned with a business's operational controls regarding security and data handling, applicable to service organizations.



.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%; }