Essential Security Skills Suite for Modern Compliance and Risk Management
In today's digital landscape, a robust security skills suite is essential for organizations aiming to navigate the complexities of various compliance frameworks and effectively manage risks. This guide covers critical security competencies spanning GDPR compliance, vulnerability management, security audits, incident response, threat modeling, and penetration testing.
Understanding Security Skills Suite
The term "security skills suite" encompasses a range of competencies crucial for professionals in information security. This suite is designed to equip individuals with the necessary tools and knowledge to protect organizational assets against evolving threats. Key areas include the assessment of vulnerabilities, understanding compliance requirements, and effectively responding to incidents.
Professionals must also be familiar with the methods and practices that underpin these skills. For example, mastering vulnerability management involves recognizing potential security weaknesses and implementing corrective measures to mitigate risks.
Furthermore, possessing a well-rounded toolkit can significantly enhance an organization's proactive measures against cyber threats, ensuring continuous improvement and adherence to regulations.
Exploring Compliance Frameworks
Compliance frameworks serve as structured guidelines for organizations to follow in ensuring their operations meet legal, regulatory, and policy requirements. Popular frameworks include NIST, ISO 27001, and the GDPR. Each framework mandates certain security behaviors and practices that organizations must adopt.
In the context of GDPR compliance, organizations must put in place measures to secure personal data, documenting their processing activities and ensuring individuals can exercise their rights over their data. Understanding these frameworks is critical, as non-compliance can lead to hefty fines and reputational damage.
Organizations often perform security audits to assess their adherence to these frameworks, identifying gaps in compliance and areas for enhancement.
Importance of Vulnerability Management
Vulnerability management is a continuous process of identifying, assessing, and mitigating security vulnerabilities in an organization’s systems. Using techniques such as penetration testing, organizations can proactively discover and resolve vulnerabilities before they can be exploited by malicious actors.
This process entails regular scanning for new vulnerabilities and assessing the effectiveness of existing security measures. A solid vulnerability management strategy not only protects data integrity but also helps build customer trust and ensures compliance with various regulatory requirements.
Effective vulnerability management contributes to an organization's overall risk management strategy, emphasizing the importance of continuous monitoring and response mechanisms.
Executing Security Audits and Incident Response
Security audits are comprehensive evaluations that help organizations determine their security posture. By examining policies, procedures, and technical controls, audits identify weaknesses and compliance gaps, forming a foundation for improvement.
On the other hand, an effective incident response plan is vital for minimizing damage when a security breach occurs. An organization must be prepared to respond quickly and efficiently, having established protocols to manage incidents effectively.
Integrating both security audits and incident response forms a vital feedback loop—ensuring that vulnerabilities are identified and addressed while simultaneously learning from past incidents to enhance future preparedness.
Effective Threat Modeling and Penetration Testing
Threat modeling involves identifying potential threats to a system and determining their potential impact. This technique aids organizations in prioritizing risks and implementing appropriate safeguards, making it a core component of security planning.
Penetration testing, a simulated cyber attack, helps organizations evaluate their defenses. By uncovering weaknesses before real attackers can exploit them, penetration testing is critical for any robust security strategy.
Both practices complement each other by helping organizations strengthen their overall security architecture and responding strategically to vulnerabilities.
Frequently Asked Questions (FAQ)
1. What are the key components of a security skills suite?
A security skills suite typically includes knowledge of compliance frameworks, vulnerability management, incident response strategies, threat modeling, and penetration testing techniques.
2. How do compliance frameworks impact security practices?
Compliance frameworks provide structured guidelines that dictate security behaviors organizations must adopt, influencing everything from data protection practices to incident response protocols.
3. Why is vulnerability management critical for organizations?
Vulnerability management is essential as it helps identify, assess, and mitigate potential security weaknesses, thus protecting data integrity and ensuring compliance with regulatory requirements.
Understanding and implementing these security practices not only fortifies an organization's defenses but also fosters a culture of security awareness, preparing it to face the challenges of an increasingly complex digital environment.
.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%;
}