PluginProbe
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses / 4.4.10
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses v4.4.10
4.4.10 4.4.9.1 4.4.9 4.4.8 4.4.7 4.4.6 4.4.5 4.4.4 4.4.3 4.4.2 4.4.1 4.4.0 4.3.9.1 4.3.9 4.3.8 4.3.7 4.1.6.9 4.1.6.9.1 4.1.6.9.2 4.1.6.9.3 4.1.6.9.4 4.1.7 4.1.7.1 4.1.7.2 4.1.7.3 All 142 releases
learnpress / assets / css / admin / admin.css

admin.css in LearnPress – WordPress LMS Plugin for Create and Sell Online Courses 4.4.10, at assets/css/admin/admin.css

13,872 lines 333.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /**
3 * Mixin
4 */
5 @keyframes rotating4 {
6 from {
7 transform: rotate(0deg);
8 }
9 to {
10 transform: rotate(360deg);
11 }
12 }
13 @keyframes animation4 {
14 from {
15 left: -40%;
16 width: 40%;
17 }
18 to {
19 left: 100%;
20 width: 10%;
21 }
22 }
23 :root {
24 --lp-cotainer-max-with: var(--lp-container-max-width);
25 }
26
27 .wp-block-group {
28 --lp-container-max-width: var(--wp--style--global--wide-size);
29 }
30
31 /**
32 * Style for the buttons
33 */
34 .lp-btn-edit-primary {
35 border: none;
36 background: #135e96;
37 color: #fff;
38 }
39 .lp-btn-edit-primary:not(.active) {
40 opacity: 0.5;
41 }
42 .lp-btn-edit-primary:hover, .lp-btn-edit-primary.active, .lp-btn-edit-primary.active:hover {
43 background: #135E96;
44 color: #fff;
45 opacity: 1;
46 }
47
48 /* 5. Minimal Bottom Line */
49 .btn-line::after {
50 content: "";
51 position: absolute;
52 bottom: 0;
53 left: 0;
54 height: 4px;
55 width: 0%;
56 background-color: #38bdf8;
57 animation: lineLoad 2s ease-in-out infinite;
58 }
59
60 @keyframes lineLoad {
61 0% {
62 width: 0%;
63 left: 0;
64 }
65 50% {
66 width: 100%;
67 left: 0;
68 }
69 100% {
70 width: 0%;
71 left: 100%;
72 }
73 }
74 .lp-button {
75 padding: 8px 16px;
76 border: 1px solid var(--lp-border-color, #E2E0DB);
77 border-radius: var(--lp-border-radius, 5px);
78 color: #374151;
79 font-weight: 500;
80 text-decoration: none;
81 cursor: pointer;
82 }
83 .lp-button.loading {
84 position: relative;
85 display: inline-flex;
86 align-items: center;
87 justify-content: center;
88 pointer-events: none;
89 color: rgba(0, 0, 0, 0) !important;
90 }
91 .lp-button.loading:before {
92 position: absolute;
93 inset: 0;
94 display: flex;
95 align-items: center;
96 justify-content: center;
97 font-family: "lp-icon";
98 content: "\f110";
99 animation: lp-rotating 1s linear infinite;
100 font-variant: normal;
101 text-transform: none;
102 -webkit-font-smoothing: antialiased;
103 -moz-osx-font-smoothing: grayscale;
104 color: black;
105 }
106
107 .learn-press-message {
108 position: relative;
109 display: flex;
110 align-items: center;
111 margin: 0 !important;
112 padding: 10px;
113 border-radius: var(--lp-border-radius, 5px);
114 background-color: #E5F7FF;
115 color: #007AFF;
116 max-width: 100%;
117 }
118 .learn-press-message::before {
119 display: inline-block;
120 margin-right: 8px;
121 font-family: "lp-icon";
122 font-size: 20px;
123 font-style: normal;
124 font-weight: normal;
125 line-height: 1;
126 }
127 .learn-press-message.error {
128 background-color: #FEE5E5;
129 color: #FF3B30;
130 border: 1px solid #E31A1A;
131 padding: 10px 20px;
132 }
133 .learn-press-message.error::before {
134 content: "\f071";
135 color: #E31A1A;
136 }
137 .learn-press-message.warning {
138 background-color: #FEF7E6;
139 color: #FF9500;
140 border: 1px solid #F8A100;
141 }
142 .learn-press-message.warning::before {
143 content: "\f06a";
144 color: #F8A100;
145 }
146 .learn-press-message.success {
147 background-color: #EBF8E5;
148 color: #3AB500;
149 border: 1px solid #28A746;
150 }
151 .learn-press-message.success::before {
152 content: "\f058";
153 color: #28A746;
154 }
155 .learn-press-message.info {
156 background-color: rgba(0, 122, 255, 0.1019607843);
157 color: #007AFF;
158 border: 1px solid #2E91FA;
159 }
160 .learn-press-message.info::before {
161 content: "\e931";
162 color: #2E91FA;
163 }
164 .learn-press-message a {
165 text-decoration: underline;
166 }
167
168 .lp-toast.toastify {
169 background: #EBF8E5;
170 color: #3AB500;
171 border-radius: var(--lp-border-radius, 5px);
172 box-shadow: 0 0 0;
173 display: flex;
174 align-items: center;
175 }
176 .lp-toast.toastify .toast-close {
177 background: transparent !important;
178 font-size: 0;
179 padding-left: 12px;
180 }
181 .lp-toast.toastify .toast-close:before {
182 content: "\f00d";
183 font-family: "lp-icon";
184 font-size: 16px;
185 color: #000;
186 line-height: 17px;
187 }
188 .lp-toast.toastify .toast-close:hover {
189 opacity: 1;
190 }
191 .lp-toast.toastify.error {
192 background-color: #FEE5E5;
193 color: #FF3B30;
194 padding: 12px 20px;
195 border: none;
196 margin: 0 auto;
197 }
198 .lp-toast.toastify.warning {
199 background-color: #FEF7E6;
200 color: #fb9422;
201 padding: 12px 20px;
202 border: none;
203 margin: 0 auto;
204 }
205 .lp-toast.toastify.info {
206 background-color: rgba(0, 122, 255, 0.1019607843);
207 color: #277afc;
208 padding: 12px 20px;
209 border: none;
210 margin: 0 auto;
211 }
212
213 /**
214 * Style for the Tom Select
215 * @link https://tom-select.js.org/
216 * @since 4.2.9.5
217 * @version 1.0.0
218 */
219 .lp-tom-select {
220 min-width: 150px;
221 }
222 .lp-tom-select.plugin-dropdown_input .dropdown-input {
223 width: 95%;
224 min-width: auto;
225 border: 1px solid #2271b1;
226 }
227 .lp-tom-select[multiple] {
228 display: block;
229 height: 36px !important;
230 border: 1px solid #d0d0d0;
231 }
232 .lp-tom-select.ts-wrapper {
233 min-width: 200px;
234 width: fit-content;
235 }
236 .lp-tom-select.ts-wrapper dropdown-active .ts-control input.dropdown-input {
237 border-color: #d0d0d0;
238 }
239 .lp-tom-select.ts-wrapper input.dropdown-input {
240 margin: 0 auto 5px;
241 padding: 0 8px;
242 box-shadow: none;
243 }
244 .lp-tom-select.ts-wrapper.multi.has-items .ts-control {
245 padding: 3px 0 3px 3px;
246 }
247 .lp-tom-select.ts-wrapper .ts-control {
248 min-height: 32px;
249 padding: 4px;
250 border: 1px solid #949494;
251 }
252 .lp-tom-select.ts-wrapper .ts-control input[type=text] {
253 min-width: 30px;
254 }
255 .lp-tom-select.ts-wrapper .ts-control li {
256 margin: 0 5px 3px 0;
257 padding: 3px 8px;
258 background: #eee;
259 border-radius: var(--lp-border-radius);
260 }
261 .lp-tom-select.ts-wrapper .ts-control .item {
262 margin: 0 5px 2px 0;
263 padding: 1px 2px;
264 background: #eee;
265 border-radius: var(--lp-border-radius);
266 }
267 .lp-tom-select.ts-wrapper .ts-dropdown {
268 border: 1px solid #d0d0d0;
269 padding-top: 5px;
270 border-radius: 3px;
271 margin-top: -1px;
272 }
273 .lp-tom-select.ts-wrapper .ts-dropdown .spinner {
274 visibility: visible;
275 }
276 .lp-tom-select.ts-wrapper .ts-dropdown .spinner::after {
277 content: "";
278 border: none;
279 }
280 .lp-tom-select .dropdown-input-wrap {
281 display: flex;
282 }
283
284 /*.search-box {
285 .ts-wrapper {
286 float: left;
287 margin-right: 4px;
288
289 .ts-control {
290 padding: 3px;
291 height: 30px;
292
293 li {
294 margin: 0;
295 }
296 }
297 }
298 }*/
299 /**
300 * Styles for displaying list of table
301 */
302 .lp-toolbar-buttons {
303 position: relative;
304 z-index: 10;
305 height: 50px;
306 }
307 .lp-toolbar-buttons .lp-toolbar-btn {
308 display: inline-block;
309 position: relative;
310 width: 30px;
311 height: 30px;
312 margin: 0;
313 padding: 0;
314 text-align: center;
315 vertical-align: middle;
316 cursor: pointer;
317 }
318 .lp-toolbar-buttons .lp-toolbar-btn a,
319 .lp-toolbar-buttons .lp-toolbar-btn span {
320 outline: none;
321 color: #666;
322 box-shadow: none;
323 }
324 .lp-toolbar-buttons .lp-toolbar-btn .lp-btn-icon {
325 position: absolute;
326 top: 50%;
327 left: 50%;
328 width: 30px;
329 height: 30px;
330 margin-top: -15px;
331 margin-left: -15px;
332 line-height: 1.875rem;
333 text-align: center;
334 }
335 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move {
336 cursor: ns-resize;
337 }
338 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move a,
339 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
340 cursor: ns-resize;
341 }
342 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move:hover a,
343 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
344 color: var(--lp-primary-color);
345 }
346 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove {
347 cursor: pointer;
348 }
349 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover a,
350 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover span {
351 color: #e74c3c;
352 }
353 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down,
354 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down-alt2 {
355 display: none;
356 }
357 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up,
358 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up-alt2 {
359 display: none;
360 }
361 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down,
362 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down-alt2 {
363 display: inline-block;
364 }
365 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown {
366 color: #000;
367 }
368 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul {
369 display: none;
370 position: absolute;
371 top: 100%;
372 right: 0;
373 margin: 0 0;
374 border: 1px solid #999;
375 background: #fdfeff;
376 }
377 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li {
378 margin: 0;
379 list-style: none;
380 }
381 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a {
382 display: block;
383 margin: 0;
384 padding: 3px 8px;
385 color: #757575;
386 font-size: 0.8em;
387 text-align: right;
388 white-space: nowrap;
389 text-decoration: none;
390 }
391 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a:hover {
392 background: #eee;
393 }
394 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li.active a {
395 background: #eee;
396 }
397 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled, .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled:hover {
398 _background: #f5f5f5;
399 }
400 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled .lp-btn-icon, .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled:hover .lp-btn-icon {
401 color: #666;
402 }
403 .lp-toolbar-buttons .lp-toolbar-btn:hover {
404 display: inline-block;
405 background: none;
406 }
407 .lp-toolbar-buttons .lp-toolbar-btn:hover .lp-btn-icon {
408 color: #444;
409 }
410 .lp-toolbar-buttons .lp-toolbar-btn:hover ul {
411 display: block;
412 }
413 .lp-toolbar-buttons .lp-toolbar-btn:hover ul:hover {
414 display: block;
415 }
416
417 .column-content-actions.lp-toolbar-buttons {
418 width: 30px;
419 padding: 0;
420 white-space: nowrap;
421 }
422
423 .learn-press-box-data {
424 position: relative;
425 margin: 20px 0 0 0;
426 border: 1px solid #ddd;
427 }
428 .learn-press-box-data .lp-box-data-head {
429 padding: 10px 15px;
430 background: #fff;
431 }
432 .learn-press-box-data .lp-box-data-head h3 {
433 margin: 0;
434 padding: 15px;
435 font-size: 1em;
436 }
437 .learn-press-box-data .lp-box-data-head .lp-box-data-actions {
438 float: right;
439 position: relative;
440 z-index: 10;
441 }
442 .learn-press-box-data .lp-box-data-head .lp-box-data-actions .lp-btn {
443 display: inline-block;
444 width: 30px;
445 height: 50px;
446 line-height: 2.875rem;
447 text-align: center;
448 vertical-align: middle;
449 }
450 .learn-press-box-data .lp-box-data-head .lp-box-data-actions::after {
451 display: block;
452 clear: both;
453 content: "";
454 }
455 .learn-press-box-data .lp-box-data-head::after {
456 display: block;
457 clear: both;
458 content: "";
459 }
460 .learn-press-box-data .lp-box-data-content {
461 padding: 15px;
462 border-top: 1px solid #ddd;
463 background: #fff;
464 }
465 .learn-press-box-data .lp-box-data-foot {
466 padding: 15px;
467 }
468 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up,
469 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up-alt2 {
470 display: none;
471 }
472 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down,
473 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down-alt2 {
474 display: inline-block;
475 }
476 .learn-press-box-data.closed .lp-box-data-content {
477 display: none;
478 }
479
480 .lp-list-options {
481 width: 100%;
482 border-collapse: collapse;
483 }
484 .lp-list-options th,
485 .lp-list-options td {
486 padding: 10px 15px;
487 border-top: 1px solid #ddd;
488 background: #f5f5f5;
489 }
490 .lp-list-options thead th {
491 text-align: left;
492 }
493 .lp-list-options tbody tr td {
494 padding: 0 15px;
495 background: #f4fcff;
496 }
497 .lp-list-options tbody tr td.lp-toolbar-buttons {
498 _overflow: hidden;
499 position: relative;
500 width: 30px;
501 height: 42px;
502 white-space: nowrap;
503 }
504 .lp-list-options tbody tr td.lp-toolbar-buttons .lp-toolbar-btn {
505 visibility: hidden;
506 position: relative;
507 height: 43px;
508 margin-top: -4px;
509 margin-bottom: -4px;
510 }
511 .lp-list-options tbody tr:nth-child(odd) td {
512 background: #fff;
513 }
514 .lp-list-options tbody tr:hover td.lp-toolbar-buttons .lp-toolbar-btn {
515 visibility: visible;
516 }
517 .lp-list-options tbody td {
518 text-align: left;
519 }
520 .lp-list-options tbody td input[type=text] {
521 width: 100%;
522 }
523 .lp-list-options tbody td input[type=text][value=""] {
524 font-style: italic;
525 }
526 .lp-list-options tbody td.column-content-answer_correct {
527 width: 125px;
528 }
529 .lp-list-options tbody td.lp-remove-list-option, .lp-list-options tbody td.lp-move-list-option {
530 width: 20px;
531 padding: 0;
532 text-align: center;
533 }
534 .lp-list-options tbody td.lp-remove-list-option a, .lp-list-options tbody td.lp-move-list-option a {
535 visibility: hidden;
536 color: #999;
537 }
538 .lp-list-options tbody td.lp-remove-list-option:hover, .lp-list-options tbody td.lp-move-list-option:hover {
539 background: #dbf5ff;
540 }
541 .lp-list-options tbody td.lp-move-list-option {
542 cursor: ns-resize;
543 }
544 .lp-list-options tbody td.lp-move-list-option a {
545 cursor: ns-resize;
546 }
547 .lp-list-options tbody td.lp-move-list-option:hover a {
548 color: var(--lp-primary-color);
549 }
550 .lp-list-options tbody td.lp-remove-list-option {
551 cursor: pointer;
552 }
553 .lp-list-options tbody td.lp-remove-list-option:hover a {
554 color: #e74c3c;
555 }
556
557 .lp-animation {
558 animation: spin 4s linear infinite;
559 }
560
561 .lp-ajax-search {
562 display: inline-block;
563 position: relative;
564 z-index: 999999;
565 }
566 .lp-ajax-search .lp-search-term {
567 min-width: 300px;
568 height: 28px;
569 margin: 0;
570 outline: none;
571 box-shadow: none;
572 }
573 .lp-ajax-search .lp-search-term:focus {
574 box-shadow: none;
575 }
576 .lp-ajax-search .lp-search-term:focus {
577 outline: none;
578 box-shadow: none;
579 }
580 .lp-ajax-search .lp-search-term:focus:focus {
581 box-shadow: none;
582 }
583 .lp-ajax-search .lp-search-results {
584 position: absolute;
585 top: 100%;
586 width: 100%;
587 margin: -1px 0 0 0;
588 border: 1px solid #ddd;
589 background: #fff;
590 -webkit-box-sizing: border-box;
591 box-sizing: border-box;
592 }
593 .lp-ajax-search .lp-search-results .lp-search-items {
594 overflow: auto;
595 max-height: 300px;
596 margin: 0;
597 }
598 .lp-ajax-search .lp-search-results .lp-search-items li {
599 margin: 0;
600 }
601 .lp-ajax-search .lp-search-results .lp-search-items li label {
602 display: block;
603 padding: 8px 10px;
604 border-bottom: 1px solid #f3f3f3;
605 }
606 .lp-ajax-search .lp-search-results .lp-search-items li label input {
607 float: left;
608 margin-top: 1px;
609 margin-right: -100%;
610 }
611 .lp-ajax-search .lp-search-results .lp-search-items li label span {
612 display: inline-block;
613 margin-left: 25px;
614 }
615 .lp-ajax-search .lp-search-results .lp-search-items li label span a.lp-add-item {
616 visibility: hidden;
617 margin-left: 10px;
618 }
619 .lp-ajax-search .lp-search-results .lp-search-items li.active {
620 background: #dbf5ff;
621 }
622 .lp-ajax-search .lp-search-results .lp-search-items li:hover {
623 color: #fff;
624 background: #0085ba;
625 }
626 .lp-ajax-search .lp-search-results .lp-search-items li:hover a.lp-add-item {
627 visibility: visible;
628 }
629 .lp-ajax-search .lp-search-results .lp-search-actions {
630 margin: 0;
631 padding: 10px;
632 border-top: 1px solid #ddd;
633 }
634
635 #learn-press-ajax-search-overlay {
636 display: none;
637 position: fixed;
638 z-index: 99999;
639 top: 0;
640 left: 0;
641 width: 100%;
642 height: 100%;
643 opacity: 0;
644 }
645
646 .update-overlay {
647 position: fixed;
648 z-index: 99999;
649 top: 0;
650 left: 0;
651 width: 100%;
652 height: 100%;
653 background: rgba(255, 255, 255, 0.5);
654 }
655
656 #course-editor.ajax-search #learn-press-ajax-search-overlay {
657 display: block;
658 }
659 #course-editor.ajax-search .lp-ajax-search {
660 z-index: 100000;
661 }
662
663 .advanced-list {
664 width: 100%;
665 min-width: 200px;
666 border-radius: var(--lp-border-radius);
667 background: #fff;
668 list-style: none;
669 }
670 .advanced-list li {
671 display: inline-block;
672 margin: 0 5px 5px 0;
673 padding: 3px 8px;
674 background: #eee;
675 border-radius: var(--lp-border-radius);
676 }
677 .advanced-list li .remove-item {
678 display: inline-block;
679 margin-right: 5px;
680 line-height: 1;
681 vertical-align: middle;
682 text-decoration: none;
683 cursor: pointer;
684 }
685 .advanced-list li .remove-item:hover {
686 color: #0085ba;
687 }
688 .advanced-list li .remove-item::before {
689 font-family: dashicons;
690 text-decoration: none;
691 content: "\f335";
692 }
693 .advanced-list li span {
694 display: inline-block;
695 }
696 .advanced-list.locked .remove-item {
697 display: none;
698 }
699 .advanced-list::after {
700 display: block;
701 clear: both;
702 content: "";
703 }
704
705 .lp-label-counter {
706 display: inline-block;
707 height: 20px;
708 padding: 0 10px;
709 border-radius: 20px;
710 color: #fff;
711 background: #2196f3;
712 font-weight: bold;
713 line-height: 1.25rem;
714 }
715 .lp-label-counter.disabled {
716 background: #ddd;
717 }
718
719 @keyframes spin {
720 100% {
721 -webkit-transform: rotate(360deg);
722 transform: rotate(360deg);
723 }
724 }
725 .rwmb-duration {
726 border: 1px solid #ddd;
727 }
728
729 ul .clearfix {
730 clear: both;
731 height: 0;
732 opacity: 0;
733 }
734
735 .clearfix-after::after {
736 display: block;
737 clear: both;
738 height: 0;
739 opacity: 0;
740 content: "";
741 }
742
743 @font-face {
744 font-family: "lp-icon";
745 src: url("../../src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=146") format("woff2");
746 font-weight: normal;
747 font-style: normal;
748 font-display: swap;
749 }
750 [class^=lp-icon-], [class*=" lp-icon-"] {
751 /* use !important to prevent issues with browser extensions that change fonts */
752 font-family: "lp-icon";
753 speak: never;
754 font-style: normal;
755 font-weight: normal;
756 font-variant: normal;
757 text-transform: none;
758 line-height: 1;
759 font-display: swap;
760 /* Better Font Rendering =========== */
761 -webkit-font-smoothing: antialiased;
762 -moz-osx-font-smoothing: grayscale;
763 }
764
765 .lp-icon-my-courses:before {
766 content: "\e900";
767 }
768
769 .lp-icon-clock:before {
770 content: "\e901";
771 }
772
773 .lp-icon-students:before {
774 content: "\e902";
775 }
776
777 .lp-icon-courses:before {
778 content: "\e903";
779 }
780
781 .lp-icon-co-instructor:before {
782 content: "\e904";
783 }
784
785 .lp-icon-dropbox:before {
786 content: "\e905";
787 }
788
789 .lp-icon-box:before {
790 content: "\e906";
791 }
792
793 .lp-icon-close-circle:before {
794 content: "\e907";
795 }
796
797 .lp-icon-tiktok-alt:before {
798 content: "\e908";
799 }
800
801 .lp-icon-alarm-clock:before {
802 content: "\e909";
803 }
804
805 .lp-icon-art-and-design:before {
806 content: "\e90a";
807 }
808
809 .lp-icon-best-customer-experience:before {
810 content: "\e90b";
811 }
812
813 .lp-icon-certificate-o:before {
814 content: "\e90c";
815 }
816
817 .lp-icon-community:before {
818 content: "\e90d";
819 }
820
821 .lp-icon-online-education:before {
822 content: "\e90e";
823 }
824
825 .lp-icon-concierge-bell:before {
826 content: "\e90f";
827 }
828
829 .lp-icon-target:before {
830 content: "\e910";
831 }
832
833 .lp-icon-content-marketing:before {
834 content: "\e911";
835 }
836
837 .lp-icon-dollar-sign:before {
838 content: "\e912";
839 }
840
841 .lp-icon-website:before {
842 content: "\e913";
843 }
844
845 .lp-icon-worldwide-security:before {
846 content: "\e914";
847 }
848
849 .lp-icon-educational-programs:before {
850 content: "\e915";
851 }
852
853 .lp-icon-online-class:before {
854 content: "\e916";
855 }
856
857 .lp-icon-monitor:before {
858 content: "\e917";
859 }
860
861 .lp-icon-lucide:before {
862 content: "\e918";
863 }
864
865 .lp-icon-ebook:before {
866 content: "\e919";
867 }
868
869 .lp-icon-layers:before {
870 content: "\e91a";
871 }
872
873 .lp-icon-map-pin:before {
874 content: "\e91b";
875 }
876
877 .lp-icon-map-marker:before {
878 content: "\e91b";
879 }
880
881 .lp-icon-filter:before {
882 content: "\e91c";
883 }
884
885 .lp-icon-in_progress_course:before {
886 content: "\e91d";
887 }
888
889 .lp-icon-finished_courses:before {
890 content: "\e91e";
891 }
892
893 .lp-icon-failed_courses:before {
894 content: "\e91f";
895 }
896
897 .lp-icon-passed_courses:before {
898 content: "\e920";
899 }
900
901 .lp-icon-comment-written:before {
902 content: "\e921";
903 }
904
905 .lp-icon-student_in_progress:before {
906 content: "\e924";
907 }
908
909 .lp-icon-student_completed:before {
910 content: "\e925";
911 }
912
913 .lp-icon-published_course:before {
914 content: "\e926";
915 }
916
917 .lp-icon-pending_course:before {
918 content: "\e927";
919 }
920
921 .lp-icon-list-check:before {
922 content: "\e929";
923 }
924
925 .lp-icon-icon-h5p:before {
926 content: "\e92a";
927 }
928
929 .lp-icon-search:before {
930 content: "\f002";
931 }
932
933 .lp-icon-envelope-o:before {
934 content: "\f003";
935 }
936
937 .lp-icon-heart:before {
938 content: "\f004";
939 }
940
941 .lp-icon-star:before {
942 content: "\f005";
943 }
944
945 .lp-icon-star-o:before {
946 content: "\f006";
947 }
948
949 .lp-icon-user:before {
950 content: "\f007";
951 }
952
953 .lp-icon-th-large:before {
954 content: "\f009";
955 }
956
957 .lp-icon-th:before {
958 content: "\f00a";
959 }
960
961 .lp-icon-th-list:before {
962 content: "\f00b";
963 }
964
965 .lp-icon-check:before {
966 content: "\f00c";
967 }
968
969 .lp-icon-close:before {
970 content: "\f00d";
971 }
972
973 .lp-icon-remove:before {
974 content: "\f00d";
975 }
976
977 .lp-icon-times:before {
978 content: "\f00d";
979 }
980
981 .lp-icon-signal:before {
982 content: "\f012";
983 }
984
985 .lp-icon-cog:before {
986 content: "\f013";
987 }
988
989 .lp-icon-gear:before {
990 content: "\f013";
991 }
992
993 .lp-icon-trash-o:before {
994 content: "\f014";
995 }
996
997 .lp-icon-home:before {
998 content: "\f015";
999 }
1000
1001 .lp-icon-file-o:before {
1002 content: "\f016";
1003 }
1004
1005 .lp-icon-clock-o:before {
1006 content: "\f017";
1007 }
1008
1009 .lp-icon-download:before {
1010 content: "\f019";
1011 }
1012
1013 .lp-icon-play-circle-o:before {
1014 content: "\f01d";
1015 }
1016
1017 .lp-icon-refresh:before {
1018 content: "\f021";
1019 }
1020
1021 .lp-icon-lock:before {
1022 content: "\f023";
1023 }
1024
1025 .lp-icon-flag:before {
1026 content: "\f024";
1027 }
1028
1029 .lp-icon-book:before {
1030 content: "\f02d";
1031 }
1032
1033 .lp-icon-bookmark:before {
1034 content: "\f02e";
1035 }
1036
1037 .lp-icon-list:before {
1038 content: "\f03a";
1039 }
1040
1041 .lp-icon-video-camera:before {
1042 content: "\f03d";
1043 }
1044
1045 .lp-icon-edit:before {
1046 content: "\f044";
1047 }
1048
1049 .lp-icon-pencil-square-o:before {
1050 content: "\f044";
1051 }
1052
1053 .lp-icon-check-square-o:before {
1054 content: "\f046";
1055 }
1056
1057 .lp-icon-arrows:before {
1058 content: "\f047";
1059 }
1060
1061 .lp-icon-chevron-left:before {
1062 content: "\f053";
1063 }
1064
1065 .lp-icon-chevron-right:before {
1066 content: "\f054";
1067 }
1068
1069 .lp-icon-check-circle:before {
1070 content: "\f058";
1071 }
1072
1073 .lp-icon-question-circle:before {
1074 content: "\f059";
1075 }
1076
1077 .lp-icon-arrow-left:before {
1078 content: "\f060";
1079 }
1080
1081 .lp-icon-arrow-right:before {
1082 content: "\f061";
1083 }
1084
1085 .lp-icon-expand:before {
1086 content: "\f065";
1087 }
1088
1089 .lp-icon-compress:before {
1090 content: "\f066";
1091 }
1092
1093 .lp-icon-plus:before {
1094 content: "\f067";
1095 }
1096
1097 .lp-icon-minus:before {
1098 content: "\f068";
1099 }
1100
1101 .lp-icon-exclamation-circle:before {
1102 content: "\f06a";
1103 }
1104
1105 .lp-icon-gift:before {
1106 content: "\f06b";
1107 }
1108
1109 .lp-icon-eye:before {
1110 content: "\f06e";
1111 }
1112
1113 .lp-icon-eye-slash:before {
1114 content: "\f070";
1115 }
1116
1117 .lp-icon-exclamation-triangle:before {
1118 content: "\f071";
1119 }
1120
1121 .lp-icon-warning:before {
1122 content: "\f071";
1123 }
1124
1125 .lp-icon-calendar:before {
1126 content: "\f073";
1127 }
1128
1129 .lp-icon-comment:before {
1130 content: "\f075";
1131 }
1132
1133 .lp-icon-chevron-up:before {
1134 content: "\f077";
1135 }
1136
1137 .lp-icon-chevron-down:before {
1138 content: "\f078";
1139 }
1140
1141 .lp-icon-shopping-cart:before {
1142 content: "\f07a";
1143 }
1144
1145 .lp-icon-bar-chart:before {
1146 content: "\f080";
1147 }
1148
1149 .lp-icon-bar-chart-o:before {
1150 content: "\f080";
1151 }
1152
1153 .lp-icon-key:before {
1154 content: "\f084";
1155 }
1156
1157 .lp-icon-cogs:before {
1158 content: "\f085";
1159 }
1160
1161 .lp-icon-gears:before {
1162 content: "\f085";
1163 }
1164
1165 .lp-icon-thumbs-o-up:before {
1166 content: "\f087";
1167 }
1168
1169 .lp-icon-thumbs-o-down:before {
1170 content: "\f088";
1171 }
1172
1173 .lp-icon-heart-o:before {
1174 content: "\f08a";
1175 }
1176
1177 .lp-icon-sign-out:before {
1178 content: "\f08b";
1179 }
1180
1181 .lp-icon-linkedin-square:before {
1182 content: "\f08c";
1183 }
1184
1185 .lp-icon-sign-in:before {
1186 content: "\f090";
1187 }
1188
1189 .lp-icon-phone:before {
1190 content: "\f095";
1191 }
1192
1193 .lp-icon-square-o:before {
1194 content: "\f096";
1195 }
1196
1197 .lp-icon-bookmark-o:before {
1198 content: "\f097";
1199 }
1200
1201 .lp-icon-twitter:before {
1202 content: "\f099";
1203 }
1204
1205 .lp-icon-facebook:before {
1206 content: "\f09a";
1207 }
1208
1209 .lp-icon-facebook-f:before {
1210 content: "\f09a";
1211 }
1212
1213 .lp-icon-unlock:before {
1214 content: "\f09c";
1215 }
1216
1217 .lp-icon-bullhorn:before {
1218 content: "\f0a1";
1219 }
1220
1221 .lp-icon-bell-o:before {
1222 content: "\f0a2";
1223 }
1224
1225 .lp-icon-certificate:before {
1226 content: "\f0a3";
1227 }
1228
1229 .lp-icon-briefcase:before {
1230 content: "\f0b1";
1231 }
1232
1233 .lp-icon-arrows-alt:before {
1234 content: "\f0b2";
1235 }
1236
1237 .lp-icon-copy:before {
1238 content: "\f0c5";
1239 }
1240
1241 .lp-icon-files-o:before {
1242 content: "\f0c5";
1243 }
1244
1245 .lp-icon-pinterest-square:before {
1246 content: "\f0d3";
1247 }
1248
1249 .lp-icon-google-plus-square:before {
1250 content: "\f0d4";
1251 }
1252
1253 .lp-icon-google-plus:before {
1254 content: "\f0d5";
1255 }
1256
1257 .lp-icon-money-bill-alt:before {
1258 content: "\f0d6";
1259 }
1260
1261 .lp-icon-caret-down:before {
1262 content: "\f0d7";
1263 }
1264
1265 .lp-icon-caret-up:before {
1266 content: "\f0d8";
1267 }
1268
1269 .lp-icon-caret-left:before {
1270 content: "\f0d9";
1271 }
1272
1273 .lp-icon-caret-right:before {
1274 content: "\f0da";
1275 }
1276
1277 .lp-icon-linkedin:before {
1278 content: "\f0e1";
1279 }
1280
1281 .lp-icon-comment-o:before {
1282 content: "\f0e5";
1283 }
1284
1285 .lp-icon-file-text-o:before {
1286 content: "\f0f6";
1287 }
1288
1289 .lp-icon-angle-double-left:before {
1290 content: "\f100";
1291 }
1292
1293 .lp-icon-angle-double-right:before {
1294 content: "\f101";
1295 }
1296
1297 .lp-icon-angle-double-up:before {
1298 content: "\f102";
1299 }
1300
1301 .lp-icon-angle-double-down:before {
1302 content: "\f103";
1303 }
1304
1305 .lp-icon-angle-left:before {
1306 content: "\f104";
1307 }
1308
1309 .lp-icon-angle-right:before {
1310 content: "\f105";
1311 }
1312
1313 .lp-icon-angle-up:before {
1314 content: "\f106";
1315 }
1316
1317 .lp-icon-angle-down:before {
1318 content: "\f107";
1319 }
1320
1321 .lp-icon-desktop:before {
1322 content: "\f108";
1323 }
1324
1325 .lp-icon-mobile:before {
1326 content: "\f10b";
1327 }
1328
1329 .lp-icon-mobile-phone:before {
1330 content: "\f10b";
1331 }
1332
1333 .lp-icon-circle-o:before {
1334 content: "\f10c";
1335 }
1336
1337 .lp-icon-spinner:before {
1338 content: "\f110";
1339 }
1340
1341 .lp-icon-code:before {
1342 content: "\f121";
1343 }
1344
1345 .lp-icon-question:before {
1346 content: "\f128";
1347 }
1348
1349 .lp-icon-puzzle-piece:before {
1350 content: "\f12e";
1351 }
1352
1353 .lp-icon-calendar-o:before {
1354 content: "\f133";
1355 }
1356
1357 .lp-icon-ellipsis-h:before {
1358 content: "\f141";
1359 }
1360
1361 .lp-icon-ellipsis-v:before {
1362 content: "\f142";
1363 }
1364
1365 .lp-icon-file:before {
1366 content: "\f15b";
1367 }
1368
1369 .lp-icon-file-alt:before {
1370 content: "\f15c";
1371 }
1372
1373 .lp-icon-youtube-play:before {
1374 content: "\f16a";
1375 }
1376
1377 .lp-icon-instagram:before {
1378 content: "\f16d";
1379 }
1380
1381 .lp-icon-dot-circle-o:before {
1382 content: "\f192";
1383 }
1384
1385 .lp-icon-graduation-cap:before {
1386 content: "\f19d";
1387 }
1388
1389 .lp-icon-mortar-board:before {
1390 content: "\f19d";
1391 }
1392
1393 .lp-icon-google:before {
1394 content: "\f1a0";
1395 }
1396
1397 .lp-icon-language:before {
1398 content: "\f1ab";
1399 }
1400
1401 .lp-icon-database:before {
1402 content: "\f1c0";
1403 }
1404
1405 .lp-icon-file-pdf:before {
1406 content: "\f1c1";
1407 }
1408
1409 .lp-icon-file-word:before {
1410 content: "\f1c2";
1411 }
1412
1413 .lp-icon-file-excel:before {
1414 content: "\f1c3";
1415 }
1416
1417 .lp-icon-file-powerpoint:before {
1418 content: "\f1c4";
1419 }
1420
1421 .lp-icon-file-image:before {
1422 content: "\f1c5";
1423 }
1424
1425 .lp-icon-file-photo:before {
1426 content: "\f1c5";
1427 }
1428
1429 .lp-icon-file-picture:before {
1430 content: "\f1c5";
1431 }
1432
1433 .lp-icon-file-archive:before {
1434 content: "\f1c6";
1435 }
1436
1437 .lp-icon-file-zip:before {
1438 content: "\f1c6";
1439 }
1440
1441 .lp-icon-file-audio:before {
1442 content: "\f1c7";
1443 }
1444
1445 .lp-icon-file-sound:before {
1446 content: "\f1c7";
1447 }
1448
1449 .lp-icon-file-movie:before {
1450 content: "\f1c8";
1451 }
1452
1453 .lp-icon-file-video:before {
1454 content: "\f1c8";
1455 }
1456
1457 .lp-icon-file-code:before {
1458 content: "\f1c9";
1459 }
1460
1461 .lp-icon-circle-thin:before {
1462 content: "\f1db";
1463 }
1464
1465 .lp-icon-share-alt:before {
1466 content: "\f1e0";
1467 }
1468
1469 .lp-icon-pie-chart:before {
1470 content: "\f200";
1471 }
1472
1473 .lp-icon-line-chart:before {
1474 content: "\f201";
1475 }
1476
1477 .lp-icon-user-secret:before {
1478 content: "\f21b";
1479 }
1480
1481 .lp-icon-pinterest-p:before {
1482 content: "\f231";
1483 }
1484
1485 .lp-icon-television:before {
1486 content: "\f26c";
1487 }
1488
1489 .lp-icon-tv:before {
1490 content: "\f26c";
1491 }
1492
1493 .lp-icon-question-circle-o:before {
1494 content: "\f29c";
1495 }
1496
1497 .lp-icon-google-plus-circle:before {
1498 content: "\f2b3";
1499 }
1500
1501 .lp-icon-google-plus-official:before {
1502 content: "\f2b3";
1503 }
1504
1505 .lp-icon-user-circle:before {
1506 content: "\f2bd";
1507 }
1508
1509 .lp-icon-stopwatch:before {
1510 content: "\f2f2";
1511 }
1512
1513 .lp-icon-user-edit:before {
1514 content: "\f4ff";
1515 }
1516
1517 .lp-icon-user-graduate:before {
1518 content: "\f501";
1519 }
1520
1521 .lp-icon-book-open:before {
1522 content: "\f518";
1523 }
1524
1525 .lp-icon-file-download:before {
1526 content: "\f56d";
1527 }
1528
1529 .lp-icon-edit-square:before {
1530 content: "\e923";
1531 }
1532
1533 .lp-icon-drag:before {
1534 content: "\e922";
1535 }
1536
1537 .lp-icon-sidebar-left:before {
1538 content: "\e928";
1539 }
1540
1541 .lp-icon-sidebar-right:before {
1542 content: "\e92b";
1543 }
1544
1545 .lp-icon-link:before {
1546 content: "\e92c";
1547 }
1548
1549 .lp-icon-folder:before {
1550 content: "\e92d";
1551 }
1552
1553 .lp-icon-send:before {
1554 content: "\e92e";
1555 }
1556
1557 .lp-icon-warning-octagon:before {
1558 content: "\e92f";
1559 }
1560
1561 .lp-icon-warning-octagon-o:before {
1562 content: "\e930";
1563 }
1564
1565 .lp-icon-info-circle:before {
1566 content: "\e931";
1567 }
1568
1569 .lp-icon-info-triangle:before {
1570 content: "\e932";
1571 }
1572
1573 .lp-ico-ai {
1574 display: inline-block;
1575 width: 13px;
1576 height: 13px;
1577 background-image: url("../../images/icons/ico-ai.svg");
1578 background-size: contain;
1579 background-repeat: no-repeat;
1580 }
1581
1582 .lp-icon-course-builder {
1583 display: inline-block;
1584 width: 18px;
1585 height: 18px;
1586 background-color: currentColor;
1587 -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6422 16.0228C21.7413 16.1947 21.7682 16.3988 21.717 16.5905C21.6659 16.7822 21.5409 16.9458 21.3694 17.0456L12.3694 22.2956C12.2547 22.3624 12.1243 22.3977 11.9916 22.3977C11.8588 22.3977 11.7284 22.3624 11.6138 22.2956L2.61376 17.0456C2.44472 16.944 2.3225 16.7799 2.27354 16.5889C2.22459 16.3978 2.25284 16.1952 2.3522 16.0249C2.45155 15.8545 2.614 15.7301 2.80438 15.6787C2.99476 15.6272 3.19774 15.6528 3.36938 15.7499L11.9983 20.5004L20.6194 15.7499C20.7913 15.6509 20.9954 15.624 21.1871 15.6751C21.3788 15.7262 21.5425 15.8512 21.6422 16.0228ZM20.6194 11.2499L11.9916 16.0228L3.36938 11.2499C3.19861 11.1649 3.00186 11.1482 2.81917 11.2031C2.63648 11.258 2.48159 11.3805 2.38602 11.5456C2.29044 11.7107 2.26138 11.906 2.30473 12.0918C2.34809 12.2776 2.46061 12.4398 2.61938 12.5456L11.6194 17.7956C11.7341 17.8624 11.8644 17.8977 11.9972 17.8977C12.13 17.8977 12.2603 17.8624 12.375 17.7956L21.375 12.5456C21.4615 12.4967 21.5373 12.4311 21.5982 12.3526C21.6591 12.2741 21.7038 12.1844 21.7297 12.0885C21.7556 11.9926 21.7622 11.8925 21.7492 11.7941C21.7361 11.6956 21.7036 11.6007 21.6536 11.515C21.6035 11.4292 21.5369 11.3542 21.4577 11.2943C21.3784 11.2344 21.2881 11.1909 21.1919 11.1663C21.0957 11.1416 20.9955 11.1363 20.8972 11.1507C20.799 11.165 20.7045 11.1988 20.6194 11.2499ZM2.24438 7.39775C2.24468 7.26639 2.27948 7.13741 2.34529 7.02372C2.4111 6.91003 2.50562 6.81562 2.61938 6.74994L11.6194 1.49994C11.7341 1.43306 11.8644 1.39783 11.9972 1.39783C12.13 1.39783 12.2603 1.43306 12.375 1.49994L21.375 6.74994C21.4882 6.81599 21.5822 6.91056 21.6474 7.02423C21.7127 7.13789 21.7471 7.26668 21.7471 7.39775C21.7471 7.52883 21.7127 7.65762 21.6474 7.77128C21.5822 7.88494 21.4882 7.97951 21.375 8.04557L12.375 13.2956C12.2603 13.3624 12.13 13.3977 11.9972 13.3977C11.8644 13.3977 11.7341 13.3624 11.6194 13.2956L2.61938 8.04557C2.50562 7.97988 2.4111 7.88547 2.34529 7.77178C2.27948 7.6581 2.24468 7.52912 2.24438 7.39775ZM4.99439 7.39783L11.9944 11.5456L18.9944 7.39783L11.9944 3.39783L4.99439 7.39783Z' fill='black'/%3E%3C/svg%3E");
1588 mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6422 16.0228C21.7413 16.1947 21.7682 16.3988 21.717 16.5905C21.6659 16.7822 21.5409 16.9458 21.3694 17.0456L12.3694 22.2956C12.2547 22.3624 12.1243 22.3977 11.9916 22.3977C11.8588 22.3977 11.7284 22.3624 11.6138 22.2956L2.61376 17.0456C2.44472 16.944 2.3225 16.7799 2.27354 16.5889C2.22459 16.3978 2.25284 16.1952 2.3522 16.0249C2.45155 15.8545 2.614 15.7301 2.80438 15.6787C2.99476 15.6272 3.19774 15.6528 3.36938 15.7499L11.9983 20.5004L20.6194 15.7499C20.7913 15.6509 20.9954 15.624 21.1871 15.6751C21.3788 15.7262 21.5425 15.8512 21.6422 16.0228ZM20.6194 11.2499L11.9916 16.0228L3.36938 11.2499C3.19861 11.1649 3.00186 11.1482 2.81917 11.2031C2.63648 11.258 2.48159 11.3805 2.38602 11.5456C2.29044 11.7107 2.26138 11.906 2.30473 12.0918C2.34809 12.2776 2.46061 12.4398 2.61938 12.5456L11.6194 17.7956C11.7341 17.8624 11.8644 17.8977 11.9972 17.8977C12.13 17.8977 12.2603 17.8624 12.375 17.7956L21.375 12.5456C21.4615 12.4967 21.5373 12.4311 21.5982 12.3526C21.6591 12.2741 21.7038 12.1844 21.7297 12.0885C21.7556 11.9926 21.7622 11.8925 21.7492 11.7941C21.7361 11.6956 21.7036 11.6007 21.6536 11.515C21.6035 11.4292 21.5369 11.3542 21.4577 11.2943C21.3784 11.2344 21.2881 11.1909 21.1919 11.1663C21.0957 11.1416 20.9955 11.1363 20.8972 11.1507C20.799 11.165 20.7045 11.1988 20.6194 11.2499ZM2.24438 7.39775C2.24468 7.26639 2.27948 7.13741 2.34529 7.02372C2.4111 6.91003 2.50562 6.81562 2.61938 6.74994L11.6194 1.49994C11.7341 1.43306 11.8644 1.39783 11.9972 1.39783C12.13 1.39783 12.2603 1.43306 12.375 1.49994L21.375 6.74994C21.4882 6.81599 21.5822 6.91056 21.6474 7.02423C21.7127 7.13789 21.7471 7.26668 21.7471 7.39775C21.7471 7.52883 21.7127 7.65762 21.6474 7.77128C21.5822 7.88494 21.4882 7.97951 21.375 8.04557L12.375 13.2956C12.2603 13.3624 12.13 13.3977 11.9972 13.3977C11.8644 13.3977 11.7341 13.3624 11.6194 13.2956L2.61938 8.04557C2.50562 7.97988 2.4111 7.88547 2.34529 7.77178C2.27948 7.6581 2.24468 7.52912 2.24438 7.39775ZM4.99439 7.39783L11.9944 11.5456L18.9944 7.39783L11.9944 3.39783L4.99439 7.39783Z' fill='black'/%3E%3C/svg%3E");
1589 -webkit-mask-size: contain;
1590 mask-size: contain;
1591 -webkit-mask-repeat: no-repeat;
1592 mask-repeat: no-repeat;
1593 -webkit-mask-position: center;
1594 mask-position: center;
1595 }
1596
1597 /**
1598 * BackEnd Components.
1599 */
1600 .lp-be-page-header {
1601 margin-bottom: 24px;
1602 }
1603
1604 .wrap h1.lp-be-page-title,
1605 .wrap .wp-heading-inline.lp-be-page-title,
1606 .wrap .lp-be-page-title,
1607 h1.lp-be-page-title,
1608 .lp-be-page-title {
1609 margin: 0;
1610 padding: 0;
1611 color: #111111;
1612 font-size: 32px;
1613 font-weight: 600;
1614 line-height: 1.25;
1615 }
1616
1617 .wrap p.lp-be-page-subtitle,
1618 .wrap .lp-be-page-subtitle,
1619 p.lp-be-page-subtitle,
1620 .lp-be-page-subtitle {
1621 margin: 0 0 24px;
1622 padding: 0;
1623 color: #4f4f4f;
1624 font-size: 16px;
1625 font-weight: 400;
1626 line-height: 1.5;
1627 }
1628
1629 .lp-be-btn {
1630 display: inline-flex;
1631 align-items: center;
1632 justify-content: center;
1633 gap: 4px;
1634 box-sizing: border-box;
1635 height: 40px;
1636 min-height: 40px;
1637 padding: 0 16px;
1638 border: 1px solid #e1e1e1;
1639 border-radius: 10px;
1640 color: #111111;
1641 background: #ffffff;
1642 font-size: 14px;
1643 font-weight: 500;
1644 line-height: 1;
1645 text-decoration: none;
1646 cursor: pointer;
1647 white-space: nowrap;
1648 outline: none;
1649 box-shadow: none;
1650 transform: none;
1651 transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
1652 }
1653 .lp-be-btn:visited {
1654 color: inherit;
1655 }
1656 .lp-be-btn:focus {
1657 outline: none;
1658 }
1659 .lp-be-btn:focus-visible {
1660 outline: none;
1661 box-shadow: 0 0 0 3px rgba(112, 103, 237, 0.15);
1662 }
1663 .lp-be-btn:disabled, .lp-be-btn.is-disabled {
1664 opacity: 0.6;
1665 cursor: not-allowed;
1666 pointer-events: none;
1667 }
1668 .lp-be-btn--sm {
1669 height: 33px;
1670 min-height: 33px;
1671 padding: 0 12px;
1672 border-radius: 6px;
1673 font-size: 12px;
1674 }
1675 .lp-be-btn--md {
1676 height: 40px;
1677 min-height: 40px;
1678 padding: 0 16px;
1679 border-radius: 8px;
1680 font-size: 14px;
1681 }
1682 .lp-be-btn--lg {
1683 height: 48px;
1684 min-height: 48px;
1685 padding: 0 20px;
1686 border-radius: 8px;
1687 font-size: 16px;
1688 }
1689 .lp-be-btn--primary {
1690 border-color: transparent;
1691 color: #ffffff;
1692 background: #7067ed;
1693 }
1694 .lp-be-btn--primary:visited {
1695 color: #ffffff;
1696 }
1697 .lp-be-btn--primary:hover, .lp-be-btn--primary:focus {
1698 border-color: transparent;
1699 color: #ffffff;
1700 background: #5e48e0;
1701 }
1702 .lp-be-btn--primary:active {
1703 border-color: transparent;
1704 color: #ffffff;
1705 background: #533cc6;
1706 }
1707 .lp-be-btn--secondary {
1708 border-color: transparent;
1709 color: #7067ed;
1710 background: #eef1ff;
1711 }
1712 .lp-be-btn--secondary:visited {
1713 color: #7067ed;
1714 }
1715 .lp-be-btn--secondary:hover, .lp-be-btn--secondary:focus {
1716 border-color: transparent;
1717 color: #5e48e0;
1718 background: #dae0ff;
1719 }
1720 .lp-be-btn--secondary:active {
1721 border-color: transparent;
1722 color: #533cc6;
1723 background: #c5cfff;
1724 }
1725 .lp-be-btn--outline {
1726 border-color: #7067ed;
1727 color: #7067ed;
1728 background: #ffffff;
1729 }
1730 .lp-be-btn--outline:visited {
1731 color: #7067ed;
1732 }
1733 .lp-be-btn--outline:hover, .lp-be-btn--outline:focus {
1734 border-color: #7067ed;
1735 color: #7067ed;
1736 background: #eef1ff;
1737 }
1738 .lp-be-btn--outline:active {
1739 border-color: #533cc6;
1740 color: #533cc6;
1741 background: #dae0ff;
1742 }
1743 .lp-be-btn--danger {
1744 border-color: transparent;
1745 color: #ffffff;
1746 background: #e31a1a;
1747 }
1748 .lp-be-btn--danger:visited {
1749 color: #ffffff;
1750 }
1751 .lp-be-btn--danger:hover, .lp-be-btn--danger:focus {
1752 border-color: transparent;
1753 color: #ffffff;
1754 background: #d60b11;
1755 }
1756 .lp-be-btn--danger:active {
1757 border-color: transparent;
1758 color: #ffffff;
1759 background: #c80000;
1760 }
1761 .lp-be-btn--ghost {
1762 border-color: transparent;
1763 color: #4f4f4f;
1764 background: transparent;
1765 }
1766 .lp-be-btn--ghost:visited {
1767 color: #4f4f4f;
1768 }
1769 .lp-be-btn--ghost:hover, .lp-be-btn--ghost:focus {
1770 color: #111111;
1771 background: #f7f7f7;
1772 }
1773
1774 .lp-be-toolbar {
1775 position: relative;
1776 box-sizing: border-box;
1777 margin-bottom: 32px;
1778 border: 1px solid #e1e1e1;
1779 border-radius: 10px;
1780 background: #ffffff;
1781 box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
1782 display: flex;
1783 align-items: center;
1784 justify-content: space-between;
1785 gap: 16px;
1786 padding: 20px;
1787 }
1788 .lp-be-toolbar[hidden] {
1789 display: none;
1790 }
1791 .lp-be-toolbar__start, .lp-be-toolbar__left {
1792 display: flex;
1793 align-items: center;
1794 gap: 12px;
1795 flex-wrap: wrap;
1796 }
1797 .lp-be-toolbar__end, .lp-be-toolbar__right {
1798 display: flex;
1799 align-items: center;
1800 gap: 12px;
1801 margin-inline-start: auto;
1802 }
1803 .lp-be-toolbar__actions {
1804 display: flex;
1805 align-items: center;
1806 gap: 8px;
1807 }
1808 .lp-be-toolbar__main {
1809 display: flex;
1810 align-items: center;
1811 justify-content: space-between;
1812 gap: 16px;
1813 box-sizing: border-box;
1814 padding: 20px;
1815 border-bottom: 1px solid #e1e1e1;
1816 border-top-left-radius: inherit;
1817 border-top-right-radius: inherit;
1818 }
1819 .lp-be-toolbar:has(> .lp-be-toolbar__main), .lp-be-toolbar--card {
1820 display: block;
1821 padding: 0;
1822 overflow: hidden;
1823 }
1824
1825 .lp-be-input {
1826 box-sizing: border-box;
1827 height: 40px;
1828 min-height: 40px;
1829 padding: 4px 12px;
1830 border: 1px solid #e1e1e1;
1831 border-radius: 10px;
1832 background: #ffffff;
1833 color: #111111;
1834 font-size: 14px;
1835 line-height: 1.5;
1836 transition: border-color 0.2s ease, box-shadow 0.2s ease;
1837 }
1838 .lp-be-input::placeholder {
1839 color: #898989;
1840 }
1841 .lp-be-input:focus {
1842 border-color: #7067ed;
1843 outline: none;
1844 box-shadow: 0 0 0 3px rgba(112, 103, 237, 0.15);
1845 }
1846 .lp-be-input:disabled {
1847 background: #f7f7f7;
1848 cursor: not-allowed;
1849 }
1850
1851 .lp-be-search-field {
1852 position: relative;
1853 flex-shrink: 0;
1854 width: 360px;
1855 max-width: 100%;
1856 }
1857 .lp-be-search-field__input {
1858 box-sizing: border-box;
1859 width: 100%;
1860 height: 40px;
1861 min-height: 40px;
1862 margin: 0;
1863 padding: 4px 16px;
1864 padding-inline-start: 40px;
1865 padding-inline-end: 16px;
1866 border: 1px solid #e1e1e1;
1867 border-radius: 10px;
1868 color: #111111;
1869 background: #ffffff;
1870 font-size: 14px;
1871 line-height: 1.5;
1872 transition: border-color 0.2s ease, box-shadow 0.2s ease;
1873 }
1874 .lp-be-search-field__input::-webkit-search-decoration, .lp-be-search-field__input::-webkit-search-cancel-button, .lp-be-search-field__input::-webkit-search-results-button, .lp-be-search-field__input::-webkit-search-results-decoration {
1875 -webkit-appearance: none;
1876 display: none;
1877 }
1878 .lp-be-search-field__input::placeholder {
1879 color: #898989;
1880 }
1881 .lp-be-search-field__input:focus {
1882 border-color: #7067ed;
1883 outline: none;
1884 box-shadow: 0 0 0 3px rgba(112, 103, 237, 0.15);
1885 }
1886 .lp-be-search-field__icon {
1887 position: absolute;
1888 top: 50%;
1889 inset-inline-start: 14px;
1890 transform: translateY(-50%);
1891 display: inline-flex;
1892 align-items: center;
1893 justify-content: center;
1894 color: #898989;
1895 font-size: 18px;
1896 pointer-events: none;
1897 z-index: 2;
1898 }
1899
1900 .wrap input.lp-be-search-field__input {
1901 height: 40px;
1902 min-height: 40px;
1903 padding-inline-start: 40px;
1904 padding-inline-end: 16px;
1905 line-height: 1.5;
1906 }
1907
1908 .lp-be-search-field--lg input.lp-be-search-field__input,
1909 .wrap .lp-be-search-field--lg input.lp-be-search-field__input {
1910 height: 48px;
1911 min-height: 48px;
1912 border-radius: 12px;
1913 font-size: 16px;
1914 padding-inline-start: 44px;
1915 }
1916
1917 .lp-be-nav-tabs {
1918 display: flex;
1919 align-items: center;
1920 gap: 12px;
1921 margin: 0;
1922 padding: 0;
1923 list-style: none;
1924 flex-wrap: wrap;
1925 }
1926
1927 .lp-be-nav-tab {
1928 display: inline-flex;
1929 align-items: center;
1930 justify-content: center;
1931 box-sizing: border-box;
1932 min-height: 40px;
1933 padding: 8px 12px;
1934 border: 1px solid transparent;
1935 border-radius: 10px;
1936 color: #7067ed;
1937 background: #eef1ff;
1938 font-size: 14px;
1939 font-weight: 500;
1940 line-height: 1;
1941 text-decoration: none;
1942 white-space: nowrap;
1943 cursor: pointer;
1944 transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
1945 }
1946 .lp-be-nav-tab:hover, .lp-be-nav-tab:focus {
1947 border-color: transparent;
1948 color: #5e48e0;
1949 background: #dae0ff;
1950 }
1951 .lp-be-nav-tab:active {
1952 border-color: transparent;
1953 color: #533cc6;
1954 background: #c5cfff;
1955 }
1956 .lp-be-nav-tab.is-active, .lp-be-nav-tab.active, .lp-be-nav-tab.nav-tab-active, .lp-be-nav-tab[aria-selected=true], .lp-be-nav-tab[aria-pressed=true] {
1957 border-color: transparent;
1958 color: #ffffff;
1959 background: #7067ed;
1960 margin-bottom: 0;
1961 }
1962 .lp-be-nav-tab.is-active:hover, .lp-be-nav-tab.is-active:focus, .lp-be-nav-tab.active:hover, .lp-be-nav-tab.active:focus, .lp-be-nav-tab.nav-tab-active:hover, .lp-be-nav-tab.nav-tab-active:focus, .lp-be-nav-tab[aria-selected=true]:hover, .lp-be-nav-tab[aria-selected=true]:focus, .lp-be-nav-tab[aria-pressed=true]:hover, .lp-be-nav-tab[aria-pressed=true]:focus {
1963 border-color: transparent;
1964 color: #ffffff;
1965 background: #5e48e0;
1966 }
1967 .lp-be-nav-tab:focus-visible {
1968 outline: none;
1969 box-shadow: 0 0 0 3px rgba(112, 103, 237, 0.15);
1970 }
1971
1972 .lp-be-categories {
1973 display: flex;
1974 align-items: center;
1975 flex-wrap: nowrap;
1976 gap: 24px;
1977 box-sizing: border-box;
1978 padding: 12px 20px;
1979 overflow-x: auto;
1980 overflow-y: hidden;
1981 scrollbar-width: thin;
1982 -webkit-overflow-scrolling: touch;
1983 }
1984
1985 .lp-be-category,
1986 .lp-be-categories__item {
1987 position: relative;
1988 display: inline-flex;
1989 align-items: center;
1990 justify-content: center;
1991 box-sizing: border-box;
1992 min-height: 42px;
1993 padding: 4px 0;
1994 border: 1px solid transparent;
1995 border-color: transparent;
1996 border-radius: 10px 10px 0 0;
1997 color: #898989;
1998 background: transparent;
1999 font-size: 14px;
2000 font-weight: 500;
2001 line-height: 1.5;
2002 white-space: nowrap;
2003 cursor: pointer;
2004 transition: color 0.2s ease;
2005 }
2006 .lp-be-category::after,
2007 .lp-be-categories__item::after {
2008 content: "";
2009 position: absolute;
2010 bottom: 2px;
2011 left: 0;
2012 right: 0;
2013 height: 2px;
2014 border-radius: 2px;
2015 background: transparent;
2016 transition: background-color 0.2s ease;
2017 }
2018 .lp-be-category__count,
2019 .lp-be-category .lp-be-category__count,
2020 .lp-be-categories__item__count,
2021 .lp-be-categories__item .lp-be-category__count {
2022 display: none;
2023 }
2024 .lp-be-category:hover, .lp-be-category:focus,
2025 .lp-be-categories__item:hover,
2026 .lp-be-categories__item:focus {
2027 border-color: transparent;
2028 color: #7067ed;
2029 background: transparent;
2030 }
2031 .lp-be-category:focus-visible,
2032 .lp-be-categories__item:focus-visible {
2033 outline: none;
2034 box-shadow: none;
2035 color: #7067ed;
2036 }
2037 .lp-be-category.active, .lp-be-category.is-active, .lp-be-category[aria-pressed=true],
2038 .lp-be-categories__item.active,
2039 .lp-be-categories__item.is-active,
2040 .lp-be-categories__item[aria-pressed=true] {
2041 border-color: transparent;
2042 color: #7067ed;
2043 background: transparent;
2044 font-weight: 600;
2045 }
2046 .lp-be-category.active::after, .lp-be-category.is-active::after, .lp-be-category[aria-pressed=true]::after,
2047 .lp-be-categories__item.active::after,
2048 .lp-be-categories__item.is-active::after,
2049 .lp-be-categories__item[aria-pressed=true]::after {
2050 background: #7067ed;
2051 }
2052 .lp-be-category[hidden],
2053 .lp-be-categories__item[hidden] {
2054 display: none;
2055 }
2056
2057 .lp-be-search {
2058 position: static;
2059 flex-shrink: 0;
2060 margin-inline-start: auto;
2061 }
2062 .lp-be-search__btn {
2063 display: inline-flex;
2064 align-items: center;
2065 justify-content: center;
2066 box-sizing: border-box;
2067 width: 40px;
2068 height: 40px;
2069 min-width: 40px;
2070 min-height: 40px;
2071 padding: 0;
2072 border: 1px solid #e1e1e1;
2073 border-radius: 10px;
2074 color: #111111;
2075 background: #ffffff;
2076 cursor: pointer;
2077 transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
2078 }
2079 .lp-be-search__btn .lp-icon-search,
2080 .lp-be-search__btn .lp-addons-search__icon {
2081 display: inline-flex;
2082 align-items: center;
2083 justify-content: center;
2084 color: #111111;
2085 font-size: 18px;
2086 }
2087 .lp-be-search__btn:hover, .lp-be-search__btn:focus {
2088 border-color: #7067ed;
2089 color: #7067ed;
2090 background: #f7f7f7;
2091 }
2092 .lp-be-search__btn:hover .lp-icon-search,
2093 .lp-be-search__btn:hover .lp-addons-search__icon, .lp-be-search__btn:focus .lp-icon-search,
2094 .lp-be-search__btn:focus .lp-addons-search__icon {
2095 color: #7067ed;
2096 }
2097 .lp-be-search__btn:focus-visible {
2098 outline: none;
2099 box-shadow: 0 0 0 3px rgba(112, 103, 237, 0.15);
2100 }
2101 .lp-be-search__field {
2102 position: absolute;
2103 inset: 0;
2104 z-index: 10;
2105 display: none;
2106 align-items: center;
2107 gap: 8px;
2108 box-sizing: border-box;
2109 padding: 12px 20px;
2110 border-radius: inherit;
2111 background: #ffffff;
2112 }
2113 .lp-be-search.is-open .lp-be-search__btn,
2114 .lp-be-search.is-open .lp-themes-search__btn,
2115 .lp-be-search.is-open .lp-addons-search__btn {
2116 display: none;
2117 }
2118 .lp-be-search.is-open .lp-be-search__field,
2119 .lp-be-search.is-open .lp-themes-search__field,
2120 .lp-be-search.is-open .lp-addons-search__field {
2121 display: flex;
2122 }
2123 .lp-be-search__close {
2124 display: inline-flex;
2125 align-items: center;
2126 justify-content: center;
2127 box-sizing: border-box;
2128 width: 40px;
2129 height: 40px;
2130 min-width: 40px;
2131 min-height: 40px;
2132 padding: 0;
2133 border: 1px solid transparent;
2134 border-radius: 10px;
2135 color: #898989;
2136 background: transparent;
2137 font-size: 26px;
2138 line-height: 1;
2139 cursor: pointer;
2140 flex-shrink: 0;
2141 transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
2142 }
2143 .lp-be-search__close:hover, .lp-be-search__close:focus {
2144 background: #f7f7f7;
2145 color: #111111;
2146 }
2147 .lp-be-search__close:focus-visible {
2148 outline: none;
2149 box-shadow: 0 0 0 3px rgba(112, 103, 237, 0.15);
2150 }
2151 .lp-be-search__input-wrap {
2152 position: relative;
2153 display: flex;
2154 align-items: center;
2155 flex: 1;
2156 min-width: 0;
2157 }
2158 .lp-be-search__input-wrap .lp-be-search__field-icon,
2159 .lp-be-search__input-wrap .lp-addons-search__field-icon,
2160 .lp-be-search__input-wrap .lp-themes-search__icon {
2161 position: absolute;
2162 top: 50%;
2163 inset-inline-start: 16px;
2164 transform: translateY(-50%);
2165 display: inline-flex;
2166 align-items: center;
2167 justify-content: center;
2168 width: 20px;
2169 height: 20px;
2170 color: #898989;
2171 font-size: 18px;
2172 pointer-events: none;
2173 z-index: 2;
2174 }
2175 .lp-be-search input.lp-be-search__input, .lp-be-search__input {
2176 box-sizing: border-box;
2177 width: 100%;
2178 height: 40px;
2179 min-height: 40px;
2180 margin: 0;
2181 padding: 4px 16px;
2182 padding-inline-start: 48px;
2183 padding-inline-end: 16px;
2184 border: 1px solid #e1e1e1;
2185 border-radius: 10px;
2186 color: #111111;
2187 background: #ffffff;
2188 font-size: 14px;
2189 }
2190 .lp-be-search input.lp-be-search__input::-webkit-search-decoration, .lp-be-search input.lp-be-search__input::-webkit-search-cancel-button, .lp-be-search input.lp-be-search__input::-webkit-search-results-button, .lp-be-search input.lp-be-search__input::-webkit-search-results-decoration, .lp-be-search__input::-webkit-search-decoration, .lp-be-search__input::-webkit-search-cancel-button, .lp-be-search__input::-webkit-search-results-button, .lp-be-search__input::-webkit-search-results-decoration {
2191 -webkit-appearance: none;
2192 display: none;
2193 }
2194 .lp-be-search input.lp-be-search__input::placeholder, .lp-be-search__input::placeholder {
2195 color: #898989;
2196 }
2197 .lp-be-search input.lp-be-search__input:focus, .lp-be-search__input:focus {
2198 border-color: #7067ed;
2199 outline: none;
2200 box-shadow: 0 0 0 3px rgba(112, 103, 237, 0.15);
2201 }
2202 .lp-be-search__btn-clear {
2203 display: inline-flex;
2204 align-items: center;
2205 justify-content: center;
2206 box-sizing: border-box;
2207 height: 40px;
2208 min-height: 40px;
2209 padding: 0 20px;
2210 border: 1px solid transparent;
2211 border-radius: 10px;
2212 font-size: 14px;
2213 font-weight: 500;
2214 line-height: 1.5;
2215 cursor: pointer;
2216 white-space: nowrap;
2217 flex-shrink: 0;
2218 transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
2219 }
2220 .lp-be-search__btn-clear:disabled {
2221 cursor: not-allowed;
2222 border-color: transparent;
2223 background: #cfcfcf;
2224 color: #ffffff;
2225 }
2226 .lp-be-search__btn-clear:not(:disabled) {
2227 border-color: transparent;
2228 background: #7067ed;
2229 color: #ffffff;
2230 }
2231 .lp-be-search__btn-clear:not(:disabled):hover, .lp-be-search__btn-clear:not(:disabled):focus {
2232 border-color: transparent;
2233 background: #5e48e0;
2234 color: #ffffff;
2235 }
2236 .lp-be-search__btn-clear:not(:disabled):active {
2237 border-color: transparent;
2238 background: #533cc6;
2239 color: #ffffff;
2240 }
2241 .lp-be-search__btn-clear:not(:disabled):focus-visible {
2242 outline: none;
2243 box-shadow: 0 0 0 3px rgba(112, 103, 237, 0.15);
2244 }
2245 @media (max-width: 1024px) {
2246 .lp-be-search {
2247 order: 2;
2248 }
2249 .lp-be-search__field {
2250 padding: 8px 12px;
2251 gap: 4px;
2252 }
2253 }
2254 @media (max-width: 782px) {
2255 .lp-be-search__btn, .lp-be-search__close {
2256 width: 38px;
2257 height: 38px;
2258 min-width: 38px;
2259 min-height: 38px;
2260 }
2261 .lp-be-search__btn-clear {
2262 height: 38px;
2263 min-height: 38px;
2264 padding: 0 12px;
2265 }
2266 }
2267
2268 .lp-be-grid {
2269 display: grid;
2270 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
2271 gap: 20px;
2272 }
2273 @media (max-width: 782px) {
2274 .lp-be-grid {
2275 grid-template-columns: 1fr;
2276 }
2277 }
2278
2279 @keyframes lp-spinner {
2280 100% {
2281 -webkit-transform: rotate(360deg);
2282 transform: rotate(360deg);
2283 }
2284 }
2285 .lp-modal-choose-items-open {
2286 overflow: hidden;
2287 }
2288
2289 .lp-modal-search {
2290 height: 100%;
2291 padding: 20px;
2292 color: #777;
2293 background-color: red;
2294 }
2295 .lp-modal-search li.selected {
2296 display: none;
2297 }
2298
2299 /* message box */
2300 #learn-press-message-box-block {
2301 position: fixed;
2302 z-index: 99999;
2303 top: 0;
2304 right: 0;
2305 bottom: 0;
2306 left: 0;
2307 opacity: 0.8;
2308 background-color: #000;
2309 }
2310
2311 #learn-press-message-box-window {
2312 position: fixed;
2313 z-index: 100000;
2314 top: 0;
2315 right: 0;
2316 bottom: 0;
2317 left: 0;
2318 color: #fff;
2319 text-align: center;
2320 }
2321
2322 #message-box-wrap {
2323 /* text-align: center; */
2324 display: inline-block;
2325 max-width: 70%;
2326 margin: 0 auto;
2327 text-align: left;
2328 }
2329
2330 .message-box-title {
2331 margin: 0 0 40px 0;
2332 color: #fff;
2333 font-size: 2.125rem;
2334 }
2335
2336 .message-box-content {
2337 font-size: 1rem;
2338 line-height: 1.5;
2339 }
2340
2341 .message-box-animation {
2342 width: 220px;
2343 height: 20px;
2344 margin: 20px 0 0;
2345 background-image: url("../../images/animation.gif");
2346 }
2347
2348 .message-box-buttons {
2349 margin: 20px 0 0;
2350 padding-top: 20px;
2351 border-top: 1px solid #929292;
2352 }
2353
2354 .message-box-button {
2355 margin-right: 10px !important;
2356 }
2357
2358 .tipsy {
2359 position: absolute;
2360 }
2361
2362 .learnpress a,
2363 .learnpress a:active {
2364 outline: none;
2365 box-shadow: none;
2366 }
2367
2368 /* Metabox email template field */
2369 .lp-email-templates {
2370 overflow: hidden;
2371 margin-top: 5px;
2372 }
2373
2374 .learn-press-email-variables {
2375 margin: 20px 0 0;
2376 padding: 0;
2377 list-style: none;
2378 }
2379 .learn-press-email-variables li {
2380 display: inline-block;
2381 cursor: pointer;
2382 }
2383
2384 /* Metabox dropdown pages field */
2385 .learn-press-dropdown-pages input[type=text] {
2386 min-width: 300px;
2387 margin: 0;
2388 vertical-align: top;
2389 }
2390 .learn-press-dropdown-pages .select2-container {
2391 min-width: 220px !important;
2392 }
2393 .learn-press-dropdown-pages .select2-container .select2-selection--single {
2394 height: 30px;
2395 border-color: #7e8993;
2396 }
2397 .learn-press-dropdown-pages .select2-container .select2-selection__rendered {
2398 line-height: 1.75em !important;
2399 }
2400 .learn-press-dropdown-pages .select2-container .select2-selection__arrow {
2401 right: 1px;
2402 width: 23px;
2403 height: 28px;
2404 background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
2405 background-size: 16px 16px;
2406 }
2407 .learn-press-dropdown-pages .select2-container .select2-selection__arrow b {
2408 display: none;
2409 }
2410 .learn-press-dropdown-pages .quick-add-page-actions a {
2411 font-size: 0.8125rem;
2412 text-decoration: none;
2413 }
2414 .learn-press-dropdown-pages .quick-add-page-inline {
2415 margin-top: 0;
2416 }
2417
2418 .lp-select-2 + .select2-container .select2-selection--single {
2419 height: 30px;
2420 border-color: #7e8993;
2421 }
2422 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__rendered {
2423 line-height: 1.75em !important;
2424 }
2425 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow {
2426 right: 1px;
2427 width: 23px;
2428 height: 28px;
2429 background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
2430 background-size: 16px 16px;
2431 }
2432 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow b {
2433 display: none;
2434 }
2435
2436 /* Tooltip */
2437 .learn-press-tooltip {
2438 display: inline-block;
2439 margin: 0 5px;
2440 color: #999;
2441 font-size: 1.0625rem;
2442 vertical-align: middle;
2443 }
2444 .learn-press-tooltip.icon::after {
2445 font-family: Dashicons;
2446 content: "\f223";
2447 }
2448 .learn-press-tooltip:hover {
2449 opacity: 1;
2450 color: #0073aa;
2451 }
2452
2453 /* Metabox payment order field */
2454 .rwmb-payment-order-wrapper .rwmb-label {
2455 margin-bottom: 20px !important;
2456 }
2457 .rwmb-payment-order-wrapper .rwmb-input {
2458 margin-left: 0 !important;
2459 }
2460
2461 .learn-press-payments,
2462 .learn-press-emails {
2463 width: 100%;
2464 border: 1px solid #ddd;
2465 border-collapse: collapse;
2466 font-size: 0.875rem;
2467 }
2468 .learn-press-payments th,
2469 .learn-press-payments td,
2470 .learn-press-emails th,
2471 .learn-press-emails td {
2472 padding: 10px;
2473 }
2474 .learn-press-payments .order,
2475 .learn-press-emails .order {
2476 width: 30px;
2477 padding-right: 0;
2478 color: #ddd;
2479 text-align: center;
2480 cursor: not-allowed;
2481 }
2482 .learn-press-payments .name,
2483 .learn-press-emails .name {
2484 min-width: 250px;
2485 font-weight: normal;
2486 text-transform: capitalize;
2487 }
2488 .learn-press-payments .name a,
2489 .learn-press-emails .name a {
2490 text-decoration: none;
2491 }
2492 .learn-press-payments .status,
2493 .learn-press-emails .status {
2494 width: 100px;
2495 text-align: center;
2496 cursor: pointer;
2497 }
2498 .learn-press-payments .status .dashicons,
2499 .learn-press-emails .status .dashicons {
2500 border-radius: 50%;
2501 color: #fff;
2502 background: #ddd;
2503 }
2504 .learn-press-payments .status a,
2505 .learn-press-emails .status a {
2506 display: block;
2507 margin-top: 5px;
2508 font-size: 0.75rem;
2509 text-decoration: none;
2510 }
2511 .learn-press-payments .status.enabled .dashicons,
2512 .learn-press-emails .status.enabled .dashicons {
2513 background: #0085ba;
2514 }
2515 .learn-press-payments thead th,
2516 .learn-press-emails thead th {
2517 border-bottom: 1px solid #ddd;
2518 text-align: left;
2519 }
2520 .learn-press-payments tbody tr:nth-child(even) td,
2521 .learn-press-emails tbody tr:nth-child(even) td {
2522 background: #fff;
2523 }
2524 .learn-press-payments tbody tr:nth-child(odd) td,
2525 .learn-press-emails tbody tr:nth-child(odd) td {
2526 background: #f5f5f5;
2527 }
2528 .learn-press-payments tbody td,
2529 .learn-press-emails tbody td {
2530 border-bottom: 1px solid #ddd;
2531 }
2532 .learn-press-payments tbody .ui-sortable-helper,
2533 .learn-press-emails tbody .ui-sortable-helper {
2534 margin-left: -1px;
2535 border: 1px solid #ddd;
2536 }
2537 .learn-press-payments tbody .ui-sortable-placeholder,
2538 .learn-press-emails tbody .ui-sortable-placeholder {
2539 visibility: visible !important;
2540 border: 1px solid #ddd;
2541 }
2542 .learn-press-payments tbody .ui-sortable-placeholder td,
2543 .learn-press-emails tbody .ui-sortable-placeholder td {
2544 height: 35px;
2545 padding: 0;
2546 background: #f7f7f7;
2547 }
2548 .learn-press-payments ~ .email-actions,
2549 .learn-press-emails ~ .email-actions {
2550 text-align: left;
2551 }
2552 .learn-press-payments.sortable .order:hover,
2553 .learn-press-emails.sortable .order:hover {
2554 color: #0073aa;
2555 cursor: ns-resize;
2556 }
2557
2558 /* Submenu tools/templates */
2559 .lp-template-overrides {
2560 margin-top: 20px;
2561 }
2562 .lp-template-overrides thead th h4 {
2563 margin: 0;
2564 }
2565 .lp-template-overrides tbody th {
2566 font-weight: bold;
2567 }
2568 .lp-template-overrides tbody th p {
2569 display: inline-block;
2570 margin: 0 0 0 10px;
2571 }
2572 .lp-template-overrides tbody th p a {
2573 margin: 0;
2574 padding: 2px 8px;
2575 border: none;
2576 border-radius: 3px;
2577 outline: none;
2578 box-shadow: none;
2579 font-weight: normal;
2580 }
2581 .lp-template-overrides tbody th p a.current {
2582 color: #fff;
2583 background: #00aadc;
2584 }
2585 .lp-template-overrides .template-row.outdated code::before, .lp-template-overrides .template-row.up-to-date code::before {
2586 display: inline-block;
2587 margin-top: -2px;
2588 margin-right: 3px;
2589 font-family: Dashicons;
2590 vertical-align: middle;
2591 }
2592 .lp-template-overrides .template-row.outdated .template-version {
2593 color: #f00;
2594 }
2595 .lp-template-overrides .template-row.outdated .template-file code::before {
2596 color: #f00;
2597 content: "\f534";
2598 }
2599 .lp-template-overrides .template-row.up-to-date .template-version {
2600 color: #1859ff;
2601 }
2602 .lp-template-overrides .template-row.up-to-date .template-file code::before {
2603 color: #0085ba;
2604 content: "\f147";
2605 }
2606 .lp-template-overrides .template-version,
2607 .lp-template-overrides .core-version {
2608 width: 100px;
2609 }
2610 .lp-template-overrides #learn-press-no-templates td p {
2611 color: #0073aa;
2612 }
2613
2614 /* General */
2615 .description code {
2616 font-size: smaller;
2617 }
2618
2619 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result {
2620 display: none;
2621 padding: 10px;
2622 background: #f5f5f5;
2623 }
2624 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result input {
2625 width: 80px;
2626 margin: 0;
2627 -webkit-box-sizing: border-box;
2628 box-sizing: border-box;
2629 }
2630 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result p {
2631 margin: 7px 0 0;
2632 color: #777;
2633 font-style: italic;
2634 }
2635 #field-_lp_course_result input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
2636 display: block;
2637 }
2638
2639 .widget .widget-content .rwmb-field:not(:last-of-type) {
2640 margin: 0 0 10px;
2641 }
2642 .widget .widget-content .rwmb-field:not(:last-of-type):first-child {
2643 margin-top: 10px;
2644 }
2645 .widget .widget-content .rwmb-field:last-child {
2646 margin-bottom: 10px;
2647 }
2648 .widget .widget-content .rwmb-field .rwmb-label,
2649 .widget .widget-content .rwmb-field .rwmb-input {
2650 width: 100%;
2651 }
2652 .widget .widget-content .rwmb-field .rwmb-label {
2653 margin-bottom: 2px;
2654 }
2655 .widget .widget-content .rwmb-field .rwmb-label label {
2656 font-weight: 400;
2657 }
2658 .widget .widget-content .rwmb-field .rwmb-input input[type=text] {
2659 width: 100%;
2660 }
2661
2662 .course-attributes {
2663 margin: 20px 0;
2664 }
2665 .course-attributes .learn-press-attribute {
2666 margin-top: -1px;
2667 margin-bottom: 0;
2668 border: 1px solid #ddd;
2669 }
2670 .course-attributes .learn-press-attribute > h4 {
2671 margin: 0;
2672 padding: 10px 15px;
2673 background: #f5f5f5;
2674 }
2675 .course-attributes .learn-press-attribute .learn-press-attribute-data {
2676 padding: 15px;
2677 border-top: 1px solid #ddd;
2678 }
2679
2680 .lp-hidden {
2681 display: none !important;
2682 }
2683
2684 .lp-max-width-768 {
2685 max-width: 768px !important;
2686 }
2687
2688 #wpfooter {
2689 z-index: 5;
2690 }
2691
2692 .learn-press-advertisement-slider {
2693 margin: 50px 20px 0 0;
2694 position: relative;
2695 overflow: hidden;
2696 box-sizing: border-box;
2697 z-index: 10;
2698 }
2699 .learn-press-advertisement-slider .slider-items:after {
2700 display: block;
2701 clear: both;
2702 content: "";
2703 }
2704 .learn-press-advertisement-slider .slide-item {
2705 position: relative;
2706 float: left;
2707 width: 100%;
2708 margin-right: -100%;
2709 padding: 20px;
2710 opacity: 0;
2711 background: #FFF;
2712 -webkit-box-sizing: border-box;
2713 box-sizing: border-box;
2714 -webkit-transition: opacity 0.5s linear;
2715 transition: opacity 0.5s linear;
2716 }
2717 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2718 float: left;
2719 width: 35%;
2720 }
2721 .learn-press-advertisement-slider .slide-item .slide-thumbnail a {
2722 display: block;
2723 line-height: 1;
2724 margin-bottom: 0;
2725 }
2726 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2727 max-width: 100%;
2728 }
2729 .learn-press-advertisement-slider .slide-item .slide-detail {
2730 margin-left: 35%;
2731 padding-left: 20px;
2732 }
2733 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2734 margin-top: 0;
2735 }
2736 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2737 display: none;
2738 }
2739 .learn-press-advertisement-slider .slide-item.slide-active {
2740 opacity: 1;
2741 }
2742 .learn-press-advertisement-slider .slider-controls {
2743 position: absolute;
2744 bottom: 20px;
2745 right: 20px;
2746 }
2747 .learn-press-advertisement-slider .slider-controls .next-item,
2748 .learn-press-advertisement-slider .slider-controls .prev-item {
2749 font-family: "dashicons";
2750 width: 40px;
2751 height: 40px;
2752 border: 1px solid #DDD;
2753 line-height: 2.5rem;
2754 font-size: 1rem;
2755 cursor: pointer;
2756 float: left;
2757 margin-left: 10px;
2758 text-align: center;
2759 color: #DDD;
2760 }
2761 .learn-press-advertisement-slider .slider-controls .next-item:hover,
2762 .learn-press-advertisement-slider .slider-controls .prev-item:hover {
2763 border-color: #0085ba;
2764 }
2765 .learn-press-advertisement-slider .slider-controls .next-item:hover:before,
2766 .learn-press-advertisement-slider .slider-controls .prev-item:hover:before {
2767 color: #0085ba;
2768 }
2769 .learn-press-advertisement-slider .slider-controls .next-item:before {
2770 content: "\f345";
2771 }
2772 .learn-press-advertisement-slider .slider-controls .prev-item:before {
2773 content: "\f341";
2774 }
2775
2776 @media only screen and (max-width: 1200px) {
2777 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2778 width: 50%;
2779 }
2780 .learn-press-advertisement-slider .slide-item .slide-detail {
2781 margin-left: 50%;
2782 }
2783 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2784 display: block;
2785 }
2786 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2787 display: none;
2788 }
2789 }
2790 @media only screen and (max-width: 960px) {
2791 .learn-press-advertisement-slider {
2792 margin-left: 56px;
2793 }
2794 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2795 width: 100%;
2796 float: none;
2797 }
2798 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2799 width: 100%;
2800 }
2801 .learn-press-advertisement-slider .slide-item .slide-detail {
2802 margin-left: 0;
2803 padding-left: 0;
2804 }
2805 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2806 padding-top: 20px;
2807 }
2808 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2809 display: block;
2810 }
2811 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2812 display: none;
2813 }
2814 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2815 margin-bottom: 0;
2816 }
2817 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2818 margin-bottom: 0;
2819 }
2820 .wp-responsive-open .learn-press-advertisement-slider {
2821 margin-left: 56px;
2822 }
2823 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2824 width: 100%;
2825 float: none;
2826 }
2827 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2828 width: 100%;
2829 }
2830 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail {
2831 margin-left: 0;
2832 padding-left: 0;
2833 }
2834 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2835 padding-top: 20px;
2836 }
2837 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2838 display: block;
2839 }
2840 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2841 display: none;
2842 }
2843 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2844 margin-bottom: 0;
2845 }
2846 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2847 margin-bottom: 0;
2848 }
2849 }
2850 .lp-admin-tabs {
2851 position: relative;
2852 margin-top: 20px;
2853 }
2854 .lp-admin-tabs.has-sections {
2855 display: flex;
2856 }
2857 .lp-admin-tabs .lp-admin-tab-navs {
2858 display: none;
2859 float: left;
2860 position: relative;
2861 z-index: 5;
2862 width: 250px;
2863 margin: 0 -250px 0 0;
2864 padding: 10px 0;
2865 -webkit-box-sizing: border-box;
2866 box-sizing: border-box;
2867 }
2868 .lp-admin-tabs .lp-admin-tab-navs .nav-section {
2869 margin: 0;
2870 }
2871 .lp-admin-tabs .lp-admin-tab-navs .nav-section > a,
2872 .lp-admin-tabs .lp-admin-tab-navs .nav-section > span {
2873 display: block;
2874 padding: 8px 20px;
2875 outline: none;
2876 box-shadow: none;
2877 text-decoration: none;
2878 text-transform: capitalize;
2879 }
2880 .lp-admin-tabs .lp-admin-tab-navs .nav-section .learn-press-tooltip {
2881 float: right;
2882 margin-right: 0;
2883 }
2884 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover {
2885 border-left: 2px solid #563d7c;
2886 color: #563d7c;
2887 }
2888 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > a,
2889 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > span, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > a,
2890 .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > span {
2891 padding-left: 18px;
2892 }
2893 .lp-admin-tabs.has-sections .lp-admin-tab-navs {
2894 display: block;
2895 }
2896 .lp-admin-tabs.has-sections .lp-admin-tab-content {
2897 float: left;
2898 position: relative;
2899 z-index: 0;
2900 width: 100%;
2901 padding-left: 271px !important;
2902 -webkit-box-sizing: border-box;
2903 box-sizing: border-box;
2904 }
2905 .lp-admin-tabs.has-sections::before {
2906 position: absolute;
2907 z-index: 10;
2908 top: 0;
2909 bottom: 0;
2910 left: 250px;
2911 border-left: 1px solid #ddd;
2912 content: "";
2913 }
2914 .lp-admin-tabs::after {
2915 display: block;
2916 clear: both;
2917 content: "";
2918 z-index: 10;
2919 }
2920
2921 .wrap.learn-press-settings .lp-admin-tab-content {
2922 padding: 18px;
2923 background: #fff;
2924 }
2925 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub {
2926 float: none;
2927 margin: 0 0 20px 0;
2928 padding-bottom: 20px;
2929 border-bottom: 1px solid #ddd;
2930 }
2931 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub .active {
2932 font-weight: bold;
2933 }
2934 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li {
2935 text-transform: capitalize;
2936 }
2937 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li::after {
2938 display: inline-block;
2939 padding: 0 10px;
2940 content: "|";
2941 }
2942 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li:last-child::after {
2943 content: "";
2944 }
2945 .wrap.learn-press-settings .lp-admin-tab-content h2 {
2946 border-bottom: 1px solid #ddd;
2947 padding-bottom: 10px;
2948 }
2949 .wrap #learn-press-uninstall-sample-data {
2950 float: right;
2951 opacity: 0.5;
2952 }
2953 .wrap #learn-press-uninstall-sample-data:hover {
2954 opacity: 1;
2955 }
2956
2957 #adminmenu .wp-menu-image img {
2958 width: 17px;
2959 opacity: 1;
2960 }
2961 #adminmenu .wp-submenu li.lp-menu-divider {
2962 height: 0;
2963 margin: 8px 0;
2964 border-top: 1px solid rgba(240, 246, 252, 0.15);
2965 }
2966 #adminmenu .wp-submenu li.lp-menu-divider a {
2967 height: 0;
2968 margin: 0;
2969 padding: 0;
2970 pointer-events: none;
2971 overflow: hidden;
2972 text-indent: -9999px;
2973 }
2974
2975 .learnpress .rwmb-field {
2976 position: relative;
2977 margin-bottom: 20px;
2978 }
2979 .learnpress .rwmb-field .rwmb-label {
2980 display: block;
2981 float: left;
2982 width: 190px;
2983 margin-bottom: 5px;
2984 font-size: 0.875rem;
2985 _text-transform: capitalize;
2986 }
2987 .learnpress .rwmb-field .rwmb-label label > small {
2988 display: block;
2989 color: #999;
2990 font-weight: normal;
2991 font-style: italic;
2992 }
2993 .learnpress .rwmb-field .rwmb-input {
2994 float: none;
2995 width: auto;
2996 margin-left: 190px;
2997 }
2998 .learnpress .rwmb-field .rwmb-input input[type=checkbox],
2999 .learnpress .rwmb-field .rwmb-input input[type=radio] {
3000 margin: 1px 5px 0 0;
3001 }
3002 .learnpress .rwmb-field .rwmb-input label > input[type=checkbox],
3003 .learnpress .rwmb-field .rwmb-input label > input[type=radio] {
3004 margin-top: -1px;
3005 }
3006 .learnpress .rwmb-field .description {
3007 margin-top: 8px;
3008 color: #888;
3009 }
3010 .learnpress .rwmb-field .description code {
3011 padding: 3px 3px 3px 0;
3012 }
3013 .learnpress .rwmb-field .description.err {
3014 color: #f00;
3015 }
3016 .learnpress .rwmb-field .rwmb-input-list {
3017 margin-left: 0;
3018 }
3019 .learnpress .rwmb-field #course_evaluation_method_quiz_options {
3020 position: relative;
3021 margin-left: 25px;
3022 }
3023 .learnpress .rwmb-field #course_evaluation_method_quiz_options::after {
3024 position: absolute;
3025 z-index: 10;
3026 top: 0;
3027 right: 0;
3028 bottom: 0;
3029 left: 0;
3030 opacity: 0.5;
3031 background: #fff;
3032 content: "";
3033 }
3034 .learnpress .rwmb-field input[name=_lp_course_result]:checked ~ #course_evaluation_method_quiz_options::after {
3035 display: none;
3036 }
3037 .learnpress .rwmb-field.rwmb-heading-wrapper h4 {
3038 display: inline-block;
3039 margin: 0 0 5px 0;
3040 padding: 0 0 0;
3041 border-bottom: 2px solid #563d7c;
3042 font-size: 1rem;
3043 text-transform: initial;
3044 }
3045 .learnpress .rwmb-field.disabled .field-overlay {
3046 position: absolute;
3047 z-index: 10;
3048 top: 0;
3049 left: 0;
3050 width: 100%;
3051 height: 100%;
3052 opacity: 0.6;
3053 background: #fff;
3054 content: "";
3055 }
3056 .learnpress .rwmb-field.rwmb-text-wrapper .rwmb-text {
3057 width: 50%;
3058 min-width: 200px;
3059 }
3060 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input select,
3061 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input input {
3062 vertical-align: top;
3063 }
3064 .learnpress .lp-course-sale_start-field.hide,
3065 .learnpress .lp-course-sale_end-field.hide {
3066 display: none;
3067 }
3068 .learnpress.lp-submenu-settings .lp-admin-settings-buttons {
3069 margin-bottom: 0;
3070 padding-top: 20px;
3071 border-top: 1px solid #ddd;
3072 }
3073 .learnpress.lp-submenu-settings .lp-admin-settings-buttons #learn-press-reset-settings {
3074 float: right;
3075 }
3076 .learnpress.lp-submenu-settings .rwmb-input {
3077 float: none;
3078 width: auto;
3079 margin-left: 270px;
3080 color: #000;
3081 }
3082 .learnpress .rwmb-google-fonts-wrapper .rwmb-input label {
3083 display: block;
3084 margin-bottom: 5px;
3085 font-weight: bold;
3086 }
3087 .learnpress .rwmb-google-fonts-wrapper .rwmb-input input {
3088 width: 90%;
3089 }
3090 .learnpress #learn-press-toggle-course-results {
3091 display: block;
3092 }
3093 .learnpress .lp-item-assigned {
3094 font-size: 0.875rem;
3095 }
3096 .learnpress .lp-item-assigned a {
3097 text-decoration: none;
3098 }
3099 .learnpress .lp-item-assigned ul {
3100 margin-bottom: 0;
3101 }
3102 .learnpress .lp-item-assigned ul ul strong {
3103 font-weight: normal;
3104 }
3105 .learnpress .lp-item-assigned li {
3106 margin: 0;
3107 }
3108 .learnpress .lp-item-assigned li a {
3109 display: inline-block;
3110 margin-bottom: 10px;
3111 }
3112
3113 @media screen and (max-width: 1280px) {
3114 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-label {
3115 float: none;
3116 width: auto;
3117 }
3118 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-input {
3119 float: left;
3120 width: 100%;
3121 margin-left: 0;
3122 }
3123 }
3124 .lp-metabox__table .titledesc label > small {
3125 display: block;
3126 color: #999;
3127 font-weight: normal;
3128 font-style: italic;
3129 }
3130 .lp-metabox__table .forminp-text > input,
3131 .lp-metabox__table .forminp-email > input,
3132 .lp-metabox__table .forminp-password > input,
3133 .lp-metabox__table .forminp-url > input {
3134 min-width: 260px;
3135 }
3136 .lp-metabox__table .forminp-textarea textarea {
3137 width: 400px;
3138 }
3139
3140 .lp-option-disabled {
3141 pointer-events: none;
3142 opacity: 0.5;
3143 }
3144
3145 .lp-metabox__custom-fields table {
3146 width: 100%;
3147 max-width: max-content;
3148 padding: 0 !important;
3149 }
3150 .lp-metabox__custom-fields table th {
3151 padding: 7px 0 7px 7px !important;
3152 }
3153 .lp-metabox__custom-fields table th.sort {
3154 width: 17px;
3155 padding: 7px !important;
3156 }
3157 .lp-metabox__custom-fields table td {
3158 position: relative;
3159 padding: 4px 0 4px 7px !important;
3160 vertical-align: middle !important;
3161 }
3162 .lp-metabox__custom-fields table td.sort {
3163 width: 17px;
3164 padding-right: 7px !important;
3165 background: #f9f9f9;
3166 font-size: 0.9375rem;
3167 text-align: center;
3168 cursor: move;
3169 }
3170 .lp-metabox__custom-fields table td.sort::before {
3171 height: 100%;
3172 color: #999;
3173 font-family: Dashicons;
3174 text-align: center;
3175 content: "\f333";
3176 }
3177 .lp-metabox__custom-fields table td .delete {
3178 display: block;
3179 position: relative;
3180 width: 1em;
3181 height: 1em;
3182 font-size: 1.2em;
3183 text-indent: -9999px;
3184 }
3185 .lp-metabox__custom-fields table td .delete::before {
3186 position: absolute;
3187 top: 0;
3188 left: 0;
3189 width: 100%;
3190 height: 100%;
3191 margin: 0;
3192 color: #999;
3193 font-family: Dashicons;
3194 font-weight: 400;
3195 font-variant: normal;
3196 line-height: 1;
3197 text-align: center;
3198 text-indent: 0;
3199 text-transform: none;
3200 content: "\f153";
3201 speak: none;
3202 -webkit-font-smoothing: antialiased;
3203 }
3204 .lp-metabox__custom-fields table td .delete:hover::before {
3205 color: #a00;
3206 }
3207 .lp-metabox__custom-fields table td:last-child {
3208 padding-right: 7px !important;
3209 }
3210
3211 .lp-metabox-field__color {
3212 font-size: 0 !important;
3213 }
3214 .lp-metabox-field__color .colorpickpreview {
3215 display: inline-block;
3216 width: 30px;
3217 height: 30px;
3218 margin: 0;
3219 margin-right: 3px;
3220 padding: 0;
3221 border: 1px solid #ddd;
3222 border-radius: 4px;
3223 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
3224 font-size: 1rem;
3225 line-height: 1.75rem;
3226 }
3227 .lp-metabox-field__color .iris-picker {
3228 display: none;
3229 position: absolute;
3230 z-index: 100;
3231 border: 1px solid #ccc;
3232 border-radius: 3px;
3233 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
3234 }
3235
3236 .lp-metabox-field__image-advanced-upload {
3237 padding-top: 10px;
3238 }
3239 .lp-metabox-field__image-advanced-images {
3240 clear: both;
3241 margin: 0;
3242 padding: 0;
3243 }
3244 .lp-metabox-field__image-advanced-images > li {
3245 float: left;
3246 position: relative;
3247 box-sizing: border-box;
3248 width: 80px;
3249 margin: 9px 9px 0 0;
3250 border: 1px solid #d5d5d5;
3251 border-radius: 2px;
3252 background: #f7f7f7;
3253 cursor: move;
3254 }
3255 .lp-metabox-field__image-advanced-images > li img {
3256 display: block;
3257 width: 100%;
3258 height: auto;
3259 }
3260 .lp-metabox-field__image-advanced-images > li ul.actions {
3261 position: absolute;
3262 top: -8px;
3263 right: -8px;
3264 padding: 2px;
3265 }
3266 .lp-metabox-field__image-advanced-images > li ul.actions li {
3267 float: right;
3268 margin: 0 0 0 2px;
3269 }
3270 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete {
3271 display: block;
3272 position: relative;
3273 width: 1em;
3274 height: 1em;
3275 font-size: 1.4em;
3276 text-indent: -9999px;
3277 }
3278 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete::before {
3279 position: absolute;
3280 top: 0;
3281 left: 0;
3282 width: 1em;
3283 height: 1em;
3284 margin: 0;
3285 border-radius: 50%;
3286 color: #999;
3287 background: #fff;
3288 font-family: Dashicons;
3289 font-weight: 400;
3290 font-variant: normal;
3291 line-height: 1;
3292 text-align: center;
3293 text-indent: 0;
3294 text-transform: none;
3295 content: "\f153";
3296 speak: none;
3297 -webkit-font-smoothing: antialiased;
3298 }
3299 .lp-metabox-field__image-advanced-images > li ul.actions::before {
3300 display: table;
3301 content: " ";
3302 }
3303 .lp-metabox-field__image-advanced-images > li:hover ul.actions {
3304 display: block;
3305 }
3306 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder {
3307 position: relative;
3308 border: 3px dashed #ddd;
3309 }
3310 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder::after {
3311 position: absolute;
3312 top: 0;
3313 left: 0;
3314 width: 100%;
3315 height: 100%;
3316 margin: 0;
3317 color: #ddd;
3318 font-family: Dashicons;
3319 font-size: 2.618em;
3320 font-weight: normal;
3321 font-variant: normal;
3322 line-height: 4.5rem;
3323 text-align: center;
3324 text-indent: 0;
3325 text-transform: none;
3326 content: "\f161";
3327 speak: none;
3328 -webkit-font-smoothing: antialiased;
3329 }
3330 .lp-metabox-field__image-advanced-images::before {
3331 display: table;
3332 content: " ";
3333 }
3334 .lp-metabox-field__image-advanced-images::after {
3335 display: table;
3336 clear: both;
3337 content: " ";
3338 }
3339
3340 .lp-metabox-field__image--inner {
3341 position: relative;
3342 box-sizing: border-box;
3343 width: 120px;
3344 border: 1px solid #d5d5d5;
3345 border-radius: 2px;
3346 background: #f7f7f7;
3347 }
3348 .lp-metabox-field__image--inner img {
3349 display: block;
3350 width: 100%;
3351 height: auto;
3352 }
3353 .lp-metabox-field__image--upload {
3354 padding-top: 10px;
3355 }
3356
3357 .lp-meta-box__inner {
3358 display: block;
3359 position: relative;
3360 }
3361 .lp-meta-box__inner .form-field:not(fieldset) {
3362 display: flex;
3363 flex-direction: row;
3364 position: relative;
3365 margin: 0;
3366 padding: 15px 0;
3367 flex-wrap: wrap;
3368 }
3369 .lp-meta-box__inner .form-field:not(fieldset) label {
3370 width: 180px;
3371 min-width: 180px;
3372 max-width: 180px;
3373 padding: 0;
3374 color: #23282d;
3375 font-size: 0.875rem;
3376 font-weight: 600;
3377 flex: 0 0 auto;
3378 }
3379 .lp-meta-box__inner .form-field:not(fieldset) .checkbox {
3380 margin: 2px 0 !important;
3381 vertical-align: middle;
3382 }
3383 .lp-meta-box__inner .form-field:not(fieldset) .description {
3384 flex: 1;
3385 display: inline;
3386 clear: none;
3387 margin: 0 0 0 7px;
3388 padding: 0;
3389 font-size: 0.875rem;
3390 }
3391 .lp-meta-box__inner fieldset.form-field {
3392 display: grid;
3393 grid-template-columns: 180px 1fr;
3394 position: relative;
3395 margin: 0;
3396 padding: 15px 0;
3397 }
3398 .lp-meta-box__inner fieldset.form-field h4 {
3399 width: 180px;
3400 min-width: 180px;
3401 max-width: 180px;
3402 margin: 0;
3403 padding: 0;
3404 color: #23282d;
3405 font-size: 0.875rem;
3406 font-weight: 600;
3407 flex: 0 0 auto;
3408 }
3409 .lp-meta-box__inner fieldset.form-field ul {
3410 margin: 0;
3411 font-size: 0.875rem;
3412 }
3413 .lp-meta-box__inner fieldset.form-field .description {
3414 grid-column-start: 2;
3415 margin-top: 10px;
3416 }
3417 .lp-meta-box__duration-select {
3418 width: auto !important;
3419 }
3420 .lp-meta-box__duration input[type=number] {
3421 width: 80px !important;
3422 }
3423 .lp-meta-box__duration .description {
3424 flex-basis: 100% !important;
3425 width: 100%;
3426 margin-top: 8px !important;
3427 margin-left: 180px !important;
3428 }
3429 .lp-meta-box__wp-editor {
3430 display: block;
3431 }
3432 .lp-meta-box__wp-editor .description {
3433 flex-basis: 100% !important;
3434 width: 100%;
3435 margin-top: 8px !important;
3436 margin-left: 180px !important;
3437 color: #666;
3438 }
3439 .lp-meta-box__wp-editor__textarea {
3440 border: none !important;
3441 }
3442 .lp-meta-box select {
3443 width: auto !important;
3444 }
3445 .lp-meta-box select ~ .description {
3446 flex-basis: 100% !important;
3447 width: 100%;
3448 margin-top: 8px !important;
3449 margin-left: 180px !important;
3450 color: #666;
3451 }
3452 .lp-meta-box input[type=number],
3453 .lp-meta-box input[type=email],
3454 .lp-meta-box input[type=text],
3455 .lp-meta-box input[type=password],
3456 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
3457 width: 50%;
3458 }
3459 .lp-meta-box input[type=number] + .description,
3460 .lp-meta-box input[type=email] + .description,
3461 .lp-meta-box input[type=text] + .description,
3462 .lp-meta-box input[type=password] + .description,
3463 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) + .description {
3464 flex-basis: 100% !important;
3465 width: 100%;
3466 margin-top: 8px !important;
3467 margin-left: 180px !important;
3468 color: #666;
3469 }
3470 .lp-meta-box input[type=checkbox] {
3471 margin-top: 2px;
3472 }
3473 .lp-meta-box .short {
3474 width: 50%;
3475 }
3476 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
3477 height: 4.6rem;
3478 line-height: 1.5em;
3479 vertical-align: top;
3480 }
3481 .lp-meta-box .learn-press-tip.ready {
3482 display: inline-flex;
3483 align-items: center;
3484 margin-left: 8px;
3485 }
3486
3487 #course-settings .inside {
3488 margin: 0 !important;
3489 padding: 0 !important;
3490 }
3491 #course-settings .lp-meta-box__course-tab {
3492 display: grid;
3493 grid-template-columns: 20% 80%;
3494 }
3495 #course-settings .lp-meta-box__course-tab__tabs {
3496 position: relative;
3497 box-sizing: border-box;
3498 margin: 0;
3499 padding: 0 0 10px;
3500 border-right: 1px solid #eee;
3501 background-color: #fafafa;
3502 }
3503 #course-settings .lp-meta-box__course-tab__tabs li {
3504 display: block;
3505 position: relative;
3506 margin: 0;
3507 padding: 0;
3508 }
3509 #course-settings .lp-meta-box__course-tab__tabs li a {
3510 display: flex;
3511 align-items: center;
3512 margin: 0;
3513 padding: 10px;
3514 border-bottom: 1px solid #eee;
3515 box-shadow: none;
3516 text-decoration: none;
3517 }
3518 #course-settings .lp-meta-box__course-tab__tabs li a i {
3519 margin-right: 5px;
3520 font-weight: 400;
3521 font-style: normal;
3522 font-variant: normal;
3523 text-decoration: none;
3524 text-transform: none;
3525 }
3526 #course-settings .lp-meta-box__course-tab__tabs li a i[class^=dashicon] {
3527 font-family: "Dashicons";
3528 }
3529 #course-settings .lp-meta-box__course-tab__tabs li.active a {
3530 position: relative;
3531 color: #555;
3532 background-color: #eee;
3533 }
3534 @media (max-width: 767px) {
3535 #course-settings .lp-meta-box__course-tab__tabs {
3536 display: flex;
3537 overflow: hidden;
3538 overflow-x: auto;
3539 flex-direction: row;
3540 margin: 0;
3541 margin-bottom: 30px;
3542 padding: 0;
3543 border-bottom: 1px solid #e5e5e5;
3544 text-align: center;
3545 white-space: nowrap;
3546 list-style: none;
3547 align-items: center;
3548 flex-wrap: nowrap;
3549 }
3550 #course-settings .lp-meta-box__course-tab__tabs li {
3551 min-width: 25%;
3552 margin-right: 20px;
3553 }
3554 }
3555 #course-settings .lp-meta-box__course-tab__content > div {
3556 padding: 20px;
3557 }
3558 @media (max-width: 767px) {
3559 #course-settings .lp-meta-box__course-tab {
3560 grid-template-columns: auto;
3561 }
3562 }
3563
3564 #price_course_data ._lp_sale_price_field,
3565 #price_course_data ._lp_price_field {
3566 position: relative;
3567 }
3568 #price_course_data ._lp_sale_price_field .learn-press-tip-floating,
3569 #price_course_data ._lp_price_field .learn-press-tip-floating {
3570 top: 54px;
3571 left: 92px;
3572 opacity: 0.8;
3573 background: #a00;
3574 }
3575 #price_course_data ._lp_sale_price_field .learn-press-tip-floating::before,
3576 #price_course_data ._lp_price_field .learn-press-tip-floating::before {
3577 top: -7px;
3578 border: 7px solid transparent;
3579 border-top-width: 0;
3580 border-bottom-color: #a00;
3581 }
3582
3583 .lp_course_extra_meta_box__content {
3584 flex: 1;
3585 }
3586 .lp_course_extra_meta_box__fields {
3587 margin-bottom: 10px;
3588 }
3589 .lp_course_extra_meta_box__field {
3590 position: relative;
3591 max-width: 600px;
3592 margin-bottom: 10px;
3593 }
3594 .lp_course_extra_meta_box__field .sort {
3595 display: flex;
3596 position: absolute;
3597 top: 0;
3598 left: 0;
3599 width: 40px;
3600 height: 100%;
3601 color: #666;
3602 text-decoration: none;
3603 cursor: grab;
3604 align-items: center;
3605 justify-content: center;
3606 }
3607 .lp_course_extra_meta_box__field .sort::after {
3608 font-family: Dashicons;
3609 font-size: 1.25rem;
3610 line-height: 1;
3611 content: "\f333";
3612 }
3613 .lp_course_extra_meta_box__field .delete {
3614 display: flex;
3615 position: absolute;
3616 top: 0;
3617 right: 0;
3618 width: 40px;
3619 height: 100%;
3620 color: #666;
3621 text-decoration: none;
3622 align-items: center;
3623 justify-content: center;
3624 }
3625 .lp_course_extra_meta_box__field .delete::after {
3626 font-family: Dashicons;
3627 font-size: 1.25rem;
3628 line-height: 1;
3629 content: "\f335";
3630 }
3631 .lp_course_extra_meta_box__input {
3632 width: 100% !important;
3633 padding-right: 40px !important;
3634 padding-left: 40px !important;
3635 }
3636
3637 .lp_repeater_meta_box__wrapper {
3638 flex: 1 !important;
3639 }
3640 .lp_repeater_meta_box__fields {
3641 position: relative;
3642 margin-bottom: 10px;
3643 }
3644 .lp_repeater_meta_box__field {
3645 display: grid;
3646 position: relative;
3647 margin-bottom: 10px;
3648 border: 1px solid #c5c5c5;
3649 border-radius: 2px;
3650 }
3651 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__content {
3652 display: block;
3653 }
3654 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__title__toggle::after {
3655 transform: rotate(180deg);
3656 }
3657 .lp_repeater_meta_box__title {
3658 display: grid;
3659 grid-template-columns: 44px 1fr 40px 40px;
3660 align-items: center;
3661 position: relative;
3662 background-color: #eee;
3663 }
3664 .lp_repeater_meta_box__title__title {
3665 flex: 1;
3666 padding: 14px 0;
3667 }
3668 .lp_repeater_meta_box__title__sort {
3669 display: flex;
3670 height: 100%;
3671 color: #666;
3672 text-decoration: none;
3673 cursor: grab;
3674 align-items: center;
3675 justify-content: center;
3676 }
3677 .lp_repeater_meta_box__title__sort::after {
3678 font-family: Dashicons;
3679 font-size: 1.25rem;
3680 line-height: 1;
3681 content: "\f333";
3682 }
3683 .lp_repeater_meta_box__title__delete {
3684 display: flex;
3685 height: 100%;
3686 color: #666;
3687 text-decoration: none;
3688 align-items: center;
3689 justify-content: center;
3690 }
3691 .lp_repeater_meta_box__title__delete::after {
3692 font-family: Dashicons;
3693 font-size: 1.25rem;
3694 line-height: 1;
3695 content: "\f335";
3696 }
3697 .lp_repeater_meta_box__title__toggle {
3698 display: flex;
3699 height: 100%;
3700 color: #666;
3701 text-decoration: none;
3702 align-items: center;
3703 justify-content: center;
3704 }
3705 .lp_repeater_meta_box__title__toggle::after {
3706 font-family: Dashicons;
3707 font-size: 1.25rem;
3708 line-height: 1;
3709 content: "\f347";
3710 }
3711 .lp_repeater_meta_box__content {
3712 display: none;
3713 padding: 14px 20px;
3714 }
3715 .lp_repeater_meta_box__content > label {
3716 display: grid;
3717 width: 100% !important;
3718 min-width: 100% !important;
3719 max-width: 100% !important;
3720 margin-bottom: 20px;
3721 grid-template-rows: auto 1fr;
3722 }
3723 .lp_repeater_meta_box__content > label:last-child {
3724 margin-bottom: 0;
3725 }
3726 .lp_repeater_meta_box__content > label span {
3727 margin-bottom: 5px;
3728 }
3729 .lp_repeater_meta_box__content > label textarea,
3730 .lp_repeater_meta_box__content > label input {
3731 width: 100% !important;
3732 }
3733
3734 .lp_course_faq_meta_box__content {
3735 flex: 1;
3736 }
3737 .lp_course_faq_meta_box__fields {
3738 position: relative;
3739 margin-bottom: 10px;
3740 }
3741 .lp_course_faq_meta_box__field {
3742 display: grid;
3743 position: relative;
3744 margin-bottom: 10px;
3745 padding: 20px;
3746 border: 1px solid #c5c5c5;
3747 border-radius: 4px;
3748 grid-row-gap: 10px;
3749 }
3750 .lp_course_faq_meta_box__field label {
3751 display: grid;
3752 width: 100% !important;
3753 min-width: 100% !important;
3754 max-width: 100% !important;
3755 grid-template-rows: auto 1fr;
3756 }
3757 .lp_course_faq_meta_box__field label span {
3758 margin-bottom: 5px;
3759 }
3760 .lp_course_faq_meta_box__field label textarea,
3761 .lp_course_faq_meta_box__field label input {
3762 width: 100% !important;
3763 }
3764 .lp_course_faq_meta_box__field a.delete {
3765 display: flex;
3766 position: absolute;
3767 top: 15px;
3768 right: 50px;
3769 width: 30px;
3770 height: 30px;
3771 color: #666;
3772 text-decoration: none;
3773 align-items: center;
3774 justify-content: center;
3775 }
3776 .lp_course_faq_meta_box__field a.delete::after {
3777 font-family: Dashicons;
3778 font-size: 1.25rem;
3779 line-height: 1;
3780 content: "\f335";
3781 }
3782 .lp_course_faq_meta_box__field .sort {
3783 display: flex;
3784 position: absolute;
3785 top: 15px;
3786 right: 20px;
3787 width: 30px;
3788 height: 30px;
3789 color: #666;
3790 text-decoration: none;
3791 align-items: center;
3792 justify-content: center;
3793 cursor: grab;
3794 }
3795 .lp_course_faq_meta_box__field .sort::after {
3796 font-family: Dashicons;
3797 font-size: 1.25rem;
3798 line-height: 1;
3799 content: "\f333";
3800 }
3801
3802 input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
3803 display: block;
3804 }
3805
3806 #passing-condition-quiz-result {
3807 display: none;
3808 }
3809 #passing-condition-quiz-result input {
3810 width: 80px !important;
3811 margin-top: 5px !important;
3812 }
3813 #passing-condition-quiz-result p {
3814 padding: 10px 16px;
3815 background-color: #eee;
3816 font-size: 0.875rem;
3817 }
3818
3819 .lp-meta-box__file_list {
3820 display: inline-block;
3821 clear: both;
3822 margin: 0;
3823 padding: 0;
3824 }
3825 .lp-meta-box__file_list > li {
3826 display: flex;
3827 flex-flow: column nowrap;
3828 float: left;
3829 position: relative;
3830 box-sizing: border-box;
3831 width: 80px;
3832 height: 80px;
3833 margin: 9px 9px 0 0;
3834 border: 1px solid #d5d5d5;
3835 border-radius: 2px;
3836 background: #f7f7f7;
3837 cursor: move;
3838 align-items: center;
3839 justify-content: center;
3840 }
3841 .lp-meta-box__file_list > li img {
3842 display: block;
3843 width: 100%;
3844 height: auto;
3845 }
3846 .lp-meta-box__file_list > li img.is_file {
3847 width: 30px;
3848 }
3849 .lp-meta-box__file_list > li img.is_file ~ span {
3850 margin-top: 5px;
3851 font-size: 0.75rem;
3852 }
3853 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder {
3854 position: relative;
3855 border: 3px dashed #ddd;
3856 }
3857 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder::after {
3858 position: absolute;
3859 top: 0;
3860 left: 0;
3861 width: 100%;
3862 height: 100%;
3863 margin: 0;
3864 color: #ddd;
3865 font-family: Dashicons;
3866 font-size: 2.618em;
3867 font-weight: normal;
3868 font-variant: normal;
3869 line-height: 4.5rem;
3870 text-align: center;
3871 text-indent: 0;
3872 text-transform: none;
3873 content: "\f161";
3874 speak: none;
3875 -webkit-font-smoothing: antialiased;
3876 }
3877 .lp-meta-box__file_list > li ul.actions {
3878 position: absolute;
3879 top: -8px;
3880 right: -8px;
3881 padding: 2px;
3882 }
3883 .lp-meta-box__file_list > li ul.actions li {
3884 float: right;
3885 margin: 0 0 0 2px;
3886 }
3887 .lp-meta-box__file_list > li ul.actions li a.delete {
3888 display: block;
3889 position: relative;
3890 width: 1em;
3891 height: 1em;
3892 font-size: 1.4em;
3893 text-indent: -9999px;
3894 }
3895 .lp-meta-box__file_list > li ul.actions li a.delete::before {
3896 position: absolute;
3897 top: 0;
3898 left: 0;
3899 width: 1em;
3900 height: 1em;
3901 margin: 0;
3902 border-radius: 50%;
3903 color: #999;
3904 background: #fff;
3905 font-family: Dashicons;
3906 font-weight: 400;
3907 font-variant: normal;
3908 line-height: 1;
3909 text-align: center;
3910 text-indent: 0;
3911 text-transform: none;
3912 content: "\f153";
3913 speak: none;
3914 -webkit-font-smoothing: antialiased;
3915 }
3916 .lp-meta-box__file_list > li ul.actions::before {
3917 display: table;
3918 content: " ";
3919 }
3920 .lp-meta-box__file::before {
3921 display: table;
3922 content: " ";
3923 }
3924 .lp-meta-box__file::after {
3925 display: table;
3926 clear: both;
3927 content: " ";
3928 }
3929
3930 .lp-metabox-evaluate-final_quiz {
3931 display: block;
3932 }
3933 .lp-metabox-evaluate-final_quiz__message {
3934 display: inline-block;
3935 min-width: 50%;
3936 margin-top: 10px;
3937 padding: 8px 20px;
3938 border: 2px solid #36af27;
3939 border-radius: 4px;
3940 background: #f7f7f7;
3941 text-align: center;
3942 }
3943 .lp-metabox-evaluate-final_quiz__message-error {
3944 border-color: lightcoral;
3945 }
3946
3947 .lp_widget_autocomplete__loading {
3948 margin-top: 0 !important;
3949 padding: 7px 10px;
3950 border: 1px solid #949494;
3951 border-top: none !important;
3952 background: #eee;
3953 font-size: 13px !important;
3954 }
3955 .lp_widget_autocomplete__select {
3956 overflow: auto;
3957 left: 0;
3958 width: 100%;
3959 max-height: 148px;
3960 margin-top: -1px;
3961 background: #eee;
3962 font-size: 0.8125rem;
3963 }
3964 .lp_widget_autocomplete__item {
3965 overflow: hidden;
3966 padding: 7px 10px;
3967 border: 1px solid #949494;
3968 border-top: none;
3969 border-bottom-color: #afafaf;
3970 white-space: nowrap;
3971 text-overflow: ellipsis;
3972 cursor: pointer;
3973 }
3974 .lp_widget_autocomplete__item__selected, .lp_widget_autocomplete__item:hover {
3975 color: #fff;
3976 background-color: #007cba;
3977 }
3978
3979 .widget .select2-selection__rendered {
3980 font-size: 0.8125rem;
3981 }
3982
3983 .sortable-wrapper {
3984 margin: 1em 0;
3985 }
3986 .sortable-wrapper .sortable {
3987 margin: 0.5em 0;
3988 }
3989 .sortable-wrapper .sortable .dashicons-move {
3990 cursor: move;
3991 }
3992
3993 @keyframes spin {
3994 from {
3995 transform: rotate(0deg);
3996 }
3997 to {
3998 transform: rotate(360deg);
3999 }
4000 }
4001 .sortable-wrapper > label {
4002 font-weight: 600;
4003 font-size: 14px;
4004 }
4005
4006 .sortable__item {
4007 display: flex;
4008 align-items: center;
4009 gap: 8px;
4010 margin-bottom: 8px;
4011 }
4012 .sortable__item:last-child {
4013 margin-bottom: 0;
4014 }
4015
4016 .widget-content p {
4017 margin-bottom: 8px;
4018 display: flex;
4019 align-items: center;
4020 flex-wrap: wrap;
4021 }
4022
4023 /*** Style Addons Manager ***/
4024 #lp-addons [data-action=setting] {
4025 display: none;
4026 }
4027 #lp-addons .lp-addon-item input {
4028 margin: 0 !important;
4029 }
4030 #lp-addons .lp-addon-item.hide, #lp-addons .lp-addon-item.search-not-found {
4031 display: none;
4032 }
4033 #lp-addons .lp-addon-item__content {
4034 text-align: center;
4035 min-height: 290px;
4036 }
4037 #lp-addons .lp-addon-item__content img {
4038 width: 50px;
4039 height: 50px;
4040 border-radius: 10px;
4041 }
4042 #lp-addons .lp-addon-item__content a {
4043 text-decoration: none;
4044 }
4045 #lp-addons .lp-addon-item__content p {
4046 display: -webkit-box;
4047 -webkit-box-orient: vertical;
4048 overflow: hidden;
4049 }
4050 #lp-addons .lp-addon-item__content p::before {
4051 content: none;
4052 }
4053 #lp-addons .lp-addon-item__actions {
4054 border-top: 1px solid var(--lp-addon-item-border-color);
4055 padding: 10px var(--lp-addon-item-padding) 0;
4056 margin: 0 calc(var(--lp-addon-item-padding) * -1);
4057 display: flex;
4058 align-items: center;
4059 overflow: auto;
4060 }
4061 #lp-addons .lp-addon-item__actions__left {
4062 flex: 3;
4063 display: flex;
4064 gap: 4px;
4065 align-items: center;
4066 }
4067 #lp-addons .lp-addon-item__actions__left button, #lp-addons .lp-addon-item__actions__left a {
4068 display: none;
4069 }
4070 #lp-addons .lp-addon-item__actions__right {
4071 display: flex;
4072 gap: 4px;
4073 }
4074 #lp-addons .lp-addon-item__actions__right button, #lp-addons .lp-addon-item__actions__right a {
4075 display: none;
4076 }
4077 #lp-addons .lp-addon-item__purchase {
4078 display: none;
4079 position: absolute;
4080 top: 0;
4081 bottom: 0;
4082 left: 0;
4083 right: 0;
4084 background: rgba(255, 255, 255, 0.6);
4085 text-transform: uppercase;
4086 }
4087 #lp-addons .lp-addon-item__purchase__wrapper > div {
4088 position: absolute;
4089 bottom: 20%;
4090 left: var(--lp-addon-item-padding);
4091 right: var(--lp-addon-item-padding);
4092 background: white;
4093 border: 1px solid var(--lp-addon-item-border-color);
4094 padding: var(--lp-addon-item-padding);
4095 border-radius: 3px;
4096 flex-direction: column;
4097 display: none;
4098 gap: 5px;
4099 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
4100 }
4101 #lp-addons .lp-addon-item__purchase__wrapper > div input {
4102 width: 100%;
4103 }
4104 #lp-addons .lp-addon-item__purchase label {
4105 text-transform: capitalize;
4106 }
4107 #lp-addons .lp-addon-item.installed.activated button[data-action=setting], #lp-addons .lp-addon-item.installed.activated a[data-action=setting] {
4108 display: flex;
4109 }
4110 #lp-addons .lp-addon-item.installed.activated button[data-action=deactivate], #lp-addons .lp-addon-item.installed.activated a[data-action=deactivate] {
4111 display: flex;
4112 }
4113 #lp-addons .lp-addon-item.installed:not(.activated) button[data-action=activate], #lp-addons .lp-addon-item.installed:not(.activated) a[data-action=activate] {
4114 display: flex;
4115 }
4116 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code], #lp-addons .lp-addon-item.installed.purchase a[data-action=update-purchase-code] {
4117 display: inline-flex;
4118 align-items: center;
4119 height: 12px;
4120 }
4121 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] span, #lp-addons .lp-addon-item.installed.purchase a[data-action=update-purchase-code] span {
4122 animation: none;
4123 display: inline;
4124 }
4125 #lp-addons .lp-addon-item.not_installed.purchase button[data-action=purchase], #lp-addons .lp-addon-item.not_installed.purchase a[data-action=purchase] {
4126 display: flex;
4127 }
4128 #lp-addons .lp-addon-item.not_installed.free button[data-action=install], #lp-addons .lp-addon-item.not_installed.free a[data-action=install] {
4129 display: flex;
4130 }
4131 #lp-addons .lp-addon-item.update:not(.expired) button[data-action=update] {
4132 display: flex;
4133 }
4134 #lp-addons .screen-reader-text:focus {
4135 clip-path: inset(50%);
4136 -webkit-clip-path: inset(50%);
4137 }
4138
4139 /*** Add-ons card redesign ***/
4140 #lp-addons {
4141 display: grid;
4142 grid-template-columns: repeat(4, minmax(0, 1fr));
4143 gap: 20px;
4144 }
4145 #lp-addons .lp-addon-item {
4146 display: flex;
4147 flex-direction: column;
4148 justify-content: space-between;
4149 position: relative;
4150 overflow: hidden;
4151 min-width: 0;
4152 min-height: 280px;
4153 padding: 20px;
4154 border: 1px solid #e1e1e1;
4155 border-radius: 10px;
4156 background: #ffffff;
4157 box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
4158 transition: border-color 0.2s ease, box-shadow 0.2s ease;
4159 }
4160 #lp-addons .lp-addon-item:hover, #lp-addons .lp-addon-item:focus-within {
4161 border-color: #7067ed;
4162 box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
4163 }
4164 #lp-addons .lp-addon-item__content {
4165 min-height: 0;
4166 text-align: start;
4167 }
4168 #lp-addons .lp-addon-item__header {
4169 display: grid;
4170 grid-template-columns: 48px minmax(0, 1fr);
4171 gap: 12px;
4172 margin-bottom: 12px;
4173 }
4174 #lp-addons .lp-addon-item__heading {
4175 display: flex;
4176 align-items: flex-start;
4177 align-items: center;
4178 gap: 8px;
4179 min-width: 0;
4180 }
4181 #lp-addons .lp-addon-item__content #lp-addons .lp-addon-item__image {
4182 display: block;
4183 width: 48px;
4184 height: 48px;
4185 margin: 0;
4186 border-radius: 10px;
4187 object-fit: cover;
4188 }
4189 #lp-addons .lp-addon-item__title {
4190 display: -webkit-box;
4191 flex: 1;
4192 overflow: hidden;
4193 min-width: 0;
4194 margin: 0;
4195 color: #111111;
4196 font-size: 16px;
4197 font-weight: 500;
4198 line-height: 1.5;
4199 -webkit-box-orient: vertical;
4200 -webkit-line-clamp: 2;
4201 }
4202 #lp-addons .lp-addon-item__title a,
4203 #lp-addons .lp-addon-item__title a:visited {
4204 color: inherit;
4205 }
4206 #lp-addons .lp-addon-item__title a:hover,
4207 #lp-addons .lp-addon-item__title a:focus {
4208 color: #7067ed;
4209 }
4210 #lp-addons .lp-addon-item__badge {
4211 display: inline-flex;
4212 align-items: center;
4213 justify-content: center;
4214 flex-shrink: 0;
4215 padding: 4px 8px;
4216 border-radius: 6px;
4217 color: #ffffff;
4218 background: #e31a1a;
4219 font-size: 12px;
4220 font-weight: 600;
4221 white-space: nowrap;
4222 }
4223 #lp-addons .lp-addon-item__price {
4224 display: flex;
4225 align-items: baseline;
4226 flex-shrink: 0;
4227 gap: 4px;
4228 white-space: nowrap;
4229 }
4230 #lp-addons .lp-addon-item__price-sale {
4231 color: #e31a1a;
4232 font-size: 18px;
4233 font-weight: 500;
4234 line-height: 1.5;
4235 }
4236 #lp-addons .lp-addon-item__price-regular {
4237 color: #898989;
4238 font-size: 14px;
4239 line-height: 1.5;
4240 font-weight: 400;
4241 }
4242 #lp-addons .lp-addon-item__price-regular--current, #lp-addons .lp-addon-item__price-regular--free {
4243 font-size: 18px;
4244 font-weight: 500;
4245 line-height: 1.5;
4246 }
4247 #lp-addons .lp-addon-item__price-regular--current {
4248 color: #e31a1a;
4249 }
4250 #lp-addons .lp-addon-item__price-regular--free {
4251 color: #28a746;
4252 }
4253 #lp-addons .lp-addon-item__description {
4254 display: -webkit-box;
4255 overflow: hidden;
4256 min-height: 4.5em;
4257 margin: 0 0 8px;
4258 color: #4f4f4f;
4259 font-size: 14px;
4260 font-weight: 400;
4261 line-height: 1.5;
4262 -webkit-box-orient: vertical;
4263 -webkit-line-clamp: 3;
4264 }
4265 #lp-addons .lp-addon-item .lp-addon-license {
4266 display: grid;
4267 gap: 10px;
4268 margin: 0 0 12px;
4269 padding: 12px;
4270 border: 1px solid #28a746;
4271 border-radius: 8px;
4272 color: #4f4f4f;
4273 background: #e7f6e9;
4274 font-size: 12px;
4275 line-height: 1.6;
4276 }
4277 #lp-addons .lp-addon-item .lp-addon-license__summary {
4278 display: flex;
4279 align-items: baseline;
4280 flex-wrap: wrap;
4281 gap: 4px;
4282 }
4283 #lp-addons .lp-addon-item .lp-addon-license__status {
4284 color: #28a746;
4285 font-weight: 600;
4286 }
4287 #lp-addons .lp-addon-item .lp-addon-license__expiry {
4288 color: #626262;
4289 }
4290 #lp-addons .lp-addon-item .lp-addon-license--not-activated {
4291 border-color: rgba(248, 161, 0, 0.35);
4292 background: #fef8e1;
4293 }
4294 #lp-addons .lp-addon-item .lp-addon-license--not-activated .lp-addon-license__status {
4295 color: #b45309;
4296 }
4297 #lp-addons .lp-addon-item .lp-addon-license--expired {
4298 border-color: rgba(248, 145, 0, 0.35);
4299 background: #fef8e1;
4300 }
4301 #lp-addons .lp-addon-item .lp-addon-license--expired .lp-addon-license__status {
4302 color: #f87200;
4303 }
4304 #lp-addons .lp-addon-item .lp-addon-license--deactivated {
4305 border-color: #cfcfcf;
4306 background: #f7f7f7;
4307 }
4308 #lp-addons .lp-addon-item .lp-addon-license--deactivated .lp-addon-license__status {
4309 color: #626262;
4310 }
4311 #lp-addons .lp-addon-item .lp-addon-license__manage.btn-addon-action[data-action=update-purchase-code] {
4312 display: inline-flex;
4313 width: auto;
4314 height: auto;
4315 min-height: 0;
4316 padding: 0;
4317 border: 0;
4318 border-radius: 0;
4319 color: #2e91fa;
4320 background: transparent;
4321 font-size: 12px;
4322 font-weight: 600;
4323 line-height: 1.6;
4324 text-decoration: underline;
4325 }
4326 #lp-addons .lp-addon-item .lp-addon-license__manage.btn-addon-action[data-action=update-purchase-code]:hover, #lp-addons .lp-addon-item .lp-addon-license__manage.btn-addon-action[data-action=update-purchase-code]:focus {
4327 color: #7067ed;
4328 background: transparent;
4329 cursor: pointer;
4330 }
4331 #lp-addons .lp-addon-item__meta {
4332 display: flex;
4333 align-items: center;
4334 flex-wrap: wrap;
4335 gap: 4px;
4336 color: #898989;
4337 font-size: 12px;
4338 line-height: 1.6;
4339 }
4340 #lp-addons .lp-addon-item__meta a {
4341 color: #2e91fa;
4342 font-weight: 600;
4343 }
4344 #lp-addons .lp-addon-item__meta a:focus {
4345 outline: none;
4346 box-shadow: none;
4347 }
4348 #lp-addons .lp-addon-item__meta > * + *::before {
4349 margin-inline-end: 8px;
4350 color: #cfcfcf;
4351 content: "|";
4352 }
4353 #lp-addons .lp-addon-item .new-update,
4354 #lp-addons .lp-addon-item .need-extend {
4355 display: block;
4356 font-size: 12px;
4357 line-height: 1.6;
4358 }
4359 #lp-addons .lp-addon-item .new-update {
4360 color: #28a746;
4361 }
4362 #lp-addons .lp-addon-item .need-extend {
4363 color: #d60b11;
4364 }
4365 #lp-addons .lp-addon-item .need-extend__link {
4366 color: #e31a1a;
4367 font-weight: 500;
4368 text-decoration: underline;
4369 }
4370 #lp-addons .lp-addon-item .need-extend__days {
4371 color: #e31a1a;
4372 }
4373 #lp-addons .lp-addon-item__actions {
4374 overflow: hidden;
4375 gap: 8px;
4376 min-height: 41px;
4377 margin: 20px 0 0;
4378 padding: 12px 0 0;
4379 border-top: 1px solid #e1e1e1;
4380 }
4381 #lp-addons .lp-addon-item .lp-addon-item__actions .btn-addon-action[data-action=activate] {
4382 border-color: #28a746;
4383 color: #ffffff;
4384 background: #28a746;
4385 }
4386 #lp-addons .lp-addon-item .lp-addon-item__actions .btn-addon-action[data-action=activate]:hover, #lp-addons .lp-addon-item .lp-addon-item__actions .btn-addon-action[data-action=activate]:focus {
4387 border-color: transparent;
4388 color: #ffffff;
4389 background: #228e3c;
4390 }
4391 #lp-addons .lp-addon-item .lp-addon-item__actions .btn-addon-action[data-action=deactivate] {
4392 border-color: #e31a1a;
4393 color: #e31a1a;
4394 background: #ffffff;
4395 }
4396 #lp-addons .lp-addon-item .lp-addon-item__actions .btn-addon-action[data-action=deactivate]:hover, #lp-addons .lp-addon-item .lp-addon-item__actions .btn-addon-action[data-action=deactivate]:focus {
4397 border-color: #e31a1a;
4398 color: #d60b11;
4399 background: #feebe9;
4400 }
4401 #lp-addons .lp-addon-item .btn-addon-action[data-action=update-purchase-code] {
4402 min-height: 36px;
4403 height: 36px;
4404 padding: 0 8px;
4405 border-color: transparent;
4406 color: #626262;
4407 background: transparent;
4408 }
4409 #lp-addons .lp-addon-item__purchase {
4410 z-index: 5;
4411 inset: 0;
4412 box-sizing: border-box;
4413 padding: 20px;
4414 border-radius: inherit;
4415 background: #ffffff;
4416 text-transform: none;
4417 }
4418 #lp-addons .lp-addon-item__purchase__wrapper {
4419 height: 100%;
4420 }
4421 #lp-addons .lp-addon-item__purchase__wrapper .purchase-install {
4422 position: static;
4423 box-sizing: border-box;
4424 width: 100%;
4425 height: 100%;
4426 padding: 0;
4427 border: 0;
4428 border-radius: 0;
4429 background: transparent;
4430 box-shadow: none;
4431 gap: 16px;
4432 }
4433
4434 #lp-addons .lp-addon-purchase__header {
4435 display: flex;
4436 align-items: center;
4437 justify-content: space-between;
4438 gap: 12px;
4439 color: #111111;
4440 font-size: 14px;
4441 line-height: 1.5;
4442 }
4443 #lp-addons .lp-addon-purchase__field {
4444 display: block;
4445 }
4446 #lp-addons .lp-addon-purchase__title {
4447 display: block;
4448 color: #111111;
4449 font-size: 14px;
4450 font-weight: 500;
4451 }
4452 #lp-addons .lp-addon-purchase__field input.enter-purchase-code {
4453 box-sizing: border-box;
4454 width: 100%;
4455 min-height: 48px;
4456 padding: 8px 12px;
4457 border: 1px solid #cfcfcf;
4458 border-radius: 12px;
4459 color: #111111;
4460 background: #ffffff;
4461 font-size: 14px;
4462 box-shadow: none;
4463 }
4464 #lp-addons .lp-addon-purchase__field input.enter-purchase-code::placeholder {
4465 color: #898989;
4466 }
4467 #lp-addons .lp-addon-purchase__field input.enter-purchase-code:focus {
4468 border-color: #7067ed;
4469 outline: none;
4470 box-shadow: 0 0 0 3px rgba(112, 103, 237, 0.15);
4471 }
4472 #lp-addons .lp-addon-purchase__field input.enter-purchase-code.is-error, #lp-addons .lp-addon-purchase__field input.enter-purchase-code.is-error:focus {
4473 border-color: #e31a1a;
4474 background: #feebe9;
4475 box-shadow: 0 0 0 3px rgba(227, 26, 26, 0.1);
4476 }
4477 #lp-addons .lp-addon-purchase__submit, #lp-addons .lp-addon-purchase__buy {
4478 width: 100%;
4479 }
4480 #lp-addons .lp-addon-purchase__close.btn-addon-action[data-action=cancel] {
4481 position: static;
4482 display: inline-flex;
4483 align-items: center;
4484 justify-content: center;
4485 width: 32px;
4486 height: 32px;
4487 min-height: 32px;
4488 padding: 0;
4489 border: 0;
4490 color: #626262;
4491 background: transparent;
4492 font-size: 18px;
4493 }
4494 #lp-addons .lp-addon-purchase__close.btn-addon-action[data-action=cancel]:hover, #lp-addons .lp-addon-purchase__close.btn-addon-action[data-action=cancel]:focus {
4495 color: #7067ed;
4496 background: #f7f7f7;
4497 cursor: pointer;
4498 }
4499 #lp-addons .lp-addon-purchase__close-symbol {
4500 display: block;
4501 font-family: Arial, sans-serif;
4502 font-size: 32px;
4503 font-weight: 300;
4504 line-height: 1;
4505 }
4506 #lp-addons .lp-addon-purchase__divider {
4507 display: flex;
4508 align-items: center;
4509 gap: 8px;
4510 color: #626262;
4511 font-size: 14px;
4512 white-space: nowrap;
4513 }
4514 #lp-addons .lp-addon-purchase__divider::before, #lp-addons .lp-addon-purchase__divider::after {
4515 width: 100%;
4516 height: 1px;
4517 background: #e1e1e1;
4518 content: "";
4519 }
4520
4521 @media (max-width: 1550px) {
4522 #lp-addons {
4523 grid-template-columns: repeat(3, minmax(0, 1fr));
4524 }
4525 }
4526 @media (max-width: 1200px) {
4527 #lp-addons {
4528 grid-template-columns: repeat(2, minmax(0, 1fr));
4529 }
4530 }
4531 @media (max-width: 960px) {
4532 #lp-addons {
4533 grid-template-columns: repeat(2, minmax(0, 1fr));
4534 }
4535 }
4536 @media (max-width: 782px) {
4537 #lp-addons {
4538 grid-template-columns: 1fr;
4539 padding-right: 0;
4540 }
4541 }
4542 .lp-addons-controls {
4543 margin-bottom: 20px;
4544 }
4545 .lp-addons-controls[hidden] {
4546 display: none;
4547 }
4548
4549 .lp-addons-toolbar[hidden] {
4550 display: none;
4551 }
4552 .lp-addons-toolbar .lp-addons-filter {
4553 position: relative;
4554 display: flex;
4555 align-items: center;
4556 flex-wrap: nowrap;
4557 gap: 12px;
4558 margin: -4px;
4559 padding: 4px;
4560 overflow-x: auto;
4561 overflow-y: hidden;
4562 scrollbar-width: thin;
4563 -webkit-overflow-scrolling: touch;
4564 }
4565 .lp-addons-toolbar .lp-addons-filter__toggle {
4566 display: none;
4567 }
4568 .lp-addons-toolbar .lp-addons-filter__toggle-content {
4569 display: inline-grid;
4570 grid-template-columns: 1fr;
4571 grid-template-rows: 1fr;
4572 align-items: center;
4573 justify-items: center;
4574 }
4575 .lp-addons-toolbar .lp-addons-filter__toggle-state {
4576 grid-area: 1/1;
4577 display: inline-flex;
4578 align-items: center;
4579 justify-content: center;
4580 gap: 4px;
4581 white-space: nowrap;
4582 transition: opacity 0.15s ease, visibility 0.15s ease;
4583 }
4584 .lp-addons-toolbar .lp-addons-filter__toggle-state--filter {
4585 opacity: 1;
4586 visibility: visible;
4587 }
4588 .lp-addons-toolbar .lp-addons-filter__toggle-state--close {
4589 opacity: 0;
4590 visibility: hidden;
4591 pointer-events: none;
4592 }
4593 .lp-addons-toolbar .lp-addons-filter__toggle[aria-expanded=true] .lp-addons-filter__toggle-state--filter {
4594 opacity: 0;
4595 visibility: hidden;
4596 pointer-events: none;
4597 }
4598 .lp-addons-toolbar .lp-addons-filter__toggle[aria-expanded=true] .lp-addons-filter__toggle-state--close {
4599 opacity: 1;
4600 visibility: visible;
4601 pointer-events: auto;
4602 }
4603 .lp-addons-toolbar .lp-addons-filter__menu {
4604 display: flex;
4605 align-items: center;
4606 flex-wrap: nowrap;
4607 gap: 12px;
4608 margin: -4px;
4609 padding: 4px;
4610 overflow-x: auto;
4611 overflow-y: hidden;
4612 scrollbar-width: thin;
4613 -webkit-overflow-scrolling: touch;
4614 }
4615
4616 .lp-addons-page .lp-addon-notice {
4617 margin-bottom: 20px;
4618 }
4619
4620 @media (max-width: 1024px) {
4621 .lp-addons-toolbar {
4622 overflow: visible;
4623 }
4624 .lp-addons-toolbar__primary,
4625 .lp-addons-toolbar .lp-be-toolbar__main {
4626 display: flex;
4627 flex-wrap: wrap;
4628 align-items: center;
4629 justify-content: space-between;
4630 padding: 12px 20px;
4631 border-bottom: none;
4632 }
4633 .lp-addons-toolbar .lp-addons-filter {
4634 display: contents;
4635 }
4636 .lp-addons-toolbar .lp-addons-filter__toggle {
4637 order: 1;
4638 display: inline-flex;
4639 align-items: center;
4640 justify-content: center;
4641 gap: 4px;
4642 box-sizing: border-box;
4643 height: 40px;
4644 min-height: 40px;
4645 min-width: 94px;
4646 padding: 0 12px;
4647 border: 1px solid transparent;
4648 border-radius: 10px;
4649 color: #ffffff;
4650 background: #7067ed;
4651 cursor: pointer;
4652 font-size: 14px;
4653 font-weight: 500;
4654 line-height: 1.5;
4655 white-space: nowrap;
4656 transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
4657 }
4658 .lp-addons-toolbar .lp-addons-filter__toggle-content {
4659 display: inline-grid;
4660 grid-template-columns: 1fr;
4661 grid-template-rows: 1fr;
4662 align-items: center;
4663 justify-items: center;
4664 }
4665 .lp-addons-toolbar .lp-addons-filter__toggle-state {
4666 grid-area: 1/1;
4667 display: inline-flex;
4668 align-items: center;
4669 justify-content: center;
4670 gap: 4px;
4671 white-space: nowrap;
4672 transition: opacity 0.15s ease, visibility 0.15s ease;
4673 }
4674 .lp-addons-toolbar .lp-addons-filter__toggle-state--filter {
4675 opacity: 1;
4676 visibility: visible;
4677 }
4678 .lp-addons-toolbar .lp-addons-filter__toggle-state--close {
4679 opacity: 0;
4680 visibility: hidden;
4681 pointer-events: none;
4682 }
4683 .lp-addons-toolbar .lp-addons-filter__toggle svg,
4684 .lp-addons-toolbar .lp-addons-filter__toggle .lp-addons-filter__toggle-icon {
4685 width: 16px;
4686 height: 16px;
4687 stroke: currentColor;
4688 display: block;
4689 color: #ffffff;
4690 flex-shrink: 0;
4691 }
4692 .lp-addons-toolbar .lp-addons-filter__toggle .lp-addons-filter__toggle-text {
4693 color: #ffffff;
4694 font-size: 14px;
4695 font-weight: 500;
4696 line-height: 1.5;
4697 }
4698 .lp-addons-toolbar .lp-addons-filter__toggle:hover, .lp-addons-toolbar .lp-addons-filter__toggle:focus {
4699 border-color: transparent;
4700 color: #ffffff;
4701 background: #5e48e0;
4702 }
4703 .lp-addons-toolbar .lp-addons-filter__toggle:hover svg,
4704 .lp-addons-toolbar .lp-addons-filter__toggle:hover .lp-addons-filter__toggle-icon,
4705 .lp-addons-toolbar .lp-addons-filter__toggle:hover .lp-addons-filter__toggle-text, .lp-addons-toolbar .lp-addons-filter__toggle:focus svg,
4706 .lp-addons-toolbar .lp-addons-filter__toggle:focus .lp-addons-filter__toggle-icon,
4707 .lp-addons-toolbar .lp-addons-filter__toggle:focus .lp-addons-filter__toggle-text {
4708 color: #ffffff;
4709 }
4710 .lp-addons-toolbar .lp-addons-filter__toggle.has-filter {
4711 border-color: transparent;
4712 color: #ffffff;
4713 background: #5e48e0;
4714 }
4715 .lp-addons-toolbar .lp-addons-filter__toggle.has-filter svg,
4716 .lp-addons-toolbar .lp-addons-filter__toggle.has-filter .lp-addons-filter__toggle-icon,
4717 .lp-addons-toolbar .lp-addons-filter__toggle.has-filter .lp-addons-filter__toggle-text {
4718 color: #ffffff;
4719 }
4720 .lp-addons-toolbar .lp-addons-filter__toggle:active {
4721 border-color: transparent;
4722 color: #ffffff;
4723 background: #533cc6;
4724 }
4725 .lp-addons-toolbar .lp-addons-filter__toggle[aria-expanded=true] {
4726 border-color: transparent;
4727 color: #ffffff;
4728 background: #5e48e0;
4729 }
4730 .lp-addons-toolbar .lp-addons-filter__toggle[aria-expanded=true] .lp-addons-filter__toggle-state--filter {
4731 opacity: 0;
4732 visibility: hidden;
4733 pointer-events: none;
4734 }
4735 .lp-addons-toolbar .lp-addons-filter__toggle[aria-expanded=true] .lp-addons-filter__toggle-state--close {
4736 opacity: 1;
4737 visibility: visible;
4738 pointer-events: auto;
4739 }
4740 .lp-addons-toolbar .lp-addons-filter__toggle:focus-visible {
4741 outline: none;
4742 box-shadow: 0 0 0 3px rgba(112, 103, 237, 0.15);
4743 }
4744 .lp-addons-toolbar .lp-addons-filter__menu {
4745 display: none;
4746 }
4747 .lp-addons-toolbar .lp-be-categories {
4748 display: none;
4749 }
4750 .lp-addons-toolbar.is-filter-open .lp-addons-filter__toggle {
4751 border-color: transparent;
4752 color: #ffffff;
4753 background: #5e48e0;
4754 }
4755 .lp-addons-toolbar.is-filter-open .lp-addons-filter__toggle .lp-addons-filter__toggle-state--filter {
4756 opacity: 0;
4757 visibility: hidden;
4758 pointer-events: none;
4759 }
4760 .lp-addons-toolbar.is-filter-open .lp-addons-filter__toggle .lp-addons-filter__toggle-state--close {
4761 opacity: 1;
4762 visibility: visible;
4763 pointer-events: auto;
4764 }
4765 .lp-addons-toolbar.is-filter-open .lp-addons-filter__menu {
4766 order: 3;
4767 display: flex;
4768 flex-wrap: wrap;
4769 gap: 8px;
4770 box-sizing: border-box;
4771 width: calc(100% + 20px * 2);
4772 margin: 12px -20px -12px;
4773 padding: 16px 20px;
4774 border-top: 1px solid #e1e1e1;
4775 background: #ffffff;
4776 }
4777 .lp-addons-toolbar.is-filter-open .lp-addons-filter__menu::before {
4778 content: "Status";
4779 display: block;
4780 width: 100%;
4781 font-size: 14px;
4782 font-weight: 600;
4783 color: #626262;
4784 margin-bottom: 4px;
4785 text-transform: uppercase;
4786 letter-spacing: 0.5px;
4787 }
4788 .lp-addons-toolbar.is-filter-open .lp-addons-filter__menu .nav-tab {
4789 display: inline-flex;
4790 align-items: center;
4791 justify-content: center;
4792 min-height: 38px;
4793 padding: 4px 12px;
4794 border-radius: 8px;
4795 font-size: 14px;
4796 font-weight: 500;
4797 line-height: 1.2;
4798 white-space: nowrap;
4799 }
4800 .lp-addons-toolbar.is-filter-open .lp-addons-filter__menu .nav-tab span {
4801 margin-inline-start: 4px;
4802 font-size: 12px;
4803 opacity: 0.85;
4804 }
4805 .lp-addons-toolbar.is-filter-open .lp-be-categories {
4806 display: flex;
4807 flex-wrap: wrap;
4808 gap: 4px 20px;
4809 box-sizing: border-box;
4810 width: 100%;
4811 padding: 16px 20px;
4812 border-top: 1px solid #e1e1e1;
4813 background: #ffffff;
4814 overflow: visible;
4815 }
4816 .lp-addons-toolbar.is-filter-open .lp-be-categories::before {
4817 content: "Categories";
4818 display: block;
4819 width: 100%;
4820 font-size: 14px;
4821 font-weight: 600;
4822 color: #626262;
4823 margin-bottom: 4px;
4824 text-transform: uppercase;
4825 letter-spacing: 0.5px;
4826 }
4827 }
4828 @media (max-width: 782px) {
4829 .lp-addons-toolbar__primary,
4830 .lp-addons-toolbar .lp-be-toolbar__main {
4831 padding: 12px;
4832 }
4833 .lp-addons-toolbar.is-filter-open .lp-addons-filter__menu {
4834 width: calc(100% + 12px * 2);
4835 margin: 12px -12px -12px;
4836 padding: 12px;
4837 }
4838 .lp-addons-toolbar.is-filter-open .lp-be-categories {
4839 padding: 12px;
4840 gap: 4px 16px;
4841 }
4842 }
4843 .wp-submenu .lp-notify {
4844 display: none;
4845 vertical-align: top;
4846 box-sizing: border-box;
4847 margin: 1px 0 -1px 5px;
4848 padding: 0 5px;
4849 min-width: 18px;
4850 height: 18px;
4851 border-radius: 9px;
4852 background-color: #d63638;
4853 color: #fff;
4854 font-size: 0.75em;
4855 line-height: 1.6;
4856 text-align: center;
4857 }
4858
4859 /*** Theme Manager ***/
4860 .related-themes {
4861 display: grid;
4862 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
4863 grid-gap: 20px;
4864 }
4865 .related-themes li {
4866 margin: 0;
4867 }
4868 .related-themes .plugin-card-top {
4869 padding-bottom: 0;
4870 background: #fff;
4871 }
4872 .related-themes .theme-content {
4873 position: relative;
4874 }
4875 .related-themes .image-thumbnail img {
4876 width: 100%;
4877 height: auto;
4878 vertical-align: middle;
4879 }
4880 .related-themes .theme-description {
4881 margin: 0 0 25px 0;
4882 display: -webkit-box;
4883 overflow: hidden;
4884 min-height: 8em;
4885 max-height: 8em;
4886 line-height: 1.6em;
4887 text-overflow: ellipsis;
4888 -webkit-box-orient: vertical;
4889 -webkit-line-clamp: 5;
4890 color: #777;
4891 }
4892 .related-themes .theme-title {
4893 min-height: 3.2em;
4894 margin-right: 100px;
4895 margin-bottom: 0;
4896 font-size: 1.2em;
4897 line-height: 1.3em;
4898 }
4899 .related-themes .theme-title a {
4900 color: #111;
4901 }
4902 .related-themes .theme-rating {
4903 display: inline-block;
4904 float: right;
4905 }
4906 .related-themes .star-rating {
4907 display: inline-block;
4908 }
4909 .related-themes .count-rating {
4910 position: relative;
4911 top: 2px;
4912 font-size: 0.9375rem;
4913 }
4914 .related-themes .theme-detail {
4915 position: absolute;
4916 top: -3px;
4917 right: 3px;
4918 line-height: 1.6em;
4919 text-align: right;
4920 }
4921 .related-themes .theme-detail::after {
4922 display: block;
4923 clear: both;
4924 content: "";
4925 }
4926 .related-themes .theme-detail .theme-price {
4927 display: inline-block;
4928 font-size: 1.5rem;
4929 font-weight: 700;
4930 line-height: 1.3em;
4931 }
4932 .related-themes .theme-footer {
4933 clear: both;
4934 overflow: hidden;
4935 margin-right: -16px;
4936 margin-left: -16px;
4937 padding: 16px;
4938 border-top: 1px solid #ddd;
4939 background-color: #fafafa;
4940 }
4941
4942 /**
4943 * Order
4944 */
4945 .post-type-lp_order .wp-list-table .column-order_status {
4946 width: 150px;
4947 }
4948 .post-type-lp_order .wp-list-table .order_status span {
4949 display: inline-block;
4950 padding: 3px 6px;
4951 color: #fff;
4952 font-size: 0.75rem;
4953 border-radius: 4px;
4954 }
4955 .post-type-lp_order .wp-list-table .order_status span.pending {
4956 background: #bdbdbd;
4957 }
4958 .post-type-lp_order .wp-list-table .order_status span.processing {
4959 background: #ffc107;
4960 }
4961 .post-type-lp_order .wp-list-table .order_status span.completed {
4962 background: #4caf50;
4963 }
4964 .post-type-lp_order .wp-list-table .order_status span.cancelled {
4965 background: #444;
4966 }
4967 .post-type-lp_order .wp-list-table .order_status span.failed {
4968 background: #f00;
4969 }
4970 .post-type-lp_order .wp-list-table .order_status span.refunded {
4971 background: #2196f3;
4972 }
4973 .post-type-lp_order .wp-list-table .order_status span.trash {
4974 color: rgba(128, 128, 128, 0.68);
4975 }
4976 .post-type-lp_order .wp-list-table .order_status span i {
4977 display: inline-block;
4978 }
4979 .post-type-lp_order .wp-list-table .lp-order-refund-request-badge {
4980 display: inline-block;
4981 margin-top: 10px;
4982 padding: 0 !important;
4983 color: #F59E0B !important;
4984 }
4985 .post-type-lp_order .wp-list-table .column-title,
4986 .post-type-lp_order .wp-list-table .column-order_total,
4987 .post-type-lp_order .wp-list-table .column-order_date {
4988 width: 150px;
4989 }
4990 .post-type-lp_order .wp-list-table .column-order_items ol {
4991 margin: 0;
4992 padding: 0;
4993 list-style-position: inside;
4994 }
4995
4996 .post-type-lp_course .wp-list-table .column-price {
4997 width: 80px;
4998 }
4999 .post-type-lp_course .wp-list-table .column-thumbnail {
5000 width: 60px;
5001 padding-top: 8px;
5002 box-sizing: border-box;
5003 }
5004 .post-type-lp_course .wp-list-table .column-thumbnail img {
5005 width: 100%;
5006 height: auto;
5007 }
5008 @media only screen and (max-width: 782px) {
5009 .post-type-lp_course .wp-list-table .column-thumbnail {
5010 display: none;
5011 }
5012 .post-type-lp_course .wp-list-table .column-thumbnail::before {
5013 opacity: 0;
5014 }
5015 }
5016 .post-type-lp_course .wp-list-table .column-certificate {
5017 box-sizing: border-box;
5018 max-width: 60px;
5019 }
5020 .post-type-lp_course .wp-list-table .column-certificate img {
5021 max-width: 100% !important;
5022 }
5023 @media only screen and (min-width: 1024px) {
5024 .post-type-lp_course .wp-list-table .check-column {
5025 width: 1.2em;
5026 }
5027 }
5028 @media only screen and (min-width: 783px) {
5029 .post-type-lp_course .wp-list-table .column-title {
5030 width: 16%;
5031 }
5032 }
5033
5034 .wp-list-table .column-author, .wp-list-table .column-instructor {
5035 width: 80px;
5036 }
5037 .wp-list-table .column-author .post-author, .wp-list-table .column-instructor .post-author {
5038 display: inline-block;
5039 }
5040 .wp-list-table .column-author .post-author img, .wp-list-table .column-instructor .post-author img {
5041 width: 30px;
5042 height: 30px;
5043 margin: 0;
5044 border-radius: 50%;
5045 vertical-align: middle;
5046 }
5047 .wp-list-table .column-author .post-author a, .wp-list-table .column-instructor .post-author a {
5048 display: inline-block;
5049 vertical-align: middle;
5050 }
5051 .wp-list-table .column-curriculum {
5052 width: 60px;
5053 }
5054 .wp-list-table .column-student {
5055 width: 60px;
5056 }
5057 .wp-list-table .column-taxonomy-course_category {
5058 width: 100px;
5059 }
5060 .wp-list-table .column-gradebook {
5061 width: 40px;
5062 text-align: center;
5063 }
5064
5065 .post-type-page .column-lp-page {
5066 width: 200px;
5067 }
5068 .post-type-page .for-plugin-page {
5069 margin: 0;
5070 color: #f00;
5071 font-size: 0.6875rem;
5072 }
5073
5074 .post-state .post-author {
5075 font-size: 0.875rem;
5076 font-weight: normal;
5077 font-style: italic;
5078 }
5079
5080 #learn-press-box-edit-slug {
5081 overflow: hidden;
5082 margin: 0 -10px;
5083 padding: 10px;
5084 border: 1px solid #ddd;
5085 color: #b79186;
5086 background: #fff;
5087 }
5088 #learn-press-box-edit-slug .button {
5089 float: right;
5090 height: 24px;
5091 line-height: 1.375rem;
5092 }
5093
5094 .is-lp-page {
5095 color: #fff;
5096 font-size: 11px;
5097 padding: 1px 8px;
5098 border-radius: 10px;
5099 background-color: #9979ff;
5100 margin-right: 5px;
5101 display: inline-block;
5102 }
5103
5104 .lp-overlay {
5105 display: none;
5106 position: fixed;
5107 z-index: 99999;
5108 top: 0;
5109 right: 0;
5110 bottom: 0;
5111 left: 0;
5112 width: 100%;
5113 height: 100%;
5114 background-color: rgba(209, 213, 219, 0.8);
5115 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
5116 transition-duration: 150ms;
5117 transition-property: opacity;
5118 }
5119
5120 .wp-admin .lp-modal-dialog .lp-modal-header {
5121 padding: 2em;
5122 }
5123 .wp-admin .lp-modal-dialog .lp-modal-header h3 {
5124 font-size: 1.4em;
5125 }
5126
5127 .lp-modal-dialog {
5128 display: flex;
5129 position: fixed;
5130 z-index: 9999;
5131 top: 0;
5132 right: 0;
5133 left: 0;
5134 width: 100%;
5135 min-height: 100vh;
5136 text-align: center;
5137 align-items: center;
5138 justify-content: center;
5139 }
5140 .lp-modal-dialog .learn-press-message {
5141 width: auto;
5142 margin: 0 !important;
5143 }
5144 .lp-modal-dialog .lp-modal-content {
5145 display: inline-block;
5146 overflow: hidden;
5147 z-index: 2;
5148 width: auto;
5149 max-width: 600px;
5150 border-radius: 8px;
5151 text-align: left;
5152 vertical-align: middle;
5153 background: white;
5154 color: black;
5155 }
5156 .lp-modal-dialog .lp-modal-content h2, .lp-modal-dialog .lp-modal-content h3 {
5157 margin: 0;
5158 }
5159 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
5160 border-bottom: 1px solid #eee;
5161 }
5162 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
5163 padding: 0 1em;
5164 }
5165 .lp-modal-dialog .lp-modal-header {
5166 background: #7c60d9;
5167 border-bottom: 1px solid #eee;
5168 padding: 1em;
5169 }
5170 .lp-modal-dialog .lp-modal-header h3 {
5171 margin: 0;
5172 color: white;
5173 font-weight: 400;
5174 }
5175 .lp-modal-dialog .lp-modal-body .main-content {
5176 max-height: 500px;
5177 overflow: auto;
5178 overscroll-behavior: contain;
5179 }
5180 .lp-modal-dialog .lp-modal-body .main-content h3, .lp-modal-dialog .lp-modal-body .main-content h2, .lp-modal-dialog .lp-modal-body .main-content .pd-2em {
5181 padding: 1em;
5182 }
5183 .lp-modal-dialog .lp-modal-footer {
5184 padding: 20px;
5185 background-color: #f9fafb;
5186 text-align: right;
5187 }
5188 .lp-modal-dialog .btn-yes {
5189 color: #fff;
5190 background-color: #7c60d9;
5191 }
5192
5193 #lp-modal-overlay {
5194 display: none;
5195 position: fixed;
5196 z-index: 999999;
5197 top: 0;
5198 right: 0;
5199 bottom: 0;
5200 left: 0;
5201 opacity: 0.5;
5202 background: #000;
5203 }
5204
5205 #lp-modal-window {
5206 display: none;
5207 position: fixed;
5208 z-index: 999999;
5209 top: 50%;
5210 left: 50%;
5211 padding: 35px 60px 28px 60px;
5212 background: #fff;
5213 transform: translate(-50%, -50%);
5214 border-radius: 4px;
5215 }
5216 #lp-modal-window #lp-modal-content {
5217 margin: 0 0 24px 0;
5218 color: #333;
5219 font-weight: 400;
5220 text-align: center;
5221 }
5222 #lp-modal-window #lp-modal-content > * {
5223 margin: 0 0 0.5em;
5224 }
5225 #lp-modal-window #lp-modal-buttons {
5226 display: flex;
5227 flex-direction: row-reverse;
5228 align-items: center;
5229 justify-content: center;
5230 }
5231 #lp-modal-window #lp-modal-buttons .lp-button {
5232 position: relative;
5233 margin: 0 10px 0 10px;
5234 }
5235
5236 .learn-press-modal {
5237 position: fixed;
5238 z-index: 1000000;
5239 width: 100%;
5240 height: 100%;
5241 top: 0;
5242 display: table;
5243 }
5244 .learn-press-modal .modal-overlay {
5245 position: fixed;
5246 z-index: 1000000;
5247 background: #000;
5248 opacity: 0.5;
5249 width: 100%;
5250 height: 100%;
5251 top: 0;
5252 }
5253 .learn-press-modal .modal-wrapper {
5254 display: table-cell;
5255 vertical-align: middle;
5256 z-index: 1000010;
5257 position: relative;
5258 }
5259 .learn-press-modal .modal-wrapper .modal-container {
5260 max-width: 800px;
5261 width: 90%;
5262 margin: 0px auto;
5263 background-color: #fff;
5264 border-radius: 2px;
5265 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
5266 transition: all 0.3s ease;
5267 overflow: hidden;
5268 -webkit-box-sizing: border-box;
5269 box-sizing: border-box;
5270 }
5271 .learn-press-modal .modal-wrapper header {
5272 font-size: 1.125rem;
5273 padding: 20px;
5274 border-bottom: 1px solid #DDD;
5275 font-weight: 600;
5276 color: #000;
5277 }
5278 .learn-press-modal .modal-wrapper article {
5279 margin: 30px 20px;
5280 }
5281 .learn-press-modal .modal-wrapper article input[name=search] {
5282 width: 100%;
5283 font-size: 1rem;
5284 box-sizing: border-box;
5285 margin: 0;
5286 box-shadow: none;
5287 color: #444;
5288 padding: 8px 10px;
5289 height: 42px;
5290 border-radius: 2px;
5291 border-color: #e4e4e4;
5292 font-weight: 400;
5293 vertical-align: middle;
5294 }
5295 .learn-press-modal .modal-wrapper article .search-results {
5296 margin: 0;
5297 margin-top: 30px;
5298 }
5299 .learn-press-modal .modal-wrapper article .search-results li > label {
5300 display: block;
5301 }
5302 .learn-press-modal .modal-wrapper footer {
5303 padding: 15px 20px;
5304 overflow: hidden;
5305 border: 1px solid #eee;
5306 }
5307 .learn-press-modal .modal-wrapper footer .search-nav {
5308 float: left;
5309 }
5310 .learn-press-modal .modal-wrapper footer .search-nav a, .learn-press-modal .modal-wrapper footer .search-nav span {
5311 display: inline-block;
5312 line-height: 1.625rem;
5313 height: 28px;
5314 margin: 0;
5315 padding: 0 10px 1px;
5316 }
5317 .learn-press-modal .modal-wrapper footer button {
5318 float: right;
5319 margin-left: 3px;
5320 }
5321
5322 #modal-search-items.loading .search-results:before {
5323 position: absolute;
5324 top: 75px;
5325 left: 0;
5326 right: 0;
5327 bottom: 0;
5328 display: block;
5329 content: "";
5330 z-index: 9;
5331 background: url("../../images/spinner.gif") no-repeat center center;
5332 }
5333
5334 .modal-search {
5335 position: relative;
5336 display: inline-block;
5337 min-width: 300px;
5338 }
5339 .modal-search .search-input {
5340 border: 1px solid #DDD;
5341 width: 100%;
5342 margin: 0;
5343 padding: 5px 10px;
5344 box-shadow: none;
5345 }
5346 .modal-search .search-input:focus {
5347 box-shadow: none;
5348 }
5349 .modal-search .search-input:focus {
5350 border-color: #DDD;
5351 }
5352 .modal-search .search-results-content {
5353 position: absolute;
5354 top: 100%;
5355 width: 100%;
5356 left: 0;
5357 background: #FFF;
5358 border: 1px solid #DDD;
5359 border-top: none;
5360 z-index: 1000;
5361 margin-top: -1px;
5362 -webkit-box-sizing: border-box;
5363 box-sizing: border-box;
5364 }
5365 .modal-search .search-results-content .search-results {
5366 margin: 0;
5367 }
5368 .modal-search .search-results-content .search-results .result-item {
5369 margin: 0;
5370 padding: 0;
5371 list-style: none;
5372 }
5373 .modal-search .search-results-content .search-results .result-item label {
5374 display: block;
5375 padding: 6px 10px;
5376 text-decoration: none;
5377 cursor: pointer;
5378 white-space: nowrap;
5379 overflow: hidden;
5380 text-overflow: ellipsis;
5381 }
5382 .modal-search .search-results-content .search-results .result-item:hover {
5383 background: #f4fcff;
5384 }
5385 .modal-search .has-items .search-input {
5386 border-bottom-color: transparent;
5387 }
5388 .modal-search .has-items .search-results-content {
5389 border-top: none;
5390 }
5391 .modal-search .checked-items {
5392 text-align: center;
5393 }
5394 .modal-search .checked-items .button {
5395 font-size: 0.75rem;
5396 height: 20px;
5397 line-height: 1.25rem;
5398 }
5399 .modal-search .checked-items .disabled {
5400 color: #777;
5401 }
5402 .modal-search .search-navigator {
5403 margin: 5px 0;
5404 text-align: center;
5405 }
5406 .modal-search .search-navigator .page-numbers {
5407 display: inline-block;
5408 padding: 2px 5px;
5409 text-decoration: none;
5410 line-height: 1;
5411 }
5412 .modal-search .search-navigator .page-numbers.next, .modal-search .search-navigator .page-numbers.prev {
5413 display: none;
5414 }
5415
5416 .lp-order-statuses {
5417 margin: 0;
5418 display: grid;
5419 grid-template-columns: auto auto;
5420 grid-gap: 10px;
5421 }
5422 .lp-order-statuses .lp-skeleton-animation {
5423 grid-column: 1/3;
5424 }
5425 .lp-order-statuses li {
5426 width: 100%;
5427 margin: 0;
5428 background: #fff;
5429 }
5430 .lp-order-statuses li span {
5431 font-size: 1.1rem;
5432 display: flex;
5433 text-align: center;
5434 justify-content: center;
5435 align-items: center;
5436 column-gap: 10px;
5437 font-weight: 400;
5438 }
5439 .lp-order-statuses li p {
5440 margin: 0;
5441 padding: 0;
5442 color: #adadad;
5443 font-size: 0.75rem;
5444 }
5445 .lp-order-statuses li.counter-number {
5446 text-align: center;
5447 /*&.order-completed {
5448
5449 strong::before {
5450 color: #0085ba;
5451 content: "\f058";
5452 }
5453 }
5454
5455 &.order-processing {
5456
5457 strong::before {
5458 margin-left: -1px;
5459 color: #563f7a;
5460 content: "\f321";
5461 }
5462 }
5463
5464 &.order-pending {
5465
5466 strong::before {
5467 color: #aaa;
5468 content: "\f534";
5469 }
5470 }
5471
5472 &.order-cancelled {
5473
5474 strong::before {
5475 color: #f00;
5476 content: "\f153";
5477 }
5478 }*/
5479 }
5480 .lp-order-statuses li.counter-number .counter-inner {
5481 padding: 10px 0;
5482 border: 1px solid #f3f3f3;
5483 background: #f9f9f9;
5484 }
5485 .lp-order-statuses li.clear {
5486 float: none;
5487 }
5488 .lp-order-statuses li.featured-theme {
5489 width: auto;
5490 margin: 12px -12px 0 -12px;
5491 padding: 8px 12px 0 12px;
5492 border-top: 1px solid #eee;
5493 }
5494 .lp-order-statuses li.featured-theme .star-rating {
5495 display: inline-block;
5496 line-height: 0.875rem;
5497 vertical-align: middle;
5498 }
5499 .lp-order-statuses li.featured-theme .star-rating .star {
5500 width: 14px;
5501 height: 14px;
5502 font-size: 0.875rem;
5503 }
5504 .lp-order-statuses li.featured-theme > div {
5505 margin-bottom: 3px;
5506 }
5507 .lp-order-statuses li.featured-theme > div span {
5508 color: #999;
5509 font-size: 0.75rem;
5510 vertical-align: middle;
5511 }
5512 .lp-order-statuses li:nth-child(even) .counter-inner {
5513 margin-left: 0;
5514 }
5515 .lp-order-statuses li:nth-child(odd) .counter-inner {
5516 margin-right: 0;
5517 }
5518 .lp-order-statuses li.total-raised {
5519 grid-column: 1/3;
5520 box-sizing: border-box;
5521 padding: 10px 0;
5522 border: 1px solid #f3f3f3;
5523 background: #f9f9f9;
5524 text-align: center;
5525 color: #0073aa;
5526 }
5527 .lp-order-statuses li.total-raised span {
5528 margin-bottom: 10px;
5529 font-size: 1.625rem;
5530 }
5531 .lp-order-statuses li.total-raised span i {
5532 font-size: 1.5625rem;
5533 }
5534 .lp-order-statuses::after {
5535 display: block;
5536 clear: both;
5537 content: "";
5538 }
5539
5540 .featured-theme {
5541 border-top: 1px solid #eee;
5542 margin-top: 10px;
5543 padding-top: 10px;
5544 }
5545 .featured-theme p {
5546 margin: 0;
5547 font-size: 12px;
5548 }
5549 .featured-theme .star-rating {
5550 display: inline-block;
5551 line-height: 0.75rem;
5552 }
5553 .featured-theme .star-rating .star {
5554 font-size: 0.8125rem;
5555 width: 13px;
5556 height: 13px;
5557 }
5558 .featured-theme span {
5559 font-size: 0.6875rem;
5560 }
5561
5562 .lp-place-holder {
5563 background: #fff;
5564 padding: 10px;
5565 display: block;
5566 margin: 20px auto;
5567 box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
5568 border-radius: 3px;
5569 }
5570 .lp-place-holder [class*=line-] {
5571 height: 6px;
5572 width: 400px;
5573 background: #f6f7f9;
5574 margin-bottom: 13px;
5575 margin-right: 5px;
5576 }
5577 .lp-place-holder .thumbnail {
5578 height: 40px;
5579 width: 40px;
5580 float: left;
5581 margin-right: 20px;
5582 display: inline-block;
5583 }
5584 .lp-place-holder .line-heading {
5585 width: 80%;
5586 height: 20px;
5587 }
5588 .lp-place-holder .line-sm {
5589 width: 30%;
5590 margin-top: 10px;
5591 }
5592 .lp-place-holder .line-xs {
5593 width: 50%;
5594 }
5595 .lp-place-holder .line-df {
5596 margin-top: 30px;
5597 width: 380px;
5598 }
5599 .lp-place-holder .line-lg {
5600 width: 200px;
5601 }
5602 .lp-place-holder .line-lgx {
5603 width: 450px;
5604 }
5605 .lp-place-holder [class*=line],
5606 .lp-place-holder .thumbnail {
5607 animation: lpTimeLine;
5608 animation-duration: 1s;
5609 animation-timing-function: linear;
5610 animation-iteration-count: infinite;
5611 background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
5612 background-size: 800px auto;
5613 background-position: 100px 0;
5614 }
5615
5616 @keyframes lpTimeLine {
5617 0% {
5618 background-position: -350px 0;
5619 }
5620 100% {
5621 background-position: 400px 0;
5622 }
5623 }
5624 .post-type-lp_order {
5625 /*Export order function style*/
5626 /* The Modal (background) */
5627 /* Modal Content/Box */
5628 /* The Close Button */
5629 /*tabs css*/
5630 }
5631 .post-type-lp_order #post-body-content {
5632 display: none;
5633 }
5634 .post-type-lp_order #order_details {
5635 border: none !important;
5636 background: transparent !important;
5637 }
5638 .post-type-lp_order #order_details .hndle,
5639 .post-type-lp_order #order_details .handlediv,
5640 .post-type-lp_order #order_details .postbox-header {
5641 display: none;
5642 }
5643 .post-type-lp_order #order_details .inside {
5644 display: block !important;
5645 margin: 0;
5646 padding: 0;
5647 }
5648 .post-type-lp_order #order_details .order-data {
5649 margin: 0 0 20px 0 !important;
5650 padding: 30px !important;
5651 border: 1px solid #ccd0d4 !important;
5652 background-color: #fff !important;
5653 box-shadow: none !important;
5654 }
5655 .post-type-lp_order #order_details .order-data-field {
5656 margin-bottom: 20px;
5657 }
5658 .post-type-lp_order #order_details .order-data-field label {
5659 display: block;
5660 margin-bottom: 5px;
5661 font-weight: 500;
5662 }
5663 .post-type-lp_order #order_details .order-data-number {
5664 margin: 0 0 10px;
5665 font-size: 1.25rem;
5666 font-weight: 600;
5667 }
5668 .post-type-lp_order #order_details .payment-method-title {
5669 color: #777;
5670 font-size: 1rem;
5671 }
5672 .post-type-lp_order #order_details .payment-method-title strong {
5673 color: #23282d;
5674 }
5675 .post-type-lp_order #order_details .order-data-heading {
5676 margin-top: 40px;
5677 font-size: 1rem;
5678 }
5679 .post-type-lp_order #order_details .order-users {
5680 display: inline-block;
5681 }
5682 .post-type-lp_order #order_details .order-users .description {
5683 margin-top: 10px;
5684 padding: 10px;
5685 background: #eee;
5686 }
5687 .post-type-lp_order #order_details .order-data-date .order-date {
5688 width: 130px;
5689 }
5690 .post-type-lp_order #order_details .order-data-date .order-hour,
5691 .post-type-lp_order #order_details .order-data-date .order-minute {
5692 width: 60px;
5693 }
5694 .post-type-lp_order #order_details .order-data-note {
5695 display: inline-block;
5696 }
5697 .post-type-lp_order #order_details .order-data-note .order-note {
5698 padding: 10px;
5699 color: #fff;
5700 background-color: #c1a3b6;
5701 font-size: 0.875rem;
5702 }
5703 .post-type-lp_order #order_details .order-items {
5704 margin: 0;
5705 border: 1px solid #ccd0d4 !important;
5706 background-color: #fff;
5707 }
5708 .post-type-lp_order #order_details .order-items table {
5709 width: 100%;
5710 border-collapse: collapse;
5711 }
5712 .post-type-lp_order #order_details .order-items table thead {
5713 margin: 0;
5714 padding: 0;
5715 }
5716 .post-type-lp_order #order_details .order-items table thead tr {
5717 background-color: #f8f8f8;
5718 }
5719 .post-type-lp_order #order_details .order-items table thead th {
5720 padding: 15px;
5721 border-bottom: none;
5722 color: #999;
5723 font-weight: 400;
5724 text-align: left;
5725 }
5726 .post-type-lp_order #order_details .order-items table thead th:first-child {
5727 padding-left: 30px;
5728 }
5729 .post-type-lp_order #order_details .order-items table thead th:last-child {
5730 padding-right: 30px;
5731 }
5732 .post-type-lp_order #order_details .order-items table tbody td,
5733 .post-type-lp_order #order_details .order-items table tfoot td {
5734 padding: 10px;
5735 border-bottom: 1px solid #ddd;
5736 text-align: left;
5737 }
5738 .post-type-lp_order #order_details .order-items table tbody {
5739 margin: 0;
5740 padding: 0;
5741 }
5742 .post-type-lp_order #order_details .order-items table tbody tr td {
5743 padding: 15px;
5744 }
5745 .post-type-lp_order #order_details .order-items table tbody tr td:first-child {
5746 padding-left: 30px;
5747 }
5748 .post-type-lp_order #order_details .order-items table tbody tr td:last-child {
5749 padding-right: 30px;
5750 }
5751 .post-type-lp_order #order_details .order-items table tfoot {
5752 margin: 0;
5753 padding: 0;
5754 }
5755 .post-type-lp_order #order_details .order-items table tfoot tr {
5756 background-color: #f8f8f8;
5757 }
5758 .post-type-lp_order #order_details .order-items table tfoot tr:last-child td {
5759 padding-top: 20px;
5760 padding-bottom: 20px;
5761 }
5762 .post-type-lp_order #order_details .order-items table tfoot td {
5763 padding: 10px 15px;
5764 padding-bottom: 0;
5765 border: none;
5766 font-size: 0.875rem;
5767 text-align: right;
5768 }
5769 .post-type-lp_order #order_details .order-items table tfoot td:first-child {
5770 padding-left: 30px;
5771 }
5772 .post-type-lp_order #order_details .order-items table tfoot td:last-child {
5773 padding-right: 30px;
5774 }
5775 .post-type-lp_order #order_details .order-items table .column-price,
5776 .post-type-lp_order #order_details .order-items table .column-total,
5777 .post-type-lp_order #order_details .order-items table .column-quantity {
5778 width: 150px;
5779 text-align: right;
5780 }
5781 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-subtotal,
5782 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-total,
5783 .post-type-lp_order #order_details .order-items table .row-total td .order-subtotal,
5784 .post-type-lp_order #order_details .order-items table .row-total td .order-total {
5785 font-weight: 700;
5786 }
5787 .post-type-lp_order #order_details .order-items table .remove-order-item {
5788 outline: none;
5789 color: #ccc;
5790 text-decoration: none;
5791 }
5792 .post-type-lp_order #order_details .order-items table .remove-order-item .dashicons {
5793 font-size: 1.25rem;
5794 }
5795 .post-type-lp_order #order_details .order-items table .remove-order-item:hover {
5796 color: #f00;
5797 }
5798 .post-type-lp_order #order_details .order-items table .order-item-row:hover .remove-order-item {
5799 display: inline-block;
5800 }
5801 .post-type-lp_order #order-export__button:hover {
5802 cursor: pointer;
5803 }
5804 .post-type-lp_order .export-modal.modal {
5805 display: none;
5806 position: fixed;
5807 z-index: 10;
5808 left: 0;
5809 top: 0;
5810 width: 100%;
5811 height: 100%;
5812 overflow: auto;
5813 background-color: #000000;
5814 background-color: rgba(0, 0, 0, 0.4);
5815 }
5816 .post-type-lp_order .export-modal .modal-content {
5817 background-color: #fefefe;
5818 margin: 5% auto;
5819 border: 1px solid #888;
5820 width: 60%;
5821 position: relative;
5822 }
5823 .post-type-lp_order .export-modal .close {
5824 color: #aaa;
5825 position: absolute;
5826 font-size: 28px;
5827 font-weight: bold;
5828 top: -5px;
5829 right: 11px;
5830 }
5831 .post-type-lp_order .export-modal .close:hover {
5832 color: black;
5833 text-decoration: none;
5834 cursor: pointer;
5835 }
5836 .post-type-lp_order .export-modal .close:focus {
5837 color: black;
5838 text-decoration: none;
5839 cursor: pointer;
5840 }
5841 .post-type-lp_order .export-modal .panel {
5842 display: none;
5843 }
5844 .post-type-lp_order .export-modal .panel.active {
5845 display: block;
5846 }
5847 .post-type-lp_order #order-export__tabs.tabs {
5848 display: flex;
5849 justify-content: space-around;
5850 height: 40px;
5851 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
5852 }
5853 .post-type-lp_order #order-export__tabs.tabs > * {
5854 width: 100%;
5855 color: dimgray;
5856 height: 100%;
5857 cursor: pointer;
5858 display: flex;
5859 justify-content: center;
5860 align-items: center;
5861 }
5862 .post-type-lp_order #order-export__tabs.tabs > *:hover:not(.active) {
5863 background-color: #dcdcdc;
5864 }
5865 .post-type-lp_order #order-export__tabs.tabs > .active {
5866 color: white;
5867 background-color: #4CAF50;
5868 }
5869 .post-type-lp_order #lp-invoice__content {
5870 padding: 20px 40px 0;
5871 margin-bottom: 25px;
5872 }
5873 .post-type-lp_order #lp-invoice__content thead th {
5874 border-bottom: 1px solid #000;
5875 border-top: 1px solid #000;
5876 padding: 10px 20px;
5877 }
5878 .post-type-lp_order #lp-invoice__content tbody td {
5879 border-bottom: 1px solid #000;
5880 text-align: center;
5881 padding: 10px 20px;
5882 }
5883 .post-type-lp_order #lp-invoice__content tfoot td {
5884 border-bottom: 1px solid #000;
5885 text-align: center;
5886 padding: 10px 20px;
5887 }
5888 .post-type-lp_order .export-options__content {
5889 margin-bottom: 25px;
5890 padding: 10px 40px;
5891 }
5892 .post-type-lp_order .export-options {
5893 position: relative;
5894 }
5895 .post-type-lp_order .export-options__loading {
5896 opacity: 0;
5897 z-index: -1;
5898 visibility: hidden;
5899 position: absolute;
5900 top: 0;
5901 left: 0;
5902 width: 100%;
5903 background: #fff;
5904 right: 0;
5905 bottom: 0;
5906 display: flex;
5907 align-items: center;
5908 justify-content: center;
5909 }
5910 .post-type-lp_order .export-options__loading .spinner {
5911 background: url("../../images/spinner.gif") no-repeat center center;
5912 z-index: 9;
5913 display: inline-block;
5914 visibility: visible;
5915 }
5916 .post-type-lp_order .export-options__loading.active {
5917 opacity: 1;
5918 z-index: 9;
5919 visibility: visible;
5920 }
5921 .post-type-lp_order #lp-invoice__export {
5922 color: white;
5923 background-color: #4CAF50;
5924 border: 1px solid #4CAF50;
5925 padding: 10px 20px;
5926 transition: all 0.5s ease;
5927 }
5928 .post-type-lp_order #lp-invoice__export:hover {
5929 color: #000;
5930 background-color: #fff;
5931 border: 1px solid #000;
5932 transition: all 0.5s ease;
5933 cursor: pointer;
5934 }
5935 .post-type-lp_order #lp-invoice__update {
5936 color: white;
5937 background-color: #4CAF50;
5938 border: 1px solid #4CAF50;
5939 padding: 10px 20px;
5940 transition: all 0.5s ease;
5941 }
5942 .post-type-lp_order #lp-invoice__update:hover {
5943 color: #000;
5944 background-color: #fff;
5945 border: 1px solid #000;
5946 transition: all 0.5s ease;
5947 cursor: pointer;
5948 }
5949 .post-type-lp_order #lp-invoice__actions {
5950 display: flex;
5951 flex-direction: row;
5952 justify-content: flex-end;
5953 }
5954 .post-type-lp_order .export-options__actions {
5955 display: flex;
5956 flex-direction: row;
5957 justify-content: flex-end;
5958 }
5959 .post-type-lp_order .lp-invoice__body table {
5960 border-spacing: 0;
5961 width: 100%;
5962 }
5963 .post-type-lp_order .lp-order-status .dashicons {
5964 display: inline-flex !important;
5965 align-items: center;
5966 font-size: 1rem;
5967 }
5968 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination {
5969 text-align: left;
5970 }
5971 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li {
5972 border: 1px solid #2271b1;
5973 background: #f6f7f7;
5974 }
5975 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .page-numbers {
5976 padding: 0 6px;
5977 }
5978 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .current {
5979 background: #2271b1;
5980 color: #fff !important;
5981 }
5982
5983 .swal2-popup.lp-admin-refund-modal {
5984 width: 560px;
5985 max-width: calc(100% - 32px);
5986 padding: 32px;
5987 border-radius: 8px;
5988 box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
5989 }
5990 .swal2-popup.lp-admin-refund-modal .swal2-icon {
5991 margin-top: 0;
5992 margin-bottom: 20px;
5993 }
5994 .swal2-popup.lp-admin-refund-modal .swal2-title {
5995 padding: 0;
5996 color: #1d2327;
5997 font-size: 1.5rem;
5998 line-height: 1.3;
5999 }
6000 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__content {
6001 margin: 20px 0 0;
6002 padding: 0;
6003 color: #50575e;
6004 overflow: visible;
6005 }
6006 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__description {
6007 margin: 0 0 24px;
6008 line-height: 1.5;
6009 }
6010 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form {
6011 text-align: left;
6012 }
6013 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input-label {
6014 display: block;
6015 margin: 0 0 8px;
6016 color: #1d2327;
6017 font-size: 0.875rem;
6018 font-weight: 600;
6019 text-align: left;
6020 }
6021 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea,
6022 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
6023 display: block;
6024 width: 100%;
6025 margin: 0 0 20px;
6026 border: 1px solid #8c8f94;
6027 border-radius: 4px;
6028 color: #2c3338;
6029 background: #fff;
6030 box-shadow: none;
6031 box-sizing: border-box;
6032 font-size: 0.875rem;
6033 }
6034 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea:focus,
6035 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input:focus {
6036 border-color: #2271b1;
6037 box-shadow: 0 0 0 1px #2271b1;
6038 outline: 2px solid transparent;
6039 }
6040 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea {
6041 min-height: 110px;
6042 padding: 10px 12px;
6043 resize: vertical;
6044 }
6045 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
6046 height: 42px;
6047 padding: 0 12px;
6048 }
6049 .swal2-popup.lp-admin-refund-modal .swal2-validation-message {
6050 margin: 0 0 20px;
6051 border-radius: 4px;
6052 font-size: 0.875rem;
6053 }
6054 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
6055 display: grid;
6056 grid-template-columns: repeat(2, minmax(0, 1fr));
6057 gap: 12px;
6058 width: 100%;
6059 margin: 4px 0 0;
6060 padding: 0;
6061 }
6062 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions .swal2-styled {
6063 min-height: 42px;
6064 margin: 0;
6065 border-radius: 4px;
6066 font-size: 0.875rem;
6067 font-weight: 600;
6068 }
6069
6070 @media screen and (max-width: 480px) {
6071 .swal2-popup.lp-admin-refund-modal {
6072 width: calc(100% - 20px);
6073 max-width: none;
6074 padding: 24px 20px;
6075 }
6076 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
6077 grid-template-columns: 1fr;
6078 }
6079 }
6080 #learn-press-toggle-settings-js-css {
6081 display: none;
6082 }
6083 #learn-press-toggle-settings-js-css + table {
6084 display: none;
6085 }
6086 #learn-press-toggle-settings-js-css:checked + table {
6087 display: table;
6088 }
6089
6090 .color-schemas {
6091 margin: 0 20px 20px 0;
6092 float: left;
6093 }
6094 .color-schemas ul {
6095 list-style: none;
6096 margin: 0;
6097 padding: 0;
6098 }
6099 .color-schemas ul > li > label {
6100 font-weight: 600;
6101 display: block;
6102 margin-bottom: 10px;
6103 }
6104 .color-schemas .wp-color-picker {
6105 width: 80px;
6106 height: 24px;
6107 vertical-align: top;
6108 margin: 0;
6109 }
6110 .color-schemas .wp-picker-holder {
6111 position: absolute;
6112 }
6113 .color-schemas .buttons {
6114 display: none;
6115 }
6116 .color-schemas table {
6117 border-collapse: collapse;
6118 position: relative;
6119 }
6120 .color-schemas table td, .color-schemas table th {
6121 padding: 10px 10px;
6122 }
6123 .color-schemas table tbody {
6124 border: 1px solid transparent;
6125 position: relative;
6126 }
6127 .color-schemas table tbody td, .color-schemas table tbody th {
6128 text-align: left;
6129 background: #F5F5F5;
6130 }
6131 .color-schemas table tbody tr:first-child td, .color-schemas table tbody tr:first-child th {
6132 padding-bottom: 0;
6133 }
6134 .color-schemas table:after {
6135 content: "";
6136 position: absolute;
6137 top: 0;
6138 left: 0;
6139 right: 0;
6140 bottom: 0;
6141 background: rgba(255, 255, 255, 0.7);
6142 }
6143 .color-schemas tfoot td, .color-schemas tfoot th {
6144 padding-left: 0;
6145 padding-right: 0;
6146 }
6147 .color-schemas .remove-schema {
6148 float: right;
6149 color: #FF0000;
6150 }
6151 .color-schemas .wp-color-result {
6152 margin: 0;
6153 }
6154 .color-schemas .clone-schema {
6155 display: none;
6156 }
6157 .color-schemas:first-child .remove-schema,
6158 .color-schemas:first-child .apply-schema {
6159 display: none;
6160 }
6161 .color-schemas:nth-child(2) {
6162 clear: both;
6163 }
6164 .color-schemas:hover tbody {
6165 opacity: 1;
6166 }
6167 .color-schemas.current tbody {
6168 border-color: #DDD;
6169 }
6170 .color-schemas.current tbody td, .color-schemas.current tbody th {
6171 background: rgba(5, 215, 255, 0.26);
6172 }
6173 .color-schemas.current table:after {
6174 display: none;
6175 }
6176 .color-schemas.current .clone-schema {
6177 display: inline-block;
6178 }
6179
6180 .wp-picker-container {
6181 position: relative;
6182 }
6183 .wp-picker-container .wp-picker-holder {
6184 z-index: 99999;
6185 }
6186
6187 .lp-payment-addons-promo {
6188 margin-top: 15px;
6189 padding: 12px 16px;
6190 background: #f9f9f9;
6191 border: 1px solid #ddd;
6192 border-radius: 4px;
6193 }
6194 .lp-payment-addons-promo p {
6195 margin: 0;
6196 font-size: 0.875rem;
6197 color: #555;
6198 }
6199 .lp-payment-addons-promo__link {
6200 display: inline-flex;
6201 align-items: center;
6202 gap: 4px;
6203 margin-left: 6px;
6204 color: #7f54b3;
6205 font-weight: 600;
6206 text-decoration: none;
6207 }
6208 .lp-payment-addons-promo__link:hover {
6209 color: #5e3d8a;
6210 text-decoration: underline;
6211 }
6212 .lp-payment-addons-promo__link .dashicons {
6213 width: 14px;
6214 height: 14px;
6215 font-size: 14px;
6216 }
6217
6218 .lp-install-sample__options {
6219 margin-bottom: 20px;
6220 padding: 0 20px;
6221 border: 1px solid #eee;
6222 border-radius: 4px;
6223 }
6224 .lp-install-sample__options legend {
6225 padding: 5px;
6226 font-weight: 500;
6227 }
6228 .lp-install-sample__buttons {
6229 display: flex;
6230 margin-top: 25px;
6231 align-items: center;
6232 justify-content: space-between;
6233 }
6234 .lp-install-sample__toggle-options {
6235 margin-right: auto;
6236 margin-left: 10px;
6237 }
6238 .lp-install-sample__uninstall {
6239 float: right;
6240 }
6241 .lp-install-sample__response {
6242 margin: 0;
6243 padding: 10px;
6244 border: 2px solid #059601;
6245 border-radius: 6px;
6246 }
6247 .lp-install-sample__response.fail {
6248 border-color: #d85554;
6249 }
6250
6251 .lp-update-db-modal {
6252 display: flex;
6253 position: fixed;
6254 z-index: 9999;
6255 top: 0;
6256 right: 0;
6257 left: 0;
6258 width: 100%;
6259 min-height: 100vh;
6260 text-align: center;
6261 align-items: center;
6262 justify-content: center;
6263 }
6264 .lp-update-db-modal__hidden {
6265 display: none !important;
6266 visibility: hidden;
6267 opacity: 0;
6268 pointer-events: none;
6269 }
6270 .lp-update-db-modal__overlay {
6271 position: absolute;
6272 z-index: 1;
6273 top: 0;
6274 right: 0;
6275 bottom: 0;
6276 left: 0;
6277 width: 100%;
6278 height: 100%;
6279 background-color: rgba(209, 213, 219, 0.8);
6280 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
6281 transition-duration: 150ms;
6282 transition-property: opacity;
6283 }
6284 .lp-update-db-modal__content {
6285 display: inline-block;
6286 overflow: hidden;
6287 z-index: 2;
6288 width: 100%;
6289 max-width: 510px;
6290 border-radius: 8px;
6291 text-align: left;
6292 vertical-align: middle;
6293 }
6294 .lp-update-db-modal__content-header {
6295 padding: 24px 24px 16px 24px;
6296 background-color: #fff;
6297 }
6298 .lp-update-db-modal__content-start {
6299 display: flex;
6300 flex-direction: flex-start;
6301 }
6302 .lp-update-db-modal__content-icon {
6303 display: flex;
6304 width: 40px;
6305 height: 40px;
6306 margin-right: 0;
6307 margin-left: 0;
6308 border-radius: 999px;
6309 background-color: rgb(254, 226, 226);
6310 justify-content: center;
6311 align-items: center;
6312 flex: 0 0 auto;
6313 }
6314 .lp-update-db-modal__content-icon svg {
6315 width: 24px;
6316 height: 24px;
6317 color: rgb(220, 38, 38);
6318 }
6319 .lp-update-db-modal__content-icon svg:last-child {
6320 color: rgb(37, 141, 108);
6321 }
6322 .lp-update-db-modal__content-icon__success {
6323 display: none;
6324 }
6325 .lp-update-db-modal__content-text {
6326 margin-left: 18px;
6327 text-align: left;
6328 }
6329 .lp-update-db-modal__content-text h3 {
6330 margin: 0;
6331 font-weight: 500;
6332 }
6333 .lp-update-db-modal__content-text p {
6334 margin: 0;
6335 margin-top: 10px;
6336 color: #999;
6337 font-size: 0.875rem;
6338 font-weight: 400;
6339 }
6340 .lp-update-db-modal__content-footer {
6341 display: flex;
6342 flex-direction: row;
6343 padding: 10px 24px;
6344 background-color: rgb(249, 250, 251);
6345 justify-content: flex-end;
6346 align-items: center;
6347 }
6348 .lp-update-db-modal__content-footer a {
6349 padding: 8px 16px;
6350 border: 1px solid #e5e7eb;
6351 border-radius: 6px;
6352 color: rgb(55, 65, 81);
6353 font-size: 0.8125rem;
6354 font-weight: 500;
6355 text-decoration: none;
6356 }
6357 .lp-update-db-modal__content-footer a:last-child {
6358 margin-left: 10px;
6359 color: #fff;
6360 background-color: #0073aa;
6361 }
6362 .lp-update-db-modal__success .lp-update-db-modal__content-icon {
6363 background-color: rgb(222, 247, 236);
6364 }
6365 .lp-update-db-modal__success .lp-update-db-modal__content-icon__error {
6366 display: none;
6367 }
6368 .lp-update-db-modal__success .lp-update-db-modal__content-icon__success {
6369 display: block;
6370 }
6371
6372 #lp-tool-upgrade-db .wrapper-lp-upgrade-message, #lp-tool-upgrade-db .wrapper-terms-upgrade, #lp-tool-upgrade-db .wrapper-lp-loading {
6373 display: none;
6374 }
6375
6376 .terms-upgrade {
6377 max-width: 500px;
6378 margin: 0 auto;
6379 }
6380 .terms-upgrade .error {
6381 display: none;
6382 }
6383
6384 .lp-modal-footer .learn-press-notice {
6385 color: #ff6060;
6386 font-weight: 500;
6387 font-style: italic;
6388 }
6389
6390 .lp-modal-body .lp-skeleton-animation {
6391 width: 500px;
6392 margin: 0 20px;
6393 }
6394
6395 .tools-select__data {
6396 overflow: hidden;
6397 }
6398 .tools-select__data li {
6399 background-color: #fff;
6400 border: 1px solid #eee;
6401 color: #000;
6402 display: flex;
6403 flex-direction: row;
6404 align-items: center;
6405 flex: 0 0 auto;
6406 font-size: 0.875rem;
6407 line-height: 1.4em;
6408 font-weight: normal;
6409 padding: 10px;
6410 width: 100%;
6411 }
6412 .tools-select__data li input {
6413 margin: 0 10px 0 0;
6414 }
6415
6416 .progressbar__content {
6417 width: 100%;
6418 font-size: 0.875rem;
6419 font-weight: normal;
6420 line-height: 1.4em;
6421 background: #eee;
6422 padding: 10px 0;
6423 display: flex;
6424 flex-direction: column;
6425 align-items: center;
6426 justify-content: center;
6427 }
6428 .progressbar__content span {
6429 z-index: 9;
6430 }
6431
6432 .progressbar__container {
6433 position: relative;
6434 }
6435
6436 .progressbar__value {
6437 position: absolute;
6438 width: 0;
6439 height: 100%;
6440 left: 0;
6441 top: 0;
6442 background: #8A2BE2;
6443 }
6444
6445 .progressbar__item h4 {
6446 z-index: 9;
6447 margin: 0;
6448 }
6449
6450 .progressbar__item {
6451 width: 500px;
6452 border-bottom: 1px solid #fff;
6453 }
6454
6455 .progressbar__indexs {
6456 z-index: 9;
6457 }
6458
6459 .lp-tool__message {
6460 text-align: center;
6461 color: red;
6462 padding: 10px 0;
6463 display: none;
6464 }
6465
6466 .tools-prepare__message {
6467 background: #dba617;
6468 padding: 10px 0;
6469 text-align: center;
6470 display: none;
6471 }
6472
6473 /*** Admin notices ***/
6474 .lp-admin-notices {
6475 background: transparent;
6476 display: none;
6477 padding: 0;
6478 border: none;
6479 margin: 0 !important;
6480 }
6481 .lp-admin-notices .lp-admin-notice {
6482 position: relative;
6483 }
6484 .lp-admin-notices .lp-mes-beta-version {
6485 background: #4299e1;
6486 color: whitesmoke;
6487 }
6488 .lp-admin-notices .lp-mes-beta-version h3, .lp-admin-notices .lp-mes-beta-version a, .lp-admin-notices .lp-mes-beta-version a:visited {
6489 color: white;
6490 }
6491 .lp-admin-notices .lp-mes-beta-version .btn-lp-notice-dismiss::before {
6492 color: #fff0f6;
6493 }
6494
6495 .tab-lp-admin-notice {
6496 margin-left: 5px;
6497 width: 4px;
6498 height: 4px;
6499 background: #ff1919;
6500 display: inline-flex;
6501 border-radius: 999px;
6502 vertical-align: middle;
6503 }
6504
6505 .learn-press-admin-notices {
6506 margin: 0;
6507 padding: 0;
6508 border: none;
6509 background: transparent;
6510 }
6511 .learn-press-admin-notices:has(.learn-press-message) {
6512 margin: 15px 0;
6513 }
6514 .learn-press-admin-notices .lp-target {
6515 display: grid;
6516 gap: 10px;
6517 }
6518 .learn-press-admin-notices .btn-lp-notice-dismiss {
6519 position: absolute;
6520 top: 15px;
6521 right: 20px;
6522 color: #898989;
6523 }
6524 .learn-press-admin-notices .btn-lp-notice-dismiss:hover {
6525 cursor: pointer;
6526 color: #dc2626;
6527 }
6528 .learn-press-admin-notices.notice a, .learn-press-admin-notices a {
6529 text-decoration: none;
6530 }
6531
6532 /**
6533 * General style for admin editor.
6534 */
6535 .lp-admin-editor {
6536 position: relative;
6537 margin: 0;
6538 background-color: #fff;
6539 }
6540 .lp-admin-editor .heading,
6541 .lp-admin-editor .lp-box-data-content {
6542 padding: 0;
6543 }
6544
6545 #learn-press-admin-editor-metabox-settings {
6546 margin-top: 20px;
6547 }
6548
6549 /**
6550 * Course admin editor.
6551 */
6552 #course-editor .inside {
6553 margin: 0;
6554 padding: 0;
6555 }
6556
6557 #admin-editor-lp_course .lp-course-curriculum .heading {
6558 display: flex;
6559 flex-direction: row;
6560 flex-wrap: nowrap;
6561 position: relative;
6562 padding: 8px 20px;
6563 align-items: center;
6564 line-height: 1;
6565 }
6566 #admin-editor-lp_course .lp-course-curriculum .heading h4 {
6567 margin: 0;
6568 font-size: 1rem;
6569 }
6570 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections {
6571 display: flex;
6572 width: 40px;
6573 color: #999;
6574 font-family: Dashicons;
6575 font-size: 1.875rem;
6576 cursor: pointer;
6577 justify-content: center;
6578 align-items: center;
6579 }
6580 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.close::before {
6581 content: "\f140";
6582 }
6583 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.open::before {
6584 content: "\f142";
6585 }
6586 #admin-editor-lp_course .lp-course-curriculum .heading .status {
6587 visibility: hidden;
6588 position: relative;
6589 top: 5px;
6590 margin-left: 10px;
6591 font-family: Dashicons;
6592 font-size: 1.25rem;
6593 }
6594 #admin-editor-lp_course .lp-course-curriculum .heading .status::before {
6595 content: "\f463";
6596 }
6597 #admin-editor-lp_course .lp-course-curriculum .heading .status.loading {
6598 display: inline-block;
6599 visibility: visible;
6600 animation: rotation 2s infinite linear;
6601 }
6602 #admin-editor-lp_course .lp-course-curriculum .curriculum-sections {
6603 margin: 0;
6604 margin: 0 20px 20px 20px;
6605 border: 1px solid #ddd;
6606 }
6607 #admin-editor-lp_course .lp-course-curriculum .section {
6608 margin: 0;
6609 border-bottom: 1px solid #e5e5e5;
6610 opacity: 1;
6611 background: #fff;
6612 }
6613 #admin-editor-lp_course .lp-course-curriculum .section:first-child {
6614 border-top: 0;
6615 }
6616 #admin-editor-lp_course .lp-course-curriculum .section.new-section {
6617 margin-top: 1px;
6618 border: none;
6619 }
6620 #admin-editor-lp_course .lp-course-curriculum .section.new-section form {
6621 margin: 0;
6622 }
6623 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head {
6624 background-color: #f4fcff;
6625 }
6626 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable {
6627 position: relative;
6628 top: 1px;
6629 }
6630 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable::before {
6631 content: "\f132";
6632 }
6633 #admin-editor-lp_course .lp-course-curriculum .section.empty-section {
6634 position: relative;
6635 }
6636 #admin-editor-lp_course .lp-course-curriculum .section.empty-section::after {
6637 position: absolute;
6638 top: 0;
6639 right: 0;
6640 bottom: 0;
6641 left: 0;
6642 opacity: 0.5;
6643 background: #fff;
6644 content: "";
6645 }
6646 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-head .movable::before {
6647 display: inline-block;
6648 color: #a2a2a2;
6649 content: "\f463";
6650 animation: rotating4 2s linear infinite;
6651 }
6652 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-collapse {
6653 display: none;
6654 }
6655 #admin-editor-lp_course .lp-course-curriculum .section:hover .section-actions .remove {
6656 display: inline-block;
6657 }
6658 #admin-editor-lp_course .lp-course-curriculum .section input {
6659 background-color: transparent;
6660 box-shadow: none;
6661 }
6662 #admin-editor-lp_course .lp-course-curriculum .section input:focus {
6663 box-shadow: none;
6664 }
6665 #admin-editor-lp_course .lp-course-curriculum .section .section-head {
6666 display: flex;
6667 position: relative;
6668 height: 42px;
6669 margin: 0;
6670 padding: 0;
6671 background-color: #f4fcff;
6672 line-height: 2.5rem;
6673 transition: background 500ms ease-out;
6674 align-items: center;
6675 }
6676 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable,
6677 #admin-editor-lp_course .lp-course-curriculum .section .section-head .creatable {
6678 display: inline-block;
6679 width: 40px;
6680 margin: 0;
6681 color: #999;
6682 font-family: Dashicons;
6683 font-size: 1.25rem;
6684 text-align: center;
6685 vertical-align: middle;
6686 }
6687 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable {
6688 margin-right: -1px;
6689 cursor: url("../../images/openhand.cur") 7 5, default;
6690 }
6691 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable::before {
6692 content: "\f333";
6693 }
6694 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable:hover {
6695 color: #0085ba;
6696 }
6697 #admin-editor-lp_course .lp-course-curriculum .section .section-head .section-item-counts {
6698 line-height: 2.5rem;
6699 }
6700 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions {
6701 height: 100%;
6702 color: #444;
6703 }
6704 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions > * {
6705 display: inline-block;
6706 height: 100%;
6707 text-align: center;
6708 cursor: pointer;
6709 }
6710 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse:hover {
6711 color: #0085ba;
6712 }
6713 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse::before {
6714 display: inline-block;
6715 width: 40px;
6716 color: #999;
6717 font-family: Dashicons;
6718 font-size: 1rem;
6719 line-height: 2.5rem;
6720 }
6721 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.open::before {
6722 content: "\f343";
6723 }
6724 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.close::before {
6725 content: "\f347";
6726 }
6727 #admin-editor-lp_course .lp-course-curriculum .section .name {
6728 width: 100%;
6729 border: none;
6730 color: #777;
6731 font-size: 1.5rem;
6732 font-weight: 600;
6733 line-height: 3.125rem;
6734 }
6735 #admin-editor-lp_course .lp-course-curriculum .section .name:focus {
6736 color: #444;
6737 }
6738 #admin-editor-lp_course .lp-course-curriculum .section .section-collapse {
6739 overflow: hidden;
6740 }
6741 #admin-editor-lp_course .lp-course-curriculum .section .section-content {
6742 padding: 20px;
6743 border-top: 1px solid #e5e5e5;
6744 }
6745 #admin-editor-lp_course .lp-course-curriculum .section .details {
6746 margin-bottom: 20px;
6747 }
6748 #admin-editor-lp_course .lp-course-curriculum .section .title-input {
6749 padding-left: 0;
6750 border: none;
6751 font-size: 1.2em;
6752 line-height: 1.875rem;
6753 flex: 1;
6754 }
6755 #admin-editor-lp_course .lp-course-curriculum .section .description-input {
6756 width: 100%;
6757 margin: 0;
6758 padding: 0;
6759 border: none;
6760 color: #999;
6761 }
6762 #admin-editor-lp_course .lp-course-curriculum .section .description-input:focus {
6763 color: #444;
6764 }
6765 #admin-editor-lp_course .lp-course-curriculum .section-list-items {
6766 width: 100%;
6767 border-collapse: collapse;
6768 }
6769 #admin-editor-lp_course .lp-course-curriculum .section-list-items ul {
6770 position: relative;
6771 min-height: 5px;
6772 margin: 0;
6773 }
6774 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item {
6775 display: flex;
6776 position: relative;
6777 margin: 0;
6778 border: 1px solid #eee;
6779 border-bottom-width: 0;
6780 background: #fff;
6781 transition: background 200ms ease-out;
6782 justify-content: center;
6783 align-items: center;
6784 }
6785 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.ui-sortable-helper {
6786 border-bottom: 1px solid #eee;
6787 }
6788 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:nth-child(2n+1) {
6789 background-color: #f7f7f7;
6790 }
6791 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.updating::before {
6792 position: absolute;
6793 z-index: 2;
6794 top: 0;
6795 right: 0;
6796 bottom: 0;
6797 left: 0;
6798 content: "";
6799 }
6800 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.removing {
6801 background-color: #ffeded;
6802 }
6803 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag {
6804 height: 20px;
6805 padding-top: 3px;
6806 padding-left: 6px;
6807 cursor: url("../../images/openhand.cur") 7 5, default;
6808 fill: #999;
6809 flex: 0 0 18px;
6810 }
6811 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag:hover {
6812 fill: #0085ba;
6813 }
6814 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
6815 display: flex;
6816 align-items: center;
6817 justify-content: center;
6818 }
6819 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title {
6820 margin-right: 120px;
6821 margin-left: 2px;
6822 flex-grow: 1;
6823 flex-basis: 100%;
6824 }
6825 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title input {
6826 color: inherit;
6827 }
6828 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
6829 display: flex;
6830 position: absolute;
6831 top: 0;
6832 right: 2px;
6833 bottom: 0;
6834 align-items: center;
6835 justify-content: center;
6836 }
6837 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions {
6838 margin: 0;
6839 }
6840 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions > * {
6841 visibility: hidden;
6842 margin-right: 10px;
6843 }
6844 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .edit {
6845 text-decoration: none;
6846 }
6847 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .remove {
6848 color: #a00;
6849 }
6850 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .drag {
6851 visibility: visible;
6852 }
6853 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:not(.lp_lesson) .item-actions .actions .preview-item {
6854 display: none;
6855 }
6856 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item {
6857 display: flex;
6858 position: relative;
6859 border-bottom-width: 1px;
6860 transition: all 200ms ease-out;
6861 align-items: center;
6862 }
6863 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag {
6864 display: flex;
6865 width: 30px;
6866 color: #999;
6867 font-family: Dashicons;
6868 font-size: 1rem;
6869 vertical-align: middle;
6870 cursor: default;
6871 align-items: center;
6872 justify-content: center;
6873 }
6874 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag::before {
6875 content: "\f132";
6876 }
6877 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .title {
6878 display: inline-block;
6879 margin: 0;
6880 flex: 1;
6881 }
6882 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types {
6883 display: inline-block;
6884 }
6885 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types:hover, #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types:focus {
6886 background-color: #fff;
6887 }
6888 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types:hover .type, #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types:focus .type {
6889 display: inline-block;
6890 }
6891 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type {
6892 display: inline-block;
6893 padding: 8px 5px;
6894 color: #ccc;
6895 }
6896 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type input {
6897 display: none;
6898 }
6899 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.current {
6900 color: #0085ba;
6901 }
6902 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type::before {
6903 position: relative;
6904 top: 2px;
6905 font-family: Dashicons;
6906 font-size: 1.25rem;
6907 }
6908 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz {
6909 padding: 8px 6px 8px 0;
6910 }
6911 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz::before {
6912 content: "\f469";
6913 }
6914 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_lesson::before {
6915 content: "\f330";
6916 }
6917 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.empty-item::before {
6918 content: "\f463";
6919 }
6920 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
6921 text-align: right;
6922 }
6923 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action {
6924 display: inline-block;
6925 position: relative;
6926 width: 30px;
6927 height: 30px;
6928 margin: 0;
6929 padding: 0;
6930 text-align: center;
6931 vertical-align: middle;
6932 cursor: pointer;
6933 }
6934 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a {
6935 width: 30px;
6936 height: 30px;
6937 color: #999;
6938 line-height: 1.875rem;
6939 }
6940 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a:hover {
6941 color: #0073aa;
6942 }
6943 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item > a:hover {
6944 color: #e74c3c;
6945 }
6946 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul {
6947 display: none;
6948 position: absolute;
6949 z-index: 9;
6950 top: 100%;
6951 right: 0;
6952 width: 165px;
6953 margin: 0;
6954 border: 1px solid #999;
6955 background: #fdfeff;
6956 text-align: center;
6957 }
6958 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li {
6959 margin: 0;
6960 border-bottom: 1px solid #eee;
6961 text-align: right;
6962 }
6963 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a {
6964 display: block;
6965 padding: 10px 25px;
6966 color: #757575;
6967 font-size: 0.75rem;
6968 text-decoration: none;
6969 }
6970 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a.delete-permanently {
6971 color: #e74c3c;
6972 }
6973 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li:hover {
6974 background: #eee;
6975 }
6976 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item:hover ul {
6977 display: block;
6978 }
6979 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .item-actions .actions > * {
6980 visibility: visible;
6981 cursor: pointer;
6982 }
6983 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_quiz .icon::before {
6984 content: "\f469";
6985 }
6986 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_lesson .icon::before {
6987 content: "\f330";
6988 }
6989 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item {
6990 position: relative;
6991 color: #a2a2a2;
6992 }
6993 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item::after {
6994 position: absolute;
6995 top: 0;
6996 right: 0;
6997 bottom: 0;
6998 left: 0;
6999 opacity: 0.5;
7000 background: #fff;
7001 content: "";
7002 }
7003 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .item-actions {
7004 display: none;
7005 }
7006 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .icon::before {
7007 color: #a2a2a2;
7008 content: "\f463";
7009 animation: rotating4 2s linear infinite;
7010 }
7011 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
7012 color: #0085ba;
7013 font-size: 1.25rem;
7014 text-align: center;
7015 flex: 0 0 29px;
7016 }
7017 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon::before {
7018 font-family: Dashicons;
7019 }
7020 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item input {
7021 width: 100%;
7022 padding: 8px 10px 8px 0;
7023 border: none;
7024 color: inherit;
7025 font-size: 0.875rem;
7026 font-weight: 600;
7027 }
7028 #admin-editor-lp_course .lp-course-curriculum .section-actions {
7029 padding: 0 20px 20px 20px;
7030 }
7031 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove {
7032 display: none;
7033 float: right;
7034 height: 30px;
7035 border: 1px solid #eee;
7036 border-radius: 3px;
7037 color: #e74c3c;
7038 line-height: 1.875rem;
7039 cursor: pointer;
7040 }
7041 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .icon {
7042 padding: 0 18px;
7043 }
7044 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .confirm {
7045 display: none;
7046 padding: 0 18px;
7047 }
7048 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .confirm {
7049 display: inline-block;
7050 }
7051 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .icon {
7052 display: none;
7053 }
7054 #admin-editor-lp_course .lp-course-curriculum .ui-sortable-placeholder {
7055 display: block;
7056 visibility: visible !important;
7057 border-color: #bdf4fe !important;
7058 background: #bdf4fe !important;
7059 }
7060
7061 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating {
7062 top: 40px;
7063 left: 100px;
7064 opacity: 0.8;
7065 background: #a00;
7066 }
7067 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating::before {
7068 top: -7px;
7069 border: 7px solid transparent;
7070 border-top-width: 0;
7071 border-bottom-color: #a00;
7072 }
7073
7074 .section-item-counts {
7075 margin: 0;
7076 margin-left: auto;
7077 font-size: 0.75rem;
7078 white-space: nowrap;
7079 }
7080 .section-item-counts span {
7081 color: #999;
7082 }
7083
7084 #course-editor {
7085 margin-bottom: 10px;
7086 }
7087 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
7088 display: none;
7089 }
7090 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
7091 margin-left: 0;
7092 }
7093
7094 /**
7095 * Quiz admin editor.
7096 */
7097 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
7098 display: none;
7099 }
7100 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
7101 margin-left: 0;
7102 }
7103
7104 #quiz-editor .inside {
7105 margin: 0;
7106 padding: 0;
7107 }
7108
7109 #admin-editor-lp_quiz {
7110 margin: 0;
7111 padding: 0;
7112 border: none;
7113 }
7114 #admin-editor-lp_quiz form {
7115 margin: 0;
7116 }
7117 #admin-editor-lp_quiz .lp-box-data-head {
7118 display: flex;
7119 flex-direction: row;
7120 margin: 0;
7121 padding: 6px 20px;
7122 align-items: center;
7123 }
7124 #admin-editor-lp_quiz .lp-box-data-head h3 {
7125 padding: 0;
7126 }
7127 #admin-editor-lp_quiz .lp-box-data-head .status {
7128 visibility: hidden;
7129 position: relative;
7130 top: 5px;
7131 margin-left: 10px;
7132 font-family: Dashicons;
7133 font-size: 1.25rem;
7134 }
7135 #admin-editor-lp_quiz .lp-box-data-head .status::before {
7136 content: "\f463";
7137 }
7138 #admin-editor-lp_quiz .lp-box-data-head .status.loading {
7139 display: inline-block;
7140 visibility: visible;
7141 animation: rotation 2s infinite linear;
7142 }
7143 #admin-editor-lp_quiz .lp-box-data-head .collapse-list-questions {
7144 display: flex;
7145 width: 40px;
7146 height: 30px;
7147 color: #999;
7148 font-family: Dashicons;
7149 font-size: 1.875rem;
7150 cursor: pointer;
7151 justify-content: center;
7152 align-items: center;
7153 }
7154 #admin-editor-lp_quiz .lp-box-data-content {
7155 margin: 20px;
7156 margin-top: 0;
7157 border: 1px solid #ddd;
7158 }
7159 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions {
7160 border-collapse: collapse;
7161 color: #777;
7162 }
7163 @media (max-width: 1560px) {
7164 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .fill_in_blanks .question-settings {
7165 flex-direction: column;
7166 }
7167 }
7168 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row {
7169 display: flex;
7170 flex-direction: row;
7171 text-align: center;
7172 align-items: center;
7173 }
7174 @media (max-width: 1024px) {
7175 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row.question-settings {
7176 flex-direction: column;
7177 }
7178 }
7179 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > * {
7180 width: 100%;
7181 padding: 12px 8px;
7182 }
7183 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort {
7184 position: relative;
7185 color: #999;
7186 cursor: url("../../images/openhand.cur") 7 5, default;
7187 flex: 0 0 15px;
7188 }
7189 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort .svg-icon {
7190 height: 18px;
7191 margin-top: -2px;
7192 vertical-align: middle;
7193 fill: #999;
7194 }
7195 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort:hover {
7196 fill: #0085ba;
7197 }
7198 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order {
7199 padding: 12px 0;
7200 color: #32373c;
7201 font-size: 1.2em;
7202 text-align: left;
7203 flex: 0 0 25px;
7204 }
7205 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order::after {
7206 content: ".";
7207 }
7208 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type {
7209 display: inline-flex;
7210 position: relative;
7211 width: 125px;
7212 height: 32px;
7213 padding: 0;
7214 border-radius: 2px;
7215 background-color: #eee;
7216 box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
7217 line-height: 2rem;
7218 cursor: pointer;
7219 flex: 0 0 auto;
7220 align-items: center;
7221 }
7222 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a {
7223 display: inline-flex;
7224 width: 100%;
7225 padding: 0 10px;
7226 color: #666;
7227 text-align: center;
7228 cursor: pointer;
7229 align-items: center;
7230 justify-content: center;
7231 }
7232 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a::after {
7233 margin-left: 5px;
7234 font-family: Dashicons;
7235 font-size: 0.875rem;
7236 line-height: 1.875rem;
7237 content: "\f347";
7238 }
7239 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul {
7240 visibility: hidden;
7241 position: absolute;
7242 z-index: 9999;
7243 top: 100%;
7244 right: 0;
7245 height: auto;
7246 margin: 0;
7247 margin-top: -1px;
7248 border: 1px solid #999;
7249 border-radius: 2px;
7250 opacity: 1;
7251 background: #fdfeff;
7252 pointer-events: none;
7253 }
7254 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li {
7255 margin: 0;
7256 }
7257 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a {
7258 display: block;
7259 min-width: 110px;
7260 padding: 10px 20px;
7261 color: #757575;
7262 line-height: 1.25rem;
7263 text-align: right;
7264 white-space: nowrap;
7265 text-decoration: none;
7266 }
7267 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a:hover {
7268 background-color: #eee;
7269 }
7270 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li.disabled {
7271 opacity: 0.4;
7272 background-color: #fff;
7273 user-select: none;
7274 pointer-events: none;
7275 }
7276 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type:hover ul {
7277 visibility: visible;
7278 opacity: 1;
7279 pointer-events: visible;
7280 }
7281 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .actions {
7282 width: 300px;
7283 }
7284 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .name {
7285 padding-left: 5px;
7286 }
7287 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row:hover > .sort {
7288 visibility: visible;
7289 }
7290 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row .actions .lp-box-data-actions {
7291 text-align: right !important;
7292 }
7293 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header {
7294 display: none;
7295 border-bottom: 1px solid #ddd;
7296 }
7297 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > * {
7298 font-weight: bold;
7299 }
7300 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .order::after {
7301 content: "";
7302 }
7303 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .actions {
7304 padding: 12px 0;
7305 }
7306 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-actions .name input {
7307 width: 100%;
7308 padding: 0;
7309 border: none;
7310 color: #777;
7311 background: transparent;
7312 box-shadow: none;
7313 font-size: 0.875rem;
7314 font-weight: normal;
7315 }
7316 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings {
7317 padding: 0 20px;
7318 border: 1px solid #ddd;
7319 border-right: none;
7320 border-left: none;
7321 }
7322 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings > * {
7323 padding: 20px 20px 20px 0;
7324 }
7325 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options {
7326 border: 1px solid #ddd;
7327 }
7328 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .sort {
7329 width: 12px;
7330 padding: 8px 6px;
7331 }
7332 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-text {
7333 width: calc(100% - 100px);
7334 padding-left: 0;
7335 color: #444;
7336 font-weight: 600;
7337 }
7338 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .order {
7339 width: 10px;
7340 padding: 0;
7341 text-align: right;
7342 }
7343 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-correct {
7344 width: 65px;
7345 color: #444;
7346 font-weight: 600;
7347 text-align: center;
7348 }
7349 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .actions {
7350 padding: 0;
7351 text-align: right;
7352 }
7353 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .actions .lp-toolbar-btn {
7354 height: 42px;
7355 }
7356 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr {
7357 border: 1px solid #ddd;
7358 background: #f4fcff;
7359 }
7360 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr:nth-child(2n) {
7361 background: #fff;
7362 }
7363 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td {
7364 position: static;
7365 padding: 0 10px;
7366 border: none;
7367 background: inherit;
7368 }
7369 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td.sort {
7370 width: 12px;
7371 cursor: url("../../images/openhand.cur") 7 5, default;
7372 }
7373 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td.answer-text {
7374 padding-left: 0;
7375 }
7376 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td.answer-correct {
7377 text-align: center;
7378 }
7379 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr .svg-icon {
7380 height: 18px;
7381 vertical-align: middle;
7382 fill: #999;
7383 }
7384 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr:hover .svg-icon {
7385 visibility: visible;
7386 }
7387 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr:hover .sort:hover .svg-icon {
7388 fill: #0085ba;
7389 }
7390 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.ui-sortable-placeholder {
7391 visibility: visible !important;
7392 }
7393 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.ui-sortable-placeholder td {
7394 height: 43px;
7395 background: #bdf4fe !important;
7396 }
7397 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.ui-sortable-helper {
7398 border-right: none;
7399 border-left: none;
7400 }
7401 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.ui-sortable-helper td {
7402 border-bottom: 1px solid #ddd;
7403 }
7404 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.ui-sortable-helper td.sort {
7405 border-left: 0;
7406 }
7407 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.empty-option .sort i {
7408 display: none;
7409 }
7410 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.empty-option .sort::before {
7411 display: inline-block;
7412 position: absolute;
7413 top: 12px;
7414 left: 4px;
7415 font-family: Dashicons;
7416 font-size: 1.125rem;
7417 content: "\f463";
7418 animation: rotating4 2s linear infinite;
7419 }
7420 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.empty-option td {
7421 position: relative;
7422 }
7423 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.empty-option td::after {
7424 position: absolute;
7425 top: 0;
7426 right: 1px;
7427 bottom: 0;
7428 left: 0;
7429 opacity: 0.5;
7430 background: #fff;
7431 content: "";
7432 }
7433 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody .answer-text input {
7434 width: 100%;
7435 padding: 0;
7436 border: none;
7437 color: #777;
7438 background: transparent;
7439 box-shadow: none;
7440 font-size: 0.875rem;
7441 font-weight: normal;
7442 }
7443 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item {
7444 border-bottom: 1px solid #ddd;
7445 background: #f4fcff;
7446 line-height: 1.125rem;
7447 /*&:nth-child(2n+1) {
7448 background: #f4fcff;
7449 }*/
7450 }
7451 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-helper {
7452 border-top: 1px solid #f1f1f1;
7453 }
7454 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-placeholder {
7455 display: block;
7456 visibility: visible !important;
7457 border-color: #bdf4fe !important;
7458 background: #bdf4fe !important;
7459 }
7460 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question, #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.updating {
7461 position: relative;
7462 }
7463 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-actions .sort, #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.updating .question-actions .sort {
7464 visibility: visible;
7465 }
7466 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-actions .sort .fa, #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.updating .question-actions .sort .fa {
7467 display: none;
7468 }
7469 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-actions .sort::after, #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.updating .question-actions .sort::after {
7470 display: inline-block;
7471 position: absolute;
7472 left: 5px;
7473 font-family: Dashicons;
7474 font-size: 1.25rem;
7475 content: "\f463";
7476 animation: rotating4 2s linear infinite;
7477 }
7478 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question::after, #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.updating::after {
7479 position: absolute;
7480 top: 0;
7481 right: 0;
7482 bottom: 0;
7483 left: 0;
7484 opacity: 0.5;
7485 background: #fff;
7486 content: "";
7487 }
7488 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-settings {
7489 display: none;
7490 }
7491 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .cell {
7492 padding: 10px;
7493 }
7494 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .name input {
7495 width: 100%;
7496 padding: 0;
7497 border: none;
7498 color: #32373c;
7499 background: transparent;
7500 box-shadow: none;
7501 font-size: 1.2em;
7502 font-weight: normal;
7503 line-height: 1.125rem;
7504 }
7505 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions {
7506 margin: 0;
7507 padding: 0;
7508 }
7509 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons {
7510 display: grid;
7511 position: static;
7512 z-index: 10;
7513 height: 100%;
7514 text-align: right;
7515 grid-template-columns: 30px 30px 30px 40px;
7516 align-items: center;
7517 justify-content: end;
7518 }
7519 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons > div a {
7520 visibility: hidden;
7521 }
7522 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn .lp-btn-icon {
7523 position: absolute;
7524 z-index: 2;
7525 top: 50%;
7526 left: 50%;
7527 width: 28px;
7528 height: 30px;
7529 margin-top: -15px;
7530 margin-left: -15px;
7531 line-height: 1.875rem;
7532 text-align: center;
7533 }
7534 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn ul {
7535 z-index: 9;
7536 }
7537 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn ul a {
7538 padding: 8px 24px;
7539 line-height: 1.5rem;
7540 }
7541 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn ul a.remove {
7542 border-bottom: 1px solid #eee;
7543 color: #666;
7544 }
7545 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-btn-toggle {
7546 width: 40px;
7547 height: 42px;
7548 padding-right: 0;
7549 font-family: Dashicons;
7550 font-size: 1.25rem;
7551 line-height: 2.625rem;
7552 }
7553 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-btn-toggle.open::after {
7554 content: "\f343";
7555 }
7556 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-btn-toggle.close::after {
7557 content: "\f347";
7558 }
7559 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions:hover .lp-toolbar-buttons > div a {
7560 visibility: visible;
7561 }
7562 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings {
7563 background: #fff;
7564 }
7565 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options {
7566 padding-right: 0;
7567 padding-left: 0;
7568 text-align: left;
7569 }
7570 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside {
7571 margin: 0;
7572 padding: 0;
7573 }
7574 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside .lp-quiz-editor__detail-field {
7575 margin: 0;
7576 padding: 20px;
7577 }
7578 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside .lp-quiz-editor__detail-field:nth-child(2n+1) {
7579 background: #f4fcff;
7580 }
7581 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside .lp-quiz-editor__detail-label {
7582 margin: 0;
7583 margin-bottom: 10px;
7584 color: #666;
7585 font-weight: 600;
7586 }
7587 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox {
7588 border: 1px solid #ddd;
7589 }
7590 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .hndle {
7591 font-weight: 600;
7592 cursor: default;
7593 }
7594 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle {
7595 float: right;
7596 position: absolute;
7597 top: 0;
7598 right: 0;
7599 width: 36px;
7600 height: 36px;
7601 line-height: 2.25rem;
7602 text-align: center;
7603 cursor: pointer;
7604 }
7605 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle::after {
7606 font-family: Dashicons;
7607 font-size: 1.125rem;
7608 content: "\f460";
7609 }
7610 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .quiz-question-options {
7611 width: 38px;
7612 }
7613 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox {
7614 min-width: 34px;
7615 height: 34px;
7616 line-height: 2.625rem;
7617 text-align: center;
7618 }
7619 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .hndle {
7620 display: none;
7621 }
7622 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .toggle::after {
7623 content: "\f132";
7624 }
7625 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.sorting_choice .quiz-question-data table.lp-list-options .answer-correct {
7626 display: none !important;
7627 }
7628 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer {
7629 margin-top: -1px;
7630 border-top: 1px solid #ddd;
7631 background: #f4fcff;
7632 }
7633 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row {
7634 height: auto;
7635 text-align: left;
7636 }
7637 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle {
7638 display: flex;
7639 width: 30px;
7640 padding: 8px 6px 8px 10px;
7641 color: #999;
7642 font-family: Dashicons;
7643 font-size: 1.25rem;
7644 vertical-align: middle;
7645 align-items: center;
7646 justify-content: center;
7647 }
7648 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle::before {
7649 content: "\f132";
7650 }
7651 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .order {
7652 padding: 8px 0;
7653 line-height: 1.75rem;
7654 text-align: left;
7655 }
7656 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question {
7657 padding: 8px 10px 8px 5px;
7658 }
7659 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title {
7660 display: inline-block;
7661 position: relative;
7662 min-width: 500px;
7663 }
7664 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input {
7665 width: 100%;
7666 margin: 0;
7667 padding: 6px 0;
7668 border: 0;
7669 background: transparent;
7670 font-size: 1.2em;
7671 line-height: 1.125rem;
7672 box-shadow: none;
7673 }
7674 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
7675 box-shadow: none;
7676 }
7677 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
7678 color: #32373c;
7679 }
7680 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input::placeholder {
7681 display: inline-block;
7682 }
7683 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new {
7684 display: inline;
7685 position: relative;
7686 }
7687 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types {
7688 display: none;
7689 position: absolute;
7690 z-index: 9999999;
7691 top: 100%;
7692 right: -2px;
7693 width: 200px;
7694 margin: 6px;
7695 border: 1px solid #999;
7696 background-color: #fff;
7697 }
7698 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li {
7699 margin: 0;
7700 }
7701 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li a {
7702 display: block;
7703 padding: 12px 20px;
7704 outline: none;
7705 color: #757575;
7706 box-shadow: none;
7707 line-height: 1;
7708 text-decoration: none;
7709 }
7710 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li a:hover {
7711 background: #eee;
7712 }
7713 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li.disabled {
7714 opacity: 0.5;
7715 background-color: #eee;
7716 user-select: none;
7717 pointer-events: none;
7718 }
7719 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button:hover + .question-types {
7720 display: block;
7721 }
7722 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button + .question-types:hover {
7723 display: block;
7724 }
7725 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button[disabled=disabled]:hover + .question-types {
7726 display: none;
7727 }
7728 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .select-item {
7729 display: inline;
7730 }
7731 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question button {
7732 height: 30px;
7733 box-shadow: 0 1px 0 #ccc !important;
7734 }
7735 #admin-editor-lp_quiz .lp-box-data-content .question-button-actions {
7736 text-align: left;
7737 }
7738
7739 /**.section-item-counts span
7740 * Question admin editor.
7741 */
7742 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-label {
7743 display: none;
7744 }
7745 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-input {
7746 margin-left: 0;
7747 }
7748
7749 #question-editor .inside {
7750 margin: 0;
7751 padding: 0;
7752 }
7753
7754 #admin-editor-lp_question {
7755 margin: 0;
7756 padding: 0;
7757 border: none;
7758 background: #fff;
7759 }
7760 #admin-editor-lp_question form {
7761 margin: 0;
7762 }
7763 #admin-editor-lp_question .lp-box-data-head {
7764 display: flex;
7765 flex-direction: row;
7766 padding: 10px 20px;
7767 align-items: center;
7768 }
7769 #admin-editor-lp_question .lp-box-data-head .heading {
7770 margin: 0;
7771 padding: 0;
7772 flex: 1;
7773 }
7774 #admin-editor-lp_question .lp-box-data-head .lp-question-editor {
7775 position: relative;
7776 margin-left: auto;
7777 border-left: 0;
7778 border-top-left-radius: 0;
7779 border-bottom-left-radius: 0;
7780 }
7781 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a {
7782 display: inline-flex;
7783 height: 32px;
7784 padding: 0 16px;
7785 border: 1px solid #999;
7786 border-radius: 2px;
7787 color: #666;
7788 line-height: 2rem;
7789 text-decoration: none;
7790 align-items: center;
7791 cursor: pointer;
7792 user-select: none;
7793 }
7794 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a::after {
7795 margin-left: 5px;
7796 font-family: Dashicons;
7797 font-size: 0.875rem;
7798 line-height: 1.875rem;
7799 content: "\f347";
7800 }
7801 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul {
7802 display: none;
7803 position: absolute;
7804 z-index: 9999;
7805 top: 100%;
7806 right: 0;
7807 height: auto;
7808 margin: 0;
7809 margin-top: -1px;
7810 border: 1px solid #999;
7811 border-radius: 2px;
7812 background: #fdfeff;
7813 }
7814 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li {
7815 margin: 0;
7816 }
7817 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li:hover, #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.active {
7818 background: #eee;
7819 }
7820 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li a {
7821 display: block;
7822 min-width: 110px;
7823 padding: 10px;
7824 color: #757575;
7825 font-size: 0.75rem;
7826 text-align: right;
7827 white-space: nowrap;
7828 text-decoration: none;
7829 }
7830 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled {
7831 opacity: 0.4;
7832 }
7833 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled a {
7834 color: #999;
7835 cursor: not-allowed;
7836 pointer-events: none;
7837 }
7838 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul:hover {
7839 display: block;
7840 }
7841 #admin-editor-lp_question .lp-box-data-head .lp-question-editor:hover .question-types ul {
7842 display: block;
7843 }
7844 #admin-editor-lp_question .lp-box-data-content {
7845 padding: 0 20px 20px 20px;
7846 border: none !important;
7847 }
7848 #admin-editor-lp_question .lp-box-data-content table.list-question-answers {
7849 width: 100%;
7850 border: 1px solid #ddd;
7851 }
7852 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tr td {
7853 padding: 0 15px;
7854 }
7855 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th {
7856 padding: 15px;
7857 border-bottom: 1px solid #ddd;
7858 background-color: #eee;
7859 font-weight: 600;
7860 }
7861 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th.answer-text {
7862 padding-left: 10px;
7863 }
7864 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort,
7865 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order,
7866 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
7867 width: 10px;
7868 }
7869 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort {
7870 padding: 0 10px;
7871 }
7872 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order {
7873 width: 10px;
7874 padding: 0;
7875 text-align: right;
7876 }
7877 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-correct {
7878 width: 65px;
7879 text-align: center;
7880 }
7881 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-text {
7882 padding-left: 8px;
7883 }
7884 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
7885 padding-right: 0;
7886 text-align: right;
7887 }
7888 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr {
7889 color: #444;
7890 background: #fff;
7891 }
7892 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:nth-child(2n) {
7893 background: #fff;
7894 }
7895 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td {
7896 background-color: #fff;
7897 }
7898 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort {
7899 width: 15px;
7900 padding: 0;
7901 font-size: 1.125rem;
7902 text-align: center;
7903 cursor: url("../../images/openhand.cur") 7 5, default;
7904 }
7905 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort .svg-icon {
7906 height: 18px;
7907 margin-top: -2px;
7908 vertical-align: middle;
7909 fill: #999;
7910 }
7911 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort:hover .svg-icon {
7912 fill: #0085ba;
7913 }
7914 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.order {
7915 font-size: 0.875rem;
7916 }
7917 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.answer-text input {
7918 width: 100%;
7919 padding: 0;
7920 border: none;
7921 color: #444;
7922 background: transparent;
7923 box-shadow: none;
7924 font-size: 0.875rem;
7925 font-weight: 600;
7926 transition: box-shadow 0.2s ease;
7927 }
7928 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.lp-toolbar-buttons {
7929 z-index: auto;
7930 }
7931 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:hover td.actions .remove-answer {
7932 visibility: visible;
7933 height: 42px;
7934 }
7935 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder {
7936 visibility: visible !important;
7937 }
7938 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder td {
7939 height: 43px;
7940 background: #bdf4fe !important;
7941 }
7942 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td {
7943 border-bottom: 1px solid #ddd;
7944 }
7945 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td.sort {
7946 border-left: 0;
7947 }
7948 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .svg-icon {
7949 display: none;
7950 }
7951 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td {
7952 position: relative;
7953 }
7954 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .sort::before {
7955 display: inline-block;
7956 position: absolute;
7957 top: 8px;
7958 left: 10px;
7959 font-family: "Dashicons";
7960 content: "\f463";
7961 animation: rotating4 2s linear infinite;
7962 }
7963 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td::after {
7964 position: absolute;
7965 top: 0;
7966 right: 0;
7967 bottom: 0;
7968 left: 0;
7969 opacity: 0.5;
7970 background: #fff;
7971 content: "";
7972 }
7973 #admin-editor-lp_question .lp-box-data-content .add-answer {
7974 margin: 15px 0 0 0;
7975 }
7976 #admin-editor-lp_question.sorting_choice table.list-question-answers .answer-correct {
7977 display: none !important;
7978 }
7979
7980 .lp-admin-fib-question-editor,
7981 .admin-quiz-fib-question-editor {
7982 text-align: left;
7983 }
7984 .lp-admin-fib-question-editor .lp-box-data-content,
7985 .admin-quiz-fib-question-editor .lp-box-data-content {
7986 margin: 0 !important;
7987 border: none !important;
7988 }
7989 .lp-admin-fib-question-editor .content-editable,
7990 .admin-quiz-fib-question-editor .content-editable {
7991 min-height: 240px !important;
7992 padding: 12px 15px;
7993 border: 2px solid #ddd;
7994 border-radius: 4px;
7995 }
7996 .lp-admin-fib-question-editor .content-editable .fib-blank,
7997 .admin-quiz-fib-question-editor .content-editable .fib-blank {
7998 position: relative;
7999 color: #2196f3;
8000 }
8001 .lp-admin-fib-question-editor .content-editable .fib-blank::before,
8002 .admin-quiz-fib-question-editor .content-editable .fib-blank::before {
8003 content: "#" attr(data-index) ". ";
8004 }
8005 .lp-admin-fib-question-editor .fib-blanks,
8006 .admin-quiz-fib-question-editor .fib-blanks {
8007 min-width: 700px;
8008 border-collapse: collapse;
8009 }
8010 @media (max-width: 1024px) {
8011 .lp-admin-fib-question-editor .fib-blanks,
8012 .admin-quiz-fib-question-editor .fib-blanks {
8013 width: 100%;
8014 min-width: 100%;
8015 }
8016 }
8017 .lp-admin-fib-question-editor .fib-blanks tbody,
8018 .admin-quiz-fib-question-editor .fib-blanks tbody {
8019 border-bottom: 1px solid #bbb;
8020 }
8021 .lp-admin-fib-question-editor .fib-blanks tbody tr,
8022 .admin-quiz-fib-question-editor .fib-blanks tbody tr {
8023 background: #eee;
8024 }
8025 .lp-admin-fib-question-editor .fib-blanks tbody tr td,
8026 .admin-quiz-fib-question-editor .fib-blanks tbody tr td {
8027 padding: 5px;
8028 }
8029 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options td,
8030 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options td {
8031 padding: 0;
8032 }
8033 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options ul,
8034 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options ul {
8035 display: none;
8036 margin: 5px 0;
8037 padding: 20px;
8038 border: 1px solid #ddd;
8039 background: #fff;
8040 list-style: none;
8041 }
8042 .lp-admin-fib-question-editor .fib-blanks tbody.open .blank-options ul,
8043 .admin-quiz-fib-question-editor .fib-blanks tbody.open .blank-options ul {
8044 display: block;
8045 }
8046 .lp-admin-fib-question-editor .fib-blanks tbody .blank-position,
8047 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-position {
8048 font-weight: 600;
8049 text-align: center;
8050 }
8051 .lp-admin-fib-question-editor .fib-blanks tbody .blank-actions,
8052 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-actions {
8053 text-align: right;
8054 }
8055 .lp-admin-fib-question-editor .fib-blanks tbody:last-child,
8056 .admin-quiz-fib-question-editor .fib-blanks tbody:last-child {
8057 border: none;
8058 }
8059
8060 #fill-in-blanks-editor {
8061 display: flex;
8062 }
8063 #fill-in-blanks-editor .blank-options {
8064 flex: 0 0 65%;
8065 }
8066 #fill-in-blanks-editor .blanks {
8067 width: 100%;
8068 margin: 0;
8069 }
8070 #fill-in-blanks-editor .blanks .blank {
8071 margin: 0 0 20px 0;
8072 padding: 20px;
8073 border: 1px solid #d9e0f1;
8074 background: #fbfcff;
8075 }
8076 #fill-in-blanks-editor .blanks .blank label {
8077 font-weight: bold;
8078 }
8079 #fill-in-blanks-editor .blanks .blank .blank-content {
8080 width: 100%;
8081 min-height: 74px;
8082 font-size: 1rem;
8083 }
8084 #fill-in-blanks-editor .blanks .blank .blank-words .word {
8085 background: #ddd;
8086 line-height: 1;
8087 border-radius: 4px;
8088 }
8089 #fill-in-blanks-editor .blanks .blank .blank-words .word.correct {
8090 background: #00a1e6;
8091 }
8092 #fill-in-blanks-editor .blanks .blank .blank-tip p {
8093 font-style: italic;
8094 }
8095 #fill-in-blanks-editor .blanks .blank .button-remove {
8096 color: #f00;
8097 }
8098 #fill-in-blanks-editor .passage-preview {
8099 margin-left: 20px;
8100 padding: 15px 20px;
8101 border: 1px solid #ddd;
8102 font-size: 1rem;
8103 line-height: 1.5rem;
8104 text-align: justify;
8105 flex: 1;
8106 }
8107 #fill-in-blanks-editor .passage-preview .blank-input {
8108 /* line-height: 11px; */
8109 display: inline-block;
8110 position: relative;
8111 width: 50px;
8112 height: 16px;
8113 margin: -2px 10px;
8114 padding: 0;
8115 border: none;
8116 border-bottom: 1px dashed #ddd;
8117 background: transparent;
8118 box-shadow: none;
8119 font-size: 1rem;
8120 vertical-align: middle;
8121 }
8122 #fill-in-blanks-editor .blanks-list {
8123 width: 100%;
8124 }
8125 #fill-in-blanks-editor .blanks-list textarea {
8126 width: 100%;
8127 min-height: 300px;
8128 margin-bottom: 20px;
8129 outline: none;
8130 background: #f9f9f9;
8131 box-shadow: none;
8132 font-size: 1.125rem;
8133 line-height: 1.875rem;
8134 }
8135 #fill-in-blanks-editor .blanks-list code {
8136 line-height: 1;
8137 border-radius: 4px;
8138 }
8139 #fill-in-blanks-editor .blanks-list code.correct {
8140 background: #00a1e6;
8141 }
8142
8143 /**
8144 * Modal choose items.
8145 */
8146 #lp-modal-choose-items {
8147 display: none;
8148 position: fixed;
8149 z-index: -1;
8150 top: 0;
8151 right: 0;
8152 bottom: 0;
8153 left: 0;
8154 opacity: 0;
8155 background-color: rgba(0, 0, 0, 0.5);
8156 }
8157 #lp-modal-choose-items.show {
8158 display: block;
8159 z-index: 99999999;
8160 opacity: 1;
8161 }
8162 #lp-modal-choose-items.loading .lp-choose-items ul.list-items::before {
8163 display: block;
8164 position: absolute;
8165 z-index: 9;
8166 top: 0;
8167 right: 0;
8168 bottom: 0;
8169 left: 0;
8170 background: url("../../images/spinner.gif") no-repeat center center;
8171 background-color: #fff;
8172 content: "";
8173 }
8174 #lp-modal-choose-items .lp-choose-items {
8175 position: relative;
8176 max-width: 800px;
8177 margin: 5% auto 10% 20%;
8178 border: 1px solid #ddd;
8179 background-color: #fff;
8180 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
8181 transition: all 200ms ease-out;
8182 }
8183 #lp-modal-choose-items .lp-choose-items.show-preview .header .preview-title {
8184 display: flex;
8185 align-items: center;
8186 }
8187 #lp-modal-choose-items .lp-choose-items .header {
8188 position: relative;
8189 }
8190 #lp-modal-choose-items .lp-choose-items .header .preview-title {
8191 display: none;
8192 position: absolute;
8193 z-index: 10;
8194 top: 0;
8195 right: 0;
8196 bottom: 0;
8197 left: 0;
8198 padding-left: 20px;
8199 border-bottom: 1px solid #ddd;
8200 background-color: #fff;
8201 font-weight: 600;
8202 }
8203 #lp-modal-choose-items .lp-choose-items .header .preview-title h3 {
8204 margin: 0;
8205 }
8206 #lp-modal-choose-items .lp-choose-items .header .tabs {
8207 margin: 0;
8208 border-bottom: 1px solid #ddd;
8209 }
8210 #lp-modal-choose-items .lp-choose-items .header .tabs .tab {
8211 display: inline-block;
8212 position: relative;
8213 margin: 0;
8214 }
8215 #lp-modal-choose-items .lp-choose-items .header .tabs .tab:not(:last-child)::before {
8216 position: absolute;
8217 top: 50%;
8218 right: 0;
8219 height: 44px;
8220 margin-top: -22px;
8221 border-right: 1px solid #ddd;
8222 content: "";
8223 }
8224 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active::after {
8225 display: inline-block;
8226 position: absolute;
8227 bottom: -6px;
8228 left: 50%;
8229 width: 10px;
8230 height: 10px;
8231 margin-left: -6px;
8232 border: 1px solid #ddd;
8233 border-right: 0;
8234 border-bottom: 0;
8235 background: #fff;
8236 content: "";
8237 transform: rotate(45deg);
8238 }
8239 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active a {
8240 color: #0073aa;
8241 }
8242 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a {
8243 display: inline-block;
8244 height: 44px;
8245 padding: 0 20px;
8246 color: #333;
8247 font-weight: 600;
8248 line-height: 2.75rem;
8249 text-decoration: none;
8250 }
8251 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a:focus {
8252 box-shadow: none;
8253 }
8254 #lp-modal-choose-items .lp-choose-items .header .close {
8255 display: inline-block;
8256 position: absolute;
8257 z-index: 30;
8258 top: 0;
8259 right: 0;
8260 padding: 12px;
8261 font-size: 1em;
8262 cursor: pointer;
8263 }
8264 #lp-modal-choose-items .lp-choose-items .main {
8265 overflow: hidden;
8266 position: relative;
8267 padding: 20px;
8268 border-bottom: 1px solid #ddd;
8269 }
8270 #lp-modal-choose-items .lp-choose-items .main .section-item {
8271 display: block;
8272 overflow: hidden;
8273 max-width: 100%;
8274 white-space: nowrap;
8275 text-overflow: ellipsis;
8276 cursor: pointer;
8277 transition: color 200ms ease-out;
8278 }
8279 #lp-modal-choose-items .lp-choose-items .main .section-item::before {
8280 position: relative;
8281 top: 3px;
8282 font-family: Dashicons;
8283 }
8284 #lp-modal-choose-items .lp-choose-items .main .search {
8285 margin-bottom: 20px;
8286 background: transparent;
8287 }
8288 #lp-modal-choose-items .lp-choose-items .main .search input.modal-search-input {
8289 width: 100%;
8290 height: 36px;
8291 padding: 0 14px;
8292 font-size: 1rem;
8293 line-height: 2.25rem;
8294 }
8295 #lp-modal-choose-items .lp-choose-items .main .list-items {
8296 overflow-y: auto;
8297 position: relative;
8298 min-height: 260px;
8299 max-height: 460px;
8300 margin: 0;
8301 }
8302 #lp-modal-choose-items .lp-choose-items .main .list-items li {
8303 margin: 15px 0;
8304 cursor: pointer;
8305 }
8306 #lp-modal-choose-items .lp-choose-items .main .pagination .index {
8307 margin-left: 20px;
8308 line-height: 1.75rem;
8309 }
8310 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview {
8311 overflow: auto;
8312 position: absolute;
8313 z-index: 2;
8314 top: 0;
8315 right: 0;
8316 bottom: 0;
8317 left: 0;
8318 max-height: 420px;
8319 padding: 20px;
8320 background-color: #fff;
8321 transform: translate(100%, 0);
8322 }
8323 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview.show {
8324 transform: translate(0, 0);
8325 }
8326 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li {
8327 margin: 15px 0;
8328 }
8329 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li:first-child {
8330 margin: -10px 0 15px 0;
8331 }
8332 #lp-modal-choose-items .lp-choose-items .footer {
8333 padding: 20px;
8334 }
8335
8336 body.lp-item-moving {
8337 cursor: url("../../images/closedhand.cur") 7 5, default !important;
8338 }
8339
8340 @media screen and (max-width: 900px) {
8341 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row {
8342 display: block;
8343 width: auto;
8344 text-align: left;
8345 }
8346 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row > * {
8347 width: auto;
8348 }
8349 }
8350 /**
8351 * Style for the popup select item to add in LearnPress
8352 */
8353 .lp-select-items-popup {
8354 padding: 0 !important;
8355 grid-row: 1 !important;
8356 --swal2-close-button-font-size: 32px;
8357 }
8358 .lp-select-items-html-container {
8359 padding: 0 !important;
8360 }
8361
8362 .lp-popup-items-to-select {
8363 text-align: left;
8364 font-size: 1rem;
8365 /**
8366 * Style for the buttons
8367 */
8368 /* 5. Minimal Bottom Line */
8369 }
8370 .lp-popup-items-to-select .lp-btn-edit-primary {
8371 border: none;
8372 background: #135e96;
8373 color: #fff;
8374 }
8375 .lp-popup-items-to-select .lp-btn-edit-primary:not(.active) {
8376 opacity: 0.5;
8377 }
8378 .lp-popup-items-to-select .lp-btn-edit-primary:hover, .lp-popup-items-to-select .lp-btn-edit-primary.active, .lp-popup-items-to-select .lp-btn-edit-primary.active:hover {
8379 background: #135E96;
8380 color: #fff;
8381 opacity: 1;
8382 }
8383 .lp-popup-items-to-select .btn-line::after {
8384 content: "";
8385 position: absolute;
8386 bottom: 0;
8387 left: 0;
8388 height: 4px;
8389 width: 0%;
8390 background-color: #38bdf8;
8391 animation: lineLoad 2s ease-in-out infinite;
8392 }
8393 @keyframes lineLoad {
8394 0% {
8395 width: 0%;
8396 left: 0;
8397 }
8398 50% {
8399 width: 100%;
8400 left: 0;
8401 }
8402 100% {
8403 width: 0%;
8404 left: 100%;
8405 }
8406 }
8407 .lp-popup-items-to-select .header {
8408 position: relative;
8409 }
8410 .lp-popup-items-to-select .header .header-count-items-selected {
8411 border-bottom: 1px solid #C3C4C7;
8412 padding: 16px 20px;
8413 }
8414 .lp-popup-items-to-select .header .tabs {
8415 margin: 0;
8416 border-bottom: 1px solid #C3C4C7;
8417 }
8418 .lp-popup-items-to-select .header .tabs .tab {
8419 display: inline-block;
8420 position: relative;
8421 margin: 0;
8422 }
8423 .lp-popup-items-to-select .header .tabs .tab:not(:last-child)::before {
8424 position: absolute;
8425 top: 50%;
8426 right: 0;
8427 height: 44px;
8428 margin-top: -22px;
8429 border-right: 1px solid #C3C4C7;
8430 content: "";
8431 }
8432 .lp-popup-items-to-select .header .tabs .tab.active::after {
8433 display: inline-block;
8434 position: absolute;
8435 bottom: -6px;
8436 left: 50%;
8437 width: 10px;
8438 height: 10px;
8439 margin-left: -6px;
8440 border: 1px solid #C3C4C7;
8441 border-right: 0;
8442 border-bottom: 0;
8443 background: #fff;
8444 content: "";
8445 transform: rotate(45deg);
8446 }
8447 .lp-popup-items-to-select .header .tabs .tab.active a {
8448 color: #0073aa;
8449 }
8450 .lp-popup-items-to-select .header .tabs .tab a {
8451 display: inline-block;
8452 height: 44px;
8453 padding: 0 20px;
8454 color: #333;
8455 font-weight: 600;
8456 line-height: 2.75rem;
8457 text-decoration: none;
8458 }
8459 .lp-popup-items-to-select .header .tabs .tab a:focus {
8460 box-shadow: none;
8461 }
8462 .lp-popup-items-to-select .main {
8463 overflow: hidden;
8464 position: relative;
8465 padding: 20px;
8466 border-bottom: 1px solid #C3C4C7;
8467 }
8468 .lp-popup-items-to-select .main input.lp-search-title-item {
8469 width: 100%;
8470 font-size: 1rem;
8471 border: 1px solid #C3C4C7;
8472 margin-bottom: 10px;
8473 }
8474 .lp-popup-items-to-select .list-items, .lp-popup-items-to-select .list-items-selected {
8475 display: flex;
8476 flex-direction: column;
8477 overflow-y: auto;
8478 min-height: 260px;
8479 max-height: 50vh;
8480 margin: 0;
8481 }
8482 .lp-popup-items-to-select .list-items li, .lp-popup-items-to-select .list-items-selected li {
8483 margin: 0;
8484 cursor: pointer;
8485 padding: 10px;
8486 border: 1px solid white;
8487 }
8488 .lp-popup-items-to-select .list-items li:hover, .lp-popup-items-to-select .list-items-selected li:hover {
8489 background-color: #eff6ff;
8490 border-color: #e2eefe;
8491 }
8492 .lp-popup-items-to-select .list-items-selected li {
8493 display: flex;
8494 gap: 5px;
8495 align-items: center;
8496 color: #999;
8497 }
8498 .lp-popup-items-to-select .list-items-selected li .item-type {
8499 padding: 0;
8500 font-size: inherit;
8501 color: inherit;
8502 line-height: unset;
8503 }
8504 .lp-popup-items-to-select .list-items-selected li .item-title {
8505 color: #333;
8506 }
8507 .lp-popup-items-to-select .list-items-selected li.selected {
8508 background-color: #F4FCFF;
8509 }
8510 .lp-popup-items-to-select .list-items-selected li:hover .dashicons-remove {
8511 opacity: 1;
8512 }
8513 .lp-popup-items-to-select .list-items-selected .dashicons-remove {
8514 color: #E74C3C;
8515 opacity: 0.6;
8516 }
8517 .lp-popup-items-to-select .pagination {
8518 display: flex;
8519 flex-wrap: wrap;
8520 margin: 10px 0 -10px 0;
8521 align-items: center;
8522 flex-direction: column;
8523 gap: 10px;
8524 }
8525 .lp-popup-items-to-select .pagination::before {
8526 content: "";
8527 display: block;
8528 width: 100%;
8529 height: 1px;
8530 background-color: #ececec;
8531 position: relative;
8532 }
8533 .lp-popup-items-to-select .pagination li {
8534 margin: 0;
8535 cursor: pointer;
8536 }
8537 .lp-popup-items-to-select .pagination li .page-numbers {
8538 height: 30px;
8539 display: flex;
8540 align-items: center;
8541 justify-content: center;
8542 }
8543 .lp-popup-items-to-select .pagination li a {
8544 text-decoration: none;
8545 display: flex;
8546 align-items: center;
8547 }
8548 .lp-popup-items-to-select .footer {
8549 padding: 16px 20px;
8550 display: flex;
8551 gap: 5px;
8552 }
8553
8554 #learn-press-reset-course-users,
8555 #learn-press-reset-user-courses,
8556 #learn-press-reset-user-item {
8557 max-width: 100%;
8558 }
8559 #learn-press-reset-course-users table,
8560 #learn-press-reset-user-courses table,
8561 #learn-press-reset-user-item table {
8562 width: 100%;
8563 border-collapse: collapse;
8564 }
8565 #learn-press-reset-course-users .courses-list,
8566 #learn-press-reset-user-courses .courses-list,
8567 #learn-press-reset-user-item .courses-list {
8568 margin: 0;
8569 }
8570 #learn-press-reset-course-users input[type=text],
8571 #learn-press-reset-user-courses input[type=text],
8572 #learn-press-reset-user-item input[type=text] {
8573 min-width: 300px;
8574 height: 28px;
8575 margin-left: 0;
8576 }
8577 #learn-press-reset-course-users .action-reset.dashicons-trash,
8578 #learn-press-reset-user-courses .action-reset.dashicons-trash,
8579 #learn-press-reset-user-item .action-reset.dashicons-trash {
8580 color: #FF0000;
8581 }
8582 #learn-press-reset-course-users .action-reset.dashicons-update,
8583 #learn-press-reset-user-courses .action-reset.dashicons-update,
8584 #learn-press-reset-user-item .action-reset.dashicons-update {
8585 animation: rotating4 2s linear infinite;
8586 }
8587
8588 #learn-press-assign-course .description {
8589 margin-bottom: 10px;
8590 }
8591 #learn-press-assign-course label {
8592 display: block;
8593 margin-bottom: 5px;
8594 }
8595
8596 #learn-press-unassigned-course .description {
8597 margin-bottom: 10px;
8598 }
8599 #learn-press-unassigned-course label {
8600 display: block;
8601 margin-bottom: 5px;
8602 }
8603
8604 .lp-form-filter.lp-form-filter-reset-course-progress, .lp-form-filter.lp-form-filter-reset-item-progress {
8605 gap: 0;
8606 margin-bottom: 10px;
8607 }
8608
8609 .learn-press-tip {
8610 display: none;
8611 margin: 0 5px;
8612 color: #444;
8613 font-style: normal;
8614 font-weight: normal;
8615 line-height: 1;
8616 vertical-align: baseline;
8617 cursor: pointer;
8618 }
8619 .learn-press-tip.ready {
8620 display: inline-block;
8621 }
8622 .learn-press-tip::before {
8623 font-family: "lp-icon";
8624 content: "\f059";
8625 }
8626 .learn-press-tip:hover {
8627 opacity: 0.8;
8628 }
8629
8630 .learn-press-tip-floating {
8631 position: absolute;
8632 z-index: 9999999;
8633 min-width: 20px;
8634 margin-left: -1px;
8635 padding: 0.618em 1em;
8636 color: #fff;
8637 background: #383838;
8638 font-size: 0.8em;
8639 line-height: 1.2em;
8640 border-radius: 3px;
8641 }
8642 .learn-press-tip-floating > * {
8643 font-size: 0.8em;
8644 }
8645 .learn-press-tip-floating .close {
8646 display: inline-block;
8647 position: absolute;
8648 top: -8px;
8649 right: -8px;
8650 width: 16px;
8651 height: 16px;
8652 border: 1px solid #fff;
8653 color: #fff;
8654 background: #468fbc;
8655 line-height: 1rem;
8656 text-align: center;
8657 cursor: pointer;
8658 border-radius: 50%;
8659 }
8660 .learn-press-tip-floating .close::before {
8661 font-family: "lp-icon";
8662 content: "\f00d";
8663 }
8664 .learn-press-tip-floating p {
8665 margin: 0;
8666 }
8667 .learn-press-tip-floating::before {
8668 position: absolute;
8669 bottom: -6px;
8670 left: 50%;
8671 width: 0;
8672 height: 0;
8673 margin-left: -6px;
8674 border: 6px solid transparent;
8675 border-top-color: #383838;
8676 border-bottom-width: 0;
8677 content: "";
8678 }
8679
8680 .lp-group-step {
8681 border-bottom: 1px solid #eee;
8682 }
8683 .lp-group-step h3 {
8684 padding: 0 2em;
8685 }
8686 .lp-group-step label {
8687 margin-bottom: 5px;
8688 font-size: 0.8em;
8689 font-weight: 500;
8690 font-style: italic;
8691 }
8692 .lp-group-step .lp-item-step {
8693 display: flex;
8694 position: relative;
8695 min-height: 35px;
8696 margin: 0;
8697 padding: 1em 1em 1em 0;
8698 border-top: 1px solid #eee;
8699 align-items: center;
8700 cursor: pointer;
8701 }
8702 .lp-group-step .lp-item-step:hover {
8703 background: #eee;
8704 }
8705 .lp-group-step .lp-item-step.running .lp-item-step-left::before {
8706 opacity: 1;
8707 }
8708 .lp-group-step .lp-item-step.running .lp-item-step-left input {
8709 opacity: 0;
8710 }
8711 .lp-group-step .lp-item-step.running::before {
8712 display: block;
8713 position: absolute;
8714 width: 0;
8715 height: 100%;
8716 background: #0073aa;
8717 content: "";
8718 opacity: 0.1;
8719 transition: 0.8s linear;
8720 }
8721 .lp-group-step .lp-item-step.running .progress-bar {
8722 opacity: 0.1;
8723 }
8724 .lp-group-step .lp-item-step.completed .lp-item-step-left::after {
8725 opacity: 1;
8726 }
8727 .lp-group-step .lp-item-step.completed .lp-item-step-left input {
8728 opacity: 0;
8729 }
8730 .lp-group-step .lp-item-step.completed .progress-bar {
8731 width: 100%;
8732 opacity: 0.1;
8733 }
8734 .lp-group-step .lp-item-step.error .lp-item-step-left::after {
8735 opacity: 1;
8736 color: #dd3333;
8737 content: "\f335";
8738 }
8739 .lp-group-step .lp-item-step .progress-bar {
8740 display: block;
8741 position: absolute;
8742 top: 0;
8743 left: 0;
8744 width: 0;
8745 height: 100%;
8746 opacity: 0;
8747 background: rgba(124, 96, 217, 0.7490196078);
8748 transition: 0.8s linear;
8749 }
8750 .lp-group-step .lp-item-step-left {
8751 display: inline-flex;
8752 align-items: center;
8753 position: relative;
8754 padding: 0 2em;
8755 }
8756 .lp-group-step .lp-item-step-left::before {
8757 display: block;
8758 position: absolute;
8759 z-index: 2;
8760 width: 1em;
8761 height: 1em;
8762 border: 1px solid rgba(0, 0, 0, 0.1);
8763 border-top: 1px solid #3498db;
8764 border-radius: 50%;
8765 opacity: 0;
8766 content: "";
8767 -webkit-animation: lp-rotating 0.8s linear infinite;
8768 animation: lp-rotating 0.8s linear infinite;
8769 }
8770 .lp-group-step .lp-item-step-left::after {
8771 position: absolute;
8772 z-index: 1;
8773 left: 23px;
8774 opacity: 0;
8775 color: #4caf50;
8776 font-family: Dashicons;
8777 font-size: 1.5em;
8778 content: "\f147";
8779 }
8780
8781 .lp-group-steps-done {
8782 display: none;
8783 }
8784
8785 @keyframes lp-rotating {
8786 from {
8787 -webkit-transform: rotate(0deg);
8788 transform: rotate(0deg);
8789 }
8790 to {
8791 -webkit-transform: rotate(360deg);
8792 transform: rotate(360deg);
8793 }
8794 }
8795 @-webkit-keyframes lp-rotating {
8796 from {
8797 -webkit-transform: rotate(0deg);
8798 transform: rotate(0deg);
8799 }
8800 to {
8801 -webkit-transform: rotate(360deg);
8802 transform: rotate(360deg);
8803 }
8804 }
8805 .lp-loading-change {
8806 position: absolute;
8807 width: 100%;
8808 height: 100%;
8809 background: rgba(255, 255, 255, 0.38);
8810 top: 0;
8811 }
8812
8813 .lp-load-ajax-element {
8814 position: relative;
8815 }
8816
8817 @media screen and (max-width: 782px) {
8818 .learn-press-dropdown-pages .select2-container {
8819 vertical-align: top;
8820 }
8821 .learn-press-dropdown-pages .select2-container .select2-selection--single {
8822 height: 31px;
8823 }
8824 .learn-press-dropdown-pages .select2-selection__rendered {
8825 line-height: 31px !important;
8826 }
8827 #learn-press-advertisement {
8828 margin: 0 12px;
8829 padding-bottom: 0;
8830 }
8831 #learn-press-advertisement .slider-controls {
8832 bottom: 40px;
8833 }
8834 }
8835 .lp-skeleton-animation {
8836 margin: 0;
8837 padding: 0;
8838 list-style: none;
8839 }
8840 .lp-skeleton-animation > li {
8841 width: 100%;
8842 height: 16px;
8843 margin-top: 15px;
8844 border-radius: 2px;
8845 background: linear-gradient(90deg, hsla(0, 0%, 74.5%, 0.2) 25%, hsla(0, 0%, 50.6%, 0.24) 37%, hsla(0, 0%, 74.5%, 0.2) 63%);
8846 background-size: 400% 100%;
8847 list-style: none;
8848 animation: lp-skeleton-loading 1.4s ease infinite;
8849 }
8850
8851 @keyframes lp-skeleton-loading {
8852 0% {
8853 background-position: 100% 50%;
8854 }
8855 to {
8856 background-position: 0 50%;
8857 }
8858 }
8859 .lp-admin-statistics-tab-content {
8860 box-sizing: border-box;
8861 max-width: 100%;
8862 border: 1px solid #c3c4c7;
8863 background: #fff;
8864 }
8865 .lp-admin-statistics-tab-content .btn-group {
8866 display: flex;
8867 margin: 20px 0;
8868 gap: 10px;
8869 flex-direction: row;
8870 flex-wrap: wrap;
8871 }
8872 .lp-admin-statistics-tab-content .btn-group button.btn-filter-time {
8873 border: 1px solid #284BCA;
8874 color: #000;
8875 padding: 10px 24px;
8876 cursor: pointer;
8877 background: #fff;
8878 }
8879 .lp-admin-statistics-tab-content .btn-group .btn-filter-time.active {
8880 background: #284BCA;
8881 color: #fff;
8882 border: 1px solid #284BCA;
8883 }
8884 .lp-admin-statistics-tab-content .custom-filter-time {
8885 display: none;
8886 }
8887 .lp-admin-statistics-tab-content .statistics-content {
8888 background: white;
8889 border: 1px solid #D9D9D9;
8890 padding: 22px;
8891 }
8892 .lp-admin-statistics-tab-content .statistics-content .statistics-group {
8893 display: flex;
8894 justify-content: space-between;
8895 flex-direction: row;
8896 flex-wrap: wrap;
8897 gap: 10px;
8898 }
8899 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item {
8900 border: 1px solid #000;
8901 color: #000;
8902 padding: 15px 30px;
8903 display: flex;
8904 flex-direction: column;
8905 text-align: center;
8906 width: 100%;
8907 max-width: 150px;
8908 }
8909 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-title {
8910 font-size: 16px;
8911 line-height: 1.2;
8912 }
8913 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-count {
8914 font-size: 24px;
8915 line-height: 1.2;
8916 font-weight: 700;
8917 }
8918 .lp-admin-statistics-tab-content .statistics-content .statistics-title {
8919 color: #000;
8920 text-align: center;
8921 font-size: 24px;
8922 font-style: normal;
8923 font-weight: 700;
8924 line-height: normal;
8925 text-transform: capitalize;
8926 }
8927 .lp-admin-statistics-tab-content .statistics-content .statistics-chart-wrapper {
8928 padding: 10px 30px;
8929 }
8930 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics {
8931 display: flex;
8932 flex-direction: row;
8933 flex-wrap: wrap;
8934 justify-content: space-evenly;
8935 gap: 20px;
8936 margin-top: 20px;
8937 }
8938 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50 {
8939 flex: 1;
8940 }
8941 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50:first-child {
8942 border-right: 1px solid #D9D9D9;
8943 }
8944 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics li {
8945 font-size: 16px;
8946 line-height: 1.2;
8947 font-weight: 400;
8948 }
8949 .lp-admin-statistics-tab-content .statistics-content .top-course-analytics-title {
8950 margin-top: 0;
8951 font-size: 24px;
8952 line-height: 1.2;
8953 font-weight: 700;
8954 }
8955
8956 .lp-admin-statistics-tab-content > .lp-stats-kpi-grid {
8957 margin: 20px 20px 14px;
8958 }
8959
8960 .lp-admin-statistics-tab-content > .lp-stats-layout {
8961 margin: 0 20px 20px;
8962 }
8963
8964 .lp-stats-dashboard-body {
8965 padding: 20px;
8966 }
8967
8968 .lp-admin-statistics-tab-content .lp-stats-section.statistics-content {
8969 padding: 0;
8970 }
8971
8972 .lp-statistics-filter-bar {
8973 align-items: center;
8974 gap: 8px;
8975 margin: 0 !important;
8976 padding: 16px;
8977 border-bottom: 1px solid #dcdcde;
8978 background: #fff;
8979 }
8980
8981 .lp-stats-daterange {
8982 position: relative;
8983 }
8984 .lp-stats-daterange .lp-stats-daterange__toggle {
8985 display: flex;
8986 align-items: center;
8987 gap: 8px;
8988 min-height: 38px;
8989 padding: 8px 12px;
8990 border: 1px solid #c3c4c7;
8991 border-radius: 2px;
8992 background: #fff;
8993 color: #1d2327;
8994 font-size: 14px;
8995 font-weight: 500;
8996 line-height: 20px;
8997 cursor: pointer;
8998 }
8999 .lp-stats-daterange .lp-stats-daterange__toggle:hover, .lp-stats-daterange .lp-stats-daterange__toggle[aria-expanded=true] {
9000 border-color: #3858e9;
9001 color: #3858e9;
9002 }
9003 .lp-stats-daterange .lp-stats-daterange__toggle .dashicons {
9004 font-size: 18px;
9005 width: 18px;
9006 height: 18px;
9007 }
9008 .lp-stats-daterange .lp-stats-daterange__toggle .lp-stats-daterange__caret {
9009 font-size: 14px;
9010 width: 14px;
9011 height: 14px;
9012 color: #646970;
9013 }
9014 .lp-stats-daterange .lp-stats-daterange__panel {
9015 position: absolute;
9016 z-index: 100;
9017 top: calc(100% + 4px);
9018 inset-inline-start: 0;
9019 min-width: 280px;
9020 border: 1px solid #c3c4c7;
9021 border-radius: 2px;
9022 background: #fff;
9023 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
9024 }
9025 .lp-stats-daterange .lp-stats-daterange__tabs {
9026 display: flex;
9027 border-bottom: 1px solid #dcdcde;
9028 }
9029 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab {
9030 flex: 1;
9031 padding: 10px 16px;
9032 border: 0;
9033 border-bottom: 2px solid transparent;
9034 background: none;
9035 color: #646970;
9036 font-size: 13px;
9037 font-weight: 600;
9038 cursor: pointer;
9039 }
9040 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab.active {
9041 border-bottom-color: #3858e9;
9042 color: #3858e9;
9043 }
9044 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab:focus-visible {
9045 outline: 1.5px solid #3858e9;
9046 outline-offset: -2px;
9047 }
9048 .lp-stats-daterange .lp-stats-daterange__presets {
9049 max-height: 320px;
9050 margin: 0;
9051 padding: 8px 0;
9052 overflow-y: auto;
9053 list-style: none;
9054 }
9055 .lp-stats-daterange .lp-stats-daterange__presets li {
9056 margin: 0;
9057 }
9058 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset {
9059 display: flex;
9060 align-items: center;
9061 gap: 8px;
9062 padding: 7px 16px;
9063 font-size: 13px;
9064 cursor: pointer;
9065 }
9066 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset:hover {
9067 background: #f0f0f1;
9068 }
9069 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset input[type=radio] {
9070 margin: 0;
9071 }
9072 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] {
9073 padding: 16px;
9074 }
9075 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields {
9076 display: flex;
9077 gap: 12px;
9078 margin-bottom: 12px;
9079 }
9080 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields label {
9081 display: flex;
9082 flex-direction: column;
9083 gap: 4px;
9084 font-size: 12px;
9085 color: #646970;
9086 }
9087 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields input[type=date] {
9088 min-height: 34px;
9089 }
9090 .lp-stats-daterange .lp-stats-daterange__compare {
9091 margin: 0;
9092 padding: 12px 16px 14px;
9093 border: 0;
9094 border-top: 1px solid #dcdcde;
9095 }
9096 .lp-stats-daterange .lp-stats-daterange__compare legend {
9097 padding: 12px 0 6px;
9098 font-size: 12px;
9099 font-weight: 600;
9100 color: #646970;
9101 text-transform: uppercase;
9102 }
9103 .lp-stats-daterange .lp-stats-daterange__compare label {
9104 display: flex;
9105 align-items: center;
9106 gap: 8px;
9107 padding: 4px 0;
9108 font-size: 13px;
9109 cursor: pointer;
9110 }
9111 .lp-stats-daterange .lp-stats-daterange__compare label input[type=radio] {
9112 margin: 0;
9113 }
9114 @media screen and (max-width: 782px) {
9115 .lp-stats-daterange .lp-stats-daterange__panel {
9116 min-width: 0;
9117 width: min(320px, 100vw - 48px);
9118 }
9119 }
9120
9121 .lp-stats-filter-scope {
9122 display: flex;
9123 align-items: center;
9124 gap: 8px;
9125 margin-inline-start: auto;
9126 }
9127 .lp-stats-filter-scope select {
9128 width: 145px;
9129 max-width: 180px;
9130 min-height: 36px;
9131 }
9132 .lp-stats-filter-scope .lp-stats-export-csv {
9133 min-height: 36px;
9134 border-color: #c3c4c7;
9135 background: #f6f7f7;
9136 font-weight: 500;
9137 }
9138
9139 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
9140 position: relative;
9141 box-sizing: border-box;
9142 height: 360px;
9143 max-height: 380px;
9144 padding: 20px;
9145 }
9146 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper canvas {
9147 width: 100% !important;
9148 height: 100% !important;
9149 max-height: 100%;
9150 }
9151 @media screen and (max-width: 782px) {
9152 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
9153 height: 280px;
9154 padding: 16px;
9155 }
9156 }
9157
9158 .lp-stats-kpi-grid {
9159 display: grid;
9160 grid-template-columns: repeat(6, 1fr);
9161 gap: 16px;
9162 margin-bottom: 14px;
9163 }
9164 @media screen and (max-width: 1400px) {
9165 .lp-stats-kpi-grid {
9166 grid-template-columns: repeat(3, 1fr);
9167 }
9168 }
9169 @media screen and (max-width: 782px) {
9170 .lp-stats-kpi-grid {
9171 grid-template-columns: repeat(2, 1fr);
9172 }
9173 }
9174
9175 .lp-kpi-card {
9176 display: flex;
9177 flex-direction: column;
9178 gap: 4px;
9179 min-height: 110px;
9180 box-sizing: border-box;
9181 padding: 16px;
9182 border: 1px solid #dcdcde;
9183 background: #fff;
9184 }
9185 .lp-kpi-card.is-highlighted {
9186 border-color: #2271b1;
9187 box-shadow: inset 0 0 0 1px #2271b1;
9188 }
9189 .lp-kpi-card .lp-kpi-title {
9190 font-size: 12px;
9191 font-weight: 600;
9192 text-transform: uppercase;
9193 color: #8c8f94;
9194 }
9195 .lp-kpi-card .lp-kpi-value {
9196 font-size: 24px;
9197 font-weight: 700;
9198 line-height: 1.2;
9199 }
9200 .lp-kpi-card .lp-kpi-delta {
9201 font-size: 12px;
9202 font-weight: 600;
9203 }
9204 .lp-kpi-card .lp-kpi-delta.is-up {
9205 color: #00a32a;
9206 }
9207 .lp-kpi-card .lp-kpi-delta.is-down {
9208 color: #d63638;
9209 }
9210 .lp-kpi-card .lp-kpi-subline {
9211 font-size: 12px;
9212 color: #646970;
9213 }
9214 .lp-kpi-card .lp-kpi-progress {
9215 display: block;
9216 height: 6px;
9217 margin-top: 4px;
9218 background: #f0f0f1;
9219 overflow: hidden;
9220 }
9221 .lp-kpi-card .lp-kpi-progress__bar {
9222 display: block;
9223 height: 100%;
9224 background: #2271b1;
9225 }
9226
9227 .lp-badge {
9228 display: inline-block;
9229 padding: 2px 8px;
9230 border-radius: 3px;
9231 font-size: 12px;
9232 font-weight: 600;
9233 color: #fff;
9234 }
9235 .lp-badge--green {
9236 background: #00a32a;
9237 }
9238 .lp-badge--yellow {
9239 background: #dba617;
9240 }
9241 .lp-badge--red {
9242 background: #d63638;
9243 }
9244 .lp-badge--grey {
9245 background: #646970;
9246 }
9247
9248 .lp-risk--high {
9249 background: #d63638;
9250 }
9251 .lp-risk--high::before {
9252 content: "🔴";
9253 }
9254 .lp-risk--medium {
9255 background: #dba617;
9256 }
9257 .lp-risk--medium::before {
9258 content: "🟡";
9259 }
9260 .lp-risk--healthy {
9261 background: #00a32a;
9262 }
9263 .lp-risk--healthy::before {
9264 content: "🟢";
9265 }
9266
9267 .lp-stats-operations {
9268 margin: 0;
9269 padding: 16px;
9270 }
9271 .lp-stats-operations__row {
9272 display: flex;
9273 flex-wrap: wrap;
9274 align-items: baseline;
9275 gap: 8px;
9276 padding: 10px 0;
9277 border-bottom: 1px solid #dcdcde;
9278 }
9279 .lp-stats-operations__row:last-child {
9280 border-bottom: 0;
9281 }
9282 .lp-stats-operations__label {
9283 flex: 1;
9284 font-size: 13px;
9285 color: #646970;
9286 }
9287 .lp-stats-operations__value {
9288 font-weight: 700;
9289 font-size: 14px;
9290 }
9291 .lp-stats-operations__name {
9292 flex-basis: 100%;
9293 font-size: 12px;
9294 color: #646970;
9295 }
9296
9297 .lp-stats-table tbody tr:hover {
9298 background: #f6f7f7;
9299 }
9300 .lp-stats-table .lp-stats-course-performance-row,
9301 .lp-stats-table .lp-stats-instructor-performance-row {
9302 cursor: pointer;
9303 }
9304 .lp-stats-table tbody tr.is-highlighted {
9305 background: #f0f6fc;
9306 box-shadow: inset 3px 0 0 #2271b1;
9307 }
9308 .lp-stats-table .lp-stats-table__empty {
9309 color: #646970;
9310 text-align: center;
9311 padding: 24px 12px;
9312 }
9313
9314 .lp-admin-statistics-tab-content .lp-table-wrap,
9315 .lp-stats-report-modal .lp-table-wrap {
9316 border: 0;
9317 border-radius: 0;
9318 overflow-x: auto;
9319 }
9320 .lp-admin-statistics-tab-content table.lp-list-table,
9321 .lp-stats-report-modal table.lp-list-table {
9322 min-width: 0;
9323 }
9324
9325 .lp-stats-report-popup.swal2-popup {
9326 max-width: 1600px;
9327 }
9328
9329 .lp-stats-report-modal {
9330 text-align: start;
9331 }
9332 .lp-stats-report-modal__toolbar {
9333 display: flex;
9334 align-items: center;
9335 gap: 10px;
9336 padding: 10px 0;
9337 }
9338 .lp-stats-report-modal__toolbar .lp-stats-report-modal__search {
9339 flex: 1;
9340 max-width: 320px;
9341 }
9342 .lp-stats-report-modal__toolbar .lp-stats-report-modal__export {
9343 margin-inline-start: auto;
9344 }
9345 .lp-stats-report-modal__body {
9346 overflow: auto;
9347 max-height: 72vh;
9348 }
9349 .lp-stats-report-modal table.lp-list-table {
9350 min-width: 720px;
9351 }
9352 .lp-stats-report-modal__loading {
9353 padding: 40px 0;
9354 text-align: center;
9355 color: #646970;
9356 font-size: 14px;
9357 }
9358 .lp-stats-report-modal .lp-stats-report-table-footer {
9359 display: flex;
9360 align-items: center;
9361 justify-content: center;
9362 flex-wrap: wrap;
9363 gap: 10px;
9364 padding-top: 6px;
9365 }
9366 .lp-stats-report-modal .lp-stats-report-table-footer__count {
9367 color: #646970;
9368 font-size: 13px;
9369 }
9370
9371 .lp-stats-funnel {
9372 display: flex;
9373 flex-direction: column;
9374 gap: 14px;
9375 padding: 18px 16px 16px;
9376 }
9377 .lp-stats-funnel .lp-stats-funnel__step {
9378 display: grid;
9379 grid-template-columns: 1fr auto;
9380 gap: 6px 10px;
9381 }
9382 .lp-stats-funnel .lp-stats-funnel__label {
9383 font-size: 14px;
9384 }
9385 .lp-stats-funnel .lp-stats-funnel__track {
9386 grid-column: 1/-1;
9387 background: #f0f0f1;
9388 }
9389 .lp-stats-funnel .lp-stats-funnel__bar {
9390 display: block;
9391 height: 8px;
9392 min-width: 2px;
9393 background: #3858e9;
9394 }
9395 .lp-stats-funnel .lp-stats-funnel__step[data-step=failed] .lp-stats-funnel__bar {
9396 background: #d63638;
9397 }
9398 .lp-stats-funnel .lp-stats-funnel__count {
9399 font-size: 14px;
9400 font-weight: 600;
9401 }
9402
9403 .lp-stats-payment-health {
9404 margin: 0;
9405 padding: 16px;
9406 list-style: none;
9407 }
9408 .lp-stats-payment-health__row {
9409 display: flex;
9410 align-items: center;
9411 justify-content: space-between;
9412 gap: 12px;
9413 margin: 0;
9414 padding: 10px 0;
9415 border-bottom: 1px solid #dcdcde;
9416 }
9417 .lp-stats-payment-health__row:last-child {
9418 border-bottom: 0;
9419 }
9420 .lp-stats-payment-health__label {
9421 color: #1d2327;
9422 font-size: 14px;
9423 }
9424 .lp-stats-payment-health__count {
9425 font-size: 14px;
9426 font-weight: 600;
9427 }
9428
9429 .lp-stats-health-grid {
9430 display: grid;
9431 grid-template-columns: repeat(4, 1fr);
9432 gap: 10px;
9433 }
9434 @media screen and (max-width: 1200px) {
9435 .lp-stats-health-grid {
9436 grid-template-columns: repeat(2, 1fr);
9437 }
9438 }
9439 .lp-stats-health-grid .lp-stats-health-box {
9440 display: flex;
9441 flex-direction: column;
9442 gap: 4px;
9443 padding: 12px 15px;
9444 border: 1px solid #dcdcde;
9445 background: #fff;
9446 }
9447 .lp-stats-health-grid .lp-stats-health-box.is-alert {
9448 border-inline-start: 4px solid #d63638;
9449 }
9450 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__count {
9451 font-size: 20px;
9452 font-weight: 700;
9453 }
9454 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__label {
9455 font-size: 12px;
9456 color: #646970;
9457 }
9458
9459 .lp-stats-layout {
9460 display: grid;
9461 grid-template-columns: minmax(0, 1fr) 320px;
9462 gap: 20px;
9463 align-items: start;
9464 }
9465 @media screen and (max-width: 1200px) {
9466 .lp-stats-layout {
9467 grid-template-columns: minmax(0, 1fr);
9468 }
9469 }
9470 .lp-stats-layout .lp-stats-layout__sidebar > * + * {
9471 margin-top: 20px;
9472 }
9473
9474 .lp-stats-section {
9475 background: #fff;
9476 border: 1px solid #dcdcde;
9477 padding: 0;
9478 margin-bottom: 20px;
9479 overflow: hidden;
9480 }
9481 .lp-stats-section .lp-stats-section__header {
9482 display: flex;
9483 align-items: flex-start;
9484 justify-content: space-between;
9485 gap: 16px;
9486 min-height: 50px;
9487 box-sizing: border-box;
9488 padding: 14px 16px 12px;
9489 border-bottom: 1px solid #dcdcde;
9490 }
9491 .lp-stats-section .lp-stats-section__title {
9492 margin: 0;
9493 font-size: 16px;
9494 font-weight: 600;
9495 line-height: 24px;
9496 }
9497 .lp-stats-section > .lp-stats-section__title {
9498 padding: 14px 16px 12px;
9499 border-bottom: 1px solid #dcdcde;
9500 }
9501 .lp-stats-section .lp-stats-section__description {
9502 margin: 4px 0 0;
9503 color: #50575e;
9504 font-size: 13px;
9505 line-height: 20px;
9506 }
9507 .lp-stats-section .lp-stats-section__action {
9508 align-self: center;
9509 color: #3858e9;
9510 font-size: 14px;
9511 text-decoration: none;
9512 }
9513 .lp-stats-section > .lp-stats-health-grid,
9514 .lp-stats-section > .lp-stats-health-checks {
9515 margin: 0;
9516 padding: 16px;
9517 }
9518 .lp-stats-section > .lp-skeleton-animation {
9519 margin: 16px;
9520 }
9521
9522 .lp-stats-overview-grid {
9523 display: grid;
9524 gap: 20px;
9525 margin-top: 20px;
9526 }
9527 .lp-stats-overview-grid .lp-stats-section {
9528 margin-bottom: 0;
9529 }
9530 .lp-stats-overview-grid:first-of-type {
9531 margin-top: 0;
9532 }
9533 .lp-stats-overview-grid--chart {
9534 grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
9535 }
9536 .lp-stats-overview-grid--chart .lp-stats-section {
9537 min-height: 440px;
9538 }
9539 .lp-stats-overview-grid--tables {
9540 grid-template-columns: repeat(2, minmax(0, 1fr));
9541 }
9542 .lp-stats-overview-grid--health {
9543 grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
9544 }
9545 @media screen and (max-width: 1200px) {
9546 .lp-stats-overview-grid {
9547 grid-template-columns: minmax(0, 1fr);
9548 }
9549 }
9550
9551 .lp-stats-health-checks {
9552 list-style: none;
9553 }
9554 .lp-stats-health-checks li {
9555 margin: 0;
9556 border-bottom: 1px solid #dcdcde;
9557 }
9558 .lp-stats-health-checks li:last-child {
9559 border-bottom: 0;
9560 }
9561 .lp-stats-health-checks a {
9562 display: flex;
9563 align-items: center;
9564 justify-content: space-between;
9565 gap: 12px;
9566 padding: 10px 0;
9567 text-decoration: none;
9568 }
9569 .lp-stats-health-checks .lp-stats-health-check__count {
9570 order: 2;
9571 font-weight: 600;
9572 }
9573
9574 table.lp-material--table {
9575 border-collapse: collapse;
9576 width: 100%;
9577 }
9578 table.lp-material--table td, table.lp-material--table th {
9579 border: 1px solid #dddddd;
9580 text-align: left;
9581 padding: 8px;
9582 }
9583 table.lp-material--table thead.hidden {
9584 display: none;
9585 }
9586 table.lp-material--table td.sort {
9587 cursor: move;
9588 }
9589 table.lp-material--table tr:nth-child(even) {
9590 background-color: rgba(221, 221, 221, 0.2509803922);
9591 }
9592
9593 .lp-material--field-wrap {
9594 display: flex;
9595 flex-direction: row;
9596 align-items: center;
9597 padding-block: 5px;
9598 }
9599
9600 .lp-material--field-wrap label {
9601 min-width: 70px;
9602 }
9603
9604 .lp-material--group {
9605 margin-top: 10px;
9606 padding: 10px;
9607 border: 1px solid #dedede;
9608 border-radius: 10px;
9609 box-shadow: 2px 2px rgba(180, 180, 180, 0.2);
9610 }
9611
9612 .lp-material-btn-wrap {
9613 margin-bottom: 10px;
9614 }
9615
9616 .lp-material-btn-wrap.loading::before:before, #btn-lp--save-material.loading:before {
9617 position: absolute;
9618 inset: 0;
9619 display: flex;
9620 align-items: center;
9621 justify-content: center;
9622 font-family: "lp-icon";
9623 content: "\f110";
9624 animation: lp-rotating 1s linear infinite;
9625 font-variant: normal;
9626 text-transform: none;
9627 -webkit-font-smoothing: antialiased;
9628 -moz-osx-font-smoothing: grayscale;
9629 color: black;
9630 }
9631
9632 .button.lp-material--delete {
9633 color: white;
9634 border-color: red;
9635 background: red;
9636 vertical-align: top;
9637 }
9638
9639 .lp-material--field-wrap.field-action-wrap {
9640 display: flex;
9641 justify-content: space-between;
9642 }
9643
9644 .lp-meta-box .lp-material--field-wrap input {
9645 width: 100%;
9646 }
9647
9648 #available-to-upload {
9649 font-weight: bold;
9650 }
9651
9652 .learnpress-block-pagination,
9653 .learn-press-pagination {
9654 margin: 20px 0;
9655 text-align: center;
9656 }
9657 .learnpress-block-pagination .page-numbers,
9658 .learn-press-pagination .page-numbers {
9659 display: inline-flex;
9660 gap: 5px;
9661 flex-wrap: wrap;
9662 margin: 0;
9663 padding: 0;
9664 border: 0;
9665 outline: 0;
9666 background: transparent;
9667 list-style: none;
9668 }
9669 .learnpress-block-pagination .page-numbers > li,
9670 .learn-press-pagination .page-numbers > li {
9671 display: inline-block;
9672 margin: 0;
9673 }
9674 .learnpress-block-pagination .page-numbers > li .page-numbers,
9675 .learn-press-pagination .page-numbers > li .page-numbers {
9676 float: unset;
9677 padding: 0 12px;
9678 color: #666;
9679 text-decoration: none;
9680 }
9681 .learnpress-block-pagination .page-numbers > li .page-numbers.current,
9682 .learn-press-pagination .page-numbers > li .page-numbers.current {
9683 color: var(--lp-primary-color);
9684 font-weight: 400;
9685 }
9686 .learnpress-block-pagination .page-numbers > li .page-numbers:hover,
9687 .learn-press-pagination .page-numbers > li .page-numbers:hover {
9688 color: var(--lp-primary-color);
9689 }
9690
9691 .lp-instructor-info {
9692 display: flex;
9693 gap: 30px;
9694 margin-top: 30px;
9695 margin-bottom: 30px;
9696 }
9697 @media (max-width: 600px) {
9698 .lp-instructor-info {
9699 flex-wrap: wrap;
9700 }
9701 }
9702 .lp-instructor-info .lp-section-instructor {
9703 flex: 1;
9704 }
9705 .lp-instructor-info .instructor-display-name {
9706 font-size: 1.4rem;
9707 }
9708 .lp-instructor-info .instructor-avatar {
9709 max-width: 200px;
9710 }
9711 .lp-instructor-info .lp-instructor-meta {
9712 margin-top: 16px;
9713 display: flex;
9714 column-gap: 20px;
9715 row-gap: 8px;
9716 }
9717 .lp-instructor-info .instructor-description {
9718 margin-top: 16px;
9719 }
9720 .lp-instructor-info img {
9721 max-width: 100%;
9722 border-radius: var(--lp-border-radius, 5px);
9723 }
9724 .lp-instructor-info .instructor-social {
9725 display: inline-flex;
9726 padding: 0;
9727 gap: 12px;
9728 margin: 16px 0 0 0;
9729 }
9730 .lp-instructor-info .instructor-social > a {
9731 text-align: center;
9732 list-style: none;
9733 }
9734 .lp-instructor-info .instructor-social > a span {
9735 display: none;
9736 }
9737 .lp-instructor-info .instructor-social > a i {
9738 width: 40px;
9739 height: 40px;
9740 display: inline-flex;
9741 align-items: center;
9742 justify-content: center;
9743 border: 1px solid #C3C4C7;
9744 border-radius: 50%;
9745 }
9746 .lp-instructor-info .instructor-social > a i:hover {
9747 background-color: var(--lp-primary-color, #ffb606);
9748 border-color: var(--lp-primary-color, #ffb606);
9749 color: var(--lp-color-white, #fff);
9750 }
9751
9752 .instructor-display-name {
9753 font-weight: var(--lp-font-weight-link, 600);
9754 }
9755
9756 .instructor-item-meta {
9757 display: inline-flex;
9758 border-left: 1px solid #C3C4C7;
9759 padding-left: 20px;
9760 }
9761
9762 .lp-instructor-meta .instructor-item-meta:first-child {
9763 border: none;
9764 padding-left: 0;
9765 }
9766
9767 .wrapper-instructor-total-students, .wrapper-instructor-total-courses {
9768 display: flex;
9769 gap: 4px;
9770 align-items: center;
9771 }
9772
9773 .course-extra-box {
9774 margin-bottom: 16px;
9775 border: 1px solid #C3C4C7;
9776 border-radius: var(--lp-border-radius, 5px);
9777 width: 100%;
9778 }
9779 .course-extra-box.active .course-extra-box__content {
9780 height: auto;
9781 }
9782 .course-extra-box__title {
9783 --extra-height: 50px;
9784 display: flex;
9785 align-items: center;
9786 position: relative;
9787 height: var(--extra-height);
9788 margin: 0 !important;
9789 padding: 0 45px 0 20px;
9790 background: rgba(181, 187, 211, 0.15);
9791 font-size: 1em;
9792 font-weight: 700;
9793 cursor: pointer;
9794 }
9795 @media (max-width: 767px) {
9796 .course-extra-box__title {
9797 padding-left: 16px;
9798 }
9799 }
9800 .course-extra-box__title::after {
9801 position: absolute;
9802 top: 0;
9803 right: 20px;
9804 font-family: "lp-icon";
9805 line-height: var(--extra-height);
9806 content: "\f107";
9807 }
9808 .course-extra-box__content {
9809 overflow: hidden;
9810 transition: height 0.3s ease;
9811 }
9812 .course-extra-box__content-inner {
9813 animation-name: course-extra-box__content-inner-transform;
9814 animation-duration: 0.3s;
9815 animation-timing-function: ease-in-out;
9816 animation-iteration-count: 1;
9817 animation-direction: normal;
9818 }
9819 .course-extra-box__content-inner > ul {
9820 padding-left: 0 !important;
9821 padding-bottom: 0 !important;
9822 }
9823 .course-extra-box__content ul,
9824 .course-extra-box__content li {
9825 list-style: none;
9826 }
9827 .course-extra-box__content ul {
9828 margin: 0;
9829 padding: 0;
9830 }
9831 .course-extra-box__content li {
9832 margin: 0;
9833 padding: 12px 20px;
9834 border-bottom: 1px solid #C3C4C7;
9835 }
9836 @media (max-width: 767px) {
9837 .course-extra-box__content li {
9838 padding-left: 16px;
9839 padding-right: 16px;
9840 }
9841 }
9842 .course-extra-box__content li::before {
9843 margin-right: 8px;
9844 color: var(--lp-primary-color);
9845 font-family: "lp-icon";
9846 content: "\f00c";
9847 }
9848 .course-extra-box__content li:last-child {
9849 border-bottom: 0;
9850 }
9851 .course-extra-box:last-child {
9852 margin-bottom: 60px;
9853 }
9854 .course-extra-box.active .course-extra-box__title::after {
9855 content: "\f106";
9856 }
9857 .course-extra-box + .comment-respond, .course-extra-box + .comments-area {
9858 margin-top: 30px;
9859 margin-bottom: 30px;
9860 }
9861 .course-extra-box + .course-tabs {
9862 margin-top: 30px;
9863 }
9864
9865 input[name=course-extra-box-ratio] {
9866 display: none;
9867 }
9868 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content {
9869 display: block;
9870 }
9871 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content .course-extra-box__content-inner {
9872 transform: scale(1);
9873 }
9874
9875 @-webkit-keyframes course-extra-box__content-inner-transform {
9876 from {
9877 opacity: 0;
9878 -webkit-transform: translateX(5%);
9879 transform: translateX(5%);
9880 }
9881 to {
9882 opacity: 1;
9883 -webkit-transform: translateX(0%);
9884 transform: translateX(0%);
9885 }
9886 }
9887 @keyframes course-extra-box__content-inner-transform {
9888 from {
9889 opacity: 0;
9890 transform: translateX(5%);
9891 }
9892 to {
9893 opacity: 1;
9894 transform: translateX(0%);
9895 }
9896 }
9897 .course-tab-panel-faqs .course-faqs-box {
9898 margin-bottom: 20px;
9899 border: 1px solid rgba(204, 204, 204, 0.6);
9900 border-radius: 5px;
9901 }
9902 .course-tab-panel-faqs .course-faqs-box__title {
9903 display: block;
9904 position: relative;
9905 margin: 0;
9906 padding: 12px 45px 12px 20px;
9907 font-size: 1em;
9908 line-height: 1.5;
9909 font-weight: var(--lp-font-weight-link, 600);
9910 cursor: pointer;
9911 }
9912 .course-tab-panel-faqs .course-faqs-box__title::after {
9913 position: absolute;
9914 top: 12px;
9915 right: 20px;
9916 font-family: "lp-icon";
9917 content: "\f067";
9918 }
9919 .course-tab-panel-faqs .course-faqs-box:last-child {
9920 margin-bottom: 40px;
9921 }
9922 .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
9923 color: var(--lp-primary-color);
9924 }
9925 .course-tab-panel-faqs .course-faqs-box__content {
9926 display: none;
9927 }
9928 .course-tab-panel-faqs .course-faqs-box__content-inner {
9929 padding: 20px;
9930 -webkit-animation-name: course-faqs-box__content-inner-transform;
9931 animation-name: course-faqs-box__content-inner-transform;
9932 -webkit-animation-duration: 0.3s;
9933 animation-duration: 0.3s;
9934 -webkit-animation-timing-function: ease-in-out;
9935 animation-timing-function: ease-in-out;
9936 -webkit-animation-iteration-count: 1;
9937 animation-iteration-count: 1;
9938 -webkit-animation-direction: normal;
9939 animation-direction: normal;
9940 }
9941
9942 input[name=course-faqs-box-ratio] {
9943 display: none;
9944 }
9945 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__content {
9946 display: block;
9947 }
9948 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title {
9949 color: var(--lp-primary-color);
9950 background: rgba(241, 242, 248, 0.4);
9951 }
9952 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title::after {
9953 content: "\f068";
9954 }
9955
9956 @-webkit-keyframes course-faqs-box__content-inner-transform {
9957 from {
9958 opacity: 0;
9959 -webkit-transform: translateY(-5%);
9960 transform: translateY(-5%);
9961 }
9962 to {
9963 opacity: 1;
9964 -webkit-transform: translateY(0%);
9965 transform: translateY(0%);
9966 }
9967 }
9968 @keyframes course-faqs-box__content-inner-transform {
9969 from {
9970 opacity: 0;
9971 -webkit-transform: translateY(-5%);
9972 transform: translateY(-5%);
9973 }
9974 to {
9975 opacity: 1;
9976 -webkit-transform: translateY(0%);
9977 transform: translateY(0%);
9978 }
9979 }
9980 .extra-box__title, .course-faqs__title, .course-material__title {
9981 margin-top: 0;
9982 margin-bottom: 12px;
9983 }
9984
9985 .edit-content {
9986 margin-left: 5px;
9987 }
9988
9989 .course-curriculum ul.curriculum-sections {
9990 position: relative;
9991 margin: 0;
9992 padding: 0;
9993 list-style: none;
9994 }
9995 .course-curriculum ul.curriculum-sections .closed .section-item__loadmore {
9996 display: none;
9997 }
9998 .course-curriculum ul.curriculum-sections .section {
9999 margin: 0;
10000 padding: 0;
10001 flex-wrap: wrap;
10002 }
10003 .course-curriculum ul.curriculum-sections .section:last-child {
10004 padding: 0;
10005 }
10006 .course-curriculum ul.curriculum-sections .section.section-empty .section-header {
10007 margin-bottom: 20px;
10008 }
10009 .course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message {
10010 margin-right: 15px;
10011 margin-left: 15px;
10012 }
10013 .course-curriculum ul.curriculum-sections .section-title.c + .section-desc {
10014 display: block;
10015 }
10016 .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
10017 -webkit-transform: rotate(180deg);
10018 transform: rotate(180deg);
10019 top: 0;
10020 }
10021 .course-curriculum ul.curriculum-sections .item-meta.duration {
10022 background: #d9e0f1;
10023 }
10024 .course-curriculum .section-item__loadmore {
10025 display: flex;
10026 justify-content: center;
10027 align-items: center;
10028 }
10029 .course-curriculum .section-item__loadmore button {
10030 margin-top: 10px;
10031 border: 1px solid #C3C4C7;
10032 border-radius: var(--lp-border-radius, 5px);
10033 padding: 8px 16px;
10034 box-shadow: none;
10035 outline: none;
10036 }
10037 .course-curriculum .section-item__loadmore.loading button:before {
10038 position: absolute;
10039 inset: 0;
10040 display: flex;
10041 align-items: center;
10042 justify-content: center;
10043 font-family: "lp-icon";
10044 content: "\f110";
10045 animation: lp-rotating 1s linear infinite;
10046 font-variant: normal;
10047 text-transform: none;
10048 -webkit-font-smoothing: antialiased;
10049 -moz-osx-font-smoothing: grayscale;
10050 color: black;
10051 }
10052 .course-curriculum .section-header {
10053 display: table;
10054 width: 100%;
10055 padding: 20px 0;
10056 border-bottom: 0;
10057 border-bottom: 1px solid #d9e0f1;
10058 cursor: pointer;
10059 -webkit-box-sizing: border-box;
10060 box-sizing: border-box;
10061 }
10062 .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
10063 margin: 0;
10064 }
10065 .course-curriculum .section-header span.show-desc {
10066 display: inline-block;
10067 position: absolute;
10068 top: 50%;
10069 right: 30px;
10070 width: 20px;
10071 height: 20px;
10072 transform: translate(0, -50%);
10073 }
10074 .course-curriculum .section-header span.show-desc::before {
10075 font-family: "lp-icon";
10076 font-size: 1.125em;
10077 content: "\f107";
10078 }
10079 .course-curriculum .section-header span.show-desc:hover::before {
10080 border-top-color: #ccc;
10081 }
10082 .course-curriculum .section-header .section-desc {
10083 margin-top: 10px;
10084 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
10085 color: var(--lp-color-accent);
10086 font-style: italic;
10087 line-height: 1.3;
10088 }
10089 .course-curriculum .section-header .section-meta {
10090 display: block;
10091 padding-top: 17px;
10092 padding-bottom: 15px;
10093 font-size: 0.8em;
10094 text-align: right;
10095 vertical-align: middle;
10096 white-space: nowrap;
10097 }
10098 .course-curriculum .section-item {
10099 width: 100%;
10100 }
10101 .course-curriculum .section-content {
10102 margin: 0;
10103 padding: 0;
10104 list-style: none;
10105 }
10106 .course-curriculum .section-content .course-item-meta {
10107 display: table-cell;
10108 text-align: right;
10109 vertical-align: middle;
10110 white-space: nowrap;
10111 }
10112 .course-curriculum .section-content .course-item-meta .item-meta {
10113 display: inline-block;
10114 color: #fff;
10115 }
10116 .course-curriculum .section-content .course-item-meta .item-meta.final-quiz {
10117 background: #14c4ff;
10118 }
10119 .course-curriculum .section-content .course-item-meta .item-meta.trans {
10120 padding: 0;
10121 }
10122 .course-curriculum .section-content .course-item-meta .count-questions {
10123 background: #9672cf;
10124 }
10125 .course-curriculum .section-content .course-item-meta .duration {
10126 background: #c0c0c0;
10127 }
10128 .course-curriculum .section-content .course-item-meta .course-item-status {
10129 padding: 0;
10130 color: #999;
10131 }
10132 .course-curriculum .section-content .course-item-meta .course-item-status::before {
10133 font-family: "lp-icon";
10134 content: "\f00c";
10135 }
10136 .course-curriculum .section-content .course-item-preview {
10137 font-style: normal;
10138 padding: 0;
10139 }
10140 .course-curriculum .section-content .course-item-preview::before {
10141 font-family: "lp-icon";
10142 content: "\f06e";
10143 color: #999;
10144 }
10145 .course-curriculum .course-item {
10146 display: flex;
10147 position: relative;
10148 margin: 0 0 2px 0;
10149 padding: 0 16px;
10150 background: rgba(241, 242, 248, 0.4);
10151 transition: padding-left linear 0.15s;
10152 }
10153 .course-curriculum .course-item > span {
10154 display: flex;
10155 width: 28px;
10156 color: #666;
10157 font-weight: 300;
10158 align-items: center;
10159 }
10160 .course-curriculum .course-item .section-item-link {
10161 display: flex;
10162 align-items: flex-start;
10163 justify-content: space-between;
10164 width: 100%;
10165 padding: 12px 0;
10166 color: inherit;
10167 outline: none;
10168 gap: 12px;
10169 }
10170 .course-curriculum .course-item .section-item-link:hover .item-name {
10171 color: var(--lp-primary-color);
10172 }
10173 .course-curriculum .course-item .section-item-link::before {
10174 color: var(--lp-primary-color);
10175 font-family: "lp-icon";
10176 }
10177 .course-curriculum .course-item .section-item-link .course-item-info {
10178 width: 100%;
10179 }
10180 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre {
10181 display: flex;
10182 flex-flow: row-reverse;
10183 justify-content: flex-end;
10184 gap: 16px;
10185 align-items: center;
10186 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
10187 }
10188 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration {
10189 background: transparent;
10190 }
10191 .course-curriculum .course-item .item-name {
10192 font-weight: 600;
10193 }
10194 .course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
10195 content: "\f059";
10196 }
10197 .course-curriculum .course-item.course-item-lp_assignment .section-item-link::before {
10198 content: "\e929" !important;
10199 }
10200 .course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before {
10201 content: "\e92a" !important;
10202 }
10203 .course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
10204 content: "\f15b";
10205 }
10206 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before {
10207 content: "\f03d";
10208 }
10209 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before {
10210 content: "\f028";
10211 }
10212 .course-curriculum .course-item.item-locked .course-item-status::before {
10213 color: var(--lp-secondary-color);
10214 content: "\f023";
10215 }
10216 .course-curriculum .course-item.has-status {
10217 padding-top: 1px;
10218 }
10219 .course-curriculum .course-item.has-status.status-completed .course-item-status::before, .course-curriculum .course-item.has-status.status-evaluated .course-item-status::before {
10220 color: #3bb54a;
10221 }
10222 .course-curriculum .course-item.has-status.item-failed .course-item-status::before, .course-curriculum .course-item.has-status.failed .course-item-status::before {
10223 border-color: #f02425;
10224 color: #f02425;
10225 content: "\f00d";
10226 }
10227 .course-curriculum .course-item::before {
10228 position: absolute;
10229 top: 50%;
10230 left: 0;
10231 width: 3px;
10232 height: 0;
10233 background: #00adff;
10234 content: "";
10235 transition: height linear 0.15s, top linear 0.15s;
10236 }
10237 .course-curriculum .course-item.current {
10238 background: #f9f9f9;
10239 }
10240 .course-curriculum .course-item.current a::before {
10241 left: 10px;
10242 }
10243 .course-curriculum .course-item.current::before {
10244 top: 0;
10245 height: 100%;
10246 }
10247 .course-curriculum .section-left {
10248 vertical-align: top;
10249 }
10250 .course-curriculum .section-left .section-title {
10251 font-weight: 700;
10252 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
10253 text-transform: capitalize;
10254 display: block;
10255 }
10256 .course-curriculum .curriculum-more__button {
10257 border: 1px solid #C3C4C7;
10258 border-radius: var(--lp-border-radius, 5px);
10259 padding: 8px 16px;
10260 box-shadow: none;
10261 outline: none;
10262 width: 100%;
10263 margin-top: 20px;
10264 margin-bottom: 20px;
10265 }
10266 .course-curriculum .curriculum-more__button.loading:before {
10267 position: absolute;
10268 inset: 0;
10269 display: flex;
10270 align-items: center;
10271 justify-content: center;
10272 font-family: "lp-icon";
10273 content: "\f110";
10274 animation: lp-rotating 1s linear infinite;
10275 font-variant: normal;
10276 text-transform: none;
10277 -webkit-font-smoothing: antialiased;
10278 -moz-osx-font-smoothing: grayscale;
10279 color: black;
10280 }
10281
10282 body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
10283 float: right;
10284 }
10285
10286 #wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before, #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before, #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
10287 top: 2px;
10288 font-family: "lp-icon";
10289 }
10290 #wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before {
10291 content: "\f017";
10292 }
10293 #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before {
10294 content: "\f15c";
10295 }
10296 #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
10297 content: "\f29c";
10298 }
10299
10300 .course-remaining-time .label-enrolled {
10301 font-size: inherit;
10302 }
10303
10304 .lp-course-progress {
10305 position: relative;
10306 }
10307 .lp-course-progress .lp-passing-conditional {
10308 position: absolute;
10309 top: 0;
10310 width: 3px;
10311 height: 6px;
10312 margin-left: -1px;
10313 background: var(--lp-secondary-color);
10314 }
10315
10316 .viewing-course-item .section-header .section-desc {
10317 display: none;
10318 }
10319
10320 .lp-course-curriculum ul, .lp-course-curriculum li {
10321 list-style: none;
10322 margin: 0;
10323 padding: 0;
10324 }
10325 .lp-course-curriculum .course-curriculum-info {
10326 display: flex;
10327 justify-content: space-between;
10328 gap: 20px;
10329 margin-bottom: 20px;
10330 }
10331 .lp-course-curriculum .course-curriculum-info__left {
10332 display: flex;
10333 align-items: center;
10334 flex-wrap: wrap;
10335 gap: 8px;
10336 }
10337 .lp-course-curriculum .course-curriculum-info__left li {
10338 display: inline-flex;
10339 align-items: center;
10340 gap: 8px;
10341 }
10342 .lp-course-curriculum .course-curriculum-info__left li::after {
10343 content: "";
10344 width: 4px;
10345 height: 4px;
10346 background-color: #C3C4C7;
10347 display: inline-block;
10348 }
10349 .lp-course-curriculum .course-curriculum-info__left li:last-child::after {
10350 content: none;
10351 }
10352 .lp-course-curriculum .course-curriculum-info__right {
10353 font-weight: var(--lp-font-weight-link, 600);
10354 text-align: right;
10355 text-transform: capitalize;
10356 }
10357 .lp-course-curriculum .course-toggle-all-sections {
10358 cursor: pointer;
10359 }
10360 .lp-course-curriculum .course-section {
10361 margin-bottom: 8px;
10362 border: 1px solid #C3C4C7;
10363 border-radius: var(--lp-border-radius, 5px);
10364 cursor: pointer;
10365 overflow: hidden;
10366 }
10367 .lp-course-curriculum .course-section.lp-collapse .course-section__items {
10368 display: none;
10369 animation: ease-in-out;
10370 }
10371 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-up {
10372 display: none;
10373 }
10374 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-down {
10375 display: block;
10376 }
10377 .lp-course-curriculum .course-section .lp-icon-angle-down {
10378 display: none;
10379 }
10380 .lp-course-curriculum .course-section:last-child {
10381 margin-bottom: 0;
10382 }
10383 .lp-course-curriculum .course-section .course-section-header {
10384 background-color: var(--lp-white-grey, #F7F7FB);
10385 padding: 20px;
10386 column-gap: 12px;
10387 display: flex;
10388 justify-content: space-between;
10389 }
10390 .lp-course-curriculum .course-section__title {
10391 font-weight: 600;
10392 font-size: 1.1em;
10393 line-height: 1.3em;
10394 }
10395 .lp-course-curriculum .course-section__description {
10396 margin: 4px 0 0 0;
10397 }
10398 .lp-course-curriculum .course-section .section-toggle {
10399 line-height: 1;
10400 }
10401 .lp-course-curriculum .course-section .section-toggle i {
10402 font-size: 24px;
10403 }
10404 .lp-course-curriculum .course-section .course-section-info {
10405 margin-left: 0;
10406 margin-right: auto;
10407 }
10408 .lp-course-curriculum .course-section .section-count-items {
10409 min-width: 24px;
10410 font-weight: 600;
10411 text-align: center;
10412 line-height: 1.3;
10413 white-space: nowrap;
10414 }
10415 .lp-course-curriculum .course-section .course-item {
10416 background-color: transparent;
10417 border-top: 1px solid #C3C4C7;
10418 padding: 12px 20px;
10419 margin: 0;
10420 }
10421 .lp-course-curriculum .course-section .course-item__link {
10422 display: flex;
10423 justify-content: space-between;
10424 width: 100%;
10425 column-gap: 12px;
10426 row-gap: 8px;
10427 position: relative;
10428 align-items: flex-start;
10429 color: inherit;
10430 }
10431 .lp-course-curriculum .course-section .course-item__info {
10432 display: flex;
10433 column-gap: 12px;
10434 row-gap: 8px;
10435 }
10436 .lp-course-curriculum .course-section .course-item__info .course-item-ico {
10437 min-width: 16px;
10438 }
10439 .lp-course-curriculum .course-section .course-item__content {
10440 display: flex;
10441 justify-content: space-between;
10442 column-gap: 12px;
10443 row-gap: 8px;
10444 align-items: baseline;
10445 flex: 1;
10446 }
10447 @media (max-width: 1024px) {
10448 .lp-course-curriculum .course-section .course-item__content {
10449 flex-wrap: wrap;
10450 }
10451 }
10452 .lp-course-curriculum .course-section .course-item__left:hover {
10453 color: var(--lp-primary-color, #ffb606);
10454 }
10455 .lp-course-curriculum .course-section .course-item__right {
10456 display: flex;
10457 column-gap: 12px;
10458 row-gap: 8px;
10459 align-items: center;
10460 flex: none;
10461 color: var(--lp-color-meta, #8a8a8a);
10462 flex-wrap: wrap;
10463 flex-direction: row-reverse;
10464 justify-content: flex-end;
10465 }
10466 @media (max-width: 1024px) {
10467 .lp-course-curriculum .course-section .course-item__right {
10468 width: 100%;
10469 order: 3;
10470 }
10471 }
10472 .lp-course-curriculum .course-section .course-item__status .course-item-ico {
10473 width: 24px;
10474 display: flex;
10475 justify-content: center;
10476 }
10477 .lp-course-curriculum .course-section .course-item-ico::before {
10478 content: "";
10479 display: inline-block;
10480 font-family: "lp-icon";
10481 font-weight: normal;
10482 }
10483 .lp-course-curriculum .course-section .course-item-ico.lp_lesson::before {
10484 content: "\f15b";
10485 }
10486 .lp-course-curriculum .course-section .course-item-ico.lp_quiz::before {
10487 content: "\f12e";
10488 }
10489 .lp-course-curriculum .course-section .course-item-ico.lp_assignment::before {
10490 content: "\e929";
10491 }
10492 .lp-course-curriculum .course-section .course-item-ico.lp_h5p::before {
10493 content: "\e92a";
10494 }
10495 .lp-course-curriculum .course-section .course-item-ico.preview::before {
10496 content: "\f06e";
10497 color: #999;
10498 }
10499 .lp-course-curriculum .course-section .course-item-ico.locked::before {
10500 content: "\f023";
10501 color: #999;
10502 }
10503 .lp-course-curriculum .course-section .course-item-ico.passed.completed::before {
10504 content: "\f00c";
10505 color: #3bb54a;
10506 }
10507 .lp-course-curriculum .course-section .course-item-ico.in-progress::before, .lp-course-curriculum .course-section .course-item-ico.completed::before {
10508 content: "\f00c";
10509 color: #999;
10510 }
10511 .lp-course-curriculum .course-section .course-item-ico.failed.completed::before {
10512 content: "\f00d";
10513 color: #f02425;
10514 }
10515 .lp-course-curriculum .course-section .course-item-ico.started::before {
10516 content: "\f00c";
10517 color: #999;
10518 }
10519 .lp-course-curriculum .course-section .course-item-ico.doing::before {
10520 content: "\e921";
10521 color: #999;
10522 }
10523
10524 .info-learning .course-progress > div {
10525 margin-bottom: 8px;
10526 }
10527 .info-learning .course-progress__line {
10528 width: 100%;
10529 background: #ccc;
10530 height: 5px;
10531 border-radius: 5px;
10532 position: relative;
10533 }
10534 .info-learning .course-progress__line__active {
10535 background: var(--lp-primary-color);
10536 height: 100%;
10537 border-radius: 5px;
10538 position: absolute;
10539 top: 0;
10540 left: 0;
10541 }
10542 .info-learning .course-progress__line__active {
10543 background: var(--lp-primary-color);
10544 height: 100%;
10545 border-radius: 5px;
10546 position: absolute;
10547 top: 0;
10548 left: 0;
10549 }
10550 .info-learning .course-progress__line__point {
10551 position: absolute;
10552 top: 0;
10553 width: 2px;
10554 height: 100%;
10555 background: var(--lp-secondary-color);
10556 }
10557 .info-learning .start-date, .info-learning .end-date {
10558 margin-bottom: 8px;
10559 }
10560
10561 /*
10562 Css for Block of Gutenberg
10563 */
10564 /**
10565 * Styles for all page of Block LP
10566 *
10567 * @since 4.2.3
10568 * @version 1.0.0
10569 */
10570 .lp-ico svg {
10571 width: 20px;
10572 height: 20px;
10573 }
10574
10575 .lp-hidden {
10576 display: none !important;
10577 }
10578
10579 .course-price .origin-price {
10580 text-decoration: line-through;
10581 margin-right: 4px;
10582 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
10583 opacity: 0.6;
10584 }
10585
10586 [class*=wp-block-learnpress] img,
10587 .block-editor-block-list__block img {
10588 max-width: 100%;
10589 height: auto;
10590 }
10591 [class*=wp-block-learnpress] .info-meta-item,
10592 .block-editor-block-list__block .info-meta-item {
10593 display: flex;
10594 gap: 4px;
10595 flex-wrap: wrap;
10596 }
10597 [class*=wp-block-learnpress] .info-meta-item i,
10598 .block-editor-block-list__block .info-meta-item i {
10599 color: var(--lp-primary-color, #ffb606);
10600 }
10601 [class*=wp-block-learnpress] .info-meta-left,
10602 .block-editor-block-list__block .info-meta-left {
10603 display: flex;
10604 gap: 8px;
10605 align-items: center;
10606 letter-spacing: 0;
10607 }
10608 [class*=wp-block-learnpress] a,
10609 .block-editor-block-list__block a {
10610 text-decoration: none;
10611 }
10612
10613 .wp-block-learnpress-course-image {
10614 overflow: hidden;
10615 }
10616
10617 .wp-block-learnpress-course-instructor > div > *,
10618 .wp-block-learnpress-course-categories > div > * {
10619 display: inline;
10620 vertical-align: middle;
10621 }
10622
10623 /*
10624 Breadcrumb
10625 */
10626 .wp-block-learnpress-breadcrumb ul {
10627 margin: 0 auto;
10628 list-style: none;
10629 padding: 0;
10630 }
10631 .wp-block-learnpress-breadcrumb li {
10632 display: inline-block;
10633 margin: 0;
10634 }
10635 .wp-block-learnpress-breadcrumb i {
10636 margin: 0 8px;
10637 }
10638 .wp-block-learnpress-breadcrumb a {
10639 color: inherit;
10640 }
10641
10642 .courses-btn-load-more {
10643 padding: 8px 24px;
10644 border-radius: var(--lp-border-radius, 5px);
10645 color: var(--lp-color-base, #333);
10646 border: 1px solid var(--lp-color-base, #333);
10647 font-size: var(--lp-font-size-base, 1em);
10648 transition: all 0.3s;
10649 display: block;
10650 background: transparent;
10651 text-decoration: none;
10652 text-align: center;
10653 cursor: pointer;
10654 margin: 20px auto;
10655 }
10656 .courses-btn-load-more:hover {
10657 background: var(--lp-primary-color, #ffb606);
10658 color: var(--lp-color-white, #fff);
10659 border-color: var(--lp-primary-color, #ffb606);
10660 }
10661
10662 .lp-overlay {
10663 display: none;
10664 position: fixed;
10665 z-index: 99999;
10666 top: 0;
10667 right: 0;
10668 bottom: 0;
10669 left: 0;
10670 width: 100%;
10671 height: 100%;
10672 background-color: rgba(209, 213, 219, 0.8);
10673 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10674 transition-duration: 150ms;
10675 transition-property: opacity;
10676 }
10677
10678 .lp-modal-dialog {
10679 display: flex;
10680 position: fixed;
10681 z-index: 9999;
10682 top: 0;
10683 right: 0;
10684 left: 0;
10685 width: 100%;
10686 min-height: 100vh;
10687 text-align: center;
10688 align-items: center;
10689 justify-content: center;
10690 /*.lp-button {
10691 cursor: pointer;
10692 border: 1px solid $border-color;
10693 border-radius: $border-radius-global;
10694 padding: $spacing-base-2x $spacing-base-4x;
10695
10696 &.loading {
10697 pointer-events: none;
10698 opacity: 0.8;
10699 @include loading();
10700 }
10701
10702 &:hover {
10703 border-color: $color-primary;
10704 color: #fff;
10705 background: $color-primary;
10706 }
10707 }*/
10708 }
10709 .lp-modal-dialog .learn-press-message {
10710 width: auto;
10711 margin: 0 !important;
10712 }
10713 .lp-modal-dialog .lp-modal-content {
10714 display: inline-block;
10715 overflow: hidden;
10716 z-index: 2;
10717 width: auto;
10718 max-width: 600px;
10719 border-radius: 8px;
10720 text-align: left;
10721 vertical-align: middle;
10722 background: white;
10723 color: black;
10724 }
10725 .lp-modal-dialog .lp-modal-content h2,
10726 .lp-modal-dialog .lp-modal-content h3 {
10727 margin: 0;
10728 }
10729 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
10730 border-bottom: 1px solid #eee;
10731 }
10732 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
10733 padding: 0 1em;
10734 }
10735 .lp-modal-dialog .lp-modal-header {
10736 background: #7c60d9;
10737 border-bottom: 1px solid #eee;
10738 padding: 1em;
10739 }
10740 .lp-modal-dialog .lp-modal-header h3 {
10741 margin: 0;
10742 color: white;
10743 font-weight: 400;
10744 }
10745 .lp-modal-dialog .lp-modal-body .main-content {
10746 max-height: 500px;
10747 overflow: auto;
10748 overscroll-behavior: contain;
10749 }
10750 .lp-modal-dialog .lp-modal-body .main-content h3,
10751 .lp-modal-dialog .lp-modal-body .main-content h2,
10752 .lp-modal-dialog .lp-modal-body .main-content .pd-2em {
10753 padding: 1em;
10754 }
10755 .lp-modal-dialog .lp-modal-footer {
10756 padding: 20px;
10757 background-color: #f9fafb;
10758 text-align: right;
10759 }
10760 .lp-modal-dialog .btn-yes {
10761 color: #fff;
10762 background-color: #7c60d9;
10763 }
10764 .lp-modal-dialog .lp_allow_repurchase_select {
10765 padding: 20px;
10766 background: #f7f7f7;
10767 }
10768 .lp-modal-dialog .lp_allow_repurchase_select > ul {
10769 margin: 0;
10770 padding: 0;
10771 list-style: none;
10772 }
10773 .lp-modal-dialog .lp_allow_repurchase_select > ul li label {
10774 display: flex;
10775 align-items: center;
10776 gap: 10px;
10777 }
10778
10779 .lp-button.btn-finish-course {
10780 cursor: pointer;
10781 width: 100%;
10782 padding: 12px 24px;
10783 background-color: var(--lp-primary-color, #ffb606);
10784 border-width: 0;
10785 border-radius: var(--lp-border-radius, 5px);
10786 border-color: var(--lp-primary-color, #ffb606);
10787 color: var(--lp-color-white, #fff);
10788 font-size: var(--lp-font-size-base, 1em);
10789 text-align: center;
10790 text-decoration: none;
10791 -webkit-transition: all 0.25s;
10792 transition: all 0.25s;
10793 }
10794 .lp-button.btn-finish-course:hover {
10795 background-color: var(--lp-secondary-color, #442e66);
10796 border-color: var(--lp-secondary-color, #442e66);
10797 }
10798
10799 /**
10800 * Mixin
10801 */
10802 @keyframes rotating4 {
10803 from {
10804 transform: rotate(0deg);
10805 }
10806 to {
10807 transform: rotate(360deg);
10808 }
10809 }
10810 @keyframes animation4 {
10811 from {
10812 left: -40%;
10813 width: 40%;
10814 }
10815 to {
10816 left: 100%;
10817 width: 10%;
10818 }
10819 }
10820 :root {
10821 --lp-cotainer-max-with: var(--lp-container-max-width);
10822 }
10823
10824 .wp-block-group {
10825 --lp-container-max-width: var(--wp--style--global--wide-size);
10826 }
10827
10828 .c-gap-4 {
10829 column-gap: 4px;
10830 }
10831
10832 .wp-block-learnpress-course-feature-review .featured-review__title {
10833 font-weight: var(--lp-font-weight-link, 600);
10834 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
10835 }
10836
10837 [class^=wp-block-learnpress] .extra-box ul {
10838 margin: 0 0 0 20px;
10839 padding: 0;
10840 }
10841
10842 .wp-block-learnpress-course-button-read-more,
10843 .wp-block-learnpress-course-button {
10844 cursor: pointer;
10845 padding: 12px 24px;
10846 background-color: var(--lp-primary-color, #ffb606);
10847 border-width: 0;
10848 border-radius: var(--lp-border-radius, 5px);
10849 border-color: var(--lp-primary-color, #ffb606);
10850 color: var(--lp-color-white, #fff);
10851 font-size: var(--lp-font-size-base, 1em);
10852 text-align: center;
10853 text-decoration: none;
10854 -webkit-transition: all 0.25s;
10855 transition: all 0.25s;
10856 }
10857 .wp-block-learnpress-course-button-read-more:hover,
10858 .wp-block-learnpress-course-button:hover {
10859 background-color: var(--lp-secondary-color, #442e66);
10860 border-color: var(--lp-secondary-color, #442e66);
10861 }
10862 .wp-block-learnpress-course-button-read-more.loading,
10863 .wp-block-learnpress-course-button.loading {
10864 pointer-events: none;
10865 opacity: 0.8;
10866 }
10867 .wp-block-learnpress-course-button-read-more.loading:before,
10868 .wp-block-learnpress-course-button.loading:before {
10869 position: absolute;
10870 inset: 0;
10871 display: flex;
10872 align-items: center;
10873 justify-content: center;
10874 font-family: "lp-icon";
10875 content: "\f110";
10876 animation: lp-rotating 1s linear infinite;
10877 font-variant: normal;
10878 text-transform: none;
10879 -webkit-font-smoothing: antialiased;
10880 -moz-osx-font-smoothing: grayscale;
10881 color: black;
10882 }
10883
10884 @media (min-width: 992px) {
10885 .lp-block-course-sidebar {
10886 margin-top: -260px;
10887 margin-block-start: -260px !important;
10888 }
10889 }
10890 .wp-block-learnpress-item-search .search-course {
10891 display: flex;
10892 position: relative;
10893 height: 70px;
10894 background: var(--lp-white-grey, #F7F7FB);
10895 }
10896 .wp-block-learnpress-item-search .search-course input[name=s] {
10897 display: block;
10898 width: 100%;
10899 margin-left: 30px;
10900 border: none;
10901 color: var(--lp-color-base, #333);
10902 background: transparent;
10903 box-shadow: none;
10904 height: auto;
10905 -webkit-box-sizing: border-box;
10906 box-sizing: border-box;
10907 }
10908 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
10909 color: #999;
10910 }
10911 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
10912 font-style: italic;
10913 }
10914 .wp-block-learnpress-item-search .search-course input[name=s]:focus {
10915 outline: 0;
10916 }
10917 .wp-block-learnpress-item-search .search-course button {
10918 position: absolute;
10919 top: 0;
10920 right: 10px;
10921 height: 70px;
10922 padding: 0 16px;
10923 border: 0;
10924 background: transparent;
10925 line-height: 1px;
10926 box-shadow: none;
10927 }
10928 .wp-block-learnpress-item-search .search-course button:focus {
10929 outline: none;
10930 }
10931 .wp-block-learnpress-item-search .search-course button i {
10932 color: var(--lp-color-accent, #666);
10933 }
10934 .wp-block-learnpress-item-search .search-course button.clear {
10935 display: none;
10936 }
10937 .wp-block-learnpress-item-search .search-course button.clear::before {
10938 content: "\f00d";
10939 }
10940
10941 .wp-block-learnpress-course-material .lp-button {
10942 padding: 12px 24px;
10943 border: 1px solid var(--lp-border-color, #E2E0DB);
10944 color: var(--lp-color-base, #333);
10945 background: transparent;
10946 box-shadow: unset;
10947 font-family: inherit;
10948 font-weight: 400;
10949 text-align: center;
10950 text-transform: capitalize;
10951 border-radius: var(--lp-border-radius, 5px);
10952 margin-top: 20px;
10953 -webkit-transition: all 0.25s;
10954 transition: all 0.25s;
10955 }
10956 .wp-block-learnpress-course-material .course-material-table {
10957 width: 100%;
10958 display: table;
10959 border-spacing: 0;
10960 border-collapse: collapse;
10961 }
10962 .wp-block-learnpress-course-material .course-material-table tbody tr:nth-child(even) td,
10963 .wp-block-learnpress-course-material .course-material-table .learnpress table tfoot tr:nth-child(even) td {
10964 background: var(--tb-even-color, #fafafa);
10965 }
10966 .wp-block-learnpress-course-material .course-material-table thead {
10967 box-sizing: border-box;
10968 border: 1px solid var(--lp-border-color, #e2e0db);
10969 }
10970 .wp-block-learnpress-course-material .course-material-table th,
10971 .wp-block-learnpress-course-material .course-material-table td {
10972 padding: 0.7em 1em;
10973 border: 1px solid var(--lp-border-color, #e2e0db);
10974 background: #fff;
10975 }
10976 .wp-block-learnpress-course-material .course-material-table th {
10977 border-bottom: none;
10978 background: var(--lp-white-grey, #f7f7fb);
10979 font-weight: 600;
10980 text-align: center;
10981 }
10982 .wp-block-learnpress-course-material .course-material-table th:first-child {
10983 text-align: left;
10984 }
10985 .wp-block-learnpress-course-material .course-material-table tr td {
10986 border: 1px solid var(--lp-border-color, #e2e0db);
10987 line-height: 1.4;
10988 }
10989 .wp-block-learnpress-course-material .course-material-table tr td:not(:first-child) {
10990 text-align: center;
10991 }
10992 .wp-block-learnpress-course-material .course-material-table tfoot td {
10993 text-align: left;
10994 font-weight: bold;
10995 }
10996 .wp-block-learnpress-course-material .course-material-table.searching button:before {
10997 display: inline-block;
10998 content: "\f110";
10999 animation: lp-rotating 1s linear infinite;
11000 }
11001
11002 .wp-block-learnpress-item-hidden-sidebar .section-toggle {
11003 justify-content: flex-end;
11004 flex: 0;
11005 }
11006 .wp-block-learnpress-item-hidden-sidebar .section-toggle i {
11007 color: var(--lp-color-accent, #666);
11008 }
11009
11010 .wp-block-learnpress-item-close .back-course {
11011 padding: 24px;
11012 line-height: 70px;
11013 background: rgba(255, 255, 255, 0.1);
11014 color: #fff;
11015 }
11016 .wp-block-learnpress-item-close .back-course:hover {
11017 background: rgba(255, 255, 255, 0.15);
11018 }
11019 @media (max-width: 768px) {
11020 .wp-block-learnpress-item-close .back-course {
11021 background: transparent;
11022 opacity: 0.6;
11023 padding-left: 15px;
11024 padding-right: 15px;
11025 }
11026 .wp-block-learnpress-item-close .back-course:hover {
11027 background: transparent;
11028 opacity: 1;
11029 }
11030 }
11031
11032 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle {
11033 display: inline-block;
11034 width: 32px;
11035 min-width: 32px;
11036 line-height: 70px;
11037 height: unset;
11038 margin: 0;
11039 background: rgba(255, 255, 255, 0.1);
11040 color: var(--lp-color-white, #fff);
11041 font-size: 1.4em;
11042 cursor: pointer;
11043 transition: 0.25s;
11044 -webkit-appearance: none;
11045 border: none;
11046 text-align: center;
11047 }
11048 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:after {
11049 display: none;
11050 }
11051 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle::before {
11052 display: inline-block;
11053 position: static;
11054 margin: 0;
11055 width: auto;
11056 height: auto;
11057 font-family: "lp-icon";
11058 content: "\f0d9";
11059 }
11060 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:focus {
11061 border: 0;
11062 outline: 0;
11063 }
11064
11065 .wp-block-learnpress-item-progress .items-progress {
11066 display: flex;
11067 justify-content: center;
11068 align-items: center;
11069 column-gap: 10px;
11070 white-space: nowrap;
11071 }
11072 .wp-block-learnpress-item-progress .number {
11073 padding-right: 10px;
11074 font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
11075 }
11076 .wp-block-learnpress-item-progress .learn-press-progress {
11077 overflow: hidden;
11078 position: relative;
11079 width: 80px;
11080 height: 6px;
11081 border-radius: 3px;
11082 }
11083 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg {
11084 overflow: hidden;
11085 position: relative;
11086 height: 6px;
11087 background: #ccc;
11088 border-radius: 5px;
11089 }
11090 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active {
11091 position: absolute;
11092 left: 50%;
11093 width: 100%;
11094 height: 100%;
11095 margin-left: -100%;
11096 background: var(--lp-primary-color, #ffb606);
11097 border-radius: 5px;
11098 }
11099 .wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active {
11100 position: absolute;
11101 z-index: 1;
11102 left: -100%;
11103 width: 100%;
11104 height: 100%;
11105 border-radius: 3px;
11106 background: var(--lp-primary-color, #ffb606);
11107 -webkit-transition: 0.5s;
11108 transition: 0.5s;
11109 }
11110 .wp-block-learnpress-item-progress .learn-press-progress::before {
11111 display: block;
11112 position: absolute;
11113 z-index: 0;
11114 top: 0;
11115 width: 100%;
11116 height: 100%;
11117 background: #ccc;
11118 content: "";
11119 }
11120
11121 .wp-block-learnpress-item-navigation .course-item-nav {
11122 display: flex;
11123 justify-content: space-between;
11124 }
11125 .wp-block-learnpress-item-navigation .course-item-nav .prev,
11126 .wp-block-learnpress-item-navigation .course-item-nav .next {
11127 display: flex;
11128 line-height: 3.125em;
11129 flex: 1;
11130 position: relative;
11131 }
11132 .wp-block-learnpress-item-navigation .course-item-nav .prev span,
11133 .wp-block-learnpress-item-navigation .course-item-nav .next span {
11134 display: block;
11135 font-weight: bold;
11136 }
11137 .wp-block-learnpress-item-navigation .course-item-nav .prev a,
11138 .wp-block-learnpress-item-navigation .course-item-nav .next a {
11139 display: block;
11140 color: var(--lp-color-accent, #666);
11141 color: #999;
11142 }
11143 .wp-block-learnpress-item-navigation .course-item-nav .prev::before,
11144 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
11145 color: #999;
11146 font-family: "lp-icon";
11147 }
11148 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover a, .wp-block-learnpress-item-navigation .course-item-nav .prev:hover::before,
11149 .wp-block-learnpress-item-navigation .course-item-nav .next:hover a,
11150 .wp-block-learnpress-item-navigation .course-item-nav .next:hover::before {
11151 color: var(--lp-primary-color, #ffb606);
11152 }
11153 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover .course-item-nav__name,
11154 .wp-block-learnpress-item-navigation .course-item-nav .next:hover .course-item-nav__name {
11155 display: block;
11156 }
11157 .wp-block-learnpress-item-navigation .course-item-nav .next {
11158 text-align: right;
11159 flex-direction: row-reverse;
11160 }
11161 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
11162 margin-left: 10px;
11163 content: "\f0da";
11164 }
11165 .wp-block-learnpress-item-navigation .course-item-nav .next[data-nav=next] {
11166 justify-content: flex-end;
11167 }
11168 .wp-block-learnpress-item-navigation .prev::before {
11169 margin-right: 10px;
11170 content: "\f0d9";
11171 }
11172 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
11173 right: auto;
11174 left: -30px;
11175 }
11176 .wp-block-learnpress-item-navigation .prev .course-item-nav__name::before {
11177 right: auto;
11178 left: 5px;
11179 }
11180 @media (max-width: 1024px) {
11181 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
11182 left: 15px;
11183 }
11184 }
11185 .wp-block-learnpress-item-navigation .course-item-nav__name {
11186 display: none;
11187 position: absolute;
11188 top: -20px;
11189 right: -30px;
11190 width: auto;
11191 padding: 10px 15px;
11192 color: var(--lp-color-accent, #666);
11193 background: #ccc;
11194 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
11195 line-height: 1;
11196 }
11197 @media (max-width: 1024px) {
11198 .wp-block-learnpress-item-navigation .course-item-nav__name {
11199 top: -25px;
11200 right: 15px;
11201 left: auto;
11202 }
11203 }
11204
11205 .wp-block-learnpress-item-curriculum .lp-course-curriculum__title,
11206 .wp-block-learnpress-item-curriculum .course-curriculum-info,
11207 .wp-block-learnpress-item-curriculum .course-section__description {
11208 display: none;
11209 }
11210
11211 .wp-block-learnpress-item-content .content-item-wrap {
11212 padding: 0;
11213 }
11214
11215 .wp-block-learnpress-item-curriculum .lp-course-curriculum .course-section .course-item__content {
11216 display: flex;
11217 justify-content: space-between;
11218 column-gap: 12px;
11219 row-gap: 8px;
11220 align-items: baseline;
11221 flex: 1;
11222 flex-direction: row;
11223 }
11224
11225 .wp-block-learnpress-list-courses .learn-press-courses .course {
11226 width: unset;
11227 padding: 0;
11228 }
11229
11230 .wp-block-learnpress-course-featured .course-featured {
11231 margin-bottom: 0;
11232 background-color: inherit;
11233 color: inherit;
11234 padding: 0;
11235 }
11236
11237 .courses-order-by,
11238 .block-courses-order-by {
11239 border: 1px solid var(--lp-border-color, #E2E0DB);
11240 border-radius: var(--lp-border-radius, 5px);
11241 padding: 8px 16px;
11242 height: inherit;
11243 font-size: inherit;
11244 line-height: 1.1;
11245 box-shadow: none;
11246 padding-right: 30px;
11247 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
11248 background-size: 0.8em;
11249 background-position: calc(100% - 0.5em) center;
11250 background-repeat: no-repeat;
11251 -webkit-appearance: none;
11252 appearance: none;
11253 line-height: 1.1;
11254 }
11255 .woocommerce-js .courses-order-by,
11256 .woocommerce-js .block-courses-order-by {
11257 background-position-x: calc(100% - 10px);
11258 }
11259 .courses-order-by:focus,
11260 .block-courses-order-by:focus {
11261 border-color: var(--lp-primary-color);
11262 outline: 0;
11263 }
11264
11265 .course-img img {
11266 display: block;
11267 }
11268
11269 .block-search-courses {
11270 display: flex;
11271 flex: 1;
11272 margin-bottom: 0;
11273 }
11274 .block-search-courses input {
11275 width: 100%;
11276 max-width: 240px;
11277 margin: 0 4px 0 0;
11278 border: 1px solid var(--lp-border-color, #E2E0DB);
11279 border-radius: var(--lp-border-radius, 5px);
11280 padding: 8px 16px;
11281 height: inherit;
11282 font-size: inherit;
11283 line-height: 1.1;
11284 box-shadow: none;
11285 }
11286 .block-search-courses input::placeholder {
11287 color: #999;
11288 }
11289 .block-search-courses input:focus {
11290 border-color: var(--lp-primary-color);
11291 outline: 0;
11292 }
11293 .block-search-courses button {
11294 border: 1px solid var(--lp-border-color, #E2E0DB);
11295 border-radius: var(--lp-border-radius, 5px);
11296 padding: 8px 16px;
11297 height: inherit;
11298 font-size: inherit;
11299 line-height: 1.1;
11300 box-shadow: none;
11301 box-shadow: 0 0 0;
11302 margin-bottom: 0;
11303 }
11304 .block-search-courses button i {
11305 font-size: 1.2em;
11306 line-height: 1.2;
11307 }
11308 .block-search-courses button:focus {
11309 outline: 0;
11310 }
11311 .block-search-courses button.loading > i:before {
11312 display: inline-block;
11313 content: "\f110";
11314 animation: lp-rotating 1s linear infinite;
11315 }
11316
11317 @media (max-width: 767px) {
11318 .wp-block-learnpress-course-search {
11319 width: 100%;
11320 }
11321 .wp-block-learnpress-course-search input {
11322 min-width: 240px;
11323 max-width: unset;
11324 }
11325 }
11326 .course-filter-btn-mobile {
11327 display: inline-flex;
11328 align-items: center;
11329 }
11330 @media (min-width: 769px) {
11331 .course-filter-btn-mobile {
11332 display: none;
11333 }
11334 }
11335
11336 ul.wp-block-learn-press-courses {
11337 list-style: none;
11338 margin: 0;
11339 max-width: 100%;
11340 padding: 0;
11341 }
11342 ul.wp-block-learn-press-courses[data-layout=grid] {
11343 --columns: 3;
11344 --gap: 1.25em;
11345 --min-width: 200px;
11346 grid-gap: var(--gap);
11347 display: grid;
11348 grid-template-columns: repeat(auto-fill, minmax(max(var(--min-width), 100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)), 1fr));
11349 margin-bottom: 2.25em;
11350 }
11351 @media (max-width: 768px) {
11352 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
11353 --columns: min(var(--columns), 2);
11354 }
11355 }
11356 @media (max-width: 480px) {
11357 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
11358 --columns: 1;
11359 }
11360 }
11361
11362 .wp-block-learnpress-course-price .course-price .free,
11363 .wp-block-learnpress-course-price .course-price .price {
11364 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
11365 font-weight: var(--lp-font-weight-link, 600);
11366 }
11367 .wp-block-learnpress-course-price .course-price .origin-price {
11368 margin-right: 8px;
11369 opacity: 0.8;
11370 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
11371 text-decoration: line-through;
11372 }
11373
11374 .wp-block-learnpress-course-button-read-more button {
11375 padding: 8px 24px;
11376 border-radius: var(--lp-border-radius, 5px);
11377 color: var(--lp-color-base, #333);
11378 border: 1px solid var(--lp-color-base, #333);
11379 transition: all 0.3s;
11380 display: block;
11381 background: transparent;
11382 text-decoration: none;
11383 text-align: center;
11384 }
11385 .wp-block-learnpress-course-button-read-more button:hover {
11386 background: var(--lp-primary-color, #ffb606);
11387 color: var(--lp-color-white, #fff);
11388 border-color: var(--lp-primary-color, #ffb606);
11389 }
11390
11391 .wp-block-learnpress-course-button .course-readmore a {
11392 padding: 8px 24px;
11393 border-radius: var(--lp-border-radius, 5px);
11394 color: var(--lp-color-base, #333);
11395 border: 1px solid var(--lp-color-base, #333);
11396 transition: all 0.3s;
11397 display: block;
11398 background: transparent;
11399 text-decoration: none;
11400 text-align: center;
11401 }
11402 .wp-block-learnpress-course-button .course-readmore a:hover {
11403 background: var(--lp-primary-color, #ffb606);
11404 color: var(--lp-color-white, #fff);
11405 border-color: var(--lp-primary-color, #ffb606);
11406 }
11407
11408 .courses-order-by-wrapper .courses-order-by {
11409 border: 1px solid var(--lp-border-color, #E2E0DB);
11410 border-radius: var(--lp-border-radius, 5px);
11411 padding: 8px 16px;
11412 height: inherit;
11413 font-size: inherit;
11414 line-height: 1.1;
11415 box-shadow: none;
11416 padding-right: 30px;
11417 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
11418 background-size: 0.8em;
11419 background-position: calc(100% - 0.5em) center;
11420 background-repeat: no-repeat;
11421 -webkit-appearance: none;
11422 appearance: none;
11423 line-height: 1.1;
11424 }
11425 .woocommerce-js .courses-order-by-wrapper .courses-order-by {
11426 background-position-x: calc(100% - 10px);
11427 }
11428 .courses-order-by-wrapper .courses-order-by:focus {
11429 border-color: var(--lp-primary-color, #ffb606);
11430 outline: 0;
11431 }
11432
11433 .wp-block-learnpress-course-filter h3 {
11434 margin-bottom: 20px;
11435 margin-top: 0;
11436 }
11437 .wp-block-learnpress-course-filter .filter .line {
11438 height: 15px;
11439 background: #ccc;
11440 margin-bottom: 10px;
11441 }
11442
11443 .wp-block-learnpress-course-search-filter,
11444 .wp-block-learnpress-course-level-filter,
11445 .wp-block-learnpress-course-author-filter,
11446 .wp-block-learnpress-course-price-filter,
11447 .wp-block-learnpress-course-categories-filter,
11448 .wp-block-learnpress-course-tag-filter {
11449 margin-bottom: 15px;
11450 padding-bottom: 15px;
11451 border-bottom: 1px solid #ccc;
11452 }
11453 .wp-block-learnpress-course-search-filter .lp-course-filter__field,
11454 .wp-block-learnpress-course-level-filter .lp-course-filter__field,
11455 .wp-block-learnpress-course-author-filter .lp-course-filter__field,
11456 .wp-block-learnpress-course-price-filter .lp-course-filter__field,
11457 .wp-block-learnpress-course-categories-filter .lp-course-filter__field,
11458 .wp-block-learnpress-course-tag-filter .lp-course-filter__field {
11459 position: relative;
11460 display: flex;
11461 align-items: center;
11462 gap: 10px;
11463 cursor: pointer;
11464 }
11465 .wp-block-learnpress-course-search-filter label,
11466 .wp-block-learnpress-course-level-filter label,
11467 .wp-block-learnpress-course-author-filter label,
11468 .wp-block-learnpress-course-price-filter label,
11469 .wp-block-learnpress-course-categories-filter label,
11470 .wp-block-learnpress-course-tag-filter label {
11471 flex: 1;
11472 }
11473 .wp-block-learnpress-course-search-filter span,
11474 .wp-block-learnpress-course-level-filter span,
11475 .wp-block-learnpress-course-author-filter span,
11476 .wp-block-learnpress-course-price-filter span,
11477 .wp-block-learnpress-course-categories-filter span,
11478 .wp-block-learnpress-course-tag-filter span {
11479 color: #999;
11480 }
11481
11482 .wp-block-learnpress-course-search-filter .search-box {
11483 width: 100%;
11484 height: 40px;
11485 border: 1px solid #ccc;
11486 border-radius: 5px;
11487 margin-top: 12px;
11488 }
11489
11490 .wp-block-learnpress-button-submit-filter,
11491 .wp-block-learnpress-button-reset-filter {
11492 box-sizing: border-box;
11493 text-transform: capitalize;
11494 border: 1px solid #ccc;
11495 border-radius: 4px;
11496 background: white;
11497 float: left;
11498 text-align: center;
11499 width: calc(50% - 8px);
11500 padding: 8px 30px;
11501 }
11502
11503 .wp-block-learnpress-button-submit-filter {
11504 margin-right: 4px;
11505 }
11506
11507 .wp-block-learnpress-button-reset-filter {
11508 margin-left: 4px;
11509 }
11510
11511 .block-editor-block-list__block img {
11512 display: block;
11513 }
11514 .block-editor-block-list__block .learn-press-courses {
11515 list-style: none;
11516 margin: 0;
11517 max-width: 100%;
11518 padding: 0;
11519 }
11520 .block-editor-block-list__block a {
11521 text-decoration: none;
11522 }
11523 .block-editor-block-list__block .c-gap-4 {
11524 column-gap: 4px;
11525 }
11526 .block-editor-block-list__block .lp-course-curriculum .course-section .course-item__right {
11527 color: inherit;
11528 }
11529 .block-editor-block-list__block.wp-block-learnpress-course-title > * {
11530 margin-top: 0;
11531 }
11532
11533 a.block-editor-block-list__block.wp-block-learnpress-course-button {
11534 padding: 8px 24px;
11535 border-radius: var(--lp-border-radius, 5px);
11536 color: var(--lp-color-base, #333);
11537 border: 1px solid var(--lp-color-base, #333);
11538 transition: all 0.3s;
11539 display: block;
11540 background: transparent;
11541 text-decoration: none;
11542 text-align: center;
11543 }
11544 a.block-editor-block-list__block.wp-block-learnpress-course-button:hover {
11545 background: var(--lp-primary-color, #ffb606);
11546 color: var(--lp-color-white, #fff);
11547 border-color: var(--lp-primary-color, #ffb606);
11548 }
11549
11550 @keyframes lp-rotating {
11551 from {
11552 -webkit-transform: rotate(0deg);
11553 transform: rotate(0deg);
11554 }
11555 to {
11556 -webkit-transform: rotate(360deg);
11557 transform: rotate(360deg);
11558 }
11559 }
11560 @-webkit-keyframes lp-rotating {
11561 from {
11562 -webkit-transform: rotate(0deg);
11563 transform: rotate(0deg);
11564 }
11565 to {
11566 -webkit-transform: rotate(360deg);
11567 transform: rotate(360deg);
11568 }
11569 }
11570 .lp-loading-change {
11571 position: absolute;
11572 width: 100%;
11573 height: 100%;
11574 background: rgba(255, 255, 255, 0.38);
11575 top: 0;
11576 }
11577
11578 .lp-load-ajax-element {
11579 position: relative;
11580 }
11581
11582 .lp-loading-circle {
11583 width: 15px;
11584 height: 15px;
11585 border: 2px solid #ccc;
11586 border-radius: 50%;
11587 border-top-color: rgba(0, 0, 0, 0.76);
11588 animation: spin 1s infinite linear;
11589 display: inline-block;
11590 }
11591 .lp-loading-circle.hide {
11592 display: none;
11593 }
11594
11595 @keyframes spin {
11596 0% {
11597 transform: rotate(0deg);
11598 }
11599 100% {
11600 transform: rotate(360deg);
11601 }
11602 }
11603 .lp-btn-ai-style {
11604 margin: 10px;
11605 }
11606
11607 .lp-btn-ai-style, .lp-btn-generate-with-ai {
11608 padding: 8px 10px;
11609 background: #f6f7f7;
11610 font-weight: 500;
11611 border: 1px solid #2271b1;
11612 color: #2271b1;
11613 line-height: 1;
11614 text-decoration: none;
11615 text-shadow: none;
11616 display: inline-flex;
11617 align-items: center;
11618 justify-content: center;
11619 gap: 5px;
11620 min-height: 32px;
11621 appearance: none;
11622 border-radius: 2px;
11623 white-space: nowrap;
11624 cursor: pointer;
11625 }
11626 .lp-btn-ai-style:active, .lp-btn-generate-with-ai:active {
11627 box-shadow: none;
11628 color: #fff;
11629 }
11630 .lp-btn-ai-style:hover, .lp-btn-generate-with-ai:hover {
11631 background: #6B46E9 !important;
11632 color: #fff !important;
11633 }
11634
11635 #post-body-content .lp-btn-ai-style {
11636 padding: 12px;
11637 }
11638 #post-body-content #wp-content-media-buttons .lp-btn-ai-style {
11639 margin-top: 0;
11640 margin-bottom: 0;
11641 }
11642
11643 .create-course-modal {
11644 padding: 0;
11645 display: flex !important;
11646 flex-direction: column;
11647 overflow: hidden;
11648 border-radius: 10px;
11649 background-color: #FFFFFF;
11650 height: 90vh;
11651 z-index: 10000000 !important;
11652 }
11653 .create-course-modal .modal-content {
11654 display: grid;
11655 grid-template-columns: 1fr 2fr;
11656 flex-grow: 1;
11657 gap: 30px;
11658 min-height: 500px;
11659 padding: 0 24px;
11660 }
11661 .create-course-modal .input-section {
11662 display: flex;
11663 flex-direction: column;
11664 }
11665 .create-course-modal .input-section label {
11666 font-weight: 700;
11667 line-height: 22px;
11668 font-size: 14px;
11669 color: #4A5568;
11670 margin-bottom: 4px;
11671 }
11672 .create-course-modal .input-section h3 {
11673 font-weight: 700;
11674 line-height: 22px;
11675 font-size: 14px;
11676 color: #4A5568;
11677 margin-bottom: 4px;
11678 }
11679 .create-course-modal .input-section textarea,
11680 .create-course-modal .input-section .ts-wrapper .ts-control {
11681 width: 100%;
11682 padding: 4px 8px;
11683 border: 1px solid #E5E7EB;
11684 border-radius: 6px;
11685 font-size: 0.95em;
11686 background-color: #F7FAFC;
11687 color: #1A202C;
11688 box-shadow: none;
11689 transition: border-color 0.2s, box-shadow 0.2s;
11690 }
11691 .create-course-modal .input-section textarea:focus, .create-course-modal .input-section textarea:focus-within,
11692 .create-course-modal .input-section .ts-wrapper .ts-control:focus,
11693 .create-course-modal .input-section .ts-wrapper .ts-control:focus-within {
11694 outline: none;
11695 border-color: #7E6CE2;
11696 box-shadow: 0 0 0 1px #7E6CE2;
11697 background-color: #FFFFFF;
11698 }
11699 .create-course-modal .input-section textarea {
11700 min-height: 150px;
11701 resize: vertical;
11702 }
11703 .create-course-modal .input-section .outputs-control {
11704 margin-top: 10px;
11705 }
11706 .create-course-modal .input-section .outputs-control .outputs-control-content {
11707 display: flex;
11708 align-items: center;
11709 justify-content: space-between;
11710 flex-direction: row;
11711 }
11712 .create-course-modal .input-section .outputs-control .outputs-control-content .output-number-selector {
11713 width: 120px;
11714 border-radius: 6px;
11715 padding: 10px 12px;
11716 border: 1px solid #E5E7EB;
11717 font-size: 0.95em;
11718 background-color: #F7FAFC;
11719 color: #1A202C;
11720 height: 40px;
11721 }
11722 .create-course-modal .input-section .lp-tom-select {
11723 width: 100%;
11724 }
11725 .create-course-modal .input-section .course-content-wrapper {
11726 background: #F7FAFC;
11727 padding: 8px 16px;
11728 border-radius: 16px;
11729 }
11730 .create-course-modal .input-section .course-content-wrapper input[readonly],
11731 .create-course-modal .input-section .course-content-wrapper textarea[readonly] {
11732 background-color: #FFFFFF !important;
11733 cursor: not-allowed;
11734 opacity: 0.8;
11735 }
11736 .create-course-modal .input-section .course-content-wrapper input[readonly]:focus,
11737 .create-course-modal .input-section .course-content-wrapper textarea[readonly]:focus {
11738 box-shadow: none;
11739 border-color: #E5E7EB;
11740 }
11741 .create-course-modal .output-section {
11742 display: flex;
11743 flex-direction: column;
11744 }
11745 .create-course-modal .output-section .output-header {
11746 display: flex;
11747 justify-content: space-between;
11748 align-items: center;
11749 margin-bottom: 8px;
11750 }
11751 .create-course-modal .output-section .output-header h3 {
11752 font-weight: 700;
11753 line-height: 22px;
11754 font-size: 14px;
11755 color: #1A202C;
11756 }
11757 .create-course-modal .output-section .output-header .icon-button {
11758 background: none;
11759 border: none;
11760 padding: 4px;
11761 cursor: pointer;
11762 color: #A0AEC0;
11763 }
11764 .create-course-modal .output-section .output-header .icon-button:hover {
11765 color: #4A5568;
11766 }
11767 .create-course-modal .output-section .output-item {
11768 border-radius: 6px;
11769 margin-bottom: 16px;
11770 background-color: #FFFFFF;
11771 position: relative;
11772 }
11773 .create-course-modal .output-section .output-item.prompt-item textarea {
11774 background-color: #F7FAFC;
11775 min-height: 80px;
11776 }
11777 .create-course-modal .output-section .output-item.output-suggestion textarea {
11778 border-color: #dbd6f7;
11779 min-height: 80px;
11780 }
11781 .create-course-modal .output-section .output-item p.prompt {
11782 font-weight: 500;
11783 color: #4A5568;
11784 font-size: 0.875rem;
11785 margin-bottom: 4px;
11786 }
11787 .create-course-modal .output-section .output-item .generate-button {
11788 background-color: #7E6CE2;
11789 color: #fff;
11790 border: none;
11791 padding: 12px 20px;
11792 border-radius: 6px;
11793 font-size: 1rem;
11794 font-weight: 500;
11795 cursor: pointer;
11796 width: 25%;
11797 margin-top: 10px;
11798 }
11799 .create-course-modal .output-section .output-item .generate-button:hover {
11800 opacity: 0.9;
11801 }
11802 .create-course-modal .output-section .output-item textarea {
11803 width: 100%;
11804 box-sizing: border-box;
11805 border: 1px solid #E5E7EB;
11806 border-radius: 6px;
11807 padding: 10px 12px;
11808 resize: vertical;
11809 font-size: 0.95em;
11810 color: #1A202C;
11811 transition: border-color 0.2s, box-shadow 0.2s;
11812 }
11813 .create-course-modal .output-section .output-item textarea:focus {
11814 outline: none;
11815 border-color: #7E6CE2;
11816 box-shadow: 0 0 0 1px #7E6CE2;
11817 }
11818 .create-course-modal .output-section .output-item .output-actions {
11819 position: absolute;
11820 top: 30%;
11821 right: 2%;
11822 display: flex;
11823 gap: 8px;
11824 visibility: hidden;
11825 }
11826 .create-course-modal .output-section .output-item .output-actions .action-button {
11827 font-size: 0.875rem;
11828 font-weight: 500;
11829 padding: 6px 12px;
11830 border-radius: 6px;
11831 cursor: pointer;
11832 border: 1px solid #E5E7EB;
11833 background-color: #FFFFFF;
11834 color: #4A5568;
11835 transition: background-color 0.2s, color 0.2s, border-color 0.2s;
11836 }
11837 .create-course-modal .output-section .output-item .output-actions .action-button.copy-button:hover {
11838 background-color: #F7FAFC;
11839 border-color: #c8ccd5;
11840 }
11841 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button {
11842 background-color: #7E6CE2;
11843 border-color: #7E6CE2;
11844 color: #fff;
11845 }
11846 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button:hover {
11847 opacity: 0.9;
11848 }
11849 .create-course-modal .output-section .output-item:hover .output-actions {
11850 visibility: visible;
11851 }
11852 .create-course-modal .output-section #lp-ai-output-suggestion {
11853 overflow-y: auto;
11854 flex-grow: 1;
11855 padding-right: 5px;
11856 }
11857 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder {
11858 flex-grow: 1;
11859 border: 2px dashed #E5E7EB;
11860 border-radius: 6px;
11861 background-color: #E5E7EB;
11862 position: relative;
11863 height: 150px;
11864 width: 100%;
11865 background-position: center;
11866 background-repeat: no-repeat;
11867 margin-bottom: 10px;
11868 }
11869 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions {
11870 position: absolute;
11871 bottom: 5px;
11872 left: 80%;
11873 transform: translateX(-50%);
11874 display: flex;
11875 gap: 10px;
11876 width: 30%;
11877 }
11878 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .action-button {
11879 padding: 5px 20px;
11880 border-radius: 4px;
11881 border: 1px solid #E5E7EB;
11882 background-color: rgba(255, 255, 255, 0.8);
11883 cursor: pointer;
11884 }
11885 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .apply-button {
11886 background-color: #7E6CE2;
11887 color: #fff;
11888 border-color: #7E6CE2;
11889 }
11890 .create-course-modal .ts-wrapper .ts-control .item {
11891 background-color: #F7FAFC;
11892 border: 1px solid #E5E7EB;
11893 color: #4A5568;
11894 border-radius: 20px;
11895 padding: 4px 10px;
11896 }
11897 .create-course-modal .ts-wrapper .ts-control .ts-input::placeholder {
11898 color: #A0AEC0;
11899 }
11900 .create-course-modal .modal-content {
11901 gap: 40px;
11902 padding: 24px 30px;
11903 }
11904 .create-course-modal .modal-content .input-section .form-group {
11905 margin-bottom: 16px;
11906 }
11907 .create-course-modal .modal-content .input-section .form-group label {
11908 margin-bottom: 6px;
11909 display: block;
11910 }
11911 .create-course-modal .modal-content .input-section .lp-ai-modal-grid.lp-ai-grid-2-cols {
11912 display: grid;
11913 grid-template-columns: 1fr 1fr;
11914 gap: 16px 20px;
11915 margin-bottom: 16px;
11916 }
11917 .create-course-modal .modal-content .input-section h3 {
11918 font-size: 16px;
11919 font-weight: 600;
11920 color: #1A202C;
11921 margin-top: 20px;
11922 margin-bottom: 8px;
11923 }
11924 .create-course-modal .modal-content .input-section h3:first-child {
11925 margin-top: 0;
11926 }
11927 .create-course-modal .modal-content .input-section p.description {
11928 font-size: 12px;
11929 color: #4A5568;
11930 margin: -4px 0 16px 0;
11931 }
11932 .create-course-modal .modal-content .input-section .lp-notice.notice-warning {
11933 background-color: #FEFCE8;
11934 border: 1px solid #FDE047;
11935 border-radius: 6px;
11936 padding: 12px;
11937 margin: 10px 0 20px 0;
11938 font-size: 14px;
11939 color: #713F12;
11940 }
11941 .create-course-modal .modal-content .input-section .lp-notice.notice-warning a {
11942 font-weight: 600;
11943 color: #713F12;
11944 text-decoration: underline;
11945 }
11946 .create-course-modal .modal-content .output-section .output-placeholder-wrapper {
11947 display: flex;
11948 justify-content: center;
11949 align-items: center;
11950 text-align: center;
11951 height: 100%;
11952 min-height: 200px;
11953 background-color: #F9FAFB;
11954 border-radius: 8px;
11955 border: 1px solid #E5E7EB;
11956 padding: 20px;
11957 }
11958 .create-course-modal .modal-content .output-section .output-placeholder-wrapper p {
11959 color: #4A5568;
11960 font-size: 15px;
11961 }
11962 .create-course-modal .modal-content .output-section .output-header .icon-button {
11963 display: inline-flex;
11964 align-items: center;
11965 justify-content: center;
11966 color: #4A5568;
11967 }
11968 .create-course-modal .modal-content .output-section .output-header .icon-button svg {
11969 width: 20px;
11970 height: 20px;
11971 }
11972
11973 .lp-generate-data-ai-wrap {
11974 width: 100%;
11975 max-height: 90%;
11976 }
11977 .lp-generate-data-ai-wrap .content-title {
11978 color: #111111;
11979 }
11980 .lp-generate-data-ai-wrap .step-header {
11981 display: flex;
11982 justify-content: space-between;
11983 margin-bottom: 30px;
11984 padding: 0 20px;
11985 gap: 10px;
11986 }
11987 .lp-generate-data-ai-wrap .step-header .step-item {
11988 display: flex;
11989 align-items: center;
11990 font-size: 14px;
11991 color: #1A202C;
11992 position: relative;
11993 flex-grow: 1;
11994 justify-content: center;
11995 }
11996 .lp-generate-data-ai-wrap .step-header .step-item.active .step-number {
11997 background-color: #7E6CE2;
11998 color: #fff;
11999 border-color: #7E6CE2;
12000 }
12001 .lp-generate-data-ai-wrap .step-header .step-item .step-text {
12002 color: #111111;
12003 font-weight: 600;
12004 }
12005 .lp-generate-data-ai-wrap .step-header .step-item .step-number {
12006 width: 28px;
12007 height: 28px;
12008 border-radius: 50%;
12009 border: 1px solid #E5E7EB;
12010 display: flex;
12011 justify-content: center;
12012 align-items: center;
12013 margin-right: 10px;
12014 font-weight: 500;
12015 background-color: #fff;
12016 }
12017 .lp-generate-data-ai-wrap .lp-form-generate-data-ai {
12018 border: 1px solid #E5E7EB;
12019 border-radius: 10px;
12020 padding: 20px;
12021 text-align: left;
12022 }
12023 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-form-fields {
12024 min-height: 400px;
12025 max-height: 600px;
12026 overflow: auto;
12027 padding: 0 2px;
12028 }
12029 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-title {
12030 font-size: 1.2em;
12031 font-weight: 600;
12032 margin-bottom: 10px;
12033 color: #111111;
12034 }
12035 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content {
12036 display: none;
12037 }
12038 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content.active {
12039 display: block;
12040 }
12041 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header h2 {
12042 font-size: 24px;
12043 font-weight: 700;
12044 margin: 0 0 8px 0;
12045 }
12046 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header p {
12047 font-size: 15px;
12048 color: #1A202C;
12049 margin: 0 0 30px 0;
12050 }
12051 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-grid {
12052 display: grid;
12053 grid-template-columns: 1fr 1fr;
12054 gap: 20px 30px;
12055 margin-bottom: 30px;
12056 }
12057 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group {
12058 margin-bottom: 10px;
12059 }
12060 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group.full-width {
12061 grid-column: 1/-1;
12062 }
12063 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group label {
12064 display: block;
12065 font-size: 14px;
12066 font-weight: 600;
12067 margin-bottom: 8px;
12068 color: #111111;
12069 }
12070 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .lp-tom-select.ts-wrapper {
12071 width: 100%;
12072 }
12073 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input,
12074 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control,
12075 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
12076 width: 100%;
12077 padding: 8px 16px;
12078 border-radius: 10px;
12079 border: 1px solid #E5E7EB;
12080 font-size: 14px;
12081 line-height: 1.5;
12082 box-sizing: border-box;
12083 transition: border-color 0.2s, box-shadow 0.2s;
12084 margin: 0;
12085 background-color: transparent;
12086 }
12087 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input:focus,
12088 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control:focus,
12089 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea:focus {
12090 outline: none;
12091 border-color: #1A202C;
12092 }
12093 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .item,
12094 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .item,
12095 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .item {
12096 border: 1px solid #E5E7EB;
12097 color: #4A5568;
12098 border-radius: 6px;
12099 padding: 4px 10px;
12100 background-color: transparent;
12101 }
12102 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .ts-input::placeholder,
12103 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .ts-input::placeholder,
12104 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .ts-input::placeholder {
12105 color: #A0AEC0;
12106 }
12107 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
12108 min-height: 86px;
12109 resize: vertical;
12110 }
12111 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .field-description {
12112 color: #898989;
12113 margin-top: 8px;
12114 }
12115 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .title-refer,
12116 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .description-refer {
12117 padding: 0;
12118 border: none;
12119 font-size: 16px;
12120 min-height: unset;
12121 box-shadow: none;
12122 border-radius: 0;
12123 }
12124 .lp-generate-data-ai-wrap .lp-form-generate-data-ai #prompt-preview {
12125 min-height: 120px;
12126 background-color: #F9FAFB;
12127 color: #1A202C;
12128 }
12129 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .button-actions {
12130 display: flex;
12131 justify-content: flex-end;
12132 gap: 12px;
12133 margin-top: 20px;
12134 }
12135 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt {
12136 display: flex;
12137 justify-items: center;
12138 align-items: center;
12139 gap: 10px;
12140 margin-bottom: 20px;
12141 }
12142 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt img {
12143 display: none;
12144 }
12145 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn,
12146 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button {
12147 padding: 10px 20px;
12148 font-size: 15px;
12149 font-weight: 600;
12150 border-radius: 8px;
12151 cursor: pointer;
12152 border: 1px solid transparent;
12153 transition: all 0.2s;
12154 display: inline-flex;
12155 align-items: center;
12156 gap: 8px;
12157 }
12158 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn.loading:before,
12159 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button.loading:before {
12160 color: white !important;
12161 }
12162 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary,
12163 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary {
12164 background-color: #7E6CE2;
12165 color: #fff;
12166 }
12167 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary:hover,
12168 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary:hover {
12169 background-color: #1A202C;
12170 }
12171 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary,
12172 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary {
12173 background-color: #fff;
12174 color: #7E6CE2;
12175 border-color: #7E6CE2;
12176 }
12177 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary:hover,
12178 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary:hover {
12179 background-color: #7E6CE2;
12180 color: #fff;
12181 }
12182 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn:disabled,
12183 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button:disabled {
12184 background-color: #E5E7EB;
12185 color: #1A202C;
12186 cursor: not-allowed;
12187 border-color: #E5E7EB;
12188 }
12189 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout {
12190 display: flex;
12191 gap: 30px;
12192 }
12193 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-left-panel {
12194 flex: 2;
12195 }
12196 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-right-panel {
12197 flex: 1;
12198 min-width: 300px;
12199 }
12200 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details {
12201 display: none;
12202 }
12203 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details h3 {
12204 font-size: 24px;
12205 font-weight: 700;
12206 color: #111827;
12207 margin-top: 0;
12208 margin-bottom: 24px;
12209 }
12210 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .course-cover-placeholder {
12211 width: 100%;
12212 height: 50vh;
12213 background-color: #E5E7EB;
12214 border-radius: 8px;
12215 display: flex;
12216 justify-content: center;
12217 align-items: center;
12218 justify-items: center;
12219 font-size: 20px;
12220 color: #6B7280;
12221 margin-bottom: 30px;
12222 font-weight: 600;
12223 }
12224 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-title {
12225 font-size: 18px;
12226 font-weight: 700;
12227 margin-top: 30px;
12228 margin-bottom: 16px;
12229 }
12230 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum {
12231 font-size: 18px;
12232 font-weight: 700;
12233 }
12234 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block {
12235 border-radius: 8px;
12236 border: 0.8px solid #E5E7EB;
12237 padding: 16px 8px;
12238 }
12239 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block h4 {
12240 font-size: 13px;
12241 font-weight: bold;
12242 }
12243 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details p {
12244 font-size: 15px;
12245 line-height: 1.6;
12246 color: #374151;
12247 margin-top: 0;
12248 }
12249 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details ul {
12250 list-style: none;
12251 padding: 0;
12252 margin: 12px 0 0 0;
12253 }
12254 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li {
12255 position: relative;
12256 padding-left: 20px;
12257 margin-bottom: 8px;
12258 color: #374151;
12259 font-size: 15px;
12260 }
12261 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li::before {
12262 content: "•";
12263 position: absolute;
12264 left: 0;
12265 color: #1A202C;
12266 line-height: 1.5;
12267 }
12268 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel {
12269 background-color: #F9FAFB;
12270 padding: 24px;
12271 border-radius: 8px;
12272 border: 1px solid #E5E7EB;
12273 height: fit-content;
12274 }
12275 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel h3 {
12276 font-size: 16px;
12277 font-weight: 600;
12278 margin-top: 0;
12279 margin-bottom: 20px;
12280 }
12281 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list {
12282 display: none;
12283 list-style: none;
12284 padding: 0;
12285 margin: 0;
12286 }
12287 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li {
12288 display: flex;
12289 align-items: center;
12290 font-size: 15px;
12291 color: #374151;
12292 margin-bottom: 12px;
12293 }
12294 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li span {
12295 margin-right: 5px;
12296 }
12297 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li svg {
12298 color: #1A202C;
12299 width: 20px;
12300 height: 20px;
12301 margin-right: 12px;
12302 flex-shrink: 0;
12303 }
12304 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea[name=lp-openai-prompt-generated-field] {
12305 min-height: 300px;
12306 }
12307 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea.lp-ai-string-result {
12308 width: 100%;
12309 }
12310 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results {
12311 display: grid;
12312 gap: 10px;
12313 }
12314 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results .lp-ai-string-result {
12315 margin-bottom: 4px;
12316 }
12317 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results button {
12318 margin-right: 4px;
12319 }
12320 .lp-generate-data-ai-wrap .lp-ai-course-data-preview-wrap {
12321 max-height: 400px;
12322 overflow-y: auto;
12323 margin-bottom: 20px;
12324 }
12325 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup {
12326 position: absolute;
12327 top: 10px;
12328 right: 10px;
12329 background: none;
12330 border: none;
12331 font-size: 20px;
12332 cursor: pointer;
12333 color: #ccc;
12334 }
12335 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup:hover {
12336 color: #f27474;
12337 }
12338 .lp-generate-data-ai-wrap .lp-ai-warning-refer {
12339 border: 1px solid #FCD34D;
12340 background-color: #FFFBEB;
12341 padding: 10px;
12342 border-radius: 5px;
12343 display: flex;
12344 gap: 5px;
12345 align-items: center;
12346 }
12347
12348 .lp-ai-course-data-preview-wrap .course-title {
12349 font-size: 1.5em;
12350 font-weight: 700;
12351 margin-bottom: 10px;
12352 color: #1A202C;
12353 }
12354 .lp-ai-course-data-preview-wrap .course-sections {
12355 margin-top: 30px;
12356 }
12357 .lp-ai-course-data-preview-wrap .section-title {
12358 font-weight: bold;
12359 font-size: 1.2em;
12360 margin-bottom: 10px;
12361 color: #1A202C;
12362 }
12363 .lp-ai-course-data-preview-wrap .lesson-title,
12364 .lp-ai-course-data-preview-wrap .quiz-title,
12365 .lp-ai-course-data-preview-wrap .question-title {
12366 font-weight: 600;
12367 font-size: 1em;
12368 margin-bottom: 8px;
12369 color: #1A202C;
12370 }
12371 .lp-ai-course-data-preview-wrap .course-section-item {
12372 border: 1px solid var(--lp-border-color, #E2E0DB);
12373 border-radius: 10px;
12374 padding: 20px;
12375 margin: 20px 0;
12376 background-color: #fff;
12377 }
12378 .lp-ai-course-data-preview-wrap .course-section-items {
12379 margin: 20px 0 0 20px;
12380 }
12381 .lp-ai-course-data-preview-wrap .course-section-items:last-child {
12382 margin-bottom: 0;
12383 }
12384 .lp-ai-course-data-preview-wrap .course-lesson-item,
12385 .lp-ai-course-data-preview-wrap .course-quiz-item,
12386 .lp-ai-course-data-preview-wrap .quiz-question-item {
12387 padding: 12px 0;
12388 border-top: 1px solid var(--lp-border-color, #E2E0DB);
12389 }
12390 .lp-ai-course-data-preview-wrap .course-lesson-item:last-child,
12391 .lp-ai-course-data-preview-wrap .course-quiz-item:last-child,
12392 .lp-ai-course-data-preview-wrap .quiz-question-item:last-child {
12393 padding-bottom: 0;
12394 }
12395 .lp-ai-course-data-preview-wrap .course-questions,
12396 .lp-ai-course-data-preview-wrap .course-question-options {
12397 margin: 20px 0 0 20px;
12398 }
12399 .lp-ai-course-data-preview-wrap .course-questions:last-child,
12400 .lp-ai-course-data-preview-wrap .course-question-options:last-child {
12401 margin-bottom: 0;
12402 }
12403
12404 .lp-ai-images-warp {
12405 display: grid;
12406 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
12407 gap: 15px;
12408 margin-top: 20px;
12409 max-height: 400px;
12410 overflow-y: auto;
12411 }
12412 .lp-ai-images-warp .lp-ai-image-item {
12413 position: relative;
12414 }
12415 .lp-ai-images-warp .lp-ai-image-item img {
12416 object-fit: contain;
12417 width: 100%;
12418 }
12419 .lp-ai-images-warp .lp-ai-image-item .lp-btn-ai-apply-image {
12420 position: absolute;
12421 top: 5px;
12422 right: 0;
12423 transform: translateX(-5%);
12424 background-color: rgba(0, 0, 0, 0.6);
12425 color: #fff;
12426 border: none;
12427 padding: 6px 12px;
12428 border-radius: 4px;
12429 font-size: 0.875rem;
12430 cursor: pointer;
12431 opacity: 0;
12432 transition: opacity 0.2s;
12433 }
12434 .lp-ai-images-warp .lp-ai-image-item:hover .lp-btn-ai-apply-image {
12435 opacity: 1;
12436 }
12437
12438 .lp-creating-course-ai-wrap .loading-wrap {
12439 margin-top: 20px;
12440 }
12441 .lp-creating-course-ai-wrap .lp-loading-circle {
12442 width: 40px;
12443 height: 40px;
12444 border-width: 5px;
12445 }
12446
12447 .lp-must-enable-ai-wrap {
12448 text-align: left;
12449 line-height: 1.6em;
12450 }
12451 .lp-must-enable-ai-wrap h2 {
12452 margin-bottom: 0;
12453 }
12454 .lp-must-enable-ai-wrap h2 i {
12455 margin-right: 10px;
12456 color: #DC2626;
12457 }
12458 .lp-must-enable-ai-wrap .desc {
12459 color: #6B7280;
12460 }
12461 .lp-must-enable-ai-wrap .p2 {
12462 color: #6B7280;
12463 }
12464 .lp-must-enable-ai-wrap a {
12465 color: #2563EB;
12466 text-decoration: underline;
12467 cursor: pointer;
12468 }
12469 .lp-must-enable-ai-wrap .help-link {
12470 padding: 16px;
12471 border: 1px solid #E5E7EB;
12472 border-radius: 8px;
12473 font-size: 13px;
12474 }
12475 .lp-must-enable-ai-wrap .help-link a {
12476 text-decoration: none;
12477 margin-top: 10px;
12478 }
12479 .lp-must-enable-ai-wrap .help-link i {
12480 color: #2A73AB;
12481 }
12482 .lp-must-enable-ai-wrap .button-actions {
12483 margin-top: 20px;
12484 text-align: right;
12485 }
12486 .lp-must-enable-ai-wrap .button-actions .lp-btn-close-ai-popup {
12487 border: none;
12488 color: #4B5563;
12489 background: none;
12490 }
12491 .lp-must-enable-ai-wrap .button-actions .button-primary {
12492 background-color: #7E6CE2;
12493 color: #fff;
12494 border: none;
12495 }
12496 .lp-must-enable-ai-wrap .button-actions .button-primary:hover {
12497 opacity: 0.9;
12498 }
12499
12500 .fui-loading-spinner-3 {
12501 color: #7E6CE2;
12502 position: relative;
12503 width: 100px;
12504 height: 80px;
12505 margin-left: 80px;
12506 display: none;
12507 }
12508 .fui-loading-spinner-3 div {
12509 transform-origin: 40px 40px;
12510 animation: rj9Ft 1.2s linear infinite;
12511 }
12512 .fui-loading-spinner-3 div:after {
12513 content: " ";
12514 display: block;
12515 position: absolute;
12516 top: 3px;
12517 left: 37px;
12518 width: 6px;
12519 height: 18px;
12520 border-radius: 20%;
12521 background: #7E6CE2;
12522 }
12523 .fui-loading-spinner-3 div:nth-child(1) {
12524 transform: rotate(0deg);
12525 animation-delay: -1.1s;
12526 }
12527 .fui-loading-spinner-3 div:nth-child(2) {
12528 transform: rotate(30deg);
12529 animation-delay: -1s;
12530 }
12531 .fui-loading-spinner-3 div:nth-child(3) {
12532 transform: rotate(60deg);
12533 animation-delay: -0.9s;
12534 }
12535 .fui-loading-spinner-3 div:nth-child(4) {
12536 transform: rotate(90deg);
12537 animation-delay: -0.8s;
12538 }
12539 .fui-loading-spinner-3 div:nth-child(5) {
12540 transform: rotate(120deg);
12541 animation-delay: -0.7s;
12542 }
12543 .fui-loading-spinner-3 div:nth-child(6) {
12544 transform: rotate(150deg);
12545 animation-delay: -0.6s;
12546 }
12547 .fui-loading-spinner-3 div:nth-child(7) {
12548 transform: rotate(180deg);
12549 animation-delay: -0.5s;
12550 }
12551 .fui-loading-spinner-3 div:nth-child(8) {
12552 transform: rotate(210deg);
12553 animation-delay: -0.4s;
12554 }
12555 .fui-loading-spinner-3 div:nth-child(9) {
12556 transform: rotate(240deg);
12557 animation-delay: -0.3s;
12558 }
12559 .fui-loading-spinner-3 div:nth-child(10) {
12560 transform: rotate(270deg);
12561 animation-delay: -0.2s;
12562 }
12563 .fui-loading-spinner-3 div:nth-child(11) {
12564 transform: rotate(300deg);
12565 animation-delay: -0.1s;
12566 }
12567 .fui-loading-spinner-3 div:nth-child(12) {
12568 transform: rotate(330deg);
12569 animation-delay: 0s;
12570 }
12571
12572 @keyframes rj9Ft {
12573 0% {
12574 opacity: 1;
12575 }
12576 100% {
12577 opacity: 0;
12578 }
12579 }
12580 /**
12581 * Style for the popup alert, confirm
12582 * @link https://sweetalert2.github.io/
12583 * @since 4.2.9
12584 * @version 1.0.0
12585 */
12586 .swal2-container {
12587 z-index: 99999;
12588 }
12589
12590 .swal2-popup {
12591 max-width: 850px;
12592 }
12593 .swal2-popup .content-title {
12594 margin: 0 0 20px 0;
12595 padding: 0;
12596 text-align: center;
12597 font-size: 1.5em;
12598 font-weight: bold;
12599 }
12600 .swal2-popup .swal2-actions {
12601 width: 100%;
12602 padding: 0 30px;
12603 }
12604 .swal2-popup .swal2-actions button {
12605 flex: 1;
12606 }
12607 .swal2-popup .swal2-actions button.swal2-confirm {
12608 background-color: #e02200;
12609 }
12610 .swal2-popup .swal2-actions button.swal2-cancel {
12611 background-color: transparent;
12612 border: 1px solid #ccc;
12613 color: inherit;
12614 }
12615 .swal2-popup .swal2-warning {
12616 color: #e02200;
12617 border-color: transparent;
12618 background-color: rgba(223, 0, 0, 0.1019607843);
12619 }
12620 .swal2-popup .swal2-icon {
12621 width: 50px;
12622 height: 50px;
12623 }
12624 .swal2-popup .swal2-icon .swal2-icon-content {
12625 font-size: 0;
12626 }
12627 .swal2-popup .swal2-icon .swal2-icon-content::before {
12628 content: "\f071";
12629 font-family: "lp-icon";
12630 font-size: 24px;
12631 display: inline-block;
12632 }
12633 .swal2-popup .swal2-title {
12634 font-size: 1.5em;
12635 }
12636 .swal2-popup .swal2-html-container {
12637 font-size: 1em;
12638 }
12639 .swal2-popup .lp-tom-select.ts-wrapper .ts-dropdown {
12640 max-height: 200px;
12641 overflow: hidden;
12642 }
12643 .swal2-popup .swal2-close {
12644 background-color: unset !important;
12645 outline: none !important;
12646 color: rgb(204, 204, 204) !important;
12647 font-size: 30px;
12648 box-shadow: none !important;
12649 position: absolute;
12650 }
12651 .swal2-popup .swal2-close:hover {
12652 color: #f27474 !important;
12653 }
12654
12655 /**
12656 * LP Table — Reusable Table Standard
12657 *
12658 * A shared table CSS system used by the "Enrolled Students" listing (and future tables).
12659 * Provides card wrapper, header/body styling, avatars, progress bars, badges, toolbar, and pagination.
12660 *
12661 * @since 4.3.3
12662 */
12663 .lp-enrolled-students h1.wp-heading-inline {
12664 margin-bottom: 24px;
12665 }
12666
12667 .lp-enrolled-students-table-wrap {
12668 margin-top: 15px;
12669 }
12670 .lp-enrolled-students-table-wrap .instructor-avatar {
12671 align-items: center;
12672 justify-content: center;
12673 width: 36px;
12674 height: 36px;
12675 min-width: 36px;
12676 border-radius: 50%;
12677 background: #64748b;
12678 overflow: hidden;
12679 }
12680 .lp-enrolled-students-table-wrap .instructor-avatar img {
12681 width: 100%;
12682 height: 100%;
12683 object-fit: cover;
12684 }
12685
12686 /*.lp-enrolled-students-table {
12687 width: 100%;
12688 border: 0;
12689 border-spacing: 0;
12690 border-collapse: collapse;
12691 font-size: 13px;
12692
12693 th,
12694 td {
12695 border: 0 !important;
12696 }
12697
12698 thead {
12699 th {
12700 padding: 10px 16px;
12701 border-bottom: 2px solid #e2e8f0 !important;
12702 color: #64748b;
12703 background: #f8fafc;
12704 font-size: 12px;
12705 font-weight: 600;
12706 text-align: left;
12707 text-transform: uppercase;
12708 letter-spacing: 0.05em;
12709
12710 &:first-child {
12711 border-radius: 0;
12712 }
12713 &:last-child {
12714 border-radius: 0;
12715 }
12716 }
12717 }
12718
12719 tbody {
12720 tr {
12721 border-bottom: 1px solid #f1f5f9;
12722 transition: background 0.15s;
12723 text-align: left;
12724
12725 &:hover {
12726 background: #f8fafc;
12727 }
12728
12729 &:last-child {
12730 border-bottom: none;
12731 }
12732 }
12733
12734 td {
12735 padding: 12px 16px;
12736 vertical-align: middle;
12737 border: 0 !important;
12738 }
12739 }
12740
12741 tfoot {
12742 tr,
12743 td {
12744 border: 0 !important;
12745 }
12746 }
12747 }*/
12748 .lp-cell-student {
12749 display: flex;
12750 align-items: center;
12751 gap: 10px;
12752 }
12753
12754 /*.lp-avatar {
12755 display: flex;
12756 flex-shrink: 0;
12757 align-items: center;
12758 justify-content: center;
12759 width: 36px;
12760 height: 36px;
12761 border-radius: 50%;
12762 color: #fff;
12763 background: #64748b;
12764 font-size: 13px;
12765 font-weight: 600;
12766 overflow: hidden;
12767 }
12768
12769 .lp-avatar--image {
12770 background: transparent;
12771
12772 img {
12773 width: 100%;
12774 height: 100%;
12775 object-fit: cover;
12776 }
12777 }*/
12778 .lp-meta {
12779 display: flex;
12780 flex-direction: column;
12781 }
12782 .lp-meta .lp-name {
12783 color: #1e293b;
12784 font-weight: 500;
12785 line-height: 1.4;
12786 }
12787 .lp-meta .lp-email {
12788 color: #94a3b8;
12789 font-size: 12px;
12790 line-height: 1.3;
12791 }
12792
12793 .lp-cell-course a {
12794 color: #3b82f6;
12795 text-decoration: none;
12796 }
12797 .lp-cell-course a:hover {
12798 text-decoration: underline;
12799 }
12800
12801 .lp-cell-progress {
12802 min-width: 120px;
12803 }
12804
12805 .lp-progress-bar {
12806 overflow: hidden;
12807 position: relative;
12808 width: 100%;
12809 max-width: 120px;
12810 height: 6px;
12811 border-radius: 3px;
12812 background: #e2e8f0;
12813 }
12814 .lp-progress-bar span {
12815 display: block;
12816 height: 100%;
12817 border-radius: 3px;
12818 background: linear-gradient(90deg, #3b82f6, #60a5fa);
12819 transition: width 0.3s ease;
12820 }
12821
12822 .lp-progress-text {
12823 display: inline-block;
12824 margin-top: 3px;
12825 color: #64748b;
12826 font-size: 11px;
12827 }
12828
12829 .lp-badge {
12830 display: inline-block;
12831 padding: 3px 10px;
12832 border-radius: 12px;
12833 font-size: 12px;
12834 font-weight: 500;
12835 line-height: 1.5;
12836 white-space: nowrap;
12837 }
12838 .lp-badge--enrolled {
12839 color: #475569;
12840 background: #f1f5f9;
12841 }
12842 .lp-badge--in-progress, .lp-badge--learning {
12843 color: #1e40af;
12844 background: #dbeafe;
12845 }
12846 .lp-badge--finished {
12847 color: #166534;
12848 background: #dcfce7;
12849 }
12850 .lp-badge--passed {
12851 color: #14532d;
12852 background: #bbf7d0;
12853 }
12854 .lp-badge--failed {
12855 color: #991b1b;
12856 background: #fee2e2;
12857 }
12858
12859 .lp-enrolled-students-table-footer {
12860 display: flex;
12861 flex-wrap: wrap;
12862 align-items: center;
12863 justify-content: space-between;
12864 gap: 8px;
12865 }
12866 .lp-enrolled-students-table-footer__count {
12867 color: #64748b;
12868 font-size: 13px;
12869 }
12870
12871 #profile-content-enrolled-students .lp-enrolled-students-table-footer {
12872 border-top: none;
12873 }
12874
12875 .lp-enrolled-students-table-footer .learn-press-pagination {
12876 margin: 0;
12877 text-align: right;
12878 }
12879 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers {
12880 display: flex;
12881 align-items: center;
12882 gap: 4px;
12883 flex-wrap: wrap;
12884 margin: 0;
12885 padding: 0;
12886 list-style: none;
12887 }
12888 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers > li {
12889 margin: 0;
12890 }
12891 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers,
12892 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers {
12893 display: inline-flex;
12894 align-items: center;
12895 justify-content: center;
12896 min-width: 40px;
12897 height: 40px;
12898 width: 40px;
12899 line-height: 40px;
12900 padding: 0 8px;
12901 border: 1px solid #e2e8f0;
12902 border-radius: 4px;
12903 color: #475569;
12904 background: #fff;
12905 font-size: 13px;
12906 text-decoration: none;
12907 cursor: pointer;
12908 transition: all 0.15s;
12909 }
12910 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers:hover:not(.current),
12911 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers:hover:not(.current) {
12912 border-color: #3b82f6;
12913 color: #3b82f6 !important;
12914 background: #eff6ff;
12915 }
12916 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current {
12917 border-color: #3b82f6;
12918 color: #fff;
12919 background: #3b82f6;
12920 cursor: default;
12921 }
12922 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
12923 min-width: auto;
12924 border: 0;
12925 background: transparent;
12926 cursor: default;
12927 }
12928 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current,
12929 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
12930 pointer-events: none;
12931 }
12932
12933 .lp-enrolled-empty {
12934 padding: 40px 20px;
12935 color: #94a3b8;
12936 text-align: center;
12937 }
12938 .lp-enrolled-empty p {
12939 margin: 0;
12940 font-size: 14px;
12941 }
12942
12943 .lp-enrolled-error {
12944 padding: 15px 20px;
12945 color: #dc2626;
12946 font-size: 13px;
12947 }
12948
12949 #lp-modal-enrolled-wrap {
12950 position: relative;
12951 /*tbody {
12952 display: block;
12953 max-height: 400px;
12954 overflow-y: auto;
12955 }
12956
12957 thead, tbody tr {
12958 display: table;
12959 width: 100%;
12960 table-layout: fixed;
12961 }*/
12962 }
12963 #lp-modal-enrolled-wrap .lp-table-wrap {
12964 max-height: 60vh;
12965 }
12966
12967 .lp-wrap-btn-view-course-students {
12968 width: 100%;
12969 }
12970 .lp-wrap-btn-view-course-students button {
12971 width: 100%;
12972 }
12973
12974 .lp-btn-view-students {
12975 margin-top: 10px;
12976 white-space: nowrap;
12977 display: block;
12978 padding: 0;
12979 border: none;
12980 background: none;
12981 }
12982
12983 /**
12984 * Style for table LearnPress
12985 * @since 4.3.3
12986 * @version 1.0.1
12987 */
12988 .lp-table-wrap {
12989 border-radius: 5px;
12990 width: 100%;
12991 border: 1px solid var(--lp-border-color, #E2E0DB);
12992 overflow-x: auto;
12993 overflow-y: auto;
12994 -webkit-overflow-scrolling: touch;
12995 }
12996
12997 table.lp-list-table {
12998 border-collapse: collapse;
12999 width: 100%;
13000 margin: 0;
13001 min-width: 768px;
13002 border: none;
13003 }
13004 table.lp-list-table td {
13005 padding: 0;
13006 }
13007 table.lp-list-table .learn-press-pagination {
13008 text-align: left;
13009 }
13010 table.lp-list-table thead {
13011 border: none;
13012 }
13013 table.lp-list-table thead tr:first-child td, table.lp-list-table thead tr:first-child th {
13014 border-block-start: none;
13015 }
13016 table.lp-list-table thead tr {
13017 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
13018 position: sticky;
13019 top: 0;
13020 z-index: 2;
13021 background-color: var(--lp-white-grey, #F7F7FB);
13022 }
13023 table.lp-list-table thead th {
13024 background: none;
13025 border: none;
13026 padding: 10px 20px;
13027 text-align: left;
13028 }
13029 table.lp-list-table thead th.sortable > a, table.lp-list-table thead th.sorted > a {
13030 display: flex;
13031 align-items: center;
13032 gap: 0.5em;
13033 }
13034 table.lp-list-table thead th .sorting-indicator {
13035 display: inline-flex;
13036 flex-direction: column;
13037 align-items: center;
13038 gap: 0.05em;
13039 height: 20px;
13040 margin: 0;
13041 padding: 0;
13042 }
13043 table.lp-list-table thead th .sorting-indicator i {
13044 color: #aaa;
13045 height: 10px;
13046 }
13047 table.lp-list-table thead th .sorting-indicator i.is-active {
13048 color: #000;
13049 }
13050 table.lp-list-table thead th td {
13051 border: none;
13052 padding: 0;
13053 }
13054 table.lp-list-table tbody tr {
13055 border: none;
13056 }
13057 table.lp-list-table tbody tr:nth-child(even) {
13058 background-color: hsla(0, 0%, 50%, 0.05);
13059 }
13060 table.lp-list-table tbody tr:hover {
13061 background-color: #eff6ff;
13062 }
13063 table.lp-list-table tbody tr td {
13064 border: none;
13065 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
13066 padding: 10px 20px;
13067 text-align: left;
13068 }
13069 table.lp-list-table tbody tr td a {
13070 text-decoration: none;
13071 }
13072 table.lp-list-table tbody tr:last-child td, table.lp-list-table tbody tr:last-child th {
13073 border-bottom: none;
13074 }
13075 table.lp-list-table tbody th {
13076 border: none;
13077 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
13078 padding: 10px 20px;
13079 text-align: left;
13080 }
13081 table.lp-list-table tfoot tr {
13082 border: none;
13083 }
13084 table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th {
13085 border: none;
13086 border-top: 1px solid var(--lp-border-color, #E2E0DB);
13087 }
13088 table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div {
13089 padding: 20px;
13090 }
13091 table.lp-list-table tfoot .pagination {
13092 border: none;
13093 padding: 0;
13094 }
13095 table.lp-list-table.order-table-details tbody tr:last-child {
13096 --lp-white-grey: var(--lp-border-color, #E2E0DB);
13097 }
13098 table.lp-list-table.order-table-details tfoot {
13099 border-top: 1px solid var(--lp-border-color, #E2E0DB);
13100 }
13101 table.lp-list-table.order-table-details tfoot tr td, table.lp-list-table.order-table-details tfoot tr th {
13102 padding: 10px 20px;
13103 background-color: transparent;
13104 }
13105 table.lp-list-table.order-table-details tfoot tr:not(:last-child) td, table.lp-list-table.order-table-details tfoot tr:not(:last-child) th {
13106 padding-bottom: 0;
13107 }
13108
13109 /**
13110 * Style for the Form Filter list
13111 * @since 4.4.5
13112 * @version 1.0.0
13113 */
13114 .lp-form-filter {
13115 display: grid;
13116 gap: 12px;
13117 margin-bottom: 24px;
13118 }
13119 .lp-form-filter__fields {
13120 display: flex;
13121 flex-wrap: wrap;
13122 align-items: flex-end;
13123 gap: 14px;
13124 }
13125 .lp-form-filter__fields > * {
13126 flex: 1 1 0;
13127 min-width: 0;
13128 }
13129 @media screen and (max-width: 782px) {
13130 .lp-form-filter__fields > * {
13131 flex: 1 1 50%;
13132 }
13133 }
13134 @media screen and (max-width: 500px) {
13135 .lp-form-filter__fields > * {
13136 flex: 1 1 100%;
13137 }
13138 }
13139 .lp-form-filter .filter-field {
13140 display: flex;
13141 flex-direction: column;
13142 gap: 5px;
13143 max-width: 200px;
13144 }
13145 .lp-form-filter .filter-field label {
13146 text-align: left;
13147 font-weight: bold;
13148 }
13149 .lp-form-filter button {
13150 display: inline-flex;
13151 align-items: center;
13152 justify-content: center;
13153 }
13154 .lp-form-filter__actions {
13155 display: flex;
13156 gap: 8px;
13157 align-items: center;
13158 }
13159 .lp-form-filter input, .lp-form-filter select {
13160 min-height: 40px;
13161 padding: 0 12px;
13162 }
13163 .lp-form-filter .lp-tom-select.ts-wrapper {
13164 width: 100%;
13165 min-width: auto;
13166 /*&.dropdown-active {
13167 width: 100%;
13168 }*/
13169 }
13170 .lp-form-filter .lp-tom-select.ts-wrapper .ts-control {
13171 min-height: 40px;
13172 padding: 0 12px;
13173 }
13174
13175 /**
13176 * Custom fullscreen view overlay.
13177 *
13178 * Applied directly to the target element; a close button is injected inside it.
13179 *
13180 * @since 4.4.5
13181 * @version 1.0.0
13182 */
13183 html.lp-full-screen-active,
13184 html.lp-full-screen-active body {
13185 overflow: hidden;
13186 }
13187
13188 .lp-full-screen-view {
13189 position: fixed !important;
13190 top: 0;
13191 left: 0;
13192 width: 100vw !important;
13193 height: 100vh !important;
13194 max-width: 100vw !important;
13195 max-height: 100vh !important;
13196 z-index: 99999;
13197 background: #fff;
13198 overflow: auto;
13199 }
13200 .lp-full-screen-view__close {
13201 position: absolute;
13202 top: 5px;
13203 right: 5px;
13204 z-index: 999999;
13205 background: white;
13206 color: #f10808;
13207 border: 1px solid white;
13208 border-radius: 4px;
13209 padding: 0.5em 0.75em;
13210 cursor: pointer;
13211 }
13212 .lp-full-screen-view__close:hover {
13213 border-color: #f10808;
13214 }
13215 .lp-full-screen-view > div {
13216 padding: 40px 10px 0 !important;
13217 }
13218
13219 .lp-toggle-enable {
13220 display: inline-flex;
13221 align-items: center;
13222 gap: 8px;
13223 cursor: pointer;
13224 user-select: none;
13225 }
13226 .lp-toggle-enable .lp-toggle-enable__input {
13227 position: absolute;
13228 opacity: 0;
13229 width: 0;
13230 height: 0;
13231 }
13232 .lp-toggle-enable .lp-toggle-enable__track {
13233 position: relative;
13234 display: inline-block;
13235 width: 44px;
13236 height: 24px;
13237 border-radius: 12px;
13238 background: #c3c4c7;
13239 transition: background 0.2s ease;
13240 flex-shrink: 0;
13241 }
13242 .lp-toggle-enable .lp-toggle-enable__track::before {
13243 content: "";
13244 position: absolute;
13245 top: 2px;
13246 left: 2px;
13247 width: 20px;
13248 height: 20px;
13249 border-radius: 50%;
13250 background: #fff;
13251 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
13252 transition: transform 0.2s ease;
13253 }
13254 .lp-toggle-enable .lp-toggle-enable__label {
13255 font-size: 13px;
13256 font-weight: 500;
13257 color: #50575e;
13258 }
13259 .lp-toggle-enable.is-enabled .lp-toggle-enable__track {
13260 background: #28A746;
13261 }
13262 .lp-toggle-enable.is-enabled .lp-toggle-enable__track::before {
13263 transform: translateX(20px);
13264 }
13265 .lp-toggle-enable.is-enabled .lp-toggle-enable__label {
13266 color: #28A746;
13267 }
13268 .lp-toggle-enable.is-disabled {
13269 opacity: 0.6;
13270 cursor: not-allowed;
13271 }
13272 .lp-toggle-enable.loading {
13273 position: relative;
13274 cursor: default;
13275 pointer-events: none;
13276 }
13277 .lp-toggle-enable.loading .lp-toggle-enable__track,
13278 .lp-toggle-enable.loading .lp-toggle-enable__label {
13279 opacity: 0.4;
13280 }
13281 .lp-toggle-enable.loading::after {
13282 content: "\f110";
13283 position: absolute;
13284 top: 0;
13285 right: 0;
13286 bottom: 0;
13287 left: 0;
13288 width: 18px;
13289 height: 18px;
13290 margin: auto;
13291 display: flex;
13292 align-items: center;
13293 justify-content: center;
13294 font-family: "lp-icon";
13295 font-size: 14px;
13296 font-style: normal;
13297 font-weight: normal;
13298 font-variant: normal;
13299 text-transform: none;
13300 line-height: 1;
13301 color: #2271b1;
13302 background: #fff;
13303 border-radius: 50%;
13304 animation: lp-scorm-toggle-spin 1s linear infinite;
13305 z-index: 1;
13306 }
13307 .lp-toggle-enable .lp-toggle-enable__input:focus-visible ~ .lp-toggle-enable__track {
13308 outline: 2px solid #2271b1;
13309 outline-offset: 2px;
13310 }
13311
13312 @keyframes lp-scorm-toggle-spin {
13313 from {
13314 transform: rotate(0deg);
13315 }
13316 to {
13317 transform: rotate(360deg);
13318 }
13319 }
13320 .button.disabled {
13321 pointer-events: none;
13322 }
13323
13324 .learnpress .postbox .rwmb-meta-box {
13325 margin-top: 10px;
13326 }
13327 .learnpress #field-_lp_requirements .rwmb-text-list-clone,
13328 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone,
13329 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone,
13330 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone,
13331 .learnpress #field-_lp_key_features .rwmb-text-list-clone,
13332 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone,
13333 .learnpress #field-_lp_faqs .rwmb-text-list-clone,
13334 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
13335 clear: none;
13336 position: relative;
13337 border: 1px solid #ddd;
13338 border-radius: 4px;
13339 }
13340 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-label,
13341 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-label,
13342 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-label,
13343 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-label,
13344 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-label,
13345 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-label,
13346 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-label,
13347 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
13348 display: none;
13349 }
13350 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list,
13351 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-advanced,
13352 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list,
13353 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
13354 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list,
13355 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-advanced,
13356 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list,
13357 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
13358 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list,
13359 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-advanced,
13360 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list,
13361 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
13362 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list,
13363 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-advanced,
13364 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list,
13365 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-advanced {
13366 width: calc(100% - 65px);
13367 padding: 7px 10px;
13368 border: none;
13369 color: #777;
13370 background: transparent;
13371 box-shadow: none;
13372 line-height: 1;
13373 }
13374 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone,
13375 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone,
13376 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone,
13377 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone,
13378 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone,
13379 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone,
13380 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone,
13381 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
13382 top: 50%;
13383 right: 41px;
13384 margin-top: -10px;
13385 border-radius: unset;
13386 color: #999;
13387 background: transparent;
13388 -webkit-transition: right 0.25s;
13389 transition: right 0.25s;
13390 }
13391 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone i,
13392 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone i,
13393 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone i,
13394 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone i,
13395 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone i,
13396 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone i,
13397 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone i,
13398 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone i {
13399 font-size: 1.25rem;
13400 }
13401 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone:hover,
13402 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone:hover,
13403 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone:hover,
13404 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone:hover,
13405 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone:hover,
13406 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone:hover,
13407 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone:hover,
13408 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone:hover {
13409 color: #e74c3c;
13410 }
13411 .learnpress #field-_lp_requirements .rwmb-text-list-clone::after,
13412 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone::after,
13413 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone::after,
13414 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone::after,
13415 .learnpress #field-_lp_key_features .rwmb-text-list-clone::after,
13416 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone::after,
13417 .learnpress #field-_lp_faqs .rwmb-text-list-clone::after,
13418 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
13419 display: inline-block;
13420 position: absolute;
13421 top: 50%;
13422 right: 10px;
13423 margin: 8px 0 0 0;
13424 margin-top: -9px;
13425 color: #999;
13426 font-family: Dashicons;
13427 font-size: 1.25rem;
13428 content: "\f333";
13429 }
13430 .learnpress #field-_lp_requirements .rwmb-text-list-clone:focus-within,
13431 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone:focus-within,
13432 .learnpress #field-_lp_key_features .rwmb-text-list-clone:focus-within,
13433 .learnpress #field-_lp_faqs .rwmb-text-list-clone:focus-within {
13434 border-color: #0085ba;
13435 }
13436 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
13437 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
13438 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
13439 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list:focus {
13440 border-color: #0085ba;
13441 }
13442 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
13443 position: relative;
13444 padding: 0 0 16px 0;
13445 }
13446 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
13447 display: block;
13448 padding: 10px 10px 0 12px;
13449 }
13450 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list {
13451 width: calc(100% - 25px);
13452 margin: 0 13px 0 13px;
13453 border: 1px solid #ddd;
13454 vertical-align: top;
13455 }
13456 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
13457 top: 20px;
13458 right: 36px;
13459 margin-top: -10px;
13460 color: #999;
13461 -webkit-transition: right 0.25s;
13462 transition: right 0.25s;
13463 }
13464 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
13465 top: 20px;
13466 }
13467
13468 .lp-notice,
13469 .learn-press-notice {
13470 position: relative;
13471 padding: 12px;
13472 margin: 0;
13473 /*&.lp-upgrade-notice {
13474 position: relative;
13475 border-left-color: #02b7fb;
13476 background: #bceffe;
13477
13478 .close-notice {
13479 position: absolute;
13480 top: 5px;
13481 right: 10px;
13482 }
13483 }*/
13484 }
13485 .lp-notice h4,
13486 .learn-press-notice h4 {
13487 margin: 10px 0 15px;
13488 }
13489 .lp-notice p,
13490 .learn-press-notice p {
13491 margin: 0 0 5px 0;
13492 padding: 0 2px;
13493 }
13494 .lp-notice .lp-message-dismiss,
13495 .learn-press-notice .lp-message-dismiss {
13496 position: absolute;
13497 top: 12px;
13498 right: 12px;
13499 }
13500 .lp-notice .notice-dismiss,
13501 .learn-press-notice .notice-dismiss {
13502 position: absolute;
13503 top: 0;
13504 right: 1px;
13505 margin: 0;
13506 padding: 9px;
13507 border: none;
13508 outline: none;
13509 color: #72777c;
13510 background: 0 0;
13511 box-shadow: none;
13512 cursor: pointer;
13513 }
13514 .lp-notice .notice-dismiss::before,
13515 .learn-press-notice .notice-dismiss::before {
13516 display: block;
13517 width: 20px;
13518 height: 20px;
13519 color: #72777c;
13520 background: 0 0;
13521 font: normal 16px/20px dashicons;
13522 text-align: center;
13523 content: "\f153";
13524 speak: none;
13525 -webkit-font-smoothing: antialiased;
13526 }
13527
13528 .learn-press-dropdown-pages {
13529 display: inline-block;
13530 }
13531 .learn-press-dropdown-pages .list-pages-wrapper {
13532 display: flex;
13533 align-items: center;
13534 gap: 10px;
13535 }
13536
13537 .lp-notice-update-database {
13538 border: 1px solid rebeccapurple;
13539 border-left-color: #f00;
13540 border-radius: 3px;
13541 color: white;
13542 background: rebeccapurple;
13543 }
13544 .lp-notice-update-database.do-updating::before {
13545 display: inline-block;
13546 float: left;
13547 margin: 9px 5px 0 -5px;
13548 color: #2773aa;
13549 font-family: dashicons;
13550 font-size: 1.25rem;
13551 content: "\f463";
13552 animation: rotating4 2s linear infinite;
13553 }
13554
13555 #adminmenu .update-plugins.lp-plugins-count {
13556 padding: 0 5px;
13557 }
13558
13559 .search-box input[name=post-search-author],
13560 .search-box .select2-container {
13561 min-width: 200px;
13562 margin: 0;
13563 vertical-align: top;
13564 }
13565
13566 .learn-press-notice-assigned-item {
13567 color: #f00;
13568 }
13569
13570 .learnpress .actions {
13571 margin: 0;
13572 }
13573
13574 #learn-press-syncs li {
13575 position: relative;
13576 }
13577 #learn-press-syncs li.syncing, #learn-press-syncs li.synced {
13578 padding-left: 24px;
13579 }
13580 #learn-press-syncs li.syncing input[type=checkbox], #learn-press-syncs li.synced input[type=checkbox] {
13581 display: none;
13582 }
13583 #learn-press-syncs li.syncing::after {
13584 content: "\f463";
13585 animation: rotating4 2s linear infinite;
13586 }
13587 #learn-press-syncs li.synced::after {
13588 color: #2773aa;
13589 content: "\f147";
13590 }
13591 #learn-press-syncs li::after {
13592 display: block;
13593 position: absolute;
13594 top: 0;
13595 left: -3px;
13596 width: 24px;
13597 height: 24px;
13598 font-family: dashicons;
13599 font-size: 1.1875rem;
13600 line-height: 1.5rem;
13601 text-align: center;
13602 }
13603
13604 #learn-press-updater .updater-progress {
13605 position: relative;
13606 margin: 0 2px;
13607 }
13608 #learn-press-updater .updater-progress ul {
13609 display: flex;
13610 position: relative;
13611 height: 5px;
13612 background: #eee;
13613 }
13614 #learn-press-updater .updater-progress ul li {
13615 position: relative;
13616 margin: 0;
13617 flex: 1;
13618 }
13619 #learn-press-updater .updater-progress ul li::after {
13620 display: none;
13621 position: absolute;
13622 top: -30px;
13623 right: 0;
13624 padding: 3px 5px;
13625 border-radius: 3px;
13626 color: #fff;
13627 background: #ddd;
13628 font-size: 0.75rem;
13629 content: attr(data-version);
13630 }
13631 #learn-press-updater .updater-progress ul li::before {
13632 content: "";
13633 }
13634 #learn-press-updater .updater-progress ul li:last-child::after {
13635 _display: block;
13636 }
13637 #learn-press-updater .updater-progress ul::after {
13638 position: absolute;
13639 top: 0;
13640 left: 0;
13641 width: 0;
13642 height: 20px;
13643 }
13644 #learn-press-updater .updater-progress .updater-progress-status {
13645 position: absolute;
13646 top: 0;
13647 left: 0;
13648 width: 0;
13649 height: 5px;
13650 background: #5bc4f9;
13651 transition: width 0.25s;
13652 }
13653 #learn-press-updater .updater-progress .updater-progress-status::before {
13654 position: absolute;
13655 top: -20px;
13656 right: 0;
13657 padding: 0 5px;
13658 border-radius: 3px;
13659 color: #fff;
13660 background: #5bc4f9;
13661 font-size: 0.75rem;
13662 _content: attr(data-value) "%";
13663 }
13664 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation {
13665 overflow: hidden;
13666 position: absolute;
13667 top: 0;
13668 left: 0;
13669 width: 100%;
13670 height: 5px;
13671 background: #5bc4f9;
13672 }
13673 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation:not(.completed)::after {
13674 position: absolute;
13675 height: 5px;
13676 background: #8dd9ff;
13677 content: "";
13678 animation: animation4 1.5s ease-out infinite;
13679 }
13680 #learn-press-updater .updating-message {
13681 color: #a24666;
13682 }
13683 #learn-press-updater .completed-message {
13684 color: #3c8eb7;
13685 }
13686
13687 #learn-press-updater {
13688 display: none;
13689 }
13690
13691 .select2 .select2-search.select2-search--inline {
13692 margin-bottom: 0;
13693 }
13694 .select2 .select2-selection .select2-selection__choice {
13695 margin-top: 4px;
13696 margin-bottom: 0;
13697 }
13698 .select2 .select2-selection.select2-selection--multiple {
13699 min-height: 30px;
13700 }
13701
13702 .list-pages-wrapper .select2-container--default .select2-selection--single .select2-selection__clear {
13703 margin: 0;
13704 }
13705
13706 .edit-post-layout__metaboxes .rwmb-label > label {
13707 color: #666;
13708 font-size: small;
13709 font-weight: bold;
13710 }
13711
13712 body.post-type-lp_question #button-new-question {
13713 display: inline-block;
13714 position: relative;
13715 }
13716 body.post-type-lp_question #button-new-question div {
13717 display: none;
13718 position: absolute;
13719 z-index: 9999;
13720 top: 100%;
13721 left: 0;
13722 min-width: 100px;
13723 margin: 0 0 0 -1px;
13724 border: 1px solid #999;
13725 background: white;
13726 font-weight: 400;
13727 }
13728 body.post-type-lp_question #button-new-question div a {
13729 display: block;
13730 min-width: 100px;
13731 margin: 0;
13732 padding: 10px 20px;
13733 color: #666;
13734 white-space: nowrap;
13735 text-decoration: none;
13736 }
13737 body.post-type-lp_question #button-new-question div a:hover {
13738 background: #eee;
13739 }
13740 body.post-type-lp_question #button-new-question > a {
13741 position: relative;
13742 padding-right: 15px;
13743 text-decoration: none;
13744 }
13745 body.post-type-lp_question #button-new-question > a::after {
13746 display: inline-block;
13747 position: absolute;
13748 top: 6px;
13749 right: 0;
13750 width: 0;
13751 height: 0;
13752 margin: 0;
13753 border: 5px solid transparent;
13754 border-top-color: #0f7aae;
13755 content: "";
13756 }
13757 body.post-type-lp_question #button-new-question:hover div {
13758 display: block;
13759 }
13760
13761 .lp-label {
13762 display: inline-block;
13763 padding: 3px 6px;
13764 color: #fff;
13765 font-size: 0.75rem;
13766 border-radius: 4px;
13767 }
13768 .lp-label.success {
13769 background: #4caf50;
13770 }
13771 .lp-label.error {
13772 background: #f00;
13773 }
13774 .lp-label.warning {
13775 background: #ffc107;
13776 }
13777 .lp-label .far,
13778 .lp-label .fas,
13779 .lp-label .fa {
13780 display: inline-block;
13781 margin-right: 5px;
13782 }
13783
13784 .lp-admin-profile-courses .column-results {
13785 width: 200px;
13786 }
13787 .lp-admin-profile-courses .course-results-progress .lp-progress-row {
13788 margin: 0 0 20px 0;
13789 }
13790 .lp-admin-profile-courses .course-results-progress .lp-course-progress-heading {
13791 margin: 0 0 5px 0;
13792 line-height: 1;
13793 }
13794 .lp-admin-profile-courses .learn-press-progress {
13795 overflow: hidden;
13796 position: relative;
13797 width: 150px;
13798 height: 6px;
13799 border-radius: 3px;
13800 }
13801 .lp-admin-profile-courses .learn-press-progress .learn-press-progress__active {
13802 position: absolute;
13803 z-index: 1;
13804 left: -100%;
13805 width: 100%;
13806 height: 100%;
13807 border-radius: 3px;
13808 background: var(--lp-primary-color);
13809 -webkit-transition: 0.5s;
13810 transition: 0.5s;
13811 }
13812 .lp-admin-profile-courses .learn-press-progress::before {
13813 display: block;
13814 position: absolute;
13815 z-index: 0;
13816 top: 0;
13817 width: 100%;
13818 height: 100%;
13819 background: #ccc;
13820 content: "";
13821 }
13822
13823 .lp-notify-action-wrapper {
13824 position: fixed;
13825 bottom: 5%;
13826 z-index: 10000;
13827 left: 50%;
13828 padding: 10px;
13829 transition: all 0.5s;
13830 transform: translateY(500%);
13831 display: flex;
13832 flex-direction: column;
13833 gap: 5px;
13834 }
13835 .lp-notify-action-wrapper.show {
13836 display: flex;
13837 transform: translateY(0);
13838 }
13839 .lp-notify-action-wrapper .lp-notify-action {
13840 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
13841 background: #202937;
13842 padding: 0 20px;
13843 border-radius: 3px;
13844 min-width: 200px;
13845 transition: all 0.8s;
13846 }
13847 .lp-notify-action-wrapper .lp-notify-action.clone {
13848 display: none;
13849 }
13850 .lp-notify-action-wrapper .lp-notify-action__success {
13851 display: none;
13852 color: #01a401;
13853 }
13854 .lp-notify-action-wrapper .lp-notify-action__success.show {
13855 display: block;
13856 }
13857 .lp-notify-action-wrapper .lp-notify-action__error {
13858 display: none;
13859 color: #f44336;
13860 font-weight: bold;
13861 }
13862 .lp-notify-action-wrapper .lp-notify-action__error.show {
13863 display: block;
13864 }
13865
13866 #wp-admin-bar-lp-course-builder svg {
13867 vertical-align: text-bottom;
13868 }
13869
13870 #wpbody-content .lp-list-table {
13871 background-color: white;
13872 }