Security Guide: ADT Support, Breaches, Codes & Cyber Careers


Concise, technical, and practical coverage of physical and cyber security topics — from contacting ADT to handling SYN vulnerabilities and pursuing cyber security analyst roles.

Contacting ADT, Major Providers, and When to Escalate

If your immediate concern is service or an alarm, start with the provider's verified channels. For ADT-related account access, billing, or alarm system troubleshooting, use official support lines and the provider's authenticated portals. When you need an anchor link, use the provider's official documentation or your account app rather than third-party forums to avoid fraud.

Quick troubleshooting steps often resolve most common issues: confirm system power, check network connectivity (Wi‑Fi or cellular module), and verify sensor batteries. For specific account or hardware escalations, record timestamps and alarm codes. These details expedite resolutions with support teams, whether you're contacting ADT security customer service or Brinks home security.

When an incident involves potential criminal activity or a safety threat, contact local emergency services first and then notify your provider. For policy disputes or unresolved technical escalations, escalate to a formal support ticket and request supervisor review. For additional technical resources or research, refer to this repository: ADT security customer service.

Common Codes, Protocols, and What They Mean (BLR, 515, International Codes)

Alarm systems and security frameworks use shorthand codes and standardized numbers. A code like 515 may be vendor-specific: it could indicate sensor tamper, communication failure, or a diagnostic state depending on the manufacturer. Always cross-check a code with the model's technical manual or the central station's code sheet. Avoid guessing—misinterpretation can lead to unnecessary dispatches.

Other identifiers such as BLR code, or international references like international code 61 and international code 86, are context-dependent: they can be country dial codes, internal vendor codes, or regulatory references. For instance, telephone country code +61 is Australia and +86 is China; in alarm documentation similar numeric tags can point to region, protocol, or firmware revisions.

Maintain a concise log of alarm codes, timestamps, and actions taken. That log is invaluable for audits, insurance claims, and law enforcement. If your provider cannot map a code within a reasonable time, ask for escalation to a technical engineer or a central station supervisor and capture the ticket/reference number for follow-up.

Vulnerabilities, Breaches, and Hardening (SYN, Security Breach Response)

A SYN vulnerability refers to issues related to the TCP three-way handshake—common in denial-of-service (DoS) scenarios like SYN floods. In practice, network devices and IoT security appliances must rate-limit handshake requests, use SYN cookies, and implement connection tracking to mitigate such attacks. For critical on-premises security appliances, ensure firmware is up-to-date and that remote management ports are protected by VPNs or zero-trust controls.

Security breaches often start with trivial misconfigurations: exposed RDP/SSH ports, default credentials on cameras or alarm modules, and outdated firmware. Effective breach response includes containment, forensic preservation, patching exploited vectors, and notifying affected stakeholders. Log aggregation and SIEM tools help detect anomalous patterns—spikes in failed auth attempts, unusual outbound traffic, or configuration changes.

Combine physical and cyber controls: segment security devices on isolated VLANs, apply strict ACLs, and enforce strong credential policies. For cloud-connected systems (smart doorbells, cloud DVRs, centralized alarm platforms), enable multi-factor authentication and monitor API keys. Document an incident response playbook tailored to your environment and run tabletop exercises annually.

Careers, Certifications, and Hiring: From Vector to NSA Roles

For professionals aiming at cyber security analyst jobs, practical experience matters as much as certifications. Entry-level positions often require familiarity with log analysis, incident triage, network fundamentals, and basic scripting. Employers for roles at providers such as Vector Security, CPI Security, and even government agencies look for demonstrable problem-solving and incident response experience.

Key certifications that boost credibility include CompTIA Security+, CEH (Certified Ethical Hacker), CISSP (for experienced staff), and vendor-specific certs. For analysts focused on defensive monitoring and detection, consider GIAC certifications (e.g., GCIA, GCIH) or cloud provider security certs. Formal education helps, but hands-on labs, capture-the-flag events, and real-world incident handling count heavily.

Job hunters should tailor resumes to the role: list tools (SIEM, EDR), languages (Python, Bash), and quantified results (reduced incident dwell time by X%). Use targeted searches like "cyber security analyst jobs" and network through specialist staffing firms. For broader security operations or national-level roles, expect background checks and certifications aligned with national security agency definition requirements.

  • Top starter certs: CompTIA Security+, Cisco CCNA (Security basics), and entry GIAC.
  • Mid-to-senior: CISSP, GSEC, GCIH, or vendor cloud security certs.

Operational Best Practices & Next Steps for Operators and Consumers

Whether you're a homeowner using Ring, a small business with a Brinks or Sunstates contract, or a facilities manager for public storage, baseline practices reduce risk: enforce strong passwords, schedule firmware updates, and segment IoT devices. For alarm systems, maintain a contact escalation list and verify push notifications with secondary confirmation for critical alarms.

When selecting a provider, compare response times, central station redundancies, and contract terms. Evaluate whether the vendor offers on-site technicians, remote diagnostics, and documented SLAs. For licensing and compliance, verify the vendor holds required security license credentials in your jurisdiction and confirm insurance and bonding where applicable.

Finally, perform periodic audits—both physical walkthroughs and cyber vulnerability scans. Use authenticated scans for devices you own, and coordinate external penetration tests with vendors when systems are managed by third parties. Document findings and prioritize remediation based on impact and exploitability.

  • Immediate: verify account recovery paths and MFA.
  • Quarterly: update firmware, review logs, and test failover procedures.

Semantic Core (Primary, Secondary, Clarifying Keywords)

Primary cluster

adt security customer service, adt home security, brinks home security, ring security system, vector security

Secondary cluster

security breach, vulnerability syn, code 515, blr code, security public storage, sunstates security, cpi security, inter-con security

Clarifying & intent-based

cyber security analyst jobs, cyber security certifications, security license, national security agency definition, international code 61, international code 86, credence resource management

LSI / related phrases

alarm codes, central station, firmware update, incident response, SIEM, SYN flood mitigation, MFA for security systems, breach notification, vendor support escalation

Backlinks & References

For vendor-specific procedures, escalation templates, and a curated technical repository, see: cyber security analyst jobs & ADT support reference.

If you require detailed vendor manuals for codes or integration scripts, consult official vendor portals or the repository above for implementation notes and links to authoritative documentation.

FAQ

How do I contact ADT security customer service for urgent alarm issues?
Use the official ADT support phone number on your account or the ADT mobile app for alarm confirmations. If the situation is immediate danger, call local emergency services first, then contact ADT to report the incident and provide alarm timestamps and event codes.
What is a SYN vulnerability and how do I mitigate it?
A SYN vulnerability typically involves abuse of the TCP handshake (SYN flood). Mitigation includes rate-limiting handshake requests, enabling SYN cookies on servers and network devices, deploying DDoS protection services, and isolating critical infrastructure behind firewalls and load balancers.
Which certifications are most useful for getting cyber security analyst jobs?
For entry-level roles: CompTIA Security+, certified SOC or SIEM training, and hands-on labs. For mid-level and specialized roles: GIAC (GCIH, GCIA), CEH, and CISSP for managerial positions. Complement certifications with practical experience in incident response, log analysis, and scripting.

If you want micro-markup for publication: include JSON-LD FAQ schema for the three FAQ entries and standard Article meta tags. Example FAQ JSON-LD is appended below.



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