/* This applied only when KB Main Page does not have content - normally can happen only on new KB(s) setup */
/**
* Notifications on the frontend for logged in users with correct access that are hidden for other users
* (use '!important' to insure any extra frontend styles are ignored for this particular content)
*/
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
#epkb-main-page-container .eckb-kb-no-content,
#epkb-modular-main-page-container .eckb-kb-no-content {
display: block !important;
padding: 25px !important;
background-color: #eee;
margin: 50px auto;
width: 50%;
border: solid 1px #ddd;
border-radius: 10px;
font-family: sans-serif; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-title,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-title {
text-align: center !important;
font-family: inherit;
font-weight: bold;
font-size: 29px; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body {
text-align: center; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body p,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body p {
padding: 10px 0; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn {
display: inline-block;
height: fit-content;
background-color: #2EA3F2;
padding: 10px;
position: relative;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-align: center;
text-decoration: none;
color: #fff;
border: solid 1px #186f8f;
background-image: linear-gradient(bottom, #2EA3F2, #3EB8E5);
background-image: -o-linear-gradient(bottom, #2EA3F2, #3EB8E5);
background-image: -moz-linear-gradient(bottom, #2EA3F2, #3EB8E5);
background-image: -webkit-linear-gradient(bottom, #2EA3F2, #3EB8E5);
background-image: -ms-linear-gradient(bottom, #2EA3F2, #3EB8E5);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2EA3F2), color-stop(1, #3EB8E5));
border-radius: 5px;
box-shadow: inset 0px 1px 0px #7FD2F1, 0px 1px 0px #fff;
font-size: 20px; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn a,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn a {
text-decoration: none; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn:hover,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn:hover {
cursor: pointer;
background-image: linear-gradient(bottom, #0e8bdf, #3EB8E5);
background-image: -o-linear-gradient(bottom, #0e8bdf, #3EB8E5);
background-image: -moz-linear-gradient(bottom, #0e8bdf, #3EB8E5);
background-image: -webkit-linear-gradient(bottom, #0e8bdf, #3EB8E5);
background-image: -ms-linear-gradient(bottom, #0e8bdf, #3EB8E5);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0e8bdf), color-stop(1, #3EB8E5));
border-radius: 5px; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn:focus,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-body a.eckb-kb-no-content-btn:focus {
outline: 0; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-footer,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-footer {
margin-left: 20px !important; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-footer p,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-footer p {
margin-top: 25px !important;
font-size: 16px !important;
font-family: Nunito,sans-serif !important;
font-style: italic !important; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-footer span,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-footer span {
font-size: 16px !important;
font-family: Nunito,sans-serif !important;
font-style: italic !important; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-footer a,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-footer a {
color: #2ea3f2 !important;
font-size: 16px !important;
font-family: Nunito,sans-serif !important;
font-style: italic !important; }
#epkb-main-page-container .eckb-kb-no-content .eckb-kb-no-content-footer a:hover,
#epkb-modular-main-page-container .eckb-kb-no-content .eckb-kb-no-content-footer a:hover {
color: #0e8bdf !important;
text-decoration: underline !important;
text-decoration-color: #0e8bdf !important; }
#epkb-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading {
background-color: #fff !important;
max-width: 30% !important;
width: 300px !important;
position: fixed !important;
top: 30% !important;
left: 50% !important;
margin-left: -150px !important;
box-shadow: 0 3px 4px 0 #000000 !important;
border: solid 4px #3b3b3b !important;
z-index: 999 !important; }
#epkb-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header {
padding: 20px 20px 20px 20px !important;
text-align: center !important; }
#epkb-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon {
border: dashed 6px #2EA3F2 !important;
color: #2EA3F2 !important;
padding: 30px !important;
border-radius: 100px !important;
margin-bottom: 30px !important;
animation: epkb_spin 2s linear infinite; }
#epkb-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon:before,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-icon:before {
font-size: 30px !important; }
#epkb-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-text,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__header .epkb-admin-dbl-text {
color: #2EA3F2 !important;
font-size: 32px !important;
font-weight: bold !important;
margin: 0 !important; }
#epkb-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__body,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-loading .epkb-admin-dbl__body {
padding: 20px !important;
text-align: center !important; }
#epkb-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-overlay,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-admin-dialog-box-overlay {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
background-color: rgba(0, 0, 0, 0.7) !important;
z-index: 100 !important;
animation: edit-post__fade-in-animation 0.2s ease-out 0s !important;
animation-fill-mode: forwards !important; }
@keyframes epkb_spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form,
#epkb-modular-main-page-container .eckb-kb-no-content .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; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="text"],
#epkb-modular-main-page-container .eckb-kb-no-content .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-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="text"]:focus,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="text"]:focus {
border-color: #333333;
outline: 0 none;
box-shadow: 0 0 0 1px #333333; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="radio"],
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="radio"] {
width: 20px;
height: 20px; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="radio"]:before,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="radio"]:before {
width: 10px !important;
height: 10px !important; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="radio"]:before:checked,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="radio"]:before:checked {
width: 10px !important;
height: 10px !important; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="radio"]:checked + label,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="radio"]:checked + label {
font-weight: bold; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="checkbox"],
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="checkbox"] {
width: 20px;
height: 20px; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="checkbox"]:before,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="checkbox"]:before {
width: 10px;
height: 10px;
margin: -1px 0px 0px -1px; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="checkbox"]:checked + label,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form input[type="checkbox"]:checked + label {
font-weight: bold; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form select,
#epkb-modular-main-page-container .eckb-kb-no-content .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-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__header,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__header {
padding: 20px 20px 20px 20px;
border-bottom: solid 1px #ddd;
background-color: #fcfcfc; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__header h4,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__header h4 {
font-size: 22px;
margin: 0; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__body,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__body {
padding: 20px; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form {
padding: 20px; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input,
#epkb-modular-main-page-container .eckb-kb-no-content .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-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-text-label,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-text-label {
grid-area: textLabel; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-radio-label,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-radio-label {
grid-area: radiolabel; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-checkbox-label,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-checkbox-label {
grid-area: checklabel; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type="text"],
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type="text"] {
grid-area: textInput; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type="radio"],
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type="radio"] {
grid-area: radio; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type="checkbox"],
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type="checkbox"] {
grid-area: checkbox; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer,
#epkb-modular-main-page-container .eckb-kb-no-content .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-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept {
text-transform: uppercase;
margin: 10px; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept:hover,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept:hover {
cursor: pointer; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept .epkb-dbf__footer__accept__btn,
#epkb-modular-main-page-container .eckb-kb-no-content .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-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success {
background-color: #78b956;
color: #fff; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success:hover,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success:hover {
background-color: #8fdd7d; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error {
background-color: #d95651;
color: #fff; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error:hover,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error:hover {
background-color: #e27f7b; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning {
background-color: #F0BC71;
color: #fff; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning:hover,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning:hover {
background-color: #f5d29f; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default {
background-color: #ddd;
color: #000; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default:hover,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default:hover {
background-color: #e7e7e7; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary {
background-color: #2EA3F2;
color: #fff; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary:hover,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary:hover {
background-color: #2EA3F2; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel {
background-color: #ddd;
color: #636262;
text-transform: uppercase;
margin: 10px; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel:hover,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel:hover {
cursor: pointer;
background-color: #e7e7e7; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel .epkb-dbf__footer__cancel__btn,
#epkb-modular-main-page-container .eckb-kb-no-content .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-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__close,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__close {
position: absolute;
top: 9px;
right: 10px;
padding: 8px; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__close:before,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__close:before {
font-size: 25px; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form .epkb-dbf__close:hover,
#epkb-modular-main-page-container .eckb-kb-no-content .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-main-page-container .eckb-kb-no-content .epkb-dialog-box-form--active,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form--active {
display: block; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form--active + .epkb-dialog-box-form-black-background,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form--active + .epkb-dialog-box-form-black-background {
display: block; }
#epkb-main-page-container .eckb-kb-no-content .epkb-dialog-box-form-black-background,
#epkb-modular-main-page-container .eckb-kb-no-content .epkb-dialog-box-form-black-background {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000c;
z-index: 9; }