File manager - Edit - /home/monara/public_html/Hotel_Sapphire/wp-content/plugins/cookie-law-info/lite/admin/dist/css/app.css
Back
.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.cky-nav-menu-item-bfcm-active { color: #136fe8; font-weight: 700; font-size: 14px; line-height: 20px; position: relative; padding-top: 4px; padding-bottom: 0; } .cky-app-wrap .cky-nav-menu-item.cky-nav-menu-item-bfcm-active::after { content: ""; position: absolute; bottom: -14px; left: 0; right: 0; height: 4px; background-color: #136fe8; } .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; height: 48px; } .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; } .cky-bfcm-banner[data-v-482f98af] { margin-left: -20px; margin-right: -20px; background-image: url(../img/bfcm-bg.svg); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 12px 17px 12px 8px; overflow: hidden; box-shadow: 0 8px 26px -4px rgba(39, 40, 60, 0.2); margin-bottom: 0; position: relative; } .cky-bfcm-banner-content[data-v-482f98af] { display: flex; align-items: center; gap: 40px; position: relative; z-index: 1; } .cky-bfcm-logo-wrapper[data-v-482f98af] { position: relative; flex-shrink: 0; } .cky-bfcm-logo[data-v-482f98af] { display: block; height: auto; width: auto; } .cky-bfcm-message[data-v-482f98af] { flex: 1; gap: 8px; } .cky-bfcm-message-title[data-v-482f98af] { font-weight: 700; font-size: 18px; line-height: 27px; color: #ffffff; margin: 0; } .cky-bfcm-message-subtitle[data-v-482f98af] { font-weight: 400; font-size: 14px; line-height: 20px; color: #ffffff; margin: 0; } .cky-bfcm-message-subtitle[data-v-482f98af] .cky-bfcm-highlight { font-weight: 700; color: #FFA500; } .cky-bfcm-actions[data-v-482f98af] { display: flex; align-items: center; gap: 32px; flex-shrink: 0; } .cky-bfcm-deadline[data-v-482f98af] { display: flex; align-items: center; gap: 5px; } .cky-bfcm-deadline-icon-img[data-v-482f98af] { width: 20px; height: 20px; flex-shrink: 0; animation: pulse-482f98af 2s infinite; } @keyframes pulse-482f98af { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.1); } } .cky-bfcm-deadline-text[data-v-482f98af] { color: #ffffff; } .cky-bfcm-close[data-v-482f98af] { position: absolute; top: 6px; right: 12px; font-size: 20px; font-weight: 300; background: transparent; border: none; color: #7e7e7e; cursor: pointer; padding: 0; z-index: 10; } .cky-bfcm-close[data-v-482f98af]:hover { opacity: 0.7; } @media (max-width: 1200px) { .cky-bfcm-banner-content[data-v-482f98af] { flex-wrap: wrap; gap: 24px; } .cky-bfcm-actions[data-v-482f98af] { flex-direction: column; align-items: flex-start; gap: 16px; } } @media (max-width: 782px) { .cky-bfcm-banner[data-v-482f98af] { padding: 16px; } .cky-bfcm-banner-content[data-v-482f98af] { flex-direction: column; align-items: flex-start; gap: 20px; } .cky-bfcm-logo[data-v-482f98af] { width: 100%; } .cky-bfcm-message-title[data-v-482f98af] { font-size: 16px; line-height: 24px; } } @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-bfcm-active.cky-dashboard-route .cky-app-body { padding-top: 179px; } .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-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 { cursor: pointer; 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-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-app-wrap .cky-connect-modal .cky-app-modal { max-width: 439px; border-radius: 12px; background: #FFF; } .cky-app-wrap .cky-connect-modal .cky-app-modal-footer { padding: 20px 30px 30px 30px; } .cky-app-wrap .cky-connect-modal .cky-app-modal-body { padding: 30px 30px 0px 30px; } .cky-app-wrap .cky-connect-modal .cky-button-close { top: 15px; right: 10px; } .cky-app-wrap .cky-connect-modal a.cky-login-and-connect { font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; color: #1578F7; text-decoration: none; } .cky-app-wrap .cky-connect-modal a.cky-login-and-connect:hover { text-decoration: none; } .cky-app-wrap .cky-connect-modal .cky-login-text { margin-top: 16px; margin-left: 10px; white-space: nowrap; } .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%; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings