File: /disk001/machen/www/support/wp-content/plugins/echo-knowledge-base/css/editor.css
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");
/*
justify-content:
- flex-start
- flex-end
- center
- space-between
- space-around
- space-evenly
align-items:
- stretch
- flex-start
- flex-end
- center
- baseline
*/
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
/*
start - aligns items to be flush with the start edge of their cell
end - aligns items to be flush with the end edge of their cell
center - aligns items in the center of their cell
stretch - fills the whole height of the cell (this is the default)
*/
/* rtl:ignore */
.epkb-color-picker {
width: 80px;
direction: ltr; }
.epkb-picker-container .hidden {
display: none; }
/* Needs higher specificiity. */
.epkb-picker-container .epkb-color-result.button {
min-height: 30px;
margin: 0 6px 6px 0px;
padding: 0 0 0 30px;
font-size: 11px; }
.epkb-color-result-text {
background: #f7f7f7;
border-radius: 0 2px 2px 0;
border-left: 1px solid #ccc;
color: #555;
display: block;
line-height: 2.54545455;
/* 28px */
padding: 0 6px;
text-align: center; }
.epkb-color-result:hover,
.epkb-color-result:focus {
background: #fafafa;
border-color: #999;
color: #23282d; }
.epkb-color-result:hover:after,
.epkb-color-result:focus:after {
color: #23282d;
border-color: #a0a5aa;
border-left: 1px solid #999; }
.epkb-picker-container {
display: inline-block; }
.epkb-color-result:focus {
border-color: #5b9dd9;
box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); }
.epkb-color-result:active {
/* See Trac ticket #39662 */
transform: none !important; }
.epkb-picker-open + .epkb-picker-input-wrap {
display: inline-block;
vertical-align: top; }
.epkb-picker-input-wrap label {
display: inline-block;
vertical-align: top; }
/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
.form-table .epkb-picker-input-wrap label {
margin: 0 !important; }
.epkb-picker-input-wrap .button.epkb-picker-default,
.epkb-picker-input-wrap .button.epkb-picker-clear,
.epkb-customizer .epkb-picker-input-wrap .button.epkb-picker-default,
.epkb-customizer .epkb-picker-input-wrap .button.epkb-picker-clear {
margin-left: 6px;
padding: 0 8px;
line-height: 2.54545455;
/* 28px */
min-height: 30px; }
.epkb-picker-container .iris-square-slider .ui-slider-handle:focus {
background-color: #555; }
.epkb-picker-container .iris-picker {
border-radius: 0;
border-color: #ddd;
margin-top: 6px; }
.epkb-picker-container input[type="text"].epkb-color-picker {
width: 4rem;
font-size: 12px;
font-family: monospace;
line-height: 2.33333333;
/* 28px */
margin: 0;
padding: 0 5px;
vertical-align: top;
min-height: 30px; }
.epkb-color-picker::-webkit-input-placeholder {
color: #72777c; }
.epkb-color-picker::-moz-placeholder {
color: #72777c;
opacity: 1; }
.epkb-color-picker:-ms-input-placeholder {
color: #72777c; }
.epkb-picker-container input[type="text"].iris-error {
background-color: #ffebe8;
border-color: #c00;
color: #000; }
.iris-picker .ui-square-handle:focus,
.iris-picker .iris-strip .ui-slider-handle:focus {
border-color: #007cba;
border-style: solid;
box-shadow: 0 0 0 1px #007cba;
outline: 2px solid transparent; }
.iris-picker .iris-palette:focus {
box-shadow: 0 0 0 2px #007cba; }
@media screen and (max-width: 782px) {
.epkb-picker-container input[type="text"].epkb-color-picker {
width: 5rem;
font-size: 16px;
line-height: 1.875;
/* 30px */
min-height: 32px; }
.epkb-customizer .epkb-picker-container input[type="text"].epkb-color-picker {
padding: 0 5px; }
.epkb-picker-input-wrap .button.epkb-picker-default,
.epkb-picker-input-wrap .button.epkb-picker-clear {
padding: 0 8px;
line-height: 2.14285714;
/* 30px */
min-height: 32px; }
.epkb-customizer .epkb-picker-input-wrap .button.epkb-picker-default,
.epkb-customizer .epkb-picker-input-wrap .button.epkb-picker-clear {
padding: 0 8px;
font-size: 14px;
line-height: 2.14285714;
/* 30px */
min-height: 32px; }
.epkb-picker-container .epkb-color-result.button {
padding: 0 0 0 40px;
font-size: 14px;
line-height: 2.14285714;
/* 30px */ }
.epkb-customizer .epkb-picker-container .epkb-color-result.button {
font-size: 14px;
line-height: 2.14285714;
/* 30px */ }
.epkb-picker-container .epkb-color-result-text {
padding: 0 14px;
font-size: inherit;
line-height: inherit; }
.epkb-customizer .epkb-picker-container .epkb-color-result-text {
padding: 0 10px; } }
[dit=rtl] {
/* Needs higher specificiity. */
/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */ }
[dit=rtl] .epkb-color-picker {
width: 80px;
direction: ltr; }
[dit=rtl] .epkb-picker-container .hidden {
display: none; }
[dit=rtl] .epkb-picker-container .epkb-color-result.button {
min-height: 30px;
margin: 0 0px 6px 6px;
padding: 0 30px 0 0;
font-size: 11px; }
[dit=rtl] .epkb-color-result-text {
background: #f7f7f7;
border-radius: 2px 0 0 2px;
border-right: 1px solid #ccc;
color: #555;
display: block;
line-height: 2.54545455;
/* 28px */
padding: 0 6px;
text-align: center; }
[dit=rtl] .epkb-color-result:hover,
[dit=rtl] .epkb-color-result:focus {
background: #fafafa;
border-color: #999;
color: #23282d; }
[dit=rtl] .epkb-color-result:hover:after,
[dit=rtl] .epkb-color-result:focus:after {
color: #23282d;
border-color: #a0a5aa;
border-right: 1px solid #999; }
[dit=rtl] .epkb-picker-container {
display: inline-block; }
[dit=rtl] .epkb-color-result:focus {
border-color: #5b9dd9;
box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); }
[dit=rtl] .epkb-color-result:active {
/* See Trac ticket #39662 */
transform: none !important; }
[dit=rtl] .epkb-picker-open + .epkb-picker-input-wrap {
display: inline-block;
vertical-align: top; }
[dit=rtl] .epkb-picker-input-wrap label {
display: inline-block;
vertical-align: top; }
[dit=rtl] .form-table .epkb-picker-input-wrap label {
margin: 0 !important; }
[dit=rtl] .epkb-picker-input-wrap .button.epkb-picker-default,
[dit=rtl] .epkb-picker-input-wrap .button.epkb-picker-clear,
[dit=rtl] .epkb-customizer .epkb-picker-input-wrap .button.epkb-picker-default,
[dit=rtl] .epkb-customizer .epkb-picker-input-wrap .button.epkb-picker-clear {
margin-right: 6px;
padding: 0 8px;
line-height: 2.54545455;
/* 28px */
min-height: 30px; }
[dit=rtl] .epkb-picker-container .iris-square-slider .ui-slider-handle:focus {
background-color: #555; }
[dit=rtl] .epkb-picker-container .iris-picker {
border-radius: 0;
border-color: #ddd;
margin-top: 6px; }
[dit=rtl] .epkb-picker-container input[type="text"].epkb-color-picker {
width: 4rem;
font-size: 12px;
font-family: monospace;
line-height: 2.33333333;
/* 28px */
margin: 0;
padding: 0 5px;
vertical-align: top;
min-height: 30px; }
[dit=rtl] .epkb-color-picker::-webkit-input-placeholder {
color: #72777c; }
[dit=rtl] .epkb-color-picker::-moz-placeholder {
color: #72777c;
opacity: 1; }
[dit=rtl] .epkb-color-picker:-ms-input-placeholder {
color: #72777c; }
[dit=rtl] .epkb-picker-container input[type="text"].iris-error {
background-color: #ffebe8;
border-color: #c00;
color: #000; }
[dit=rtl] .iris-picker .ui-square-handle:focus,
[dit=rtl] .iris-picker .iris-strip .ui-slider-handle:focus {
border-color: #007cba;
border-style: solid;
box-shadow: 0 0 0 1px #007cba;
outline: 2px solid transparent; }
[dit=rtl] .iris-picker .iris-palette:focus {
box-shadow: 0 0 0 2px #007cba; }
@media screen and (max-width: 782px) {
[dit=rtl] .epkb-picker-container input[type="text"].epkb-color-picker {
width: 5rem;
font-size: 16px;
line-height: 1.875;
/* 30px */
min-height: 32px; }
[dit=rtl] .epkb-customizer .epkb-picker-container input[type="text"].epkb-color-picker {
padding: 0 5px; }
[dit=rtl] .epkb-picker-input-wrap .button.epkb-picker-default,
[dit=rtl] .epkb-picker-input-wrap .button.epkb-picker-clear {
padding: 0 8px;
line-height: 2.14285714;
/* 30px */
min-height: 32px; }
[dit=rtl] .epkb-customizer .epkb-picker-input-wrap .button.epkb-picker-default,
[dit=rtl] .epkb-customizer .epkb-picker-input-wrap .button.epkb-picker-clear {
padding: 0 8px;
font-size: 14px;
line-height: 2.14285714;
/* 30px */
min-height: 32px; }
[dit=rtl] .epkb-picker-container .epkb-color-result.button {
padding: 0 40px 0 0;
font-size: 14px;
line-height: 2.14285714;
/* 30px */ }
[dit=rtl] .epkb-customizer .epkb-picker-container .epkb-color-result.button {
font-size: 14px;
line-height: 2.14285714;
/* 30px */ }
[dit=rtl] .epkb-picker-container .epkb-color-result-text {
padding: 0 14px;
font-size: inherit;
line-height: inherit; }
[dit=rtl] .epkb-customizer .epkb-picker-container .epkb-color-result-text {
padding: 0 10px; } }
body.epkb-edit-mode, body.epkb-editor-backend-mode {
font-family: 'Roboto', sans-serif;
margin: 0; }
body.epkb-frontend-loader--active #epkb-editor:after {
content: "";
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: no-drop;
position: absolute; }
body.epkb-frontend-save-block--active #epkb-editor .epkb-editor-footer-nav:after {
content: "";
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: no-drop;
position: absolute; }
@-webkit-keyframes section-outline {
0% {
opacity: 0; }
to {
opacity: 1; } }
@keyframes section-outline {
0% {
opacity: 0; }
to {
opacity: 1; } }
.epkb-editor-container {
background-color: #e6e9ec; }
.epkb-editor-container h1, .epkb-editor-container h2, .epkb-editor-container h3, .epkb-editor-container h4, .epkb-editor-container h5, .epkb-editor-container h6, .epkb-editor-container p, .epkb-editor-container a, .epkb-editor-container div, .epkb-editor-container span, .epkb-editor-container strong, .epkb-editor-container b, .epkb-editor-container i, .epkb-editor-container ol, .epkb-editor-container ul, .epkb-editor-container li, .epkb-editor-container section, .epkb-editor-container nav, .epkb-editor-container menu, .epkb-editor-container header, .epkb-editor-container form, .epkb-editor-container input, .epkb-editor-container button, .epkb-editor-container img, .epkb-editor-container legend, .epkb-editor-container label, .epkb-editor-container fieldset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
font-weight: normal;
line-height: 1;
text-align: left;
text-decoration: none;
border: none;
box-shadow: none;
box-sizing: border-box;
font-style: normal;
list-style-type: none;
list-style-image: none;
float: none; }
.epkb-editor-container input[type="text"]:focus,
.epkb-editor-container input[type="date"]:focus,
.epkb-editor-container input[type="email"]:focus,
.epkb-editor-container input[type="number"]:focus,
.epkb-editor-container input[type="password"]:focus,
.epkb-editor-container input[type="search"]:focus,
.epkb-editor-container input[type="tel"]:focus,
.epkb-editor-container input[type="url"]:focus,
.epkb-editor-container select:focus,
.epkb-editor-container textarea:focus {
border-color: #333333;
outline: 0 none; }
.epkb-editor-container input[type="text"],
.epkb-editor-container input[type="date"],
.epkb-editor-container input[type="email"],
.epkb-editor-container input[type="number"],
.epkb-editor-container input[type="password"],
.epkb-editor-container input[type="search"],
.epkb-editor-container input[type="tel"],
.epkb-editor-container input[type="url"],
.epkb-editor-container select,
.epkb-editor-container textarea {
border: solid 1px #d5dadf;
border-radius: 3px;
height: 100%; }
.epkb-editor-container a {
color: #106ecd;
text-decoration: underline; }
.epkb-editor-container select {
border: solid 1px #d5dadf;
border-radius: 3px;
font-size: 12px;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
text-transform: inherit;
letter-spacing: inherit;
flex-basis: 100%;
padding: 6px 0 6px 5px !important;
cursor: pointer;
height: 100%;
line-height: 1.5; }
.epkb-editor-container input {
border: solid 1px #d5dadf;
border-radius: 3px;
font-size: 12px;
width: 100%;
height: 100%;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #6d7882;
outline: none;
padding: 8px 0 8px 5px !important;
line-height: 1.5; }
.epkb-editor-container button {
border: 1px solid #d5dadf;
display: inline-block;
margin: 0;
font-weight: 400;
line-height: 1.5;
text-transform: none;
box-shadow: none !important; }
.epkb-editor-container button:hover {
cursor: pointer; }
.epkb-editor-container .epkb-editor-header-container {
position: relative;
width: 100%;
height: auto; }
.epkb-editor-container .epkb-editor-header-container:before {
display: none; }
.epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
background-color: #106ecd;
color: #fff; }
.epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner .epkb-editor-header__inner__menu-btn:hover {
cursor: pointer; }
.epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner .epkb-editor-header__inner__back-btn, .epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner .epkb-editor-header__inner__close-btn {
display: none;
cursor: pointer; }
.epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner .epkb-editor-header__inner__title {
font-size: 19px; }
.epkb-editor-container .epkb-editor-header-container .epkb-editor-header__inner .epkb-editor-header__inner__config:hover {
cursor: pointer; }
.epkb-editor-container .epkb-editor-settings-container {
height: calc( 100vh - 95px ); }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner {
height: 100%;
display: flex;
flex-direction: column; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container {
display: flex;
justify-content: space-evenly;
align-items: flex-start;
margin-bottom: 10px;
background-color: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab {
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
width: 100%;
padding: 10px;
position: relative;
cursor: pointer; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab:after {
display: none;
position: absolute;
bottom: 0;
left: 0;
content: '';
width: 100%;
height: 3px;
background: #2EA3F2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab.epkb-editor-settings__panel-navigation__tab--active:after {
display: block; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab.epkb-editor-settings__panel-navigation__tab--disabled {
color: #C2C2C2;
cursor: default; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab.epkb-editor-settings__panel-navigation__tab--disabled:after {
background: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab .epkb-editor-settings__panel-navigation__tab__icon {
margin-bottom: 10px;
position: relative; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab .epkb-editor-settings__panel-navigation__tab__title {
font-size: 16px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container .epkb-editor-settings__panel-navigation__tab .epkb-editor-settings__panel-navigation__tab__counter {
background-color: red;
color: white;
display: inline-block;
border-radius: 50%;
font-size: 10px;
width: 18px;
height: 18px;
line-height: 20px;
text-align: center;
position: absolute;
left: 100%;
margin-left: 10px;
animation: 3s epkb-pulsate infinite; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container:hover .epkb-editor-settings__panel-navigation__tab:after {
display: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-navigation-container:hover .epkb-editor-settings__panel-navigation__tab:hover:after {
display: block; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container {
position: relative;
height: 100%;
overflow: auto;
background-color: #ffffff; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container .epkb-editor-settings__panel {
display: none;
flex-direction: column;
padding-top: 15px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container .epkb-editor-settings__panel--active {
display: flex; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container .epkb-editor-settings__help {
display: flex;
justify-content: center;
align-items: center;
padding: 50px 25px;
font-size: 15px;
flex-wrap: wrap; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container .epkb-editor-settings__help a {
color: #6d7882; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container .epkb-editor-settings__help a:hover {
color: #2EA3F2;
text-decoration: underline; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings__inner .epkb-editor-settings__panel-content-container .epkb-editor-settings__help .epkb-editor-settings__help-docs {
width: 100%;
margin-bottom: 30px;
text-align: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-container {
padding: 7px 20px 8px 20px;
transition: 1s; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-container.epkb-editor-settings--highlight {
background: lightgreen; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-header {
font-size: 15px;
font-weight: bold;
padding: 20px 20px 15px 20px;
margin-top: 15px;
border-top: 1px solid #e6e9ec; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-header-desc {
padding: 20px 20px 15px 20px;
margin-top: 15px;
border-top: 1px solid #e6e9ec; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-header-desc .epkb-editor-settings-control-type-header-desc__title {
font-size: 15px;
font-weight: bold; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-header-desc .epkb-editor-settings-control-type-header-desc__desc {
font-size: 12px;
padding-top: 10px;
font-style: italic; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor__info {
line-height: 1.3;
font-style: italic; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor__info a {
font-style: italic; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor__info .epkbfa-info-circle {
color: #2EA3F2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field {
display: flex;
justify-content: flex-start;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
flex-shrink: 0;
font-size: 13px;
line-height: 1;
max-width: 47%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 52%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field .epkb-editor-settings-control__input select {
width: 100%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field.epkb-editor-settings-control__field--descriptive {
align-items: flex-start;
padding-bottom: 30px;
position: relative; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field.epkb-editor-settings-control__field--descriptive .epkb-editor-settings-control__title-wrap {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 13px;
padding-top: 8px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field.epkb-editor-settings-control__field--descriptive .epkb-editor-settings-control__title-wrap .epkb-editor-settings-control__title-description {
position: absolute;
bottom: 0;
left: 0;
width: 100%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select .epkb-editor-settings-control__field.epkb-editor-settings-control__field--descriptive .epkb-editor-settings-control__title-wrap .epkb-editor-settings-control__info-content {
font-style: italic;
margin-left: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--small .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
max-width: 75%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--small .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
width: 30%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--large .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
max-width: 30%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--large .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
width: 60%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--medium .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
max-width: 30%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--medium .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
width: 45%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--prev-next .epkb-editor-settings-control-type-select--buttons {
display: flex;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--prev-next .epkb-editor-settings-control-type-select--buttons .epkb-editor-settings-control-type-select--label {
width: 100%;
text-align: center;
font-size: 14px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--prev-next .epkb-editor-settings-control-type-select--buttons .epkb-editor-settings-control-type-select--prev-button, .epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--prev-next .epkb-editor-settings-control-type-select--buttons .epkb-editor-settings-control-type-select--next-button {
cursor: pointer; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--prev-next .epkb-editor-settings-control-type-select--buttons .epkb-editor-settings-control-type-select--prev-button:hover, .epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-select.epkb-editor-settings-control-type-select--prev-next .epkb-editor-settings-control-type-select--buttons .epkb-editor-settings-control-type-select--next-button:hover {
color: #106ecd; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text .epkb-editor-settings-control__title {
flex-shrink: 0;
font-size: 13px;
line-height: 1; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text textarea {
border-radius: 3px;
font-size: 12px;
width: 100%;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #6d7882;
border: 1px solid;
outline: none;
padding: 5px;
border-color: #d5dadf;
height: 70px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text textarea:focus {
box-shadow: 0 0 0px 1px #2EA3F2 inset; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--full .epkb-editor-settings-control__field {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--full .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
width: 100%;
margin-top: 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--inline .epkb-editor-settings-control__field {
display: flex;
justify-content: flex-start;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--inline .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
max-width: 47%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--inline .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 52%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--small .epkb-editor-settings-control__field {
display: flex;
justify-content: flex-start;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--small .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
max-width: 75%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-text.epkb-control-text--small .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 30%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__field {
display: flex;
justify-content: flex-start;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
flex-shrink: 0;
font-size: 13px;
line-height: 1;
max-width: 47%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 75%;
display: flex;
justify-content: flex-end;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__field .epkb-editor-settings-control__input input {
width: 100%;
margin-left: auto;
text-align: right; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__slider.ui-slider {
height: 3px;
margin: 15px 0;
position: relative;
background: #2EA3F2;
border-right: 9px solid #2EA3F2;
border-left: 9px solid #2EA3F2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number .epkb-editor-settings-control__slider.ui-slider .ui-slider-handle {
display: block;
width: 19px;
height: 19px;
position: absolute;
top: -8px;
border: 1px solid #2EA3F2;
border-radius: 50%;
background: white;
cursor: pointer;
margin-left: -9px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number.epkb-editor-settings-control-type-number--small .epkb-editor-settings-control__title {
max-width: 75%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number.epkb-editor-settings-control-type-number--small .epkb-editor-settings-control__input {
width: 30%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number.epkb-editor-settings-control-type-number--slider .epkb-editor-settings-control__title {
max-width: 75%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-number.epkb-editor-settings-control-type-number--slider .epkb-editor-settings-control__input {
width: 30%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field {
display: flex;
justify-content: space-between;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
flex-shrink: 0;
font-size: 13px;
line-height: 1;
max-width: 75%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 24%;
text-align: right; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control__input__toggle:checked ~ .epkb-editor-settings-control__input__label {
background: #71d7f7; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control__input__toggle:checked ~ .epkb-editor-settings-control__input__label:before {
color: #71d7f7; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control__input__toggle:checked ~ .epkb-editor-settings-control__input__label:after {
color: #ffffff; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control__input__toggle:checked ~ .epkb-editor-settings-control__input__handle {
left: auto;
right: 2px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle {
position: relative;
display: inline-block;
vertical-align: top;
height: 24px;
background-color: #fff;
border-radius: 18px;
cursor: pointer;
width: 54px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle .epkb-editor-settings-control__input__toggle {
display: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle .epkb-editor-settings-control__input__label {
position: relative;
display: block;
height: inherit;
font-size: 10px;
text-transform: uppercase;
background: #eceeef;
border-radius: inherit;
transition: .15s ease-out;
transition-property: opacity,background; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle .epkb-editor-settings-control__input__label:before {
content: attr(data-off);
right: 3px;
color: #a4afb7;
position: absolute;
top: 2px;
width: 50%;
text-align: center;
line-height: 22px;
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle .epkb-editor-settings-control__input__label:after {
opacity: 1;
content: attr(data-on);
left: 3px;
color: #eceeef;
position: absolute;
top: 2px;
width: 50%;
text-align: center;
line-height: 22px;
transition: inherit; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-toggle .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-editor-settings-control-toggle .epkb-editor-settings-control__input__handle {
right: 1px;
-webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
position: absolute;
top: 3px;
left: 1px;
width: 18px;
height: 18px;
background: #fff;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: left .15s ease-out;
-o-transition: left .15s ease-out;
transition: left .15s ease-out; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field {
display: flex;
justify-content: space-between;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
flex-shrink: 0;
font-size: 13px;
line-height: 1;
max-width: 47%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input {
margin-left: auto;
max-width: 400px;
width: 52%;
text-align: right; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-color-result {
border-radius: 3px;
border: 1px solid #2EA3F2;
margin-right: 0;
margin-bottom: 0;
text-decoration: none !important;
outline: none;
box-shadow: none;
height: 33px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-color-result-text {
font-size: 0;
font-family: 'ep_icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 30px;
width: 31px;
height: 31px;
box-sizing: border-box;
position: relative;
border-radius: 0 3px 3px 0;
text-decoration: none !important; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-color-result-text:after {
position: absolute;
display: block;
font-size: 18px;
content: "юдо";
top: 1px;
left: 7px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container {
position: relative;
background: white; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container.epkb-picker-active .epkb-picker-input-wrap {
position: absolute;
top: 40px;
right: 0;
width: 257px;
background: white;
box-sizing: border-box;
border-radius: 3px 3px 0 0;
border: 1px solid #2EA3F2;
border-bottom: 0;
padding: 10px;
display: flex;
z-index: 2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container.epkb-picker-active .epkb-picker-input-wrap label {
display: block;
height: 32px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container.epkb-picker-active .epkb-picker-input-wrap label .epkb-color-picker {
width: 100%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container.epkb-picker-active .epkb-picker-input-wrap .epkb-picker-clear {
width: 49%;
line-height: 1;
text-decoration: none;
box-shadow: none;
text-align: center;
padding: 9px !important;
height: 32px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container.epkb-picker-active .epkb-picker-input-wrap .epkb-picker-clear:hover, .epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container.epkb-picker-active .epkb-picker-input-wrap .epkb-picker-clear:focus {
background: none;
border-color: black;
color: black; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container.epkb-picker-active .epkb-picker-holder {
position: absolute;
top: 85px;
right: 0;
border-radius: 0 0 3px 3px;
border: 1px solid #2EA3F2;
z-index: 2;
border: 1px solid #2EA3F2;
border-top: 0; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container.epkb-picker-active .epkb-picker-holder .iris-picker {
border: 0;
margin: 0; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container.epkb-picker-active .iris-picker {
min-height: 230px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container.epkb-picker-active .iris-picker .iris-square-handle {
top: -2px;
left: -2px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-color .epkb-editor-settings-control__field .epkb-editor-settings-control__input .epkb-picker-container.epkb-picker-active .iris-picker .iris-slider-offset {
top: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-separator {
border-bottom: solid 1px #e6e9ec;
margin-bottom: 20px;
margin-top: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-raw-html {
font-size: 13px;
line-height: 1; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice {
display: flex;
align-items: center;
border-radius: 5px;
padding: 10px 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 15px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice .epkb-editor-notice__icon {
width: 40px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice .epkb-editor-notice__title {
font-size: 15px;
line-height: 1.2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice.epkb-editor-settings-control-type-notice--default {
background: #106ecd;
color: white; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice.epkb-editor-settings-control-type-notice--edit-zone {
display: flex;
flex-direction: column;
background-color: #feff94;
border: solid 3px #eff17d;
border-radius: 14px;
padding: 0 20px 20px 40px;
margin-top: 100px;
color: #000;
text-align: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice.epkb-editor-settings-control-type-notice--edit-zone .epkb-editor-notice__icon {
width: 100%;
font-size: 60px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-notice.epkb-editor-settings-control-type-notice--edit-zone .epkb-editor-notice__icon .epkbfa-info {
border: solid 2px #000;
border-radius: 40px;
padding: 9px 28px;
margin-bottom: 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__header {
font-size: 13px;
line-height: 1;
margin-bottom: 10px;
display: flex;
justify-content: space-between; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields {
display: flex; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields input {
height: 35px;
line-height: 35px;
padding: 10px 0;
border-radius: 0;
border-right-width: 0;
text-align: center;
background: white;
position: relative; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields input:focus {
box-shadow: 0 0 0px 1px #2EA3F2 inset; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input__linking {
height: 35px;
line-height: 35px;
padding: 0 15px;
background: #eeeeee;
color: #106ecd;
border-radius: 0 3px 3px 0;
border-color: #d5dadf; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input__linking:focus {
outline: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input__linking.epkb-editor-settings-control__input__linking--active, .epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input__linking:hover {
background: #2EA3F2;
color: #fff; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input {
text-align: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input:first-child input {
border-radius: 3px 0 0 3px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions .epkb-editor-settings-control__fields .epkb-editor-settings-control__input .epkb-editor-settings-control__input__label {
font-size: 12px;
text-transform: uppercase;
color: lightgrey;
padding: 5px;
padding-right: 12px;
display: block; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions--count-2 .epkb-editor-settings-control__input:nth-child(1) {
flex: 2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-dimensions--count-2 .epkb-editor-settings-control__input:nth-child(2) {
flex: 2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-separator {
border-bottom: solid 1px #ddd;
margin: 20px 0px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label {
width: 48%;
cursor: pointer;
margin-bottom: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label input {
display: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label input + .epkb-editor-settings-control-image-select--label {
border: 6px solid lightgrey;
padding: 10px 5px;
border-radius: 4px;
height: 100%;
text-align: center;
text-transform: capitalize; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label input + .epkb-editor-settings-control-image-select--label img {
margin: auto;
margin-bottom: 5px;
max-width: 100%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label input + .epkb-editor-settings-control-image-select--label span {
font-size: 15px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label input:checked + .epkb-editor-settings-control-image-select--label {
border: 6px solid #39b54a; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select label:hover .epkb-editor-settings-control-image-select--label {
border-color: grey; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select .epkb-editor-settings-accordeon-item__description-line {
margin-top: 12px;
display: flex;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select .epkb-editor-settings-accordeon-item__description-line.epkb-editor-settings-accordeon-item__description-line--margin {
min-height: 17px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select .epkb-editor-settings-accordeon-item__description-line .epkb-editor-settings-accordeon-item__description-icon {
width: 30px;
text-align: center;
color: grey;
font-size: 14px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select .epkb-editor-settings-accordeon-item__description-line .epkb-editor-settings-accordeon-item__description-text {
width: 100%;
font-size: 9px;
text-transform: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select.epkb-editor-settings-control-type-image-select--themes {
padding: 7px 10px 8px 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select.epkb-editor-settings-control-type-image-select--themes .epkb-editor-settings-control-image-select--label {
position: relative; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select.epkb-editor-settings-control-type-image-select--themes .epkb-editor-settings-control-image-select--label .epkb-editor-settings-control-image-select-recommended {
position: absolute;
top: -19px;
left: 21px;
color: #FF8C00FF;
background-color: #fff;
border: solid 1px #ddd;
padding: 3px 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select.epkb-editor-settings-control-type-image-select--themes .epkb-editor-settings-control-image-select--label .epkb-editor-settings-control-image-select-name {
font-weight: bold; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-image-select.epkb-editor-settings-control-type-image-select--themes .epkb-editor-settings-control-image-select--label span {
display: block;
margin-bottom: 25px;
text-align: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-accordeon-item__description-learn-more {
text-align: center;
margin: 11px auto 20px;
font-size: 14px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-accordeon-item__description-learn-more p {
text-align: center;
margin-top: 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-accordeon-item__description-button {
text-align: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-accordeon-item__description-button .epkb-editor-btn {
padding: 8px 42px;
font-size: 16px;
border-radius: 3px;
line-height: 1.5;
height: 100%;
color: #ffffff;
background-color: #39b54a;
border: none;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 36px;
line-height: 1;
cursor: pointer; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-json-button input {
display: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-json-button input + .epkb-editor-settings-control-json-button--label {
text-align: center;
padding: 10px;
background: #ddd;
margin-bottom: 2px;
cursor: pointer; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-json-button input + .epkb-editor-settings-control-json-button--label:hover {
background: #aaa; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-json-button input:checked + .epkb-editor-settings-control-json-button--label {
background: #aaa; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units {
padding-bottom: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units .epkb-editor-settings-control__input {
display: flex;
justify-content: flex-end; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units .epkb-editor-settings-control__input input {
display: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units .epkb-editor-settings-control__input input + span {
font-size: 12px;
display: inline-block;
margin-left: 5px;
cursor: pointer;
text-transform: uppercase;
padding: 1px 6px;
border-radius: 4px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units .epkb-editor-settings-control__input input:checked + span, .epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-units .epkb-editor-settings-control__input input + span:hover {
background-color: #106ecd;
color: white; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-wp-editor .epkb-editor-settings-wpeditor_button {
width: 100%;
margin-top: 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control__info span {
color: #106ecd; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control__info {
position: relative; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control__info span.info-tooltip {
display: none;
position: absolute;
left: 22px;
border: 1px solid #999;
padding: 5px;
top: -2px;
color: #000;
width: 200px;
background: #eee; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control__info span.info-tooltip:after {
display: block;
content: "";
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #eee;
position: absolute;
top: 2px;
left: -4px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control__info span.info-tooltip:before {
display: block;
content: "";
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #999;
position: absolute;
top: 2px;
left: -5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control__info:hover span.info-tooltip {
display: inline-block; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control__description {
font-size: 12px;
margin-top: 8px;
line-height: 1.3;
font-style: italic; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control__description a {
font-size: 12px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-navigation {
padding-top: 25px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-navigation > ul {
padding: 0px 20px 15px 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-navigation > ul > li > ul > li {
margin: 15px 0; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-navigation > ul > li > ul > li > a > .epkb-editor-navigation__link__title {
font-weight: bold; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-navigation li {
padding-left: 10px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-navigation .epkb-editor-navigation__link {
display: block;
margin-bottom: 5px;
text-decoration: none;
color: #2EA3F2; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-navigation .epkb-editor-navigation__link .epkb-editor-navigation__link__help {
display: none;
color: #525252;
font-size: 13px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-navigation .epkb-editor-navigation__link:hover .epkb-editor-navigation__link__title {
text-decoration: underline; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-navigation .epkb-editor-navigation__link:hover .epkb-editor-navigation__link__help {
text-decoration: none;
display: inline;
vertical-align: 1px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-navigation .epkb-editor-navigation__activate-disabled-link {
display: block;
padding: 20px 20px 0px 20px;
color: #6d7882;
text-decoration: underline;
text-align: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-navigation .epkb-editor-settings-control-type-header {
border-top: 0;
padding-top: 0; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-typography .epkb-editor-settings-control__field {
position: relative;
display: flex;
justify-content: space-between;
align-items: center; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-typography .epkb-editor-settings-control__field .epkb-editor-settings-control__title {
font-size: 13px;
line-height: 1; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-typography .epkb-editor-settings-control__field .epkb-editor-settings-typography_button {
padding: 5px 7px;
border-radius: 3px;
border: 1px solid #2EA3F2;
font-size: 18px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-typography .epkb-editor-settings-control__field .epkb-editor-settings-typography_form {
position: absolute;
display: none; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-typography .epkb-editor-settings-control__field .epkb-editor-settings-typography_form.active {
display: block;
background: white;
box-shadow: 2px 2px 8px grey;
left: 0;
width: 100%;
top: 100%;
z-index: 5;
box-sizing: border-box;
padding: 20px;
margin-top: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-typography .epkb-editor-settings-control__field .epkb-editor-settings-typography_form.active .epkb-editor-settings-typography_field {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-typography .epkb-editor-settings-control__field .epkb-editor-settings-typography_form.active .epkb-editor-settings-typography_field .epkb-editor-settings-control__input {
width: 55%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-typography .epkb-editor-settings-control__field .epkb-editor-settings-typography_form.active .epkb-editor-settings-typography_field .epkb-editor-settings-control__input select {
width: 100%; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-typography .epkb-editor-settings-control__field .epkb-editor-settings-typography_form.active .epkb-editor-settings-typography_field .epkb-editor-settings-control__input input[type=number] {
padding-left: 9px !important; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-typography .epkb-editor-settings-control__field .epkb-editor-settings-typography_form.active .epkb-editor-settings-typography_field label {
min-width: 40%;
margin-right: 5%;
font-size: 14px; }
.epkb-editor-container .epkb-editor-settings-container .epkb-editor-settings-control-type-typography .epkb-editor-settings-control__field .epkb-editor-settings-typography_form.active .epkb-editor-settings-typography_field label + * {
max-width: 55%; }
.epkb-editor-container .epkb-editor-footer-container {
width: 100%;
min-height: 60px;
padding: 0;
background-color: #495157;
position: absolute;
bottom: 0; }
.epkb-editor-container .epkb-editor-footer-container:before {
display: none; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav {
display: flex;
justify-content: flex-end;
align-items: center;
width: auto;
flex-wrap: wrap; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-footer-nav__item {
text-align: center;
cursor: pointer;
color: #a4afb7;
padding: 7px; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-navigation {
padding: 8px 16px;
font-size: 16px;
border-radius: 3px;
line-height: 1.5;
height: 100%;
color: #ffffff;
background-color: #cd6310;
border: none;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 36px;
line-height: 1;
text-transform: uppercase; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-navigation span {
color: white; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-navigation:hover {
cursor: pointer; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-navigation.epkb-editor-show-navigation--active span {
color: white; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-save {
padding: 8px 16px;
font-size: 16px;
border-radius: 3px;
line-height: 1.5;
height: 100%;
color: #ffffff;
background-color: #39b54a;
border: none;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 36px;
line-height: 1;
text-transform: uppercase; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-save:hover {
cursor: pointer; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-exit {
padding: 8px 16px;
font-size: 16px;
border-radius: 3px;
color: #ffffff;
background-color: #8b978c;
border: none;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 36px;
line-height: 1;
text-transform: uppercase; }
.epkb-editor-container .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-exit:hover {
cursor: pointer; }
.epkb-editor-container .epkb-editor-settings-menu-container {
display: none;
padding: 10px; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group__title {
font-size: 16px;
margin-bottom: 5px; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group-items-container {
margin-bottom: 20px; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group-items-container .epkb-editor-settings-menu__group-item-container {
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: solid 1px #ddd;
padding: 10px 10px;
background-color: #fff;
color: #6d7882;
text-decoration: none; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group-items-container .epkb-editor-settings-menu__group-item-container:hover {
background-color: #f4f4f4; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group-items-container .epkb-editor-settings-menu__group-item-container .epkb-editor-settings-menu__group-item__icon {
font-size: 22px;
width: 50px;
text-align: center; }
.epkb-editor-container .epkb-editor-settings-menu-container .epkb-editor-settings-menu__inner .epkb-editor-settings-menu__group-container .epkb-editor-settings-menu__group-items-container .epkb-editor-settings-menu__group-item-container .epkb-editor-settings-menu__group-item__title {
font-size: 15px; }
.epkb-editor-container #epkb-editor-settings-panel-global {
padding: 0; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__links-container {
padding: 20px 10px;
background-color: #e6e9ec; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__links-container .epkb-editor-settings-menu__group-item-container {
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: solid 1px #ddd;
padding: 10px 10px;
background-color: #fff;
color: #6d7882;
text-decoration: none; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__links-container .epkb-editor-settings-menu__group-item-container:hover {
background-color: #f4f4f4; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__links-container .epkb-editor-settings-menu__group-item-container .epkb-editor-settings-menu__group-item__icon {
font-size: 22px;
width: 50px;
text-align: center; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__links-container .epkb-editor-settings-menu__group-item-container .epkb-editor-settings-menu__group-item__title {
font-size: 15px; }
.epkb-editor-container #epkb-editor-settings-panel-global .epkb-editor-settings-panel-global__settings-container {
padding-top: 20px; }
.epkb-editor-container.epkb-editor-container--navigator .epkb-editor-header__inner {
background: #cd6310; }
.epkb-editor-container.epkb-editor-container--navigator .epkb-editor-footer-container .epkb-editor-footer-nav .epkb-editor-navigation {
background: #cd6310; }
.epkb-editor-popup {
display: none; }
.epkb-editor-popup.epkb-editor-popup--active {
display: flex !important;
position: fixed;
top: 5%;
right: 0;
bottom: 5%;
left: 400px;
z-index: 150000;
width: calc(90% - 400px);
box-sizing: border-box;
background: white;
flex-direction: column;
border-radius: 25px;
justify-content: space-between;
-webkit-box-shadow: 0px 12px 21px -4px rgba(0, 0, 0, 0.46);
box-shadow: 0px 12px 21px -4px rgba(0, 0, 0, 0.46); }
.epkb-editor-popup.epkb-editor-popup--active .epkb-editor-popup__header {
text-align: center;
padding: 10px 15px;
margin-bottom: 30px;
font-size: 18.5px;
font-weight: bold;
border-bottom: 1px solid black;
background: #106ecd;
color: #ffffff;
border-top-left-radius: 25px;
border-top-right-radius: 25px; }
.epkb-editor-popup.epkb-editor-popup--active .epkb-editor-popup__body {
padding: 0 20px; }
.epkb-editor-popup.epkb-editor-popup--active .epkb-editor-popup__footer {
display: flex;
justify-content: center;
margin: 20px 0; }
.epkb-editor-popup.epkb-editor-popup--active .epkb-editor-popup__footer #epkb-editor-popup__button-update {
margin: 0 10px; }
.epkb-editor-popup.epkb-editor-popup--active .epkb-editor-popup__footer #epkb-editor-popup__button-cancel {
margin: 0 10px; }
.epkb-editor-popup.epkb-editor-popup--active #epkbeditormce_ifr {
height: calc( 100vh - 350px ) !important; }
#epkb-editor-iframe, #epkb-editor {
display: none; }
.epkb-edit-mode {
/* body */
overflow: hidden; }
.epkb-edit-mode:after {
content: "";
display: block;
position: absolute;
background: white;
left: 0;
top: 0;
width: 100%;
height: 130vh;
z-index: 2; }
.epkb-edit-mode #epkb-editor-iframe {
position: fixed;
top: 0px;
border: none;
left: 0;
right: 0;
z-index: 99998;
bottom: 0;
width: 100%;
height: calc( 100vh + 32px );
transition: 0.2s; }
.epkb-edit-mode #epkb-editor-iframe #epkb-editor-body {
height: 100%;
padding: 20px 0;
overflow: auto; }
.epkb-edit-mode.epkb-editor--active #wpadminbar {
display: none !important; }
.epkb-edit-mode.epkb-editor--active > div:not(.eckb-bottom-notice-message) {
display: none; }
.epkb-edit-mode.epkb-editor--active #epkb-editor-iframe {
left: 400px;
width: calc(100% - 400px) !important;
display: block; }
.epkb-edit-mode.epkb-editor--active #epkb-editor {
display: flex;
position: fixed;
flex-direction: column;
z-index: 99999999;
top: 0;
bottom: 0;
left: 0;
width: 400px;
border-right: 1px solid black; }
.epkb-edit-mode .media-modal {
left: 438px; }
.epkb-editor-preview {
/* iframe body */ }
.epkb-editor-preview #wpadminbar {
display: none; }
.epkb-editor-preview .epkb-editor-zone {
box-shadow: none;
cursor: pointer;
transition: 0.2s;
position: relative; }
.epkb-editor-preview .epkb-editor-zone.hover {
box-shadow: 0 0 0 3px #64b5f6 !important; }
.epkb-editor-preview .epkb-editor-zone--active-visibility .epkb-editor-zone__tabs {
position: absolute;
bottom: 100%;
left: -3px;
display: flex;
z-index: 99999999;
text-shadow: none;
color: #000; }
.epkb-editor-preview .epkb-editor-zone--active-visibility .epkb-editor-zone__tabs .epkb-editor-zone__tab--active, .epkb-editor-preview .epkb-editor-zone--active-visibility .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent {
font-size: 13px !important;
padding: 5px !important;
margin-bottom: 3px !important;
font-weight: bold !important; }
.epkb-editor-preview .epkb-editor-zone--active-visibility .epkb-editor-zone__tabs .epkb-editor-zone__tab--active {
background: #11f644; }
.epkb-editor-preview .epkb-editor-zone--active-visibility .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent {
background: #ddd;
margin-left: 10px !important; }
.epkb-editor-preview .epkb-editor-zone--active-visibility .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent-icon {
margin-left: 10px !important;
background-color: #ddd;
border-radius: 30px;
padding: 2px !important; }
.epkb-editor-preview .epkb-editor-zone--active {
box-shadow: 0 0 0 3px #11f644 !important; }
.epkb-editor-preview .epkb-editor-zone--active:hover {
box-shadow: 0 0 0 3px #11f644 !important; }
.epkb-editor-preview .epkb-editor-zone--active .epkb-editor-zone__tabs {
position: absolute;
bottom: 100%;
left: -3px;
display: flex;
z-index: 99999999;
text-shadow: none;
color: #000;
font-family: Roboto, sans-serif; }
.epkb-editor-preview .epkb-editor-zone--active .epkb-editor-zone__tabs .epkb-editor-zone__tab--active, .epkb-editor-preview .epkb-editor-zone--active .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent {
font-size: 13px !important;
padding: 5px !important;
margin-bottom: 3px !important;
font-weight: bold !important; }
.epkb-editor-preview .epkb-editor-zone--active .epkb-editor-zone__tabs .epkb-editor-zone__tab--active {
background: #11f644; }
.epkb-editor-preview .epkb-editor-zone--active .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent {
background: #ddd;
margin-left: 10px !important; }
.epkb-editor-preview .epkb-editor-zone--active .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent-icon {
margin-left: 10px !important;
background-color: #ddd;
border-radius: 30px;
padding: 2px !important; }
.epkb-editor-preview .epkb-editor-zone--active.sidebar_section_divider {
margin-top: 40px !important;
margin-left: 4px;
margin-right: 4px; }
.epkb-editor-preview .epkb-editor-zone--active#elay-sidebar-container-v2 {
padding-top: 25px; }
.epkb-editor-preview .epkb-editor-zone--active#elay-sidebar-container-v2 .epkb-editor-zone__tabs {
bottom: calc( 100% - 25px ); }
.epkb-editor-preview .epkb-top-category-box .section-head.epkb-category--top-warning {
background: white !important;
color: black !important; }
.epkb-editor-preview .epkb-top-category-box .section-head.epkb-category--top-warning .epkb-cat-icon {
color: red !important; }
.epkb-editor-preview .epkb-top-category-box .section-head.epkb-category--top-warning .epkb-cat-name {
color: #000000 !important;
font-size: 18px !important;
line-height: 1.25 !important;
font-family: Roboto !important;
font-weight: 400 !important; }
.epkb-editor-preview #eckb-article-page-container-v2 #eckb-page-bar-container.epkb-editor-zone--active {
box-shadow: 0 0 0 3px #11f644 !important;
margin: 3px 0 0 3px !important;
z-index: 999 !important;
width: calc(100% - 7px) !important; }
.epkb-editor-preview #eckb-article-page-container-v2 .epkb-editor-zone--active {
box-shadow: 0 0 0 3px #11f644 !important;
position: relative;
z-index: 999 !important; }
.epkb-editor-preview #eckb-article-page-container-v2 .epkb-editor-zone--active .eckb-editor-row-tag {
display: block;
position: absolute;
top: 0;
background-color: #7d7d7d;
color: #fff;
border-radius: 5px;
padding: 1px 7px;
opacity: 0.7;
z-index: 999;
font-size: 20px; }
.epkb-editor-preview #eckb-article-page-container-v2 .epkb-editor-zone--active .eckb-editor-row-tag.eckb-editor-row--left {
left: -69px; }
.epkb-editor-preview #eckb-article-page-container-v2 .epkb-editor-zone--active .eckb-editor-row-tag.eckb-editor-row--center {
left: 50%; }
.epkb-editor-preview #eckb-article-page-container-v2 .epkb-editor-zone--active .eckb-editor-row-tag.eckb-editor-row--right {
right: -69px; }
.epkb-editor-preview #eckb-article-page-container-v2 .eckb-editor-row-tag {
display: none; }
.epkb-editor-preview #eckb-article-left-sidebar.epkb-editor-zone {
margin: 3px; }
.epkb-editor-preview #eckb-article-right-sidebar.epkb-editor-zone {
margin: 3px; }
.epkb-editor-preview #eckb-article-content.epkb-editor-zone {
margin: 3px;
margin-top: 0; }
.epkb-editor-preview #elay-grid-layout-page-container .section-head.epkb-editor-zone {
margin-bottom: 3px; }
.epkb-editor-preview #eckb-article-left-sidebar.epkb-editor-zone--active {
margin: 3px; }
.epkb-editor-preview #eckb-article-right-sidebar.epkb-editor-zone--active {
margin: 3px; }
.epkb-editor-preview #eckb-article-content.epkb-editor-zone--active {
margin: 3px; }
.epkb-editor-preview .epkb-doc-search-container.epkb-editor-zone--active {
z-index: 99999999; }
.epkb-editor-preview #epkb-main-page-container .epkb-full > div:nth-child(2) > .epkb-editor-zone--active {
z-index: 99999999; }
.epkb-editor-preview .eckb-kb-template.epkb-editor-zone--active {
z-index: 99999999; }
.epkb-editor-preview .eckb-hd-toggle, .epkb-editor-preview .epkb-hd-toggle {
bottom: 42px !important; }
.epkb-editor-preview .epkb-editor-settings--highlight {
background: lightgreen;
transition: 1s; }
.eckb-bottom-notice-message {
/* notices */
position: fixed;
bottom: 0px;
left: 0px;
z-index: 999999999;
transition: all 0.5s ease-in-out;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
max-width: 400px; }
.eckb-bottom-notice-message .contents {
display: block;
position: relative;
font-size: 16px; }
.eckb-bottom-notice-message .contents h4 {
font-size: 16px;
margin: 0; }
.eckb-bottom-notice-message .contents span {
display: block;
border: solid 1px;
padding: 14px 30px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.eckb-bottom-notice-message .contents span p {
padding: 0;
margin: 0;
font-size: 1em; }
.eckb-bottom-notice-message .contents span a {
color: white; }
.eckb-bottom-notice-message .contents .general {
background-color: #e5e5e5;
border-color: #cccccc; }
.eckb-bottom-notice-message .contents .success {
background-color: #5cb85c;
border-color: #449d44;
color: #fff; }
.eckb-bottom-notice-message .contents .warning {
background-color: #F0BC71;
border-color: #eba643;
color: #fff; }
.eckb-bottom-notice-message .contents .attention {
background-color: #d0d849;
border-color: #bbc42a;
color: #5e5e5e; }
.eckb-bottom-notice-message .contents .error {
background-color: #d9534f;
border-color: #c9302c;
color: #fff; }
.eckb-bottom-notice-message .contents .error a {
color: #1168bf; }
.eckb-bottom-notice-message .contents .error.white-box {
background: #fff !important;
color: #000 !important;
border: 1px solid #ccc !important;
border-radius: 4px; }
.eckb-bottom-notice-message .contents .primary {
background-color: #2EA3F2;
border-color: #0e8bdf;
color: #fff; }
.eckb-bottom-notice-message .epkb-close-notice {
position: absolute;
top: 0;
right: 0;
padding: 5px;
opacity: .5;
font-size: 15px; }
.eckb-bottom-notice-message .epkb-close-notice:hover {
opacity: 1;
cursor: pointer; }
.eckb-bottom-notice-message.eckb-bottom-notice-message--left-aligned {
left: 0; }
.eckb-bottom-notice-message.eckb-bottom-notice-message--center-aligned {
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
max-width: 100vw;
height: 100vh; }
.eckb-bottom-notice-message.eckb-bottom-notice-message--center-aligned .epkb-editor-error--form-message-3 {
color: #d9534f;
padding: 5px 0;
font-weight: bold; }
.eckb-bottom-notice-message.eckb-bottom-notice-message--center-aligned:before {
content: "";
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8); }
.eckb-bottom-notice-message.eckb-bottom-notice-message--center-aligned .contents {
max-width: 90vw;
max-height: 90vh;
width: 500px;
overflow: auto;
font-family: sans-serif; }
.eckb-bottom-notice-message.eckb-bottom-notice-message--center-aligned .contents *:not(.epkbfa) {
font-family: sans-serif; }
.eckb-bottom-notice-message.eckb-bottom-notice-message--center-aligned .contents h4 {
margin-bottom: 8px; }
.eckb-bottom-notice-message.eckb-bottom-notice-message--center-aligned .contents #epkb-editor-error--form {
margin-top: 8px; }
.eckb-bottom-notice-message.eckb-bottom-notice-message--center-loader-bottom {
top: calc(50% + 130px);
bottom: auto;
transform: translate(-50%, -50%) !important;
left: 50%; }
.eckb-bottom-notice-message #epkb-editor-error--form-body label {
display: block;
font-size: 12px;
margin-bottom: 0; }
.eckb-bottom-notice-message #epkb-editor-error--form-body input, .eckb-bottom-notice-message #epkb-editor-error--form-body textarea {
width: 100%;
border: solid 1px #d5dadf;
border-radius: 3px;
font-size: 14px;
width: 100%;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #6d7882;
outline: none;
padding: 8px 0 8px 5px;
line-height: 1.5;
margin-bottom: 15px; }
.eckb-bottom-notice-message #epkb-editor-error--form-body .epkb-editor-error--form-btn-wrap {
padding-top: 10px;
text-align: center; }
.eckb-bottom-notice-message #epkb-editor-error--form-body .epkb-editor-error--form-btn-wrap .epkb-editor-error--form-btn {
padding: 8px 16px;
font-size: 15px;
border-radius: 3px;
line-height: 1.5;
color: #ffffff;
background-color: #39b54a;
border: none;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 36px;
line-height: 1;
text-transform: uppercase;
width: auto;
margin-bottom: 0;
vertical-align: middle;
text-decoration: none; }
.eckb-bottom-notice-message #epkb-editor-error--form-body .epkb-editor-error--form-btn-wrap .epkb-editor-error--form-btn[disabled] {
background-color: #8b978c; }
.eckb-bottom-notice-message #epkb-editor-error--form-body .epkb-editor-error--form-btn-wrap .epkb-editor-error--form-btn-cancel {
background-color: #8b978c;
position: static;
opacity: 1;
line-height: 20px;
height: 20px; }
.eckb-bottom-notice-message #epkb-editor-error--form-body .epkb-editor-error--form-response {
text-align: center; }
.epkb-edit-mode .eckb-bottom-notice-message {
left: 400px;
bottom: 0;
top: auto;
transform: none !important; }
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.epkb-editor-settings-panel-container {
border-bottom: 1px solid white;
display: none; }
.epkb-editor-settings-panel-container .epkb-editor-settings-accordeon-item__title {
text-align: center;
padding: 15px;
padding-top: 0; }
.epkb-editor-settings-panel-container .epkb-editor-settings-accordeon-item__description {
text-align: center;
padding: 10px 15px; }
.epkb-editor-settings-panel-container .epkb-editor-settings-accordeon-item__description .epkb-editor-settings__desc-links-container {
background-color: #f6f6f6;
border: 1px solid #ddd;
padding: 10px;
font-size: 13px;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
margin: 20px 0; }
.epkb-editor-settings-panel-container .epkb-editor-settings-accordeon-item__description .epkb-editor-settings__desc-links-container p {
margin: 10px 0;
padding: 0; }
.epkb-editor-settings-panel-container .epkb-editor-settings-accordeon-item__description .epkb-editor-settings__desc-links-container a {
color: #007cba; }
.epkb-editor-settings-panel-container .epkb-editor-settings-accordeon-item__description .epkb-editor-settings__desc-links-container .epkb-editor-settings__desc-link {
padding: 3px 10px;
width: 50%;
margin: 2px; }
.epkb-editor-settings-panel-container .epkb-editor-settings-accordeon-item__learn-more {
text-align: center;
padding: 10px 15px;
display: block;
width: 150px;
margin: auto;
border: 1px solid black;
border-radius: 4px;
font-size: 14px;
color: black; }
.epkb-editor-settings-panel-container#epkb-editor-settings-templates .epkb-editor-settings-accordeon-item__title {
padding-top: 18px;
text-transform: capitalize;
font-size: 18px;
letter-spacing: -0.4px; }
.epkb-editor-settings-panel-container#epkb-editor-settings-templates .epkb-editor-settings-accordeon-item__subtitle {
font-size: 15px;
text-align: center;
margin-bottom: 25px;
letter-spacing: -0.2px; }
.epkb-editor-settings-panel-container#epkb-editor-settings-templates .epkb-editor-settings-control-image-select span {
font-size: 12px;
line-height: 1.3;
margin-bottom: 18px; }
.epkb-editor-settings-panel-container#epkb-editor-settings-templates .epkb-editor-settings-control-image-select img {
margin-bottom: 10px; }
#epkb-editor-settings-panel-hidden .epkb-editor-settings-control-type-header {
text-align: center;
border: none;
border-bottom: 1px solid #e6e9ec;
padding-top: 0;
padding-bottom: 30px; }
.epkb-frontend-loader {
position: fixed;
left: 0;
right: 0;
top: 0px;
bottom: 0;
display: none;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.8);
z-index: 999999991; }
.epkb-frontend-loader.epkb-frontend-loader--active {
display: flex !important; }
.epkb-frontend-loader.epkb-frontend-loader--iframe {
left: 400px;
background: white; }
.epkb-frontend-loader .epkb-frontend-loader-icon {
border: dashed 6px #2EA3F2;
color: #2EA3F2;
padding: 30px 32px;
border-radius: 100px;
animation: epkb_spin 2s linear infinite; }
.epkb-frontend-loader .epkb-frontend-loader-icon:before {
font-size: 30px; }
@keyframes epkb_spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.epkb-editor-container a.epkb-comment-link {
color: #106ecd;
text-decoration: none; }
.epkb-showing-message .epkb-js-error-notice {
display: none !important; }
.epkb-editor-area {
width: 100%; }
.screen-reader-text {
display: none; }
/** Special values for the tabs when they are not visible */
.epkb-editor-preview #asea-doc-search-container > .epkb-editor-zone__tabs,
.epkb-editor-preview .eckb-kb-template > .epkb-editor-zone__tabs,
.epkb-editor-preview .epkb-doc-search-container > .epkb-editor-zone__tabs {
top: 0;
bottom: auto !important;
border-bottom: 3px solid #11f644 !important;
border-right: 3px solid #11f644 !important; }
.epkb-editor-preview #asea-doc-search-container > .epkb-editor-zone__tabs .epkb-editor-zone__tab--active, .epkb-editor-preview #asea-doc-search-container > .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent,
.epkb-editor-preview .eckb-kb-template > .epkb-editor-zone__tabs .epkb-editor-zone__tab--active,
.epkb-editor-preview .eckb-kb-template > .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent,
.epkb-editor-preview .epkb-doc-search-container > .epkb-editor-zone__tabs .epkb-editor-zone__tab--active,
.epkb-editor-preview .epkb-doc-search-container > .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent {
margin-bottom: -1px !important; }
.epkb-editor-preview #asea-doc-search-container > .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent,
.epkb-editor-preview .eckb-kb-template > .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent,
.epkb-editor-preview .epkb-doc-search-container > .epkb-editor-zone__tabs .epkb-editor-zone__tab--parent {
margin-right: -1px !important; }
.epkb-editor-preview #asea-sub-section-1-3.epkb-editor-zone--active {
z-index: 5555 !important; }
#epkb-editor[data-setting="templates"][data-preopen="templates"] .epkb-editor-header__inner__back-btn {
display: none !important; }
#epkb-editor[data-setting="templates"][data-preopen="templates"] .epkb-editor-header__inner__close-btn {
display: none !important; }
#epkb-editor[data-setting="templates"][data-preopen="templates"] .epkb-editor-header__inner__title {
width: 100%;
text-align: center; }
#epkb-editor[data-setting="templates"][data-preopen="templates"] .epkb-editor-settings__help {
display: none !important; }
#epkb-editor[data-setting="templates"][data-preopen="templates"] .epkb-editor-footer-container nav {
display: none; }
.epkb-dialog-box-form {
display: none;
background-color: #fff;
width: 700px;
position: fixed;
top: 40%;
left: 50%;
margin-left: -350px;
box-shadow: -2px 11px 20px 2px #000000;
border: solid 1px #efefef;
z-index: 999;
z-index: 9999999999; }
.epkb-dialog-box-form input[type="text"] {
width: 100%;
padding: 6px 12px;
margin: 5px 0;
border: solid 1px #d5dadf;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #2c2c2c;
background-color: #ffffff; }
.epkb-dialog-box-form input[type="text"]:focus {
border-color: #333333;
outline: 0 none;
box-shadow: 0 0 0 1px #333333; }
.epkb-dialog-box-form input[type="radio"] {
width: 20px;
height: 20px; }
.epkb-dialog-box-form input[type="radio"]:before {
width: 10px !important;
height: 10px !important; }
.epkb-dialog-box-form input[type="radio"]:before:checked {
width: 10px !important;
height: 10px !important; }
.epkb-dialog-box-form input[type="radio"]:checked + label {
font-weight: bold; }
.epkb-dialog-box-form input[type="checkbox"] {
width: 20px;
height: 20px; }
.epkb-dialog-box-form input[type="checkbox"]:before {
width: 10px;
height: 10px;
margin: -1px 0px 0px -1px; }
.epkb-dialog-box-form input[type="checkbox"]:checked + label {
font-weight: bold; }
.epkb-dialog-box-form select {
padding: 6px 12px;
border-radius: 4px;
border: 1px solid #ddd;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
background-color: #fff;
color: #32373c;
outline: none;
transition: 0.05s border-color ease-in-out;
height: 41px;
font-size: 16px; }
.epkb-dialog-box-form .epkb-dbf__header {
padding: 20px 20px 20px 20px;
border-bottom: solid 1px #ddd;
background-color: #fcfcfc; }
.epkb-dialog-box-form .epkb-dbf__header h4 {
font-size: 22px;
margin: 0; }
.epkb-dialog-box-form .epkb-dbf__body {
padding: 20px; }
.epkb-dialog-box-form .epkb-dbf__form {
padding: 20px; }
.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input {
margin-bottom: 10px;
display: grid;
grid-template-rows: auto;
align-items: center;
grid-template-columns: 25% 25% 25% 25%;
grid-template-areas: "textLabel textLabel textInput textInput" "radiolabel radio radio rado" "checklabel checkbox checkbox checkbox"; }
.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-text-label {
grid-area: textLabel; }
.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-radio-label {
grid-area: radiolabel; }
.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-checkbox-label {
grid-area: checklabel; }
.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type="text"] {
grid-area: textInput; }
.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type="radio"] {
grid-area: radio; }
.epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type="checkbox"] {
grid-area: checkbox; }
.epkb-dialog-box-form .epkb-dbf__footer {
background-color: #f7f7f7;
padding: 10px;
display: grid;
grid-template-rows: auto;
align-items: center;
grid-template-columns: auto 50%;
border-top: solid 1px #ddd; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept {
text-transform: uppercase;
margin: 10px; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept:hover {
cursor: pointer; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept .epkb-dbf__footer__accept__btn {
display: block;
padding: 20px;
text-align: center;
font-size: 17px;
font-weight: bold; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success {
background-color: #78b956;
color: #fff; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success:hover {
background-color: #8fdd7d; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error {
background-color: #d95651;
color: #fff; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error:hover {
background-color: #e27f7b; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning {
background-color: #F0BC71;
color: #fff; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning:hover {
background-color: #f5d29f; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default {
background-color: #ddd;
color: #000; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default:hover {
background-color: #e7e7e7; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary {
background-color: #2EA3F2;
color: #fff; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary:hover {
background-color: #2EA3F2; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel {
background-color: #ddd;
color: #636262;
text-transform: uppercase;
margin: 10px; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel:hover {
cursor: pointer;
background-color: #e7e7e7; }
.epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel .epkb-dbf__footer__cancel__btn {
display: block;
padding: 20px;
text-align: center;
font-size: 17px;
font-weight: bold; }
.epkb-dialog-box-form .epkb-dbf__close {
position: absolute;
top: 9px;
right: 10px;
padding: 8px; }
.epkb-dialog-box-form .epkb-dbf__close:before {
font-size: 25px; }
.epkb-dialog-box-form .epkb-dbf__close:hover {
cursor: pointer;
opacity: .7;
box-shadow: inset 0 0 0 1px #ccd0d4, inset 0 0 0 2px #fff;
border-radius: 4px; }
.epkb-dialog-box-form--active {
display: block !important; }
.epkb-dialog-box-form--active + .epkb-dialog-box-form-black-background {
display: block !important;
z-index: 999999999; }
.epkb-dialog-box-form-black-background {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000c;
z-index: 9; }
@keyframes epkb-pulsate {
0% {
box-shadow: 0 0 0px red; }
20% {
box-shadow: 0 0 0px 3px red; }
40% {
box-shadow: 0 0 0px red; }
100% {
box-shadow: 0 0 0px red; } }