PluginProbe
Echo Knowledge Base – Documentation, FAQs, Chat & Smart Search / trunk
Echo Knowledge Base – Documentation, FAQs, Chat & Smart Search vtrunk
17.214.0 17.213.1 17.212.0 17.211.0 17.210.0 17.200.0 11.0.0 12.0.0 13.10.0 14.0.0 15.0.0 16.011.0 16.20.0 17.0.1 17.0.4 17.1.0 17.1.2 17.111.0 17.3.0 17.4.0 trunk
echo-knowledge-base / css / frontend-editor.css

frontend-editor.css in Echo Knowledge Base – Documentation, FAQs, Chat & Smart Search trunk, at css/frontend-editor.css

2,441 lines 79.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 CSS For General CSS used by all pages, not specific to a certain page.
3 If it's used only on a specific page, then add it to that scss file with the correct prefix
4
5 Please try to prefix everything here with: .epkb-
6
7 */
8 @import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");
9 @keyframes spin {
10 0% {
11 transform: rotate(0deg);
12 }
13 100% {
14 transform: rotate(360deg);
15 }
16 }
17 .epkb-notification-box-middle {
18 font-size: 1.2em;
19 padding: 0.5em !important;
20 margin: 1em 0;
21 display: flex;
22 align-items: center;
23 border-left-width: 0.4em !important;
24 border-left-style: solid !important;
25 width: 100%;
26 color: #000000;
27 }
28 .epkb-notification-box-middle .epkb-notification-box-middle__icon {
29 font-size: 2em;
30 }
31 .epkb-notification-box-middle .epkb-notification-box-middle__icon .epkb-notification-box-middle__icon__inner {
32 padding: 0;
33 border-radius: 0;
34 }
35 .epkb-notification-box-middle .epkb-notification-box-middle__body {
36 padding-left: 1em;
37 }
38 .epkb-notification-box-middle .epkb-notification-box-middle__body .epkb-notification-box-middle__body__title {
39 margin: 0 0 8px 0;
40 }
41 .epkb-notification-box-middle .epkb-notification-box-middle__body .epkb-notification-box-middle__body__desc {
42 margin-bottom: 0;
43 line-height: 22px;
44 }
45 .epkb-notification-box-middle .epkb-notification-box-middle__buttons-wrap {
46 text-align: center;
47 }
48 .epkb-notification-box-middle .epkb-notification-box-middle__buttons-wrap .epkb-notification-box-middle__button-confirm {
49 padding: 10px 20px;
50 min-width: 100px;
51 height: auto;
52 font-size: 16px;
53 text-decoration: none;
54 display: inline-block;
55 background-color: #2EA3F2;
56 color: #FFFFFF;
57 text-align: center;
58 margin-top: 20px;
59 cursor: pointer;
60 }
61
62 .epkb-notification-box-middle--success {
63 border-left-color: #78B956 !important;
64 background-color: #DDEDD4 !important;
65 }
66 .epkb-notification-box-middle--success .epkb-notification-box-middle__icon {
67 color: #78B956;
68 }
69
70 .epkb-notification-box-middle--error {
71 border-left-color: #D95651 !important;
72 background-color: #F9E4E4 !important;
73 }
74 .epkb-notification-box-middle--error .epkb-notification-box-middle__icon {
75 color: #D95651;
76 }
77
78 .epkb-notification-box-middle--error-no-icon {
79 border-left-color: #D95651 !important;
80 background-color: #F9E4E4 !important;
81 }
82 .epkb-notification-box-middle--error-no-icon .epkb-notification-box-middle__icon {
83 display: none;
84 }
85 .epkb-notification-box-middle--error-no-icon .epkb-notification-box-middle__icon {
86 color: #D95651;
87 }
88
89 .epkb-notification-box-middle--warning {
90 border-left-color: #F0BC71 !important;
91 background-color: #FFFFFF !important;
92 }
93 .epkb-notification-box-middle--warning .epkb-notification-box-middle__icon {
94 color: #F0BC71;
95 }
96
97 .epkb-notification-box-middle--info {
98 border-left-color: #2EA3F2 !important;
99 background-color: #D6EDFC !important;
100 }
101 .epkb-notification-box-middle--info .epkb-notification-box-middle__icon {
102 color: #2EA3F2;
103 }
104
105 .epkb-hidden {
106 display: none !important;
107 }
108
109 #epkb-fe__editor {
110 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
111 margin: 0;
112 padding: 0;
113 border: 0;
114 outline: 0;
115 vertical-align: baseline;
116 font-weight: normal;
117 line-height: 1;
118 text-align: left;
119 text-decoration: none;
120 border: none;
121 box-shadow: none;
122 box-sizing: border-box;
123 font-style: normal;
124 list-style-type: none;
125 list-style-image: none;
126 float: none;
127 text-transform: none;
128 letter-spacing: 0;
129 height: auto;
130 position: fixed;
131 bottom: 0;
132 right: 20px;
133 width: 23vw;
134 height: calc(100vh - 33px);
135 min-width: 320px;
136 background: #FBFBFB;
137 box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.51);
138 font-size: 10px;
139 font-weight: normal;
140 z-index: 999999;
141 display: none;
142 padding: 0;
143 overflow-y: auto;
144 box-sizing: border-box;
145 color: #000000;
146 text-transform: none;
147 -ms-overflow-style: none; /* IE and Edge */
148 scrollbar-width: none; /* Firefox */
149 /**--------------------------------
150 CSS Unique for these settings
151 --------------------------------*/
152 /**--------------------------------
153 Override Settings
154 --------------------------------*/
155 }
156 #epkb-fe__editor::-webkit-scrollbar {
157 display: none;
158 }
159 #epkb-fe__editor * {
160 box-sizing: border-box;
161 background-image: none;
162 box-shadow: none;
163 }
164 #epkb-fe__editor h1 {
165 font-size: 1.7em;
166 }
167 #epkb-fe__editor h2 {
168 font-size: 1.7em;
169 }
170 #epkb-fe__editor h3 {
171 font-size: 1.6em;
172 }
173 #epkb-fe__editor h4 {
174 font-size: 1.5em;
175 }
176 #epkb-fe__editor h5 {
177 font-size: 1.4em;
178 }
179 #epkb-fe__editor h6 {
180 font-size: 1.3em;
181 }
182 #epkb-fe__editor h1, #epkb-fe__editor h2, #epkb-fe__editor h3, #epkb-fe__editor h4, #epkb-fe__editor h5, #epkb-fe__editor h6 {
183 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
184 font-weight: bold;
185 margin: 0 0 1em 0;
186 padding: 0;
187 }
188 #epkb-fe__editor p {
189 font-size: 1.3em;
190 line-height: 1.5;
191 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
192 }
193 #epkb-fe__editor p a {
194 font-size: 1em;
195 }
196 #epkb-fe__editor ul {
197 font-size: 1.3em;
198 line-height: 1.5;
199 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
200 margin: 0 0 0 20px;
201 padding: 0;
202 list-style-type: disc;
203 }
204 #epkb-fe__editor ul a {
205 font-size: 1em;
206 }
207 #epkb-fe__editor li {
208 line-height: 1.5;
209 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
210 margin-bottom: 10px;
211 }
212 #epkb-fe__editor a {
213 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
214 color: #2EA3F2;
215 text-decoration: none;
216 font-size: 1.3em;
217 line-height: 1.5;
218 }
219 #epkb-fe__editor label,
220 #epkb-fe__editor .epkb-main_label {
221 font-size: 1.3em;
222 line-height: 1;
223 margin: 0;
224 padding: 0;
225 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
226 }
227 #epkb-fe__editor label a,
228 #epkb-fe__editor .epkb-main_label a {
229 font-size: 1em;
230 }
231 #epkb-fe__editor input[type=text],
232 #epkb-fe__editor textarea {
233 font-size: 1.3em;
234 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
235 display: flex;
236 justify-content: center;
237 align-items: center;
238 text-align: left;
239 width: 100%;
240 padding: 0.6em 0.8em;
241 margin: 0.5em 0;
242 height: fit-content;
243 border: solid 1px #D5DADF;
244 line-height: 1em;
245 -webkit-box-shadow: none;
246 box-shadow: none;
247 -webkit-border-radius: 0.5em;
248 -moz-border-radius: 0.5em;
249 border-radius: 0.5em;
250 color: #2C2C2C;
251 background-color: #FFFFFF;
252 }
253 #epkb-fe__editor input[type=text]:focus,
254 #epkb-fe__editor textarea:focus {
255 border-color: #333333;
256 outline: 0 none;
257 box-shadow: 0 0 0 1px #333333;
258 }
259 #epkb-fe__editor input[type=checkbox]::before, #epkb-fe__editor input[type=checkbox]::after {
260 display: none;
261 }
262 #epkb-fe__editor input[type=checkbox]:checked {
263 background-color: #2EA3F2;
264 border-color: #2EA3F2;
265 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");
266 background-size: 80%;
267 background-position: center;
268 background-repeat: no-repeat;
269 }
270 #epkb-fe__editor .input_container {
271 padding: 0;
272 margin: 0;
273 }
274 #epkb-fe__editor .epkb-admin__text-field {
275 margin-bottom: 2em;
276 display: flex;
277 flex-direction: column;
278 align-items: flex-start;
279 gap: 0.1em;
280 }
281 #epkb-fe__editor .epkb-admin__text-field label {
282 width: 100%;
283 }
284 #epkb-fe__editor .epkb-admin__text-field .input_container {
285 width: 100%;
286 margin-left: 15px;
287 }
288 #epkb-fe__editor .epkb-admin__number-field {
289 margin-bottom: 2em;
290 display: flex;
291 flex-direction: row;
292 align-items: center;
293 gap: 1em;
294 }
295 #epkb-fe__editor .epkb-admin__number-field label {
296 width: fit-content;
297 }
298 #epkb-fe__editor .epkb-admin__number-field .input_container {
299 width: fit-content;
300 margin-left: 0;
301 }
302 #epkb-fe__editor .epkb-admin__number-field .input_container input {
303 max-width: 4.3em;
304 }
305 #epkb-fe__editor .epkb-input-custom-dropdown {
306 margin-bottom: 2em;
307 display: flex;
308 align-items: center;
309 gap: 2em;
310 }
311 #epkb-fe__editor .epkb-input-custom-dropdown label {
312 flex: 1;
313 }
314 #epkb-fe__editor .epkb-input-custom-dropdown .input_container {
315 flex: 1;
316 position: relative;
317 }
318 #epkb-fe__editor .epkb-input-custom-dropdown .epkb-input-custom-dropdown__input {
319 font-size: 1.3em;
320 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
321 display: flex;
322 justify-content: center;
323 align-items: center;
324 text-align: left;
325 width: 100%;
326 padding: 0.6em 0.8em;
327 margin: 5px 0;
328 border: solid 1px #D5DADF;
329 line-height: 1em;
330 min-height: fit-content;
331 -webkit-border-radius: 0.5em;
332 -moz-border-radius: 0.5em;
333 border-radius: 0.5em;
334 color: #2C2C2C;
335 background-color: #FFFFFF;
336 justify-content: space-between;
337 }
338 #epkb-fe__editor .epkb-input-custom-dropdown .epkb-input-custom-dropdown__input:hover {
339 cursor: pointer;
340 }
341 #epkb-fe__editor .epkb-input-custom-dropdown__options-list {
342 font-size: 1.2em;
343 min-width: 265px;
344 width: 265px;
345 display: none;
346 position: absolute;
347 top: 43px;
348 right: 0;
349 z-index: 1;
350 background-color: #FFFFFF;
351 border: solid 1px #D5DADF;
352 max-height: 300px;
353 overflow-y: auto;
354 }
355 #epkb-fe__editor .epkb-input-custom-dropdown__options-list .epkb-input-custom-dropdown__option {
356 padding: 5px 12px;
357 cursor: default;
358 }
359 #epkb-fe__editor .epkb-input-custom-dropdown__options-list .epkb-input-custom-dropdown__option.epkb-input-custom-dropdown__option--selected {
360 background-color: #2EA3F2;
361 color: #FFFFFF;
362 }
363 #epkb-fe__editor .epkb-input-custom-dropdown__options-list .epkb-input-custom-dropdown__option.epkb-input-custom-dropdown__option--selected .epkb-input-custom-dropdown__option-mark {
364 color: #B5FFB5;
365 }
366 #epkb-fe__editor .epkb-input-custom-dropdown__options-list .epkb-input-custom-dropdown__option .epkb-input-custom-dropdown__option-mark {
367 color: #00BC00;
368 margin-left: 10px;
369 }
370 #epkb-fe__editor .epkb-input-custom-dropdown__options-list:hover .epkb-input-custom-dropdown__option.epkb-input-custom-dropdown__option--selected:not(:hover) {
371 background-color: initial;
372 color: initial;
373 }
374 #epkb-fe__editor .epkb-input-custom-dropdown__options-list:hover .epkb-input-custom-dropdown__option.epkb-input-custom-dropdown__option--selected:not(:hover) .epkb-input-custom-dropdown__option-mark {
375 color: #00BC00;
376 }
377 #epkb-fe__editor .epkb-input-custom-dropdown__options-list:hover .epkb-input-custom-dropdown__option:hover {
378 background-color: #2EA3F2;
379 color: #FFFFFF;
380 }
381 #epkb-fe__editor .epkb-input-custom-dropdown__options-list:hover .epkb-input-custom-dropdown__option:hover .epkb-input-custom-dropdown__option-mark {
382 color: #B5FFB5;
383 }
384 #epkb-fe__editor .epkb-input-custom-dropdown__options-icons {
385 margin: 5px 0 5px 5px;
386 }
387 #epkb-fe__editor .epkb-input-custom-dropdown__option-icon {
388 display: none;
389 width: 40px;
390 height: 45px;
391 background-size: 100% 100%;
392 }
393 #epkb-fe__editor .epkb-input-custom-dropdown__option-icon:before {
394 display: none;
395 }
396 #epkb-fe__editor .epkb-input-custom-dropdown__option-icon.epkb-input-custom-dropdown__option-icon--active {
397 display: block;
398 }
399 #epkb-fe__editor #toc_locations_group .epkb-main_label {
400 display: flex;
401 flex-direction: row;
402 align-items: center;
403 min-width: 270px;
404 margin-bottom: 1em;
405 }
406 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container {
407 display: flex;
408 flex-direction: row;
409 gap: 1em;
410 flex-wrap: wrap;
411 margin-left: 15px;
412 margin-bottom: 2em;
413 }
414 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input {
415 display: none;
416 }
417 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input:checked + .epkbfa-input-icon {
418 color: white;
419 background-color: #2EA3F2;
420 border: solid 3px #2EA3F2;
421 }
422 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input:checked + .epkbfa-input-icon:before {
423 color: white;
424 }
425 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input:checked + .epkbfa-input-icon .epkb-only-icon__icon,
426 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input:checked + .epkbfa-input-icon .epkb-icon-text__text,
427 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input:checked + .epkbfa-input-icon .epkb-icon-text__icon,
428 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input:checked + .epkbfa-input-icon .epkb-text-icon__text,
429 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input:checked + .epkbfa-input-icon .epkb-text-icon__icon {
430 background: #FFFFFF;
431 }
432 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-label {
433 display: flex;
434 flex-direction: column-reverse;
435 justify-content: center;
436 text-align: center;
437 }
438 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-label__text {
439 display: block !important;
440 margin-top: 1em;
441 }
442 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkbfa-input-icon {
443 width: 2em;
444 height: 2em;
445 background-position: center;
446 background-repeat: no-repeat;
447 background-size: cover;
448 border: solid 1px #D4DDE2;
449 color: #D4DDE2;
450 border-radius: 5px;
451 padding: 8px;
452 font-size: 2em;
453 }
454 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkbfa-input-icon:before {
455 display: none;
456 }
457 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input-container {
458 display: flex;
459 }
460 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input-container .epkb-input {
461 display: none;
462 }
463 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input-container .epkb-input:checked + .epkb-label {
464 color: #FFFFFF;
465 background-color: #2EA3F2;
466 border: solid 1px #2EA3F2;
467 }
468 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input-container .epkb-input:checked + .epkb-label:before {
469 color: white;
470 }
471 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input-container .epkb-label {
472 font-size: 1.3em;
473 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
474 display: flex;
475 justify-content: center;
476 align-items: center;
477 text-align: center;
478 width: 100%;
479 padding: 0.6em 0.8em;
480 margin: 0.5em 0;
481 height: fit-content;
482 border: solid 1px #D5DADF;
483 -webkit-box-shadow: none;
484 box-shadow: none;
485 -webkit-border-radius: 0.5em;
486 -moz-border-radius: 0.5em;
487 border-radius: 0.5em;
488 color: #2C2C2C;
489 background-color: #FFFFFF;
490 margin: 0;
491 }
492 #epkb-fe__editor #toc_locations_group .epkb-checkboxes-container .epkb-input-container .epkb-label:hover {
493 cursor: pointer;
494 }
495 #epkb-fe__editor #toc_locations_group #toc_locations .epkbfa-toc_left {
496 background-image: url("../img/setting-icons/nav-type-top-categories.jpg");
497 }
498 #epkb-fe__editor #toc_locations_group #toc_locations .epkbfa-toc_content {
499 background-image: url("../img/editor/toc-top-location.jpg");
500 }
501 #epkb-fe__editor #toc_locations_group #toc_locations .epkbfa-toc_right {
502 background-image: url("../img/setting-icons/nav-type-top-categories.jpg");
503 transform: scaleX(-1);
504 }
505 #epkb-fe__editor #toc_content_group {
506 display: none;
507 }
508 #epkb-fe__editor .epkb-radio-buttons-container {
509 display: flex;
510 flex-direction: row;
511 gap: 1em;
512 flex-wrap: wrap;
513 margin-left: 15px;
514 }
515 #epkb-fe__editor .epkb-radio-buttons-container .epkb-input-container {
516 display: flex;
517 }
518 #epkb-fe__editor .epkb-radio-buttons-container .epkb-input-container .epkb-input {
519 display: none;
520 }
521 #epkb-fe__editor .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label {
522 color: #FFFFFF;
523 background-color: #2EA3F2;
524 border: solid 1px #2EA3F2;
525 }
526 #epkb-fe__editor .epkb-radio-buttons-container .epkb-input-container .epkb-input:checked + .epkb-label:before {
527 color: white;
528 }
529 #epkb-fe__editor .epkb-radio-buttons-container .epkb-input-container .epkb-label {
530 font-size: 1.3em;
531 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
532 display: flex;
533 justify-content: center;
534 align-items: center;
535 text-align: center;
536 width: 100%;
537 padding: 0.6em 0.8em;
538 margin: 0.5em 0;
539 height: fit-content;
540 border: solid 1px #D5DADF;
541 -webkit-box-shadow: none;
542 box-shadow: none;
543 -webkit-border-radius: 0.5em;
544 -moz-border-radius: 0.5em;
545 border-radius: 0.5em;
546 color: #2C2C2C;
547 background-color: #FFFFFF;
548 margin: 0;
549 }
550 #epkb-fe__editor .epkb-radio-buttons-container .epkb-input-container .epkb-label:hover {
551 cursor: pointer;
552 }
553 #epkb-fe__editor .epkb-input-group-combined-units {
554 display: flex;
555 flex-direction: column;
556 margin-bottom: 2em;
557 }
558 #epkb-fe__editor .epkb-input-group-combined-units .epkb-input-group-combined-inner {
559 display: flex;
560 flex-direction: row;
561 gap: 1em;
562 }
563 #epkb-fe__editor .epkb-input-group-combined-units .epkb-input-group-combined-inner .epkb-admin__number-field {
564 flex-direction: column;
565 align-items: flex-start;
566 gap: 1em;
567 margin-bottom: 0px;
568 }
569 #epkb-fe__editor .epkb-input-group-combined-units .epkb-input-group-combined-inner .epkb-admin__number-field .input_container {
570 margin-left: 15px;
571 }
572 #epkb-fe__editor .epkb-input-group-combined-units .epkb-input-group-combined-inner .epkb-admin__number-field input {
573 margin: 0;
574 }
575 #epkb-fe__editor .epkb-input-group-combined-units .epkb-input-group-combined-inner .epkb-radio-horizontal-button-group-container {
576 margin-bottom: 0;
577 }
578 #epkb-fe__editor .epkb-input-group-combined-units .epkb-input-group-combined-inner .epkb-radio-horizontal-button-group-container .epkb-main_label {
579 opacity: 0;
580 }
581 #epkb-fe__editor .epkb-input-group-combined-units .epkb-input-group-combined-inner .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container {
582 gap: 1em;
583 }
584 #epkb-fe__editor .epkb-input-group-combined-units .epkb-input-group-combined-inner .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-label,
585 #epkb-fe__editor .epkb-input-group-combined-units .epkb-input-group-combined-inner .epkb-radio-horizontal-button-group-container .epkb-radio-buttons-container .epkb-input {
586 min-height: 34px;
587 }
588 #epkb-fe__editor .epkb-radio-horizontal-button-group-container {
589 margin-bottom: 2em;
590 margin-bottom: 2em;
591 display: flex;
592 flex-direction: column;
593 gap: 1em;
594 }
595 #epkb-fe__editor .epkb-input-desc {
596 margin-left: 15px;
597 }
598 #epkb-fe__editor .epkb-input-desc .epkb-input-desc_text {
599 font-size: 1.2em;
600 line-height: 1.5;
601 margin-top: 1em;
602 }
603 #epkb-fe__editor .epkb-input-desc .epkb-input-desc_text .epkb-input-desc__link {
604 display: flex;
605 align-items: center;
606 gap: 5px;
607 color: #2EA3F2;
608 font-size: 1em;
609 }
610 #epkb-fe__editor .epkb-input-desc .epkb-input-desc_text .epkb-input-desc__link:hover {
611 cursor: pointer;
612 }
613 #epkb-fe__editor .epkb-admin__color-field {
614 display: flex;
615 gap: 1em;
616 align-items: center;
617 margin-bottom: 2em;
618 flex-direction: row;
619 }
620 #epkb-fe__editor .epkb-admin__color-field .input_container {
621 flex: 1;
622 }
623 #epkb-fe__editor .epkb-admin__color-field .input_container .wp-picker-holder {
624 position: relative;
625 }
626 #epkb-fe__editor .epkb-admin__color-field .input_container .iris-slider {
627 position: absolute;
628 top: 0;
629 right: 0;
630 }
631 #epkb-fe__editor .epkb-admin__color-field .iris-picker-inner .iris-slider {
632 max-height: 181px;
633 }
634 #epkb-fe__editor .epkb-admin__color-field input[type=text] {
635 font-size: 1.3em;
636 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
637 display: flex;
638 justify-content: center;
639 align-items: center;
640 text-align: left;
641 width: 100%;
642 padding: 0.6em 0.8em;
643 margin: 0.5em 0;
644 height: fit-content;
645 border: solid 1px #D5DADF;
646 line-height: 1em;
647 -webkit-box-shadow: none;
648 box-shadow: none;
649 -webkit-border-radius: 0.5em;
650 -moz-border-radius: 0.5em;
651 border-radius: 0.5em;
652 color: #2C2C2C;
653 background-color: #FFFFFF;
654 font-size: 1em;
655 padding: 0.7em 1.2em;
656 }
657 #epkb-fe__editor .epkb-admin__color-field input[type=text]:focus {
658 border-color: #333333;
659 outline: 0 none;
660 box-shadow: 0 0 0 1px #333333;
661 }
662 #epkb-fe__editor .epkb-admin__color-field .button {
663 border: solid 1px #D4DDE2;
664 padding-left: 2.5em;
665 margin: 0;
666 }
667 #epkb-fe__editor .epkb-admin__color-field .wp-picker-clear {
668 display: inline-block;
669 height: fit-content;
670 background-color: #3BB3E0;
671 padding: 10px;
672 position: relative;
673 font-family: "Open Sans", sans-serif;
674 font-size: 12px;
675 text-align: center;
676 text-decoration: none;
677 color: #FFFFFF;
678 border: solid 1px #186F8F;
679 background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5);
680 background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5);
681 background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5);
682 background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5);
683 background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5);
684 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5));
685 border-radius: 5px;
686 padding: 8px 12px;
687 line-height: 1em;
688 min-height: 35px;
689 }
690 #epkb-fe__editor .epkb-admin__color-field .wp-picker-clear a {
691 text-decoration: none;
692 }
693 #epkb-fe__editor .epkb-admin__color-field .wp-picker-clear:hover {
694 cursor: pointer;
695 background-image: linear-gradient(bottom, #237FA0, #3EB8E5);
696 background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5);
697 background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5);
698 background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5);
699 background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5);
700 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5));
701 border-radius: 5px;
702 }
703 #epkb-fe__editor .epkb-admin__color-field .wp-picker-clear:focus {
704 outline: 0;
705 }
706 #epkb-fe__editor .epkb-admin__color-field .wp-picker-active .wp-picker-input-wrap {
707 display: flex;
708 align-items: center;
709 gap: 1em;
710 }
711 #epkb-fe__editor .epkb-admin__color-field .wp-color-result {
712 margin: 0;
713 cursor: pointer;
714 }
715 #epkb-fe__editor .epkb-admin__color-field .wp-color-result-text {
716 white-space: nowrap;
717 line-height: 2.6em;
718 text-transform: none;
719 }
720 #epkb-fe__editor .epkb-admin__color-field .wp-picker-input-wrap {
721 display: none;
722 }
723 #epkb-fe__editor .epkb-settings-control-type-toggle {
724 margin: 2em 0;
725 }
726 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field {
727 display: flex;
728 align-items: center;
729 gap: 2em;
730 }
731 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__title {
732 flex-shrink: 0;
733 font-size: 1.3em;
734 line-height: 1.5;
735 max-width: 75%;
736 display: flex;
737 flex-direction: row;
738 align-items: center;
739 }
740 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__title .epkb-admin__input-field-desc {
741 margin-top: 0.5em;
742 }
743 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control__input__toggle:checked ~ .epkb-settings-control__input__label {
744 background: #86D700;
745 }
746 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control__input__toggle:checked ~ .epkb-settings-control__input__label:before {
747 opacity: 0;
748 }
749 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control__input__toggle:checked ~ .epkb-settings-control__input__label:after {
750 opacity: 1;
751 }
752 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control__input__toggle:checked ~ .epkb-settings-control__input__handle {
753 left: auto;
754 right: 2px;
755 }
756 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle {
757 position: relative;
758 display: inline-block;
759 vertical-align: top;
760 height: 24px;
761 background-color: #FFFFFF;
762 border-radius: 18px;
763 cursor: pointer;
764 min-width: 54px;
765 width: fit-content !important;
766 overflow: hidden;
767 }
768 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__toggle {
769 display: none;
770 }
771 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__label {
772 position: relative;
773 display: grid;
774 place-items: center;
775 height: inherit;
776 font-size: 10px;
777 text-transform: uppercase;
778 background: #ECEEEF;
779 border-radius: inherit;
780 transition: 0.15s ease-out;
781 transition-property: opacity, background;
782 padding: 0 26px;
783 white-space: nowrap;
784 }
785 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__label:before, #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__label:after {
786 grid-column: 1;
787 grid-row: 1;
788 -webkit-transition: inherit;
789 -o-transition: inherit;
790 transition: inherit;
791 }
792 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__label:before {
793 content: attr(data-off);
794 color: #A4AFB7;
795 justify-self: end;
796 }
797 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__label:after {
798 opacity: 0;
799 content: attr(data-on);
800 color: #FFFFFF;
801 justify-self: start;
802 }
803 #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__input .epkb-settings-control-toggle .epkb-settings-control__input__handle {
804 -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
805 box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
806 position: absolute;
807 top: 3px;
808 left: 2px;
809 width: 18px;
810 height: 18px;
811 background: #FFFFFF;
812 -webkit-border-radius: 10px;
813 border-radius: 10px;
814 -webkit-transition: left 0.15s ease-out;
815 -o-transition: left 0.15s ease-out;
816 transition: left 0.15s ease-out;
817 }
818 #epkb-fe__editor .epkb-settings-control-type-toggle--right .epkb-settings-control__field {
819 flex-direction: row-reverse;
820 }
821 #epkb-fe__editor .epkb-settings-control-type-toggle--right .epkb-settings-control__field .epkb-settings-control__input {
822 margin-left: 0;
823 }
824 html:not(:lang(en)) #epkb-fe__editor .epkb-settings-control-type-toggle .epkb-settings-control__field .epkb-settings-control__title {
825 max-width: 50%;
826 }
827 #epkb-fe__editor .epkb-admin__radio-icons {
828 display: flex;
829 flex-direction: column;
830 }
831 #epkb-fe__editor .epkb-admin__radio-icons .epkb-main_label {
832 display: flex;
833 flex-direction: row;
834 align-items: center;
835 min-width: 270px;
836 margin-bottom: 1em;
837 }
838 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container {
839 display: flex;
840 flex-wrap: wrap;
841 flex-direction: row;
842 gap: 1em;
843 margin-bottom: 2em;
844 }
845 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label {
846 display: flex;
847 min-width: inherit;
848 padding: 0.5em;
849 }
850 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-label__text {
851 display: none;
852 }
853 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input {
854 display: none;
855 }
856 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) {
857 color: white;
858 background-color: #2EA3F2;
859 border: solid 3px #2EA3F2;
860 }
861 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled):before {
862 color: white;
863 }
864 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) .epkb-only-icon__icon,
865 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) .epkb-icon-text__text,
866 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) .epkb-icon-text__icon,
867 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) .epkb-text-icon__text,
868 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-input:checked + .epkbfa-input-icon:not(.epkb-admin__radio-icon--disabled) .epkb-text-icon__icon {
869 background: #FFFFFF;
870 }
871 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon {
872 border: solid 1px #D4DDE2;
873 color: #D4DDE2;
874 border-radius: 5px;
875 padding: 8px;
876 font-size: 2em;
877 }
878 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon:before {
879 color: #D4DDE2;
880 }
881 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active {
882 color: white;
883 background-color: #2EA3F2;
884 border: solid 3px #2EA3F2;
885 }
886 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active:before {
887 color: white;
888 }
889 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active .epkb-only-icon__icon,
890 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active .epkb-icon-text__text,
891 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active .epkb-icon-text__icon,
892 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active .epkb-text-icon__text,
893 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon.epkb-admin__radio-icon--active .epkb-text-icon__icon {
894 background: #FFFFFF;
895 }
896 @media only screen and (max-width: 1300px) {
897 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkbfa-input-icon {
898 font-size: 25px;
899 }
900 }
901 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .ep_font_icon_none:before {
902 content: " ";
903 width: 43px;
904 height: 40px;
905 background-position: center;
906 background-repeat: no-repeat;
907 background-image: url(../img/setting-icons/ban-icon.png);
908 display: block;
909 }
910 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-only-icon {
911 display: flex;
912 justify-content: center;
913 align-items: center;
914 }
915 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-only-icon .epkb-only-icon__icon {
916 width: 35px;
917 height: 35px;
918 background: #D4DDE2;
919 border-radius: 50%;
920 display: block;
921 }
922 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-icon-text {
923 display: flex;
924 justify-content: center;
925 align-items: center;
926 }
927 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-icon-text .epkb-icon-text__text {
928 width: 70px;
929 height: 20px;
930 background: #D4DDE2;
931 display: block;
932 }
933 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-icon-text .epkb-icon-text__icon {
934 width: 35px;
935 height: 35px;
936 background: #D4DDE2;
937 border-radius: 50%;
938 display: block;
939 margin-right: 5px;
940 }
941 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-text-icon {
942 display: flex;
943 justify-content: center;
944 align-items: center;
945 }
946 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-text-icon .epkb-text-icon__text {
947 width: 70px;
948 height: 20px;
949 background: #D4DDE2;
950 display: block;
951 margin-right: 5px;
952 }
953 #epkb-fe__editor .epkb-admin__radio-icons .epkb-radio-buttons-container .epkb-input-container .epkb-label .epkb-text-icon .epkb-text-icon__icon {
954 width: 35px;
955 height: 35px;
956 background: #D4DDE2;
957 border-radius: 50%;
958 display: block;
959 }
960 #epkb-fe__editor #section_head_category_icon_location,
961 #epkb-fe__editor #ml_resource_links_icon_location {
962 margin-bottom: 2em;
963 }
964 #epkb-fe__editor #section_head_category_icon_location .epkb-label,
965 #epkb-fe__editor #ml_resource_links_icon_location .epkb-label {
966 display: flex;
967 flex-direction: column-reverse;
968 justify-content: center;
969 text-align: center;
970 }
971 #epkb-fe__editor #section_head_category_icon_location .epkb-label__text,
972 #epkb-fe__editor #ml_resource_links_icon_location .epkb-label__text {
973 display: block !important;
974 margin-top: 1em;
975 }
976 #epkb-fe__editor #section_head_category_icon_location .epkbfa-input-icon,
977 #epkb-fe__editor #ml_resource_links_icon_location .epkbfa-input-icon {
978 width: 2em;
979 height: 2em;
980 background-position: center;
981 background-repeat: no-repeat;
982 background-size: cover;
983 }
984 #epkb-fe__editor #section_head_category_icon_location .epkbfa-input-icon:before,
985 #epkb-fe__editor #ml_resource_links_icon_location .epkbfa-input-icon:before {
986 display: none;
987 }
988 #epkb-fe__editor #section_head_category_icon_location .epkbfa-no_icons,
989 #epkb-fe__editor #ml_resource_links_icon_location .epkbfa-no_icons {
990 background-image: url("../img/setting-icons/icon-location-none.jpg");
991 }
992 #epkb-fe__editor #section_head_category_icon_location .epkbfa-top,
993 #epkb-fe__editor #ml_resource_links_icon_location .epkbfa-top {
994 background-image: url("../img/setting-icons/icon-location-top.jpg");
995 }
996 #epkb-fe__editor #section_head_category_icon_location .epkbfa-left,
997 #epkb-fe__editor #ml_resource_links_icon_location .epkbfa-left {
998 background-image: url("../img/setting-icons/icon-location-left.jpg");
999 }
1000 #epkb-fe__editor #section_head_category_icon_location .epkbfa-right,
1001 #epkb-fe__editor #ml_resource_links_icon_location .epkbfa-right {
1002 background-image: url("../img/setting-icons/icon-location-right.jpg");
1003 }
1004 #epkb-fe__editor .epkb-admin__checkboxes-multiselect .epkb-main_label {
1005 margin-bottom: 1em;
1006 }
1007 #epkb-fe__editor .epkb-admin__checkboxes-multiselect .epkb-checkboxes-horizontal .epkb-input-group {
1008 flex-direction: row-reverse;
1009 margin-bottom: 10px;
1010 margin-left: 15px;
1011 display: flex;
1012 justify-content: flex-end;
1013 align-items: center;
1014 gap: 1em;
1015 }
1016 #epkb-fe__editor .epkb-admin__checkboxes-multiselect .epkb-checkboxes-horizontal .epkb-input-group:hover {
1017 cursor: pointer;
1018 }
1019 #epkb-fe__editor .epkb-admin__checkboxes-multiselect .epkb-checkboxes-horizontal input[type=checkbox] {
1020 width: 1.5em;
1021 height: 1.5em;
1022 }
1023 #epkb-fe__editor #ml_resource_links_1_button_text_group label,
1024 #epkb-fe__editor #ml_resource_links_2_button_text_group label,
1025 #epkb-fe__editor #ml_resource_links_3_button_text_group label,
1026 #epkb-fe__editor #ml_resource_links_4_button_text_group label,
1027 #epkb-fe__editor #ml_resource_links_5_button_text_group label,
1028 #epkb-fe__editor #ml_resource_links_6_button_text_group label,
1029 #epkb-fe__editor #ml_resource_links_7_button_text_group label,
1030 #epkb-fe__editor #ml_resource_links_8_button_text_group label,
1031 #epkb-fe__editor #ml_resource_links_1_description_text_group label,
1032 #epkb-fe__editor #ml_resource_links_2_description_text_group label,
1033 #epkb-fe__editor #ml_resource_links_3_description_text_group label,
1034 #epkb-fe__editor #ml_resource_links_4_description_text_group label,
1035 #epkb-fe__editor #ml_resource_links_5_description_text_group label,
1036 #epkb-fe__editor #ml_resource_links_6_description_text_group label,
1037 #epkb-fe__editor #ml_resource_links_7_description_text_group label,
1038 #epkb-fe__editor #ml_resource_links_8_description_text_group label,
1039 #epkb-fe__editor #ml_resource_links_1_title_text_group label,
1040 #epkb-fe__editor #ml_resource_links_2_title_text_group label,
1041 #epkb-fe__editor #ml_resource_links_3_title_text_group label,
1042 #epkb-fe__editor #ml_resource_links_4_title_text_group label,
1043 #epkb-fe__editor #ml_resource_links_5_title_text_group label,
1044 #epkb-fe__editor #ml_resource_links_6_title_text_group label,
1045 #epkb-fe__editor #ml_resource_links_7_title_text_group label,
1046 #epkb-fe__editor #ml_resource_links_8_title_text_group label,
1047 #epkb-fe__editor #ml_resource_links_1_button_url_group label,
1048 #epkb-fe__editor #ml_resource_links_2_button_url_group label,
1049 #epkb-fe__editor #ml_resource_links_3_button_url_group label,
1050 #epkb-fe__editor #ml_resource_links_4_button_url_group label,
1051 #epkb-fe__editor #ml_resource_links_5_button_url_group label,
1052 #epkb-fe__editor #ml_resource_links_6_button_url_group label,
1053 #epkb-fe__editor #ml_resource_links_7_button_url_group label,
1054 #epkb-fe__editor #ml_resource_links_8_button_url_group label {
1055 flex: 1;
1056 }
1057 #epkb-fe__editor #ml_resource_links_1_button_text_group .input_container,
1058 #epkb-fe__editor #ml_resource_links_2_button_text_group .input_container,
1059 #epkb-fe__editor #ml_resource_links_3_button_text_group .input_container,
1060 #epkb-fe__editor #ml_resource_links_4_button_text_group .input_container,
1061 #epkb-fe__editor #ml_resource_links_5_button_text_group .input_container,
1062 #epkb-fe__editor #ml_resource_links_6_button_text_group .input_container,
1063 #epkb-fe__editor #ml_resource_links_7_button_text_group .input_container,
1064 #epkb-fe__editor #ml_resource_links_8_button_text_group .input_container,
1065 #epkb-fe__editor #ml_resource_links_1_description_text_group .input_container,
1066 #epkb-fe__editor #ml_resource_links_2_description_text_group .input_container,
1067 #epkb-fe__editor #ml_resource_links_3_description_text_group .input_container,
1068 #epkb-fe__editor #ml_resource_links_4_description_text_group .input_container,
1069 #epkb-fe__editor #ml_resource_links_5_description_text_group .input_container,
1070 #epkb-fe__editor #ml_resource_links_6_description_text_group .input_container,
1071 #epkb-fe__editor #ml_resource_links_7_description_text_group .input_container,
1072 #epkb-fe__editor #ml_resource_links_8_description_text_group .input_container,
1073 #epkb-fe__editor #ml_resource_links_1_title_text_group .input_container,
1074 #epkb-fe__editor #ml_resource_links_2_title_text_group .input_container,
1075 #epkb-fe__editor #ml_resource_links_3_title_text_group .input_container,
1076 #epkb-fe__editor #ml_resource_links_4_title_text_group .input_container,
1077 #epkb-fe__editor #ml_resource_links_5_title_text_group .input_container,
1078 #epkb-fe__editor #ml_resource_links_6_title_text_group .input_container,
1079 #epkb-fe__editor #ml_resource_links_7_title_text_group .input_container,
1080 #epkb-fe__editor #ml_resource_links_8_title_text_group .input_container,
1081 #epkb-fe__editor #ml_resource_links_1_button_url_group .input_container,
1082 #epkb-fe__editor #ml_resource_links_2_button_url_group .input_container,
1083 #epkb-fe__editor #ml_resource_links_3_button_url_group .input_container,
1084 #epkb-fe__editor #ml_resource_links_4_button_url_group .input_container,
1085 #epkb-fe__editor #ml_resource_links_5_button_url_group .input_container,
1086 #epkb-fe__editor #ml_resource_links_6_button_url_group .input_container,
1087 #epkb-fe__editor #ml_resource_links_7_button_url_group .input_container,
1088 #epkb-fe__editor #ml_resource_links_8_button_url_group .input_container {
1089 flex: 2;
1090 }
1091 #epkb-fe__editor .epkb-admin__icon-font-selection .epkb-ml-resource-links-icons-loader-wrap {
1092 display: flex;
1093 flex-direction: row;
1094 align-items: center;
1095 gap: 1em;
1096 }
1097 #epkb-fe__editor .epkb-admin__icon-font-selection .epkb-ml-resource-links-icons-loader-wrap .epkb-icon-pack__icon i {
1098 font-size: 5em;
1099 }
1100 #epkb-fe__editor #kb_main_page_layout .epkbfa-input-icon {
1101 min-width: 86px;
1102 min-height: 86px;
1103 font-size: 1em;
1104 background-position: center;
1105 background-repeat: no-repeat;
1106 background-size: cover;
1107 }
1108 #epkb-fe__editor #kb_main_page_layout .epkbfa-input-icon:before {
1109 display: none;
1110 }
1111 #epkb-fe__editor #kb_main_page_layout .epkb-label {
1112 font-size: 10px;
1113 display: flex;
1114 flex-direction: column-reverse;
1115 justify-content: center;
1116 text-align: center;
1117 border: none;
1118 }
1119 #epkb-fe__editor #kb_main_page_layout .epkb-label__text {
1120 display: block !important;
1121 }
1122 #epkb-fe__editor #kb_main_page_layout .epkbfa-Basic {
1123 background-image: url("../img/setting-icons/basic-layout-dark.jpg");
1124 }
1125 #epkb-fe__editor #kb_main_page_layout .epkbfa-Tabs {
1126 background-image: url("../img/setting-icons/tabs-layout.jpg");
1127 }
1128 #epkb-fe__editor #kb_main_page_layout .epkbfa-Categories {
1129 background-image: url("../img/setting-icons/category-focused-layout.jpg");
1130 }
1131 #epkb-fe__editor #kb_main_page_layout .epkbfa-Classic {
1132 background-image: url("../img/setting-icons/classic-layout.jpg");
1133 }
1134 #epkb-fe__editor #kb_main_page_layout .epkbfa-Drill-Down {
1135 background-image: url("../img/setting-icons/drill-down-layout.jpg");
1136 }
1137 #epkb-fe__editor #kb_main_page_layout .epkbfa-Grid {
1138 background-image: url("../img/setting-icons/grid-layout.jpg");
1139 }
1140 #epkb-fe__editor #kb_main_page_layout .epkbfa-Sidebar {
1141 background-image: url("../img/setting-icons/sidebar-layout.jpg");
1142 }
1143 #epkb-fe__editor #kb_main_page_layout .epkb-input-container {
1144 width: 31%;
1145 }
1146 #epkb-fe__editor #article_list_spacing_group {
1147 align-items: flex-start;
1148 }
1149 #epkb-fe__editor .epkb-admin__form-tab-content-learn-more {
1150 display: none;
1151 }
1152 #epkb-fe__editor #advanced_search_context_enabled,
1153 #epkb-fe__editor #advanced_search_faqs_toggle,
1154 #epkb-fe__editor #advanced_search_mp_filter_toggle {
1155 border-top: solid 1px #E6E6E6;
1156 padding-top: 10px;
1157 }
1158 #epkb-fe__editor p:empty {
1159 display: none;
1160 }
1161 #epkb-fe__editor br {
1162 display: none;
1163 }
1164 #epkb-fe__editor .epkb-primary-btn {
1165 display: inline-block;
1166 height: fit-content;
1167 background-color: #2EA3F2;
1168 padding: 10px;
1169 position: relative;
1170 font-family: "Open Sans", sans-serif;
1171 font-size: 12px;
1172 text-align: center;
1173 text-decoration: none;
1174 color: #FFFFFF;
1175 border: solid 1px #186F8F;
1176 background-image: linear-gradient(bottom, #2EA3F2, #3EB8E5);
1177 background-image: -o-linear-gradient(bottom, #2EA3F2, #3EB8E5);
1178 background-image: -moz-linear-gradient(bottom, #2EA3F2, #3EB8E5);
1179 background-image: -webkit-linear-gradient(bottom, #2EA3F2, #3EB8E5);
1180 background-image: -ms-linear-gradient(bottom, #2EA3F2, #3EB8E5);
1181 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2EA3F2), color-stop(1, #3EB8E5));
1182 border-radius: 5px;
1183 }
1184 #epkb-fe__editor .epkb-primary-btn a {
1185 text-decoration: none;
1186 }
1187 #epkb-fe__editor .epkb-primary-btn:hover {
1188 cursor: pointer;
1189 background-image: linear-gradient(bottom, #0E8BDF, #3EB8E5);
1190 background-image: -o-linear-gradient(bottom, #0E8BDF, #3EB8E5);
1191 background-image: -moz-linear-gradient(bottom, #0E8BDF, #3EB8E5);
1192 background-image: -webkit-linear-gradient(bottom, #0E8BDF, #3EB8E5);
1193 background-image: -ms-linear-gradient(bottom, #0E8BDF, #3EB8E5);
1194 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0E8BDF), color-stop(1, #3EB8E5));
1195 border-radius: 5px;
1196 }
1197 #epkb-fe__editor .epkb-primary-btn:focus {
1198 outline: 0;
1199 }
1200 #epkb-fe__editor .epkb-success-btn {
1201 display: inline-block;
1202 height: fit-content;
1203 background-color: #78B956;
1204 padding: 10px;
1205 position: relative;
1206 font-family: "Open Sans", sans-serif;
1207 font-size: 12px;
1208 text-align: center;
1209 text-decoration: none;
1210 color: #FFFFFF;
1211 border: solid 1px #609C40;
1212 background-image: linear-gradient(bottom, #78B956, #95C87A);
1213 background-image: -o-linear-gradient(bottom, #78B956, #95C87A);
1214 background-image: -moz-linear-gradient(bottom, #78B956, #95C87A);
1215 background-image: -webkit-linear-gradient(bottom, #78B956, #95C87A);
1216 background-image: -ms-linear-gradient(bottom, #78B956, #95C87A);
1217 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #78B956), color-stop(1, #95C87A));
1218 border-radius: 5px;
1219 }
1220 #epkb-fe__editor .epkb-success-btn a {
1221 text-decoration: none;
1222 }
1223 #epkb-fe__editor .epkb-success-btn:hover {
1224 cursor: pointer;
1225 background-image: linear-gradient(bottom, #609C40, #95C87A);
1226 background-image: -o-linear-gradient(bottom, #609C40, #95C87A);
1227 background-image: -moz-linear-gradient(bottom, #609C40, #95C87A);
1228 background-image: -webkit-linear-gradient(bottom, #609C40, #95C87A);
1229 background-image: -ms-linear-gradient(bottom, #609C40, #95C87A);
1230 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #609C40), color-stop(1, #95C87A));
1231 border-radius: 5px;
1232 }
1233 #epkb-fe__editor .epkb-success-btn:focus {
1234 outline: 0;
1235 }
1236 #epkb-fe__editor .epkb-default-btn {
1237 display: inline-block;
1238 height: fit-content;
1239 background-color: #666666;
1240 padding: 10px;
1241 position: relative;
1242 font-family: "Open Sans", sans-serif;
1243 font-size: 12px;
1244 text-align: center;
1245 text-decoration: none;
1246 color: #FFFFFF;
1247 border: solid 1px #4D4D4D;
1248 background-image: linear-gradient(bottom, #666666, #808080);
1249 background-image: -o-linear-gradient(bottom, #666666, #808080);
1250 background-image: -moz-linear-gradient(bottom, #666666, #808080);
1251 background-image: -webkit-linear-gradient(bottom, #666666, #808080);
1252 background-image: -ms-linear-gradient(bottom, #666666, #808080);
1253 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #666666), color-stop(1, #808080));
1254 border-radius: 5px;
1255 }
1256 #epkb-fe__editor .epkb-default-btn a {
1257 text-decoration: none;
1258 }
1259 #epkb-fe__editor .epkb-default-btn:hover {
1260 cursor: pointer;
1261 background-image: linear-gradient(bottom, #4D4D4D, #808080);
1262 background-image: -o-linear-gradient(bottom, #4D4D4D, #808080);
1263 background-image: -moz-linear-gradient(bottom, #4D4D4D, #808080);
1264 background-image: -webkit-linear-gradient(bottom, #4D4D4D, #808080);
1265 background-image: -ms-linear-gradient(bottom, #4D4D4D, #808080);
1266 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4D4D4D), color-stop(1, #808080));
1267 border-radius: 5px;
1268 }
1269 #epkb-fe__editor .epkb-default-btn:focus {
1270 outline: 0;
1271 }
1272 #epkb-fe__editor .epkb-error-btn {
1273 display: inline-block;
1274 height: fit-content;
1275 background-color: #D95651;
1276 padding: 10px;
1277 position: relative;
1278 font-family: "Open Sans", sans-serif;
1279 font-size: 12px;
1280 text-align: center;
1281 text-decoration: none;
1282 color: #FFFFFF;
1283 border: solid 1px #CB322C;
1284 background-image: linear-gradient(bottom, #D95651, #E27F7B);
1285 background-image: -o-linear-gradient(bottom, #D95651, #E27F7B);
1286 background-image: -moz-linear-gradient(bottom, #D95651, #E27F7B);
1287 background-image: -webkit-linear-gradient(bottom, #D95651, #E27F7B);
1288 background-image: -ms-linear-gradient(bottom, #D95651, #E27F7B);
1289 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D95651), color-stop(1, #E27F7B));
1290 border-radius: 5px;
1291 }
1292 #epkb-fe__editor .epkb-error-btn a {
1293 text-decoration: none;
1294 }
1295 #epkb-fe__editor .epkb-error-btn:hover {
1296 cursor: pointer;
1297 background-image: linear-gradient(bottom, #CB322C, #E27F7B);
1298 background-image: -o-linear-gradient(bottom, #CB322C, #E27F7B);
1299 background-image: -moz-linear-gradient(bottom, #CB322C, #E27F7B);
1300 background-image: -webkit-linear-gradient(bottom, #CB322C, #E27F7B);
1301 background-image: -ms-linear-gradient(bottom, #CB322C, #E27F7B);
1302 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CB322C), color-stop(1, #E27F7B));
1303 border-radius: 5px;
1304 }
1305 #epkb-fe__editor .epkb-error-btn:focus {
1306 outline: 0;
1307 }
1308 #epkb-fe__editor .epkb-large-btn {
1309 display: inline-block;
1310 height: fit-content;
1311 background-color: #3BB3E0;
1312 padding: 20px;
1313 position: relative;
1314 font-family: "Open Sans", sans-serif;
1315 font-size: 20px;
1316 text-align: center;
1317 text-decoration: none;
1318 color: #FFFFFF;
1319 border: solid 1px #186F8F;
1320 background-image: linear-gradient(bottom, #2CA0CA, #3EB8E5);
1321 background-image: -o-linear-gradient(bottom, #2CA0CA, #3EB8E5);
1322 background-image: -moz-linear-gradient(bottom, #2CA0CA, #3EB8E5);
1323 background-image: -webkit-linear-gradient(bottom, #2CA0CA, #3EB8E5);
1324 background-image: -ms-linear-gradient(bottom, #2CA0CA, #3EB8E5);
1325 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2CA0CA), color-stop(1, #3EB8E5));
1326 border-radius: 5px;
1327 box-shadow: inset 0px 1px 0px #7FD2F1, 0px 1px 0px #FFFFFF;
1328 }
1329 #epkb-fe__editor .epkb-large-btn a {
1330 text-decoration: none;
1331 }
1332 #epkb-fe__editor .epkb-large-btn:hover {
1333 cursor: pointer;
1334 background-image: linear-gradient(bottom, #237FA0, #3EB8E5);
1335 background-image: -o-linear-gradient(bottom, #237FA0, #3EB8E5);
1336 background-image: -moz-linear-gradient(bottom, #237FA0, #3EB8E5);
1337 background-image: -webkit-linear-gradient(bottom, #237FA0, #3EB8E5);
1338 background-image: -ms-linear-gradient(bottom, #237FA0, #3EB8E5);
1339 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #237FA0), color-stop(1, #3EB8E5));
1340 border-radius: 5px;
1341 }
1342 #epkb-fe__editor .epkb-large-btn:focus {
1343 outline: 0;
1344 }
1345 #epkb-fe__editor .epkb-fe__top-actions {
1346 width: 100%;
1347 padding: 20px 10px;
1348 border-bottom: 1px solid #D6E2ED;
1349 }
1350 #epkb-fe__editor .epkb-fe__top-actions #epkb-fe__action-close {
1351 padding: 6px 12px;
1352 }
1353 #epkb-fe__editor .epkb-fe__actions {
1354 padding: 0.5em 0.9em;
1355 display: flex;
1356 flex-direction: row;
1357 justify-content: space-between;
1358 align-items: center;
1359 width: 100%;
1360 background-color: #FFFFFF;
1361 border-bottom: solid 1px #D9D9D9;
1362 }
1363 #epkb-fe__editor .epkb-fe__actions .epkb-fe__action-btn {
1364 padding: 0.65em 1.2em;
1365 font-size: 1.4em;
1366 line-height: 1.3em;
1367 width: 46%;
1368 max-width: 200px;
1369 }
1370 #epkb-fe__editor .epkb-fe__actions #epkb-fe__action-back {
1371 display: flex;
1372 gap: 0.65em;
1373 align-items: center;
1374 justify-content: center;
1375 }
1376 #epkb-fe__editor .epkb-fe__actions #epkb-fe__action-back .epkb-fe__action-btn-icon {
1377 font-size: 1.1em;
1378 line-height: 1.1em;
1379 }
1380 #epkb-fe__editor .epkb-fe__actions #epkb-fe__action-back .epkb-fe__action-btn-text {
1381 font-size: 1.1em;
1382 }
1383 #epkb-fe__editor.epkb-fe__editor--home .epkb-fe__header-title[data-title=home] {
1384 display: flex !important;
1385 }
1386 #epkb-fe__editor.epkb-fe__editor--home .epkb-fe__header-close-button {
1387 display: flex !important;
1388 }
1389 #epkb-fe__editor.epkb-fe__editor--home .epkb-fe__sub-content {
1390 display: flex !important;
1391 justify-content: center;
1392 }
1393 #epkb-fe__editor.epkb-fe__editor--settings #epkb-fe__header-container {
1394 min-height: 5.4em;
1395 border-bottom: none !important;
1396 }
1397 #epkb-fe__editor.epkb-fe__editor--settings .epkb-fe__actions {
1398 padding-bottom: 20px !important;
1399 }
1400 #epkb-fe__editor.epkb-fe__editor--help #epkb-fe__header-container {
1401 min-height: 5.4em;
1402 border-bottom: none !important;
1403 }
1404 #epkb-fe__editor.epkb-fe__editor--help .epkb-fe__header-title[data-title=help] {
1405 display: flex !important;
1406 }
1407 #epkb-fe__editor.epkb-fe__editor--help #epkb-fe__action-save {
1408 display: none !important;
1409 }
1410 #epkb-fe__editor.epkb-fe__editor--help ul {
1411 margin: 0 0 2em 2em;
1412 }
1413 #epkb-fe__editor.epkb-fe__editor--help .epkb-fe__help-container {
1414 display: block;
1415 }
1416 #epkb-fe__editor.epkb-fe__editor--help .epkb-fe__help-container .epkb-fe__settings-section-body {
1417 line-height: 1.5em;
1418 }
1419 #epkb-fe__editor.epkb-fe__editor--help .epkb-fe__feature-select-button {
1420 display: none;
1421 }
1422 #epkb-fe__editor.epkb-fe__editor--help .epkb-fe__sub-content {
1423 display: none !important;
1424 justify-content: center;
1425 }
1426 #epkb-fe__editor #epkb-fe__header-container {
1427 display: flex;
1428 justify-content: center;
1429 align-items: center;
1430 position: relative;
1431 min-height: 10.4em;
1432 background-color: #FFFFFF;
1433 border-bottom: solid 1px #D9D9D9;
1434 }
1435 #epkb-fe__editor #epkb-fe__header-container .epkb-fe__header-title {
1436 display: none;
1437 font-size: 2.34em;
1438 font-weight: bold;
1439 color: #000000 !important;
1440 margin: 0;
1441 }
1442 #epkb-fe__editor #epkb-fe__header-container .epkb-fe__header-title--active {
1443 display: flex !important;
1444 }
1445 #epkb-fe__editor #epkb-fe__header-container .epkb-fe__header-close-button {
1446 display: none;
1447 position: absolute;
1448 top: 5px;
1449 right: 10px;
1450 color: #FFFFFF;
1451 border: solid 1px #F52424;
1452 padding: 1em 1.2em;
1453 border-radius: 5px;
1454 background-color: #FF8686;
1455 }
1456 #epkb-fe__editor #epkb-fe__header-container .epkb-fe__header-close-button:hover {
1457 background-color: #D41A1A;
1458 cursor: pointer;
1459 }
1460 #epkb-fe__editor #epkb-fe__header-container .epkb-fe__header-close-button .epkbfa-times {
1461 font-size: 1.95em;
1462 }
1463 #epkb-fe__editor .epkb-fe__help-container {
1464 display: none;
1465 }
1466 #epkb-fe__editor .epkb-fe__help-links {
1467 display: flex;
1468 flex-direction: column;
1469 padding: 0 15px 15px 15px;
1470 }
1471 #epkb-fe__editor .epkb-fe__help-links .epkb-fe__help-links__separator {
1472 height: 1px;
1473 background-color: #E0E0E0;
1474 margin: 20px 0;
1475 }
1476 #epkb-fe__editor .epkb-fe__help-links .epkb-fe__help-links__buttons {
1477 display: flex;
1478 flex-direction: row;
1479 justify-content: center;
1480 gap: 10px;
1481 padding-top: 20px;
1482 }
1483 #epkb-fe__editor .epkb-fe__help-links .epkb-fe__help-link {
1484 display: flex;
1485 align-items: center;
1486 padding: 8px 12px;
1487 background-color: #F5F7FA;
1488 border: 1px solid #E0E0E0;
1489 border-radius: 5px;
1490 text-decoration: none;
1491 color: #333333;
1492 transition: all 0.2s ease;
1493 }
1494 #epkb-fe__editor .epkb-fe__help-links .epkb-fe__help-link:hover {
1495 background-color: #E8F0FE;
1496 border-color: #4F4FFE;
1497 color: #4F4FFE;
1498 }
1499 #epkb-fe__editor .epkb-fe__help-links .epkb-fe__help-link .epkb-fe__help-link__icon {
1500 font-size: 13px;
1501 margin-right: 6px;
1502 color: #666666;
1503 }
1504 #epkb-fe__editor .epkb-fe__help-links .epkb-fe__help-link:hover .epkb-fe__help-link__icon {
1505 color: #4F4FFE;
1506 }
1507 #epkb-fe__editor .epkb-fe__help-links .epkb-fe__help-link .epkb-fe__help-link__text {
1508 font-size: 12px;
1509 font-weight: 500;
1510 }
1511 #epkb-fe__editor .epkb-fe__features-list {
1512 display: flex;
1513 flex-direction: row;
1514 flex-wrap: wrap;
1515 }
1516 #epkb-fe__editor .epkb-fe__feature-select-button {
1517 padding: 16px;
1518 font-weight: 500;
1519 cursor: pointer;
1520 display: flex;
1521 flex-direction: column;
1522 justify-content: center;
1523 align-items: center;
1524 height: 10em;
1525 width: 50%;
1526 }
1527 #epkb-fe__editor .epkb-fe__feature-select-button .epkb-fe__feature-icon {
1528 width: 3em;
1529 height: 1.7em;
1530 font-size: 2.5em;
1531 text-align: center;
1532 }
1533 #epkb-fe__editor .epkb-fe__feature-select-button .epkb-fe__feature-title {
1534 font-size: 1.3em;
1535 }
1536 #epkb-fe__editor .epkb-fe__feature-select-button:hover {
1537 background-color: #E6E6FA;
1538 }
1539 #epkb-fe__editor .epkb-fe__settings-section .epkbfa-chevron-down {
1540 display: inline-block;
1541 color: #1E1E1E;
1542 }
1543 #epkb-fe__editor .epkb-fe__settings-section .epkbfa-chevron-up {
1544 display: none;
1545 color: #1E1E1E;
1546 }
1547 #epkb-fe__editor .epkb-fe__settings-section.epkb-fe__is_opened .epkb-fe__settings-section-header .epkbfa-chevron-down {
1548 display: none;
1549 }
1550 #epkb-fe__editor .epkb-fe__settings-section.epkb-fe__is_opened .epkb-fe__settings-section-header .epkbfa-chevron-up {
1551 display: inline-block;
1552 }
1553 #epkb-fe__editor .epkb-fe__settings-section.epkb-fe__is_opened .epkb-fe__settings-section-body {
1554 display: block;
1555 }
1556 #epkb-fe__editor .epkb-fe__settings-section.epkb-fe__settings-section--hide {
1557 display: none;
1558 }
1559 #epkb-fe__editor .epkb-fe__settings-section.epkb-highlighted_setting {
1560 border: 2px solid #F6FF00;
1561 background-color: #FEFFEF;
1562 }
1563 #epkb-fe__editor .epkb-fe__settings-list {
1564 width: 100%;
1565 }
1566 #epkb-fe__editor .epkb-fe__settings-section-header {
1567 font-size: 1.4em;
1568 background-color: #E6E6FA;
1569 padding: 16px;
1570 cursor: pointer;
1571 border: none;
1572 border-top: 1px solid #E0E0E0;
1573 display: flex;
1574 flex-direction: row;
1575 justify-content: space-between;
1576 }
1577 #epkb-fe__editor .epkb-fe__settings-section-body {
1578 padding: 20px;
1579 position: relative;
1580 display: none;
1581 }
1582 @keyframes epkb-highlight-pulse {
1583 0%, 100% {
1584 box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.4);
1585 }
1586 50% {
1587 box-shadow: 0 0 15px 5px rgba(255, 193, 7, 0.6);
1588 }
1589 }
1590 #epkb-fe__editor .epkb-fe__highlight-message {
1591 background-color: #FFF3CD;
1592 border: 3px solid #FFC107;
1593 border-radius: 6px;
1594 padding: 15px 18px;
1595 margin-bottom: 20px;
1596 color: #664D03;
1597 font-size: 15px;
1598 font-weight: 500;
1599 line-height: 1.5;
1600 animation: epkb-highlight-pulse 2s ease-in-out 3;
1601 }
1602 #epkb-fe__editor .epkb-fe__highlight-message .epkbfa {
1603 margin-right: 10px;
1604 color: #FF9800;
1605 font-size: 20px;
1606 vertical-align: middle;
1607 }
1608 #epkb-fe__editor .epkb-fe__feature-settings {
1609 display: none;
1610 flex-direction: column;
1611 width: 100%;
1612 }
1613 #epkb-fe__editor .epkb-fe__feature-settings.epkb-fe__feature-settings--active {
1614 display: flex;
1615 }
1616 #epkb-fe__editor .epkb-fe__sub-content .epkb-fe__settings-section-header {
1617 display: none !important;
1618 }
1619 #epkb-fe__editor .epkb-fe__sub-content .epkb-fe__settings-section-body {
1620 padding: 0;
1621 }
1622 #epkb-fe__editor .epkb-fe__sub-content p {
1623 font-size: 1.3em;
1624 }
1625 #epkb-fe__editor .epkb-fe__sub-content .epkb-admin__settings-sub .epkb-admin__settings-sub-header {
1626 padding: 20px;
1627 text-align: center;
1628 line-height: 1.5;
1629 }
1630 #epkb-fe__editor .epkb-fe__sub-content .epkb-admin__settings-sub .epkb-admin__settings-sub-content {
1631 background: #F0F6FC;
1632 padding: 25px;
1633 border-radius: 8px;
1634 border: 1px solid #C5D9ED;
1635 margin: 20px;
1636 }
1637 #epkb-fe__editor .epkb-fe__sub-content .epkb-admin__settings-sub .epkb-admin__settings-sub-content h4 {
1638 margin: 20px 0 10px 0 !important;
1639 color: #2C3338;
1640 font-size: 1.4em;
1641 }
1642 #epkb-fe__editor .epkb-fe__sub-content .epkb-admin__settings-sub .epkb-admin__settings-sub-content p {
1643 margin: 0 0 15px 0;
1644 color: #50575E;
1645 }
1646 #epkb-fe__editor .epkb-fe__sub-content .epkb-admin__settings-sub .epkb-admin__resources-support-col {
1647 min-width: 0;
1648 }
1649 #epkb-fe__editor .hidden {
1650 display: none;
1651 }
1652 #epkb-fe__editor .epkb-admin__form-tab-content-lm__body {
1653 width: 265px;
1654 }
1655 #epkb-fe__editor #templates_for_kb_group {
1656 margin-bottom: 4em;
1657 }
1658 #epkb-fe__editor #templates_for_kb_group .epkb-label {
1659 min-width: 180px;
1660 }
1661 #epkb-fe__editor #templates_for_kb_group .epkb-input-desc .epkb-input-desc_text {
1662 margin-top: 0;
1663 }
1664 #epkb-fe__editor #templates_for_kb_group .epkb-main_label {
1665 display: none !important;
1666 }
1667 #epkb-fe__editor #templates_for_kb_group #templates_for_kb {
1668 margin-left: 0;
1669 }
1670 #epkb-fe__editor .epkb__option-tooltip {
1671 display: none;
1672 }
1673 #epkb-fe__editor .epkb-row-module-position {
1674 flex-direction: column;
1675 align-items: flex-start;
1676 width: 100%;
1677 }
1678 #epkb-fe__editor .epkb-row-module-position .input_container {
1679 width: 265px;
1680 }
1681 #epkb-fe__editor .epkb-input-group.epkb-highlighted_setting {
1682 background-color: #FEFFEF;
1683 border: 2px solid #F6FF00;
1684 padding: 10px;
1685 }
1686 #epkb-fe__editor #section_head_category_icon_size_group .input_container {
1687 display: flex;
1688 align-items: center;
1689 }
1690 #epkb-fe__editor #section_head_category_icon_size_group .epkb-input-desc br {
1691 display: none;
1692 }
1693 #epkb-fe__editor .epkb-admin-pro-feature-ad-container {
1694 display: flex;
1695 flex-direction: column;
1696 justify-content: flex-start;
1697 padding: 20px;
1698 background-color: #FFFFFF;
1699 min-height: 240px;
1700 box-shadow: 1px 4px 10px 0 rgba(16, 16, 16, 0.168627451);
1701 border-radius: 5px;
1702 position: relative;
1703 overflow: hidden;
1704 font-family: "Open Sans", system-ui, sans-serif;
1705 }
1706 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-admin-ad-icon {
1707 position: absolute;
1708 top: 0;
1709 right: 0;
1710 z-index: 10;
1711 width: 100%;
1712 align-items: center;
1713 display: flex;
1714 flex-direction: row;
1715 justify-content: center;
1716 }
1717 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-admin-ad-icon img {
1718 width: 105px;
1719 z-index: 10;
1720 }
1721 #epkb-fe__editor .epkb-admin-pro-feature-ad-container p {
1722 margin: 0 0 10px 0;
1723 }
1724 #epkb-fe__editor .epkb-admin-pro-feature-ad-container ul {
1725 list-style: disc;
1726 padding-left: 20px;
1727 z-index: 10;
1728 }
1729 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-btn {
1730 width: 165px;
1731 text-align: center;
1732 font-size: 19px !important;
1733 border-radius: 5px !important;
1734 z-index: 10;
1735 display: inline-block;
1736 height: fit-content;
1737 background-color: #33B303;
1738 padding: 10px;
1739 position: relative;
1740 font-family: "Open Sans", sans-serif;
1741 font-size: 12px;
1742 text-align: center;
1743 text-decoration: none;
1744 color: #FFFFFF;
1745 border: solid 1px #78B956;
1746 background-image: linear-gradient(left, #33B303, #78B956);
1747 background-image: -o-linear-gradient(left, #33B303, #78B956);
1748 background-image: -moz-linear-gradient(left, #33B303, #78B956);
1749 background-image: -webkit-linear-gradient(left, #33B303, #78B956);
1750 background-image: -ms-linear-gradient(left, #33B303, #78B956);
1751 background-image: -webkit-gradient(linear, left left, left top, color-stop(0, #33B303), color-stop(1, #78B956));
1752 border-radius: 5px;
1753 box-shadow: 0px 1px 10px rgba(46, 51, 53, 0.4588235294), 0px 1px 0px #FFFFFF !important;
1754 border-width: 1px;
1755 text-shadow: 2px 1px 6px rgba(0, 0, 0, 0.5215686275);
1756 }
1757 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-btn a {
1758 text-decoration: none;
1759 }
1760 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-btn:hover {
1761 cursor: pointer;
1762 background-image: linear-gradient(bottom, #258102, #78B956);
1763 background-image: -o-linear-gradient(bottom, #258102, #78B956);
1764 background-image: -moz-linear-gradient(bottom, #258102, #78B956);
1765 background-image: -webkit-linear-gradient(bottom, #258102, #78B956);
1766 background-image: -ms-linear-gradient(bottom, #258102, #78B956);
1767 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #258102), color-stop(1, #78B956));
1768 border-radius: 5px;
1769 }
1770 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-btn:focus {
1771 outline: 0;
1772 }
1773 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-body__link {
1774 z-index: 10;
1775 }
1776 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-body__link .epkb-body__link__icon-after {
1777 font-size: 12px;
1778 }
1779 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__new-feature {
1780 position: absolute;
1781 top: -13px;
1782 left: -48px;
1783 background-color: #5CB85C;
1784 padding: 35px 34px 3px 34px;
1785 color: #FFFFFF;
1786 transform: rotate(-40deg);
1787 }
1788 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__new-feature .epkbfa-star {
1789 position: absolute;
1790 top: 12px;
1791 left: 58px;
1792 }
1793 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__new-add-on {
1794 position: absolute;
1795 top: -13px;
1796 left: -48px;
1797 background-color: #EAF140;
1798 padding: 35px 34px 3px 34px;
1799 color: #000000;
1800 transform: rotate(-40deg);
1801 }
1802 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__new-add-on .epkbfa-plug {
1803 position: absolute;
1804 top: 12px;
1805 left: 58px;
1806 transform: rotate(-45deg);
1807 }
1808 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__widget {
1809 position: absolute;
1810 top: -14px;
1811 left: -47px;
1812 background-color: #507AB8;
1813 padding: 35px 34px 3px 42px;
1814 color: #FFFFFF;
1815 transform: rotate(-40deg);
1816 }
1817 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-admin-ad-container__widget .epkbfa-puzzle-piece {
1818 position: absolute;
1819 top: 19px;
1820 left: 56px;
1821 }
1822 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-aa__header-container {
1823 display: flex;
1824 flex-direction: row;
1825 align-items: center;
1826 justify-content: center;
1827 padding-bottom: 10px;
1828 z-index: 10;
1829 margin-top: 70px;
1830 }
1831 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-aa__header-container .epkb-header__title {
1832 font-weight: 600;
1833 font-size: 28px;
1834 margin: 20px 0;
1835 line-height: 35px;
1836 text-align: center;
1837 }
1838 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-aa__header-container .epkb-header__title strong {
1839 font-weight: 900;
1840 color: #78B956;
1841 }
1842 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-aa__body-container {
1843 z-index: 10;
1844 }
1845 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-aa__body-container .epkb-body__desc {
1846 padding: 10px 0;
1847 margin-top: 30px;
1848 z-index: 10;
1849 }
1850 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container {
1851 font-size: 16px;
1852 list-style-type: none;
1853 padding: 0;
1854 margin: 0 0 50px 5px !important;
1855 z-index: 10;
1856 }
1857 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item {
1858 display: flex;
1859 justify-content: flex-start;
1860 align-items: baseline;
1861 margin-bottom: 25px !important;
1862 }
1863 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item .epkb-check-mark-list__item__icon {
1864 color: #95C87A;
1865 }
1866 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-aa__body-container .epkb-body__check-mark-list-container .epkb-check-mark-list__item .epkb-check-mark-list__item__text {
1867 padding-left: 6px;
1868 }
1869 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-aa__footer-container {
1870 display: flex;
1871 flex-direction: row;
1872 align-items: center;
1873 justify-content: flex-end;
1874 }
1875 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-aa__footer-container .epkb-body__footer_desc {
1876 padding: 10px 20px 0 0;
1877 z-index: 10;
1878 }
1879 #epkb-fe__editor .epkb-admin-pro-feature-ad-container .epkb-admin-pro-feature-ad-background-img {
1880 position: absolute;
1881 top: 0;
1882 left: 0;
1883 z-index: 1;
1884 height: 499px;
1885 }
1886 #epkb-fe__editor #rating_mode_group .epkb-label {
1887 display: flex;
1888 flex-direction: column-reverse;
1889 justify-content: center;
1890 text-align: center;
1891 }
1892 #epkb-fe__editor #rating_mode_group .epkb-label__text {
1893 display: block !important;
1894 }
1895 #epkb-fe__editor #rating_mode_group .epkbfa-input-icon {
1896 width: 85px;
1897 height: 85px;
1898 background-position: center;
1899 background-repeat: no-repeat;
1900 background-size: cover;
1901 }
1902 #epkb-fe__editor #rating_mode_group .epkbfa-input-icon:before {
1903 display: none;
1904 }
1905 #epkb-fe__editor #rating_mode_group .epkbfa-eprf-rating-mode-five-stars {
1906 background-image: url("../img/setting-icons/rating-5-star.jpg");
1907 }
1908 #epkb-fe__editor #rating_mode_group .epkbfa-eprf-rating-mode-like-dislike {
1909 background-image: url("../img/setting-icons/rating-thumbs-up.jpg");
1910 }
1911 #epkb-fe__editor #advanced_search_mp_presets .epkb-input-container:first-child,
1912 #epkb-fe__editor #advanced_search_ap_presets .epkb-input-container:first-child {
1913 display: none !important;
1914 }
1915 #epkb-fe__editor .epkb-general_typography-loader-wrap {
1916 display: flex;
1917 flex-direction: column;
1918 gap: 1em;
1919 margin-bottom: 2em;
1920 }
1921 #epkb-fe__editor .epkb-general_typography-loader-wrap .input_container {
1922 display: flex;
1923 flex-direction: row;
1924 align-items: center;
1925 gap: 1em;
1926 }
1927 #epkb-fe__editor .epkb-general_typography-loader-wrap .epkb-general_typography-current {
1928 font-size: 1.5em;
1929 }
1930 #epkb-fe__editor .epkb-general_typography-loader-wrap label {
1931 display: none !important;
1932 }
1933 #epkb-fe__editor .epkb-general-typography-description {
1934 margin-bottom: 4em;
1935 margin-left: 15px;
1936 }
1937 #epkb-fe__editor #template_main_page_display_title {
1938 margin-bottom: 4em;
1939 }
1940 #epkb-fe__editor #epkb_ml_custom_css_group label {
1941 display: none !important;
1942 }
1943 #epkb-fe__editor #general_typography_font_family_group label {
1944 display: none !important;
1945 }
1946
1947 .epkb-fe__settings-section--module-selection {
1948 display: none !important;
1949 }
1950
1951 .epkb-fe__toggle {
1952 font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1953 margin: 0;
1954 padding: 0;
1955 border: 0;
1956 outline: 0;
1957 vertical-align: baseline;
1958 font-weight: normal;
1959 line-height: 1;
1960 text-align: left;
1961 text-decoration: none;
1962 border: none;
1963 box-shadow: none;
1964 box-sizing: border-box;
1965 font-style: normal;
1966 list-style-type: none;
1967 list-style-image: none;
1968 float: none;
1969 text-transform: none;
1970 letter-spacing: 0;
1971 height: auto;
1972 position: fixed;
1973 display: flex;
1974 right: 100px;
1975 bottom: 18px;
1976 padding: 12px 18px;
1977 display: flex;
1978 align-items: center;
1979 width: fit-content;
1980 height: fit-content;
1981 align-items: flex-end;
1982 border-radius: 16px;
1983 color: #FFFFFF;
1984 background: #9720D4;
1985 line-height: 1;
1986 box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.51);
1987 z-index: 999;
1988 font-size: 10px;
1989 }
1990 .epkb-fe__toggle:hover {
1991 cursor: pointer;
1992 }
1993 .epkb-fe__toggle .epkb-fe__toggle-wrapper {
1994 display: flex;
1995 gap: 16px;
1996 align-items: center;
1997 justify-content: center;
1998 }
1999 .epkb-fe__toggle .epkb-fe__toggle-wrapper .epkb-fe_toggle-icon-wrapper {
2000 font-size: 19px;
2001 }
2002 .epkb-fe__toggle .epkb-fe__toggle-wrapper .epkb-fe__toggle-title__text {
2003 display: block;
2004 white-space: nowrap;
2005 font-size: 19px;
2006 }
2007 .epkb-fe__toggle .epkb-fe__toggle-close {
2008 margin-left: 10px;
2009 font-size: 16px;
2010 opacity: 0.7;
2011 transition: opacity 0.2s;
2012 cursor: pointer;
2013 }
2014 .epkb-fe__toggle .epkb-fe__toggle-close:hover {
2015 opacity: 1;
2016 }
2017
2018 #epkb-modular-main-page-container .epkb-fe-dialog-box-loading,
2019 #eckb-article-page-container-v2 .epkb-fe-dialog-box-loading,
2020 #eckb-archive-page-container .epkb-fe-dialog-box-loading {
2021 position: fixed;
2022 top: 0;
2023 left: 0;
2024 width: 100%;
2025 height: 100%;
2026 display: flex;
2027 align-items: center;
2028 justify-content: center;
2029 z-index: 999;
2030 }
2031 #epkb-modular-main-page-container .epkb-fe-dialog-box-loading .epkb-admin-dbl__header,
2032 #eckb-article-page-container-v2 .epkb-fe-dialog-box-loading .epkb-admin-dbl__header,
2033 #eckb-archive-page-container .epkb-fe-dialog-box-loading .epkb-admin-dbl__header {
2034 background: #FFFFFF;
2035 border-radius: 16px;
2036 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
2037 padding: 31px 30px;
2038 text-align: center;
2039 max-width: 90%;
2040 width: 170px;
2041 animation: fadeInScale 0.3s ease-out;
2042 }
2043 #epkb-modular-main-page-container .epkb-fe-dialog-box-loading .epkb-admin-dbl-icon,
2044 #eckb-article-page-container-v2 .epkb-fe-dialog-box-loading .epkb-admin-dbl-icon,
2045 #eckb-archive-page-container .epkb-fe-dialog-box-loading .epkb-admin-dbl-icon {
2046 display: inline-block;
2047 font-size: 24px;
2048 color: #2EA3F2;
2049 border: 1px dashed #2EA3F2;
2050 border-radius: 50%;
2051 padding: 14px 16px;
2052 animation: epkb_spin 2s linear infinite;
2053 }
2054 #epkb-modular-main-page-container .epkb-fe-dialog-box-loading .epkb-admin-text,
2055 #eckb-article-page-container-v2 .epkb-fe-dialog-box-loading .epkb-admin-text,
2056 #eckb-archive-page-container .epkb-fe-dialog-box-loading .epkb-admin-text {
2057 font-size: 20px;
2058 font-weight: 600;
2059 color: #2EA3F2;
2060 }
2061
2062 @keyframes epkb_spin {
2063 0% {
2064 transform: rotate(0deg);
2065 }
2066 100% {
2067 transform: rotate(360deg);
2068 }
2069 }
2070 @keyframes fadeInScale {
2071 from {
2072 opacity: 0;
2073 transform: scale(0.9);
2074 }
2075 to {
2076 opacity: 1;
2077 transform: scale(1);
2078 }
2079 }
2080 .epkb-admin-dialog-box-overlay {
2081 position: fixed !important;
2082 top: 0 !important;
2083 right: 0 !important;
2084 bottom: 0 !important;
2085 left: 0 !important;
2086 background-color: rgba(0, 0, 0, 0.7) !important;
2087 z-index: 100 !important;
2088 animation: edit-post__fade-in-animation 0.2s ease-out 0s !important;
2089 animation-fill-mode: forwards !important;
2090 }
2091
2092 @keyframes epkb_spin {
2093 0% {
2094 transform: rotate(0deg);
2095 }
2096 100% {
2097 transform: rotate(360deg);
2098 }
2099 }
2100 .epkb-dialog-box-form {
2101 display: none;
2102 background-color: #FFFFFF;
2103 width: 700px;
2104 position: fixed;
2105 top: 40%;
2106 left: 50%;
2107 margin-left: -350px;
2108 box-shadow: -2px 11px 20px 2px #000000;
2109 border: solid 1px #EFEFEF;
2110 z-index: 999;
2111 }
2112 .epkb-dialog-box-form input[type=text] {
2113 font-size: 13px;
2114 display: flex;
2115 justify-content: center;
2116 align-items: center;
2117 text-align: left;
2118 width: 100%;
2119 padding: 8px 12px;
2120 margin: 5px 0;
2121 border: solid 1px #D5DADF;
2122 line-height: 1em;
2123 min-height: 35px;
2124 -webkit-box-shadow: none;
2125 box-shadow: none;
2126 -webkit-border-radius: 5px;
2127 -moz-border-radius: 5px;
2128 border-radius: 5px;
2129 color: #2C2C2C;
2130 background-color: #FFFFFF;
2131 }
2132 .epkb-dialog-box-form input[type=text]:focus {
2133 border-color: #333333;
2134 outline: 0 none;
2135 box-shadow: 0 0 0 1px #333333;
2136 }
2137 .epkb-dialog-box-form input[type=radio] {
2138 width: 20px;
2139 height: 20px;
2140 }
2141 .epkb-dialog-box-form input[type=radio]:before {
2142 width: 10px !important;
2143 height: 10px !important;
2144 }
2145 .epkb-dialog-box-form input[type=radio]:before:checked {
2146 width: 10px !important;
2147 height: 10px !important;
2148 }
2149 .epkb-dialog-box-form input[type=radio]:checked + label {
2150 font-weight: bold;
2151 }
2152 .epkb-dialog-box-form input[type=checkbox] {
2153 width: 20px;
2154 height: 20px;
2155 }
2156 .epkb-dialog-box-form input[type=checkbox]:before {
2157 width: 10px;
2158 height: 10px;
2159 margin: -1px 0px 0px -1px;
2160 }
2161 .epkb-dialog-box-form input[type=checkbox]:checked + label {
2162 font-weight: bold;
2163 }
2164 .epkb-dialog-box-form select {
2165 padding: 6px 12px;
2166 border-radius: 4px;
2167 border: 1px solid #DDDDDD;
2168 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
2169 background-color: #FFFFFF;
2170 color: #32373C;
2171 outline: none;
2172 transition: 0.05s border-color ease-in-out;
2173 height: 41px;
2174 font-size: 16px;
2175 }
2176 .epkb-dialog-box-form .epkb-dbf__header {
2177 padding: 20px 20px 20px 20px;
2178 border-bottom: solid 1px #DDDDDD;
2179 background-color: #FCFCFC;
2180 }
2181 .epkb-dialog-box-form .epkb-dbf__header h4 {
2182 font-size: 22px;
2183 margin: 0;
2184 }
2185 .epkb-dialog-box-form .epkb-dbf__body {
2186 padding: 20px;
2187 }
2188 .epkb-dialog-box-form .epkb-dbf__form {
2189 padding: 20px;
2190 }
2191 .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input {
2192 margin-bottom: 10px;
2193 display: grid;
2194 grid-template-rows: auto;
2195 align-items: center;
2196 grid-template-columns: 25% 25% 25% 25%;
2197 grid-template-areas: "textLabel textLabel textInput textInput" "radiolabel radio radio rado" "checklabel checkbox checkbox checkbox";
2198 }
2199 .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-text-label {
2200 grid-area: textLabel;
2201 }
2202 .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-radio-label {
2203 grid-area: radiolabel;
2204 }
2205 .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input .epkb-checkbox-label {
2206 grid-area: checklabel;
2207 }
2208 .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=text] {
2209 grid-area: textInput;
2210 }
2211 .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=radio] {
2212 grid-area: radio;
2213 }
2214 .epkb-dialog-box-form .epkb-dbf__form .epkb-dbf__form__input input[type=checkbox] {
2215 grid-area: checkbox;
2216 }
2217 .epkb-dialog-box-form .epkb-dbf__footer {
2218 background-color: #F7F7F7;
2219 padding: 10px;
2220 display: grid;
2221 grid-template-rows: auto;
2222 align-items: center;
2223 grid-template-columns: auto 50%;
2224 border-top: solid 1px #DDDDDD;
2225 }
2226 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept {
2227 text-transform: uppercase;
2228 margin: 10px;
2229 }
2230 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept:hover {
2231 cursor: pointer;
2232 }
2233 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept .epkb-dbf__footer__accept__btn {
2234 display: block;
2235 padding: 20px;
2236 text-align: center;
2237 font-size: 17px;
2238 font-weight: bold;
2239 }
2240 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success {
2241 background-color: #78B956;
2242 color: #FFFFFF;
2243 }
2244 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--success:hover {
2245 background-color: #8FDD7D;
2246 }
2247 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error {
2248 background-color: #D95651;
2249 color: #FFFFFF;
2250 }
2251 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--error:hover {
2252 background-color: #E27F7B;
2253 }
2254 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning {
2255 background-color: #F0BC71;
2256 color: #FFFFFF;
2257 }
2258 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--warning:hover {
2259 background-color: #F5D29F;
2260 }
2261 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default {
2262 background-color: #DDDDDD;
2263 color: #000000;
2264 }
2265 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--default:hover {
2266 background-color: #E7E7E7;
2267 }
2268 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary {
2269 background-color: #2EA3F2;
2270 color: #FFFFFF;
2271 }
2272 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__accept--primary:hover {
2273 background-color: #2EA3F2;
2274 }
2275 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel {
2276 background-color: #DDDDDD;
2277 color: #636262;
2278 text-transform: uppercase;
2279 margin: 10px;
2280 }
2281 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel:hover {
2282 cursor: pointer;
2283 background-color: #E7E7E7;
2284 }
2285 .epkb-dialog-box-form .epkb-dbf__footer .epkb-dbf__footer__cancel .epkb-dbf__footer__cancel__btn {
2286 display: block;
2287 padding: 20px;
2288 text-align: center;
2289 font-size: 17px;
2290 font-weight: bold;
2291 }
2292 .epkb-dialog-box-form .epkb-dbf__close {
2293 position: absolute;
2294 top: 9px;
2295 right: 10px;
2296 padding: 8px;
2297 }
2298 .epkb-dialog-box-form .epkb-dbf__close:before {
2299 font-size: 25px;
2300 }
2301 .epkb-dialog-box-form .epkb-dbf__close:hover {
2302 cursor: pointer;
2303 opacity: 0.7;
2304 box-shadow: inset 0 0 0 1px #CCD0D4, inset 0 0 0 2px #FFFFFF;
2305 border-radius: 4px;
2306 }
2307
2308 .epkb-dialog-box-form--active {
2309 display: block;
2310 }
2311
2312 .epkb-dialog-box-form--active + .epkb-dialog-box-form-black-background {
2313 display: block;
2314 }
2315
2316 .epkb-dialog-box-form-black-background {
2317 display: none;
2318 position: fixed;
2319 top: 0;
2320 left: 0;
2321 width: 100%;
2322 height: 100%;
2323 background-color: rgba(0, 0, 0, 0.8);
2324 z-index: 9;
2325 }
2326
2327 .eckb-bottom-notice-message {
2328 position: fixed;
2329 bottom: 20px;
2330 left: 20px;
2331 z-index: 99999;
2332 transition: all 0.5s ease-in-out;
2333 -webkit-animation-name: fadeInDown;
2334 animation-name: fadeInDown;
2335 -webkit-animation-duration: 1s;
2336 animation-duration: 1s;
2337 -webkit-animation-fill-mode: both;
2338 animation-fill-mode: both;
2339 max-width: 700px;
2340 }
2341 .eckb-bottom-notice-message .contents {
2342 display: block;
2343 position: relative;
2344 font-size: 16px;
2345 }
2346 .eckb-bottom-notice-message .contents span {
2347 display: block;
2348 border: solid 1px;
2349 padding: 15px 30px 15px 30px;
2350 border-top-right-radius: 4px;
2351 border-bottom-right-radius: 4px;
2352 border-top-left-radius: 0px;
2353 border-bottom-left-radius: 0px;
2354 }
2355 .eckb-bottom-notice-message .contents span p {
2356 padding: 0;
2357 margin: 0;
2358 font-size: 1em;
2359 }
2360 .eckb-bottom-notice-message .contents .general {
2361 background-color: #E5E5E5;
2362 border-color: #CCCCCC;
2363 }
2364 .eckb-bottom-notice-message .contents .success {
2365 background-color: #5CB85C;
2366 border-color: #449D44;
2367 color: #FFFFFF;
2368 }
2369 .eckb-bottom-notice-message .contents .warning {
2370 background-color: #F0BC71;
2371 border-color: #EBA643;
2372 color: #FFFFFF;
2373 }
2374 .eckb-bottom-notice-message .contents .attention {
2375 background-color: #D0D849;
2376 border-color: #BBC42A;
2377 color: #5E5E5E;
2378 }
2379 .eckb-bottom-notice-message .contents .error {
2380 background-color: #D9534F;
2381 border-color: #C9302C;
2382 color: #FFFFFF;
2383 }
2384 .eckb-bottom-notice-message .contents .primary {
2385 background-color: #2EA3F2;
2386 border-color: #0E8BDF;
2387 color: #FFFFFF;
2388 }
2389 .eckb-bottom-notice-message .epkb-close-notice {
2390 position: absolute;
2391 top: 0;
2392 right: 0;
2393 padding: 5px;
2394 opacity: 0.5;
2395 font-size: 1.5em;
2396 }
2397 .eckb-bottom-notice-message .epkb-close-notice:hover {
2398 opacity: 1;
2399 cursor: pointer;
2400 }
2401
2402 .fadeOutDown {
2403 -webkit-animation-name: fadeOutDown;
2404 animation-name: fadeOutDown;
2405 }
2406
2407 @keyframes fadeOutDown {
2408 0% {
2409 opacity: 1;
2410 -webkit-transform: none;
2411 -ms-transform: none;
2412 transform: none;
2413 }
2414 100% {
2415 opacity: 0;
2416 -webkit-transform: translate3d(0, 100%, 0);
2417 -ms-transform: translate3d(0, 100%, 0);
2418 transform: translate3d(0, 100%, 0);
2419 }
2420 }
2421 @media (min-width: 1367px) and (max-width: 1920px) {
2422 #epkb-fe__editor {
2423 max-width: 400px;
2424 }
2425 }
2426 @media (min-width: 1921px) and (max-width: 3839px) {
2427 #epkb-fe__editor {
2428 font-size: 11px;
2429 }
2430 }
2431 @media (min-width: 3840px) {
2432 #epkb-fe__editor {
2433 font-size: 13px;
2434 }
2435 }
2436 /* Hide "None" option from Sidebar Navigation Type dropdowns - position controls visibility */
2437 #article_nav_sidebar_type_left .epkb-input-container:last-child,
2438 #article_nav_sidebar_type_right .epkb-input-container:last-child {
2439 display: none !important;
2440 }
2441