PluginProbe
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses / 4.4.7
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses v4.4.7
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 4.1.7.3.1 4.1.7.3.2 4.2.0 4.2.1 All 138 releases
learnpress / assets / css / admin / admin.css

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

12,439 lines 299.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 .learn-press-message {
32 position: relative;
33 margin: 0 !important;
34 padding: 10px 20px;
35 border-radius: var(--lp-border-radius, 5px);
36 background-color: #E5F7FF;
37 color: #007AFF;
38 max-width: 100%;
39 }
40 .learn-press-message.error {
41 background-color: #FEE5E5;
42 color: #FF3B30;
43 border-left: none;
44 }
45 .learn-press-message.warning {
46 background-color: #FEF7E6;
47 color: #FF9500;
48 }
49 .learn-press-message.success {
50 background-color: #EBF8E5;
51 color: #3AB500;
52 }
53 .learn-press-message.info {
54 background-color: rgba(0, 122, 255, 0.1019607843);
55 color: #007AFF;
56 }
57 .learn-press-message a {
58 text-decoration: underline;
59 }
60
61 .lp-toast.toastify {
62 background: #EBF8E5;
63 color: #3AB500;
64 border-radius: var(--lp-border-radius, 5px);
65 box-shadow: 0 0 0;
66 display: flex;
67 align-items: center;
68 }
69 .lp-toast.toastify .toast-close {
70 background: transparent !important;
71 font-size: 0;
72 padding-left: 12px;
73 }
74 .lp-toast.toastify .toast-close:before {
75 content: "\f00d";
76 font-family: "lp-icon";
77 font-size: 16px;
78 color: #000;
79 line-height: 17px;
80 }
81 .lp-toast.toastify .toast-close:hover {
82 opacity: 1;
83 }
84 .lp-toast.toastify.error {
85 background-color: #FEE5E5;
86 color: #FF3B30;
87 padding: 12px 20px;
88 border: none;
89 margin: 0 auto;
90 }
91 .lp-toast.toastify.warning {
92 background-color: #FEF7E6;
93 color: #fb9422;
94 padding: 12px 20px;
95 border: none;
96 margin: 0 auto;
97 }
98 .lp-toast.toastify.info {
99 background-color: rgba(0, 122, 255, 0.1019607843);
100 color: #277afc;
101 padding: 12px 20px;
102 border: none;
103 margin: 0 auto;
104 }
105
106 /**
107 * Style for the Tom Select
108 * @link https://tom-select.js.org/
109 * @since 4.2.9.5
110 * @version 1.0.0
111 */
112 .lp-tom-select {
113 min-width: 150px;
114 }
115 .lp-tom-select.plugin-dropdown_input .dropdown-input {
116 width: 95%;
117 min-width: auto;
118 border: 1px solid #2271b1;
119 }
120 .lp-tom-select[multiple] {
121 display: block;
122 height: 36px !important;
123 border: 1px solid #d0d0d0;
124 }
125 .lp-tom-select.ts-wrapper {
126 min-width: 200px;
127 width: fit-content;
128 }
129 .lp-tom-select.ts-wrapper dropdown-active .ts-control input.dropdown-input {
130 border-color: #d0d0d0;
131 }
132 .lp-tom-select.ts-wrapper input.dropdown-input {
133 margin: 0 auto 5px;
134 padding: 0 8px;
135 box-shadow: none;
136 }
137 .lp-tom-select.ts-wrapper.multi.has-items .ts-control {
138 padding: 3px 0 3px 3px;
139 }
140 .lp-tom-select.ts-wrapper .ts-control {
141 min-height: 35px;
142 padding: 4px;
143 }
144 .lp-tom-select.ts-wrapper .ts-control input[type=text] {
145 min-width: 30px;
146 }
147 .lp-tom-select.ts-wrapper .ts-control li {
148 margin: 0 5px 3px 0;
149 padding: 3px 8px;
150 background: #eee;
151 border-radius: var(--lp-border-radius);
152 }
153 .lp-tom-select.ts-wrapper .ts-control .item {
154 margin: 0 5px 2px 0;
155 padding: 1px 2px;
156 background: #eee;
157 border-radius: var(--lp-border-radius);
158 }
159 .lp-tom-select.ts-wrapper .ts-dropdown {
160 border: 1px solid #d0d0d0;
161 padding-top: 5px;
162 border-radius: 3px;
163 margin-top: -1px;
164 }
165 .lp-tom-select.ts-wrapper .ts-dropdown .spinner {
166 visibility: visible;
167 }
168 .lp-tom-select.ts-wrapper .ts-dropdown .spinner::after {
169 content: "";
170 border: none;
171 }
172 .lp-tom-select .dropdown-input-wrap {
173 display: flex;
174 }
175
176 /*.search-box {
177 .ts-wrapper {
178 float: left;
179 margin-right: 4px;
180
181 .ts-control {
182 padding: 3px;
183 height: 30px;
184
185 li {
186 margin: 0;
187 }
188 }
189 }
190 }*/
191 /**
192 * Styles for displaying list of table
193 */
194 .lp-toolbar-buttons {
195 position: relative;
196 z-index: 10;
197 height: 50px;
198 }
199 .lp-toolbar-buttons .lp-toolbar-btn {
200 display: inline-block;
201 position: relative;
202 width: 30px;
203 height: 30px;
204 margin: 0;
205 padding: 0;
206 text-align: center;
207 vertical-align: middle;
208 cursor: pointer;
209 }
210 .lp-toolbar-buttons .lp-toolbar-btn a,
211 .lp-toolbar-buttons .lp-toolbar-btn span {
212 outline: none;
213 color: #666;
214 box-shadow: none;
215 }
216 .lp-toolbar-buttons .lp-toolbar-btn .lp-btn-icon {
217 position: absolute;
218 top: 50%;
219 left: 50%;
220 width: 30px;
221 height: 30px;
222 margin-top: -15px;
223 margin-left: -15px;
224 line-height: 1.875rem;
225 text-align: center;
226 }
227 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move {
228 cursor: ns-resize;
229 }
230 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move a,
231 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
232 cursor: ns-resize;
233 }
234 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move:hover a,
235 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
236 color: var(--lp-primary-color);
237 }
238 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove {
239 cursor: pointer;
240 }
241 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover a,
242 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover span {
243 color: #e74c3c;
244 }
245 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down,
246 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down-alt2 {
247 display: none;
248 }
249 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up,
250 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up-alt2 {
251 display: none;
252 }
253 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down,
254 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down-alt2 {
255 display: inline-block;
256 }
257 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown {
258 color: #000;
259 }
260 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul {
261 display: none;
262 position: absolute;
263 top: 100%;
264 right: 0;
265 margin: 0 0;
266 border: 1px solid #999;
267 background: #fdfeff;
268 }
269 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li {
270 margin: 0;
271 list-style: none;
272 }
273 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a {
274 display: block;
275 margin: 0;
276 padding: 3px 8px;
277 color: #757575;
278 font-size: 0.8em;
279 text-align: right;
280 white-space: nowrap;
281 text-decoration: none;
282 }
283 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a:hover {
284 background: #eee;
285 }
286 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li.active a {
287 background: #eee;
288 }
289 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled, .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled:hover {
290 _background: #f5f5f5;
291 }
292 .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 {
293 color: #666;
294 }
295 .lp-toolbar-buttons .lp-toolbar-btn:hover {
296 display: inline-block;
297 background: none;
298 }
299 .lp-toolbar-buttons .lp-toolbar-btn:hover .lp-btn-icon {
300 color: #444;
301 }
302 .lp-toolbar-buttons .lp-toolbar-btn:hover ul {
303 display: block;
304 }
305 .lp-toolbar-buttons .lp-toolbar-btn:hover ul:hover {
306 display: block;
307 }
308
309 .column-content-actions.lp-toolbar-buttons {
310 width: 30px;
311 padding: 0;
312 white-space: nowrap;
313 }
314
315 .learn-press-box-data {
316 position: relative;
317 margin: 20px 0 0 0;
318 border: 1px solid #ddd;
319 }
320 .learn-press-box-data .lp-box-data-head {
321 padding: 10px 15px;
322 background: #fff;
323 }
324 .learn-press-box-data .lp-box-data-head h3 {
325 margin: 0;
326 padding: 15px;
327 font-size: 1em;
328 }
329 .learn-press-box-data .lp-box-data-head .lp-box-data-actions {
330 float: right;
331 position: relative;
332 z-index: 10;
333 }
334 .learn-press-box-data .lp-box-data-head .lp-box-data-actions .lp-btn {
335 display: inline-block;
336 width: 30px;
337 height: 50px;
338 line-height: 2.875rem;
339 text-align: center;
340 vertical-align: middle;
341 }
342 .learn-press-box-data .lp-box-data-head .lp-box-data-actions::after {
343 display: block;
344 clear: both;
345 content: "";
346 }
347 .learn-press-box-data .lp-box-data-head::after {
348 display: block;
349 clear: both;
350 content: "";
351 }
352 .learn-press-box-data .lp-box-data-content {
353 padding: 15px;
354 border-top: 1px solid #ddd;
355 background: #fff;
356 }
357 .learn-press-box-data .lp-box-data-foot {
358 padding: 15px;
359 }
360 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up,
361 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up-alt2 {
362 display: none;
363 }
364 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down,
365 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down-alt2 {
366 display: inline-block;
367 }
368 .learn-press-box-data.closed .lp-box-data-content {
369 display: none;
370 }
371
372 .lp-list-options {
373 width: 100%;
374 border-collapse: collapse;
375 }
376 .lp-list-options th,
377 .lp-list-options td {
378 padding: 10px 15px;
379 border-top: 1px solid #ddd;
380 background: #f5f5f5;
381 }
382 .lp-list-options thead th {
383 text-align: left;
384 }
385 .lp-list-options tbody tr td {
386 padding: 0 15px;
387 background: #f4fcff;
388 }
389 .lp-list-options tbody tr td.lp-toolbar-buttons {
390 _overflow: hidden;
391 position: relative;
392 width: 30px;
393 height: 42px;
394 white-space: nowrap;
395 }
396 .lp-list-options tbody tr td.lp-toolbar-buttons .lp-toolbar-btn {
397 visibility: hidden;
398 position: relative;
399 height: 43px;
400 margin-top: -4px;
401 margin-bottom: -4px;
402 }
403 .lp-list-options tbody tr:nth-child(odd) td {
404 background: #fff;
405 }
406 .lp-list-options tbody tr:hover td.lp-toolbar-buttons .lp-toolbar-btn {
407 visibility: visible;
408 }
409 .lp-list-options tbody td {
410 text-align: left;
411 }
412 .lp-list-options tbody td input[type=text] {
413 width: 100%;
414 }
415 .lp-list-options tbody td input[type=text][value=""] {
416 font-style: italic;
417 }
418 .lp-list-options tbody td.column-content-answer_correct {
419 width: 125px;
420 }
421 .lp-list-options tbody td.lp-remove-list-option, .lp-list-options tbody td.lp-move-list-option {
422 width: 20px;
423 padding: 0;
424 text-align: center;
425 }
426 .lp-list-options tbody td.lp-remove-list-option a, .lp-list-options tbody td.lp-move-list-option a {
427 visibility: hidden;
428 color: #999;
429 }
430 .lp-list-options tbody td.lp-remove-list-option:hover, .lp-list-options tbody td.lp-move-list-option:hover {
431 background: #dbf5ff;
432 }
433 .lp-list-options tbody td.lp-move-list-option {
434 cursor: ns-resize;
435 }
436 .lp-list-options tbody td.lp-move-list-option a {
437 cursor: ns-resize;
438 }
439 .lp-list-options tbody td.lp-move-list-option:hover a {
440 color: var(--lp-primary-color);
441 }
442 .lp-list-options tbody td.lp-remove-list-option {
443 cursor: pointer;
444 }
445 .lp-list-options tbody td.lp-remove-list-option:hover a {
446 color: #e74c3c;
447 }
448
449 .lp-animation {
450 animation: spin 4s linear infinite;
451 }
452
453 .lp-ajax-search {
454 display: inline-block;
455 position: relative;
456 z-index: 999999;
457 }
458 .lp-ajax-search .lp-search-term {
459 min-width: 300px;
460 height: 28px;
461 margin: 0;
462 outline: none;
463 box-shadow: none;
464 }
465 .lp-ajax-search .lp-search-term:focus {
466 box-shadow: none;
467 }
468 .lp-ajax-search .lp-search-term:focus {
469 outline: none;
470 box-shadow: none;
471 }
472 .lp-ajax-search .lp-search-term:focus:focus {
473 box-shadow: none;
474 }
475 .lp-ajax-search .lp-search-results {
476 position: absolute;
477 top: 100%;
478 width: 100%;
479 margin: -1px 0 0 0;
480 border: 1px solid #ddd;
481 background: #fff;
482 -webkit-box-sizing: border-box;
483 box-sizing: border-box;
484 }
485 .lp-ajax-search .lp-search-results .lp-search-items {
486 overflow: auto;
487 max-height: 300px;
488 margin: 0;
489 }
490 .lp-ajax-search .lp-search-results .lp-search-items li {
491 margin: 0;
492 }
493 .lp-ajax-search .lp-search-results .lp-search-items li label {
494 display: block;
495 padding: 8px 10px;
496 border-bottom: 1px solid #f3f3f3;
497 }
498 .lp-ajax-search .lp-search-results .lp-search-items li label input {
499 float: left;
500 margin-top: 1px;
501 margin-right: -100%;
502 }
503 .lp-ajax-search .lp-search-results .lp-search-items li label span {
504 display: inline-block;
505 margin-left: 25px;
506 }
507 .lp-ajax-search .lp-search-results .lp-search-items li label span a.lp-add-item {
508 visibility: hidden;
509 margin-left: 10px;
510 }
511 .lp-ajax-search .lp-search-results .lp-search-items li.active {
512 background: #dbf5ff;
513 }
514 .lp-ajax-search .lp-search-results .lp-search-items li:hover {
515 color: #fff;
516 background: #0085ba;
517 }
518 .lp-ajax-search .lp-search-results .lp-search-items li:hover a.lp-add-item {
519 visibility: visible;
520 }
521 .lp-ajax-search .lp-search-results .lp-search-actions {
522 margin: 0;
523 padding: 10px;
524 border-top: 1px solid #ddd;
525 }
526
527 #learn-press-ajax-search-overlay {
528 display: none;
529 position: fixed;
530 z-index: 99999;
531 top: 0;
532 left: 0;
533 width: 100%;
534 height: 100%;
535 opacity: 0;
536 }
537
538 .update-overlay {
539 position: fixed;
540 z-index: 99999;
541 top: 0;
542 left: 0;
543 width: 100%;
544 height: 100%;
545 background: rgba(255, 255, 255, 0.5);
546 }
547
548 #course-editor.ajax-search #learn-press-ajax-search-overlay {
549 display: block;
550 }
551 #course-editor.ajax-search .lp-ajax-search {
552 z-index: 100000;
553 }
554
555 .advanced-list {
556 width: 100%;
557 min-width: 200px;
558 border-radius: var(--lp-border-radius);
559 background: #fff;
560 list-style: none;
561 }
562 .advanced-list li {
563 display: inline-block;
564 margin: 0 5px 5px 0;
565 padding: 3px 8px;
566 background: #eee;
567 border-radius: var(--lp-border-radius);
568 }
569 .advanced-list li .remove-item {
570 display: inline-block;
571 margin-right: 5px;
572 line-height: 1;
573 vertical-align: middle;
574 text-decoration: none;
575 cursor: pointer;
576 }
577 .advanced-list li .remove-item:hover {
578 color: #0085ba;
579 }
580 .advanced-list li .remove-item::before {
581 font-family: dashicons;
582 text-decoration: none;
583 content: "\f335";
584 }
585 .advanced-list li span {
586 display: inline-block;
587 }
588 .advanced-list.locked .remove-item {
589 display: none;
590 }
591 .advanced-list::after {
592 display: block;
593 clear: both;
594 content: "";
595 }
596
597 .lp-label-counter {
598 display: inline-block;
599 height: 20px;
600 padding: 0 10px;
601 border-radius: 20px;
602 color: #fff;
603 background: #2196f3;
604 font-weight: bold;
605 line-height: 1.25rem;
606 }
607 .lp-label-counter.disabled {
608 background: #ddd;
609 }
610
611 @keyframes spin {
612 100% {
613 -webkit-transform: rotate(360deg);
614 transform: rotate(360deg);
615 }
616 }
617 .rwmb-duration {
618 border: 1px solid #ddd;
619 }
620
621 ul .clearfix {
622 clear: both;
623 height: 0;
624 opacity: 0;
625 }
626
627 .clearfix-after::after {
628 display: block;
629 clear: both;
630 height: 0;
631 opacity: 0;
632 content: "";
633 }
634
635 .lp-button {
636 padding: 8px 16px;
637 border: 1px solid #e5e7eb;
638 border-radius: var(--lp-border-radius);
639 color: #374151;
640 font-size: 0.9em;
641 font-weight: 500;
642 text-decoration: none;
643 cursor: pointer;
644 }
645
646 @font-face {
647 font-family: "lp-icon";
648 src: url("../../src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=55") format("woff2");
649 font-weight: normal;
650 font-style: normal;
651 font-display: swap;
652 }
653 [class^=lp-icon-], [class*=" lp-icon-"] {
654 /* use !important to prevent issues with browser extensions that change fonts */
655 font-family: "lp-icon";
656 speak: never;
657 font-style: normal;
658 font-weight: normal;
659 font-variant: normal;
660 text-transform: none;
661 line-height: 1;
662 font-display: swap;
663 /* Better Font Rendering =========== */
664 -webkit-font-smoothing: antialiased;
665 -moz-osx-font-smoothing: grayscale;
666 }
667
668 .lp-icon-plus:before {
669 content: "\f067";
670 }
671
672 .lp-icon-question:before {
673 content: "\f128";
674 }
675
676 .lp-icon-minus:before {
677 content: "\f068";
678 }
679
680 .lp-icon-search:before {
681 content: "\f002";
682 }
683
684 .lp-icon-envelope-o:before {
685 content: "\f003";
686 }
687
688 .lp-icon-heart:before {
689 content: "\f004";
690 }
691
692 .lp-icon-star:before {
693 content: "\f005";
694 }
695
696 .lp-icon-star-o:before {
697 content: "\f006";
698 }
699
700 .lp-icon-user:before {
701 content: "\f007";
702 }
703
704 .lp-icon-th-large:before {
705 content: "\f009";
706 }
707
708 .lp-icon-th:before {
709 content: "\f00a";
710 }
711
712 .lp-icon-th-list:before {
713 content: "\f00b";
714 }
715
716 .lp-icon-check:before {
717 content: "\f00c";
718 }
719
720 .lp-icon-close:before {
721 content: "\f00d";
722 }
723
724 .lp-icon-remove:before {
725 content: "\f00d";
726 }
727
728 .lp-icon-times:before {
729 content: "\f00d";
730 }
731
732 .lp-icon-signal:before {
733 content: "\f012";
734 }
735
736 .lp-icon-cog:before {
737 content: "\f013";
738 }
739
740 .lp-icon-gear:before {
741 content: "\f013";
742 }
743
744 .lp-icon-trash-o:before {
745 content: "\f014";
746 }
747
748 .lp-icon-home:before {
749 content: "\f015";
750 }
751
752 .lp-icon-file-o:before {
753 content: "\f016";
754 }
755
756 .lp-icon-clock-o:before {
757 content: "\f017";
758 }
759
760 .lp-icon-download:before {
761 content: "\f019";
762 }
763
764 .lp-icon-play-circle-o:before {
765 content: "\f01d";
766 }
767
768 .lp-icon-refresh:before {
769 content: "\f021";
770 }
771
772 .lp-icon-lock:before {
773 content: "\f023";
774 }
775
776 .lp-icon-flag:before {
777 content: "\f024";
778 }
779
780 .lp-icon-book:before {
781 content: "\f02d";
782 }
783
784 .lp-icon-bookmark:before {
785 content: "\f02e";
786 }
787
788 .lp-icon-video-camera:before {
789 content: "\f03d";
790 }
791
792 .lp-icon-edit:before {
793 content: "\f044";
794 }
795
796 .lp-icon-pencil-square-o:before {
797 content: "\f044";
798 }
799
800 .lp-icon-check-square-o:before {
801 content: "\f046";
802 }
803
804 .lp-icon-arrows:before {
805 content: "\f047";
806 }
807
808 .lp-icon-chevron-left:before {
809 content: "\f053";
810 }
811
812 .lp-icon-chevron-right:before {
813 content: "\f054";
814 }
815
816 .lp-icon-check-circle:before {
817 content: "\f058";
818 }
819
820 .lp-icon-question-circle:before {
821 content: "\f059";
822 }
823
824 .lp-icon-arrow-left:before {
825 content: "\f060";
826 }
827
828 .lp-icon-arrow-right:before {
829 content: "\f061";
830 }
831
832 .lp-icon-expand:before {
833 content: "\f065";
834 }
835
836 .lp-icon-compress:before {
837 content: "\f066";
838 }
839
840 .lp-icon-exclamation-circle:before {
841 content: "\f06a";
842 }
843
844 .lp-icon-gift:before {
845 content: "\f06b";
846 }
847
848 .lp-icon-eye:before {
849 content: "\f06e";
850 }
851
852 .lp-icon-eye-slash:before {
853 content: "\f070";
854 }
855
856 .lp-icon-exclamation-triangle:before {
857 content: "\f071";
858 }
859
860 .lp-icon-warning:before {
861 content: "\f071";
862 }
863
864 .lp-icon-calendar:before {
865 content: "\f073";
866 }
867
868 .lp-icon-comment:before {
869 content: "\f075";
870 }
871
872 .lp-icon-chevron-up:before {
873 content: "\f077";
874 }
875
876 .lp-icon-chevron-down:before {
877 content: "\f078";
878 }
879
880 .lp-icon-shopping-cart:before {
881 content: "\f07a";
882 }
883
884 .lp-icon-bar-chart:before {
885 content: "\f080";
886 }
887
888 .lp-icon-bar-chart-o:before {
889 content: "\f080";
890 }
891
892 .lp-icon-key:before {
893 content: "\f084";
894 }
895
896 .lp-icon-cogs:before {
897 content: "\f085";
898 }
899
900 .lp-icon-gears:before {
901 content: "\f085";
902 }
903
904 .lp-icon-thumbs-o-up:before {
905 content: "\f087";
906 }
907
908 .lp-icon-thumbs-o-down:before {
909 content: "\f088";
910 }
911
912 .lp-icon-heart-o:before {
913 content: "\f08a";
914 }
915
916 .lp-icon-sign-out:before {
917 content: "\f08b";
918 }
919
920 .lp-icon-linkedin-square:before {
921 content: "\f08c";
922 }
923
924 .lp-icon-sign-in:before {
925 content: "\f090";
926 }
927
928 .lp-icon-phone:before {
929 content: "\f095";
930 }
931
932 .lp-icon-square-o:before {
933 content: "\f096";
934 }
935
936 .lp-icon-bookmark-o:before {
937 content: "\f097";
938 }
939
940 .lp-icon-twitter:before {
941 content: "\f099";
942 }
943
944 .lp-icon-facebook:before {
945 content: "\f09a";
946 }
947
948 .lp-icon-facebook-f:before {
949 content: "\f09a";
950 }
951
952 .lp-icon-unlock:before {
953 content: "\f09c";
954 }
955
956 .lp-icon-bullhorn:before {
957 content: "\f0a1";
958 }
959
960 .lp-icon-bell-o:before {
961 content: "\f0a2";
962 }
963
964 .lp-icon-certificate:before {
965 content: "\f0a3";
966 }
967
968 .lp-icon-briefcase:before {
969 content: "\f0b1";
970 }
971
972 .lp-icon-arrows-alt:before {
973 content: "\f0b2";
974 }
975
976 .lp-icon-copy:before {
977 content: "\f0c5";
978 }
979
980 .lp-icon-files-o:before {
981 content: "\f0c5";
982 }
983
984 .lp-icon-pinterest-square:before {
985 content: "\f0d3";
986 }
987
988 .lp-icon-google-plus-square:before {
989 content: "\f0d4";
990 }
991
992 .lp-icon-google-plus:before {
993 content: "\f0d5";
994 }
995
996 .lp-icon-money-bill-alt:before {
997 content: "\f0d6";
998 }
999
1000 .lp-icon-caret-down:before {
1001 content: "\f0d7";
1002 }
1003
1004 .lp-icon-caret-up:before {
1005 content: "\f0d8";
1006 }
1007
1008 .lp-icon-caret-left:before {
1009 content: "\f0d9";
1010 }
1011
1012 .lp-icon-caret-right:before {
1013 content: "\f0da";
1014 }
1015
1016 .lp-icon-linkedin:before {
1017 content: "\f0e1";
1018 }
1019
1020 .lp-icon-comment-o:before {
1021 content: "\f0e5";
1022 }
1023
1024 .lp-icon-file-text-o:before {
1025 content: "\f0f6";
1026 }
1027
1028 .lp-icon-angle-double-left:before {
1029 content: "\f100";
1030 }
1031
1032 .lp-icon-angle-double-right:before {
1033 content: "\f101";
1034 }
1035
1036 .lp-icon-angle-double-up:before {
1037 content: "\f102";
1038 }
1039
1040 .lp-icon-angle-double-down:before {
1041 content: "\f103";
1042 }
1043
1044 .lp-icon-angle-left:before {
1045 content: "\f104";
1046 }
1047
1048 .lp-icon-angle-right:before {
1049 content: "\f105";
1050 }
1051
1052 .lp-icon-angle-up:before {
1053 content: "\f106";
1054 }
1055
1056 .lp-icon-angle-down:before {
1057 content: "\f107";
1058 }
1059
1060 .lp-icon-desktop:before {
1061 content: "\f108";
1062 }
1063
1064 .lp-icon-mobile:before {
1065 content: "\f10b";
1066 }
1067
1068 .lp-icon-mobile-phone:before {
1069 content: "\f10b";
1070 }
1071
1072 .lp-icon-circle-o:before {
1073 content: "\f10c";
1074 }
1075
1076 .lp-icon-spinner:before {
1077 content: "\f110";
1078 }
1079
1080 .lp-icon-code:before {
1081 content: "\f121";
1082 }
1083
1084 .lp-icon-puzzle-piece:before {
1085 content: "\f12e";
1086 }
1087
1088 .lp-icon-calendar-o:before {
1089 content: "\f133";
1090 }
1091
1092 .lp-icon-ellipsis-h:before {
1093 content: "\f141";
1094 }
1095
1096 .lp-icon-ellipsis-v:before {
1097 content: "\f142";
1098 }
1099
1100 .lp-icon-file:before {
1101 content: "\f15b";
1102 }
1103
1104 .lp-icon-file-alt:before {
1105 content: "\f15c";
1106 }
1107
1108 .lp-icon-youtube-play:before {
1109 content: "\f16a";
1110 }
1111
1112 .lp-icon-instagram:before {
1113 content: "\f16d";
1114 }
1115
1116 .lp-icon-dot-circle-o:before {
1117 content: "\f192";
1118 }
1119
1120 .lp-icon-graduation-cap:before {
1121 content: "\f19d";
1122 }
1123
1124 .lp-icon-mortar-board:before {
1125 content: "\f19d";
1126 }
1127
1128 .lp-icon-google:before {
1129 content: "\f1a0";
1130 }
1131
1132 .lp-icon-language:before {
1133 content: "\f1ab";
1134 }
1135
1136 .lp-icon-database:before {
1137 content: "\f1c0";
1138 }
1139
1140 .lp-icon-file-pdf:before {
1141 content: "\f1c1";
1142 }
1143
1144 .lp-icon-file-word:before {
1145 content: "\f1c2";
1146 }
1147
1148 .lp-icon-file-excel:before {
1149 content: "\f1c3";
1150 }
1151
1152 .lp-icon-file-powerpoint:before {
1153 content: "\f1c4";
1154 }
1155
1156 .lp-icon-file-image:before {
1157 content: "\f1c5";
1158 }
1159
1160 .lp-icon-file-photo:before {
1161 content: "\f1c5";
1162 }
1163
1164 .lp-icon-file-picture:before {
1165 content: "\f1c5";
1166 }
1167
1168 .lp-icon-file-archive:before {
1169 content: "\f1c6";
1170 }
1171
1172 .lp-icon-file-zip:before {
1173 content: "\f1c6";
1174 }
1175
1176 .lp-icon-file-audio:before {
1177 content: "\f1c7";
1178 }
1179
1180 .lp-icon-file-sound:before {
1181 content: "\f1c7";
1182 }
1183
1184 .lp-icon-file-movie:before {
1185 content: "\f1c8";
1186 }
1187
1188 .lp-icon-file-video:before {
1189 content: "\f1c8";
1190 }
1191
1192 .lp-icon-file-code:before {
1193 content: "\f1c9";
1194 }
1195
1196 .lp-icon-circle-thin:before {
1197 content: "\f1db";
1198 }
1199
1200 .lp-icon-share-alt:before {
1201 content: "\f1e0";
1202 }
1203
1204 .lp-icon-pie-chart:before {
1205 content: "\f200";
1206 }
1207
1208 .lp-icon-line-chart:before {
1209 content: "\f201";
1210 }
1211
1212 .lp-icon-user-secret:before {
1213 content: "\f21b";
1214 }
1215
1216 .lp-icon-television:before {
1217 content: "\f26c";
1218 }
1219
1220 .lp-icon-tv:before {
1221 content: "\f26c";
1222 }
1223
1224 .lp-icon-question-circle-o:before {
1225 content: "\f29c";
1226 }
1227
1228 .lp-icon-google-plus-circle:before {
1229 content: "\f2b3";
1230 }
1231
1232 .lp-icon-google-plus-official:before {
1233 content: "\f2b3";
1234 }
1235
1236 .lp-icon-user-circle:before {
1237 content: "\f2bd";
1238 }
1239
1240 .lp-icon-user-graduate:before {
1241 content: "\f501";
1242 }
1243
1244 .lp-icon-user-edit:before {
1245 content: "\f4ff";
1246 }
1247
1248 .lp-icon-my-courses:before {
1249 content: "\e900";
1250 }
1251
1252 .lp-icon-clock:before {
1253 content: "\e901";
1254 }
1255
1256 .lp-icon-stopwatch:before {
1257 content: "\f2f2";
1258 }
1259
1260 .lp-icon-file-download:before {
1261 content: "\f56d";
1262 }
1263
1264 .lp-icon-list:before {
1265 content: "\f03a";
1266 }
1267
1268 .lp-icon-students:before {
1269 content: "\e902";
1270 }
1271
1272 .lp-icon-courses:before {
1273 content: "\e903";
1274 }
1275
1276 .lp-icon-tiktok-alt:before {
1277 content: "\e908";
1278 }
1279
1280 .lp-icon-alarm-clock:before {
1281 content: "\e909";
1282 }
1283
1284 .lp-icon-art-and-design:before {
1285 content: "\e90a";
1286 }
1287
1288 .lp-icon-best-customer-experience:before {
1289 content: "\e90b";
1290 }
1291
1292 .lp-icon-certificate-o:before {
1293 content: "\e90c";
1294 }
1295
1296 .lp-icon-community:before {
1297 content: "\e90d";
1298 }
1299
1300 .lp-icon-online-education:before {
1301 content: "\e90e";
1302 }
1303
1304 .lp-icon-concierge-bell:before {
1305 content: "\e90f";
1306 }
1307
1308 .lp-icon-target:before {
1309 content: "\e910";
1310 }
1311
1312 .lp-icon-content-marketing:before {
1313 content: "\e911";
1314 }
1315
1316 .lp-icon-dollar-sign:before {
1317 content: "\e912";
1318 }
1319
1320 .lp-icon-website:before {
1321 content: "\e913";
1322 }
1323
1324 .lp-icon-worldwide-security:before {
1325 content: "\e914";
1326 }
1327
1328 .lp-icon-educational-programs:before {
1329 content: "\e915";
1330 }
1331
1332 .lp-icon-online-class:before {
1333 content: "\e916";
1334 }
1335
1336 .lp-icon-monitor:before {
1337 content: "\e917";
1338 }
1339
1340 .lp-icon-lucide:before {
1341 content: "\e918";
1342 }
1343
1344 .lp-icon-ebook:before {
1345 content: "\e919";
1346 }
1347
1348 .lp-icon-co-instructor:before {
1349 content: "\e904";
1350 }
1351
1352 .lp-icon-close-circle:before {
1353 content: "\e907";
1354 }
1355
1356 .lp-icon-layers:before {
1357 content: "\e91a";
1358 }
1359
1360 .lp-icon-filter:before {
1361 content: "\e91c";
1362 }
1363
1364 .lp-icon-in_progress_course:before {
1365 content: "\e91d";
1366 }
1367
1368 .lp-icon-finished_courses:before {
1369 content: "\e91e";
1370 }
1371
1372 .lp-icon-failed_courses:before {
1373 content: "\e91f";
1374 }
1375
1376 .lp-icon-passed_courses:before {
1377 content: "\e920";
1378 }
1379
1380 .lp-icon-student_in_progress:before {
1381 content: "\e924";
1382 }
1383
1384 .lp-icon-student_completed:before {
1385 content: "\e925";
1386 }
1387
1388 .lp-icon-published_course:before {
1389 content: "\e926";
1390 }
1391
1392 .lp-icon-pending_course:before {
1393 content: "\e927";
1394 }
1395
1396 .lp-icon-list-check:before {
1397 content: "\e929";
1398 }
1399
1400 .lp-icon-icon-h5p:before {
1401 content: "\e92a";
1402 }
1403
1404 .lp-icon-comment-written:before {
1405 content: "\e921";
1406 }
1407
1408 .lp-icon-book-open:before {
1409 content: "\f518";
1410 }
1411
1412 .lp-icon-pinterest-p:before {
1413 content: "\f231";
1414 }
1415
1416 .lp-icon-dropbox:before {
1417 content: "\e905";
1418 }
1419
1420 .lp-icon-edit-square:before {
1421 content: "\e923";
1422 }
1423
1424 .lp-icon-drag:before {
1425 content: "\e922";
1426 }
1427
1428 .lp-icon-map-pin:before {
1429 content: "\e91b";
1430 }
1431
1432 .lp-icon-map-marker:before {
1433 content: "\e91b";
1434 }
1435
1436 .lp-icon-box:before {
1437 content: "\e906";
1438 }
1439
1440 .lp-ico-ai {
1441 display: inline-block;
1442 width: 13px;
1443 height: 13px;
1444 background-image: url("../../images/icons/ico-ai.svg");
1445 background-size: contain;
1446 background-repeat: no-repeat;
1447 }
1448
1449 .lp-icon-course-builder {
1450 display: inline-block;
1451 width: 18px;
1452 height: 18px;
1453 background-color: currentColor;
1454 -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");
1455 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");
1456 -webkit-mask-size: contain;
1457 mask-size: contain;
1458 -webkit-mask-repeat: no-repeat;
1459 mask-repeat: no-repeat;
1460 -webkit-mask-position: center;
1461 mask-position: center;
1462 }
1463
1464 @keyframes lp-spinner {
1465 100% {
1466 -webkit-transform: rotate(360deg);
1467 transform: rotate(360deg);
1468 }
1469 }
1470 .lp-modal-choose-items-open {
1471 overflow: hidden;
1472 }
1473
1474 .lp-modal-search {
1475 height: 100%;
1476 padding: 20px;
1477 color: #777;
1478 background-color: red;
1479 }
1480 .lp-modal-search li.selected {
1481 display: none;
1482 }
1483
1484 /* message box */
1485 #learn-press-message-box-block {
1486 position: fixed;
1487 z-index: 99999;
1488 top: 0;
1489 right: 0;
1490 bottom: 0;
1491 left: 0;
1492 opacity: 0.8;
1493 background-color: #000;
1494 }
1495
1496 #learn-press-message-box-window {
1497 position: fixed;
1498 z-index: 100000;
1499 top: 0;
1500 right: 0;
1501 bottom: 0;
1502 left: 0;
1503 color: #fff;
1504 text-align: center;
1505 }
1506
1507 #message-box-wrap {
1508 /* text-align: center; */
1509 display: inline-block;
1510 max-width: 70%;
1511 margin: 0 auto;
1512 text-align: left;
1513 }
1514
1515 .message-box-title {
1516 margin: 0 0 40px 0;
1517 color: #fff;
1518 font-size: 2.125rem;
1519 }
1520
1521 .message-box-content {
1522 font-size: 1rem;
1523 line-height: 1.5;
1524 }
1525
1526 .message-box-animation {
1527 width: 220px;
1528 height: 20px;
1529 margin: 20px 0 0;
1530 background-image: url("../../images/animation.gif");
1531 }
1532
1533 .message-box-buttons {
1534 margin: 20px 0 0;
1535 padding-top: 20px;
1536 border-top: 1px solid #929292;
1537 }
1538
1539 .message-box-button {
1540 margin-right: 10px !important;
1541 }
1542
1543 .tipsy {
1544 position: absolute;
1545 }
1546
1547 .learnpress a,
1548 .learnpress a:active {
1549 outline: none;
1550 box-shadow: none;
1551 }
1552
1553 /* Metabox email template field */
1554 .lp-email-templates {
1555 overflow: hidden;
1556 margin-top: 5px;
1557 }
1558
1559 .learn-press-email-variables {
1560 margin: 20px 0 0;
1561 padding: 0;
1562 list-style: none;
1563 }
1564 .learn-press-email-variables li {
1565 display: inline-block;
1566 cursor: pointer;
1567 }
1568
1569 /* Metabox dropdown pages field */
1570 .learn-press-dropdown-pages input[type=text] {
1571 min-width: 300px;
1572 margin: 0;
1573 vertical-align: top;
1574 }
1575 .learn-press-dropdown-pages .select2-container {
1576 min-width: 220px !important;
1577 }
1578 .learn-press-dropdown-pages .select2-container .select2-selection--single {
1579 height: 30px;
1580 border-color: #7e8993;
1581 }
1582 .learn-press-dropdown-pages .select2-container .select2-selection__rendered {
1583 line-height: 1.75em !important;
1584 }
1585 .learn-press-dropdown-pages .select2-container .select2-selection__arrow {
1586 right: 1px;
1587 width: 23px;
1588 height: 28px;
1589 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%;
1590 background-size: 16px 16px;
1591 }
1592 .learn-press-dropdown-pages .select2-container .select2-selection__arrow b {
1593 display: none;
1594 }
1595 .learn-press-dropdown-pages .quick-add-page-actions a {
1596 font-size: 0.8125rem;
1597 text-decoration: none;
1598 }
1599 .learn-press-dropdown-pages .quick-add-page-inline {
1600 margin-top: 0;
1601 }
1602
1603 .lp-select-2 + .select2-container .select2-selection--single {
1604 height: 30px;
1605 border-color: #7e8993;
1606 }
1607 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__rendered {
1608 line-height: 1.75em !important;
1609 }
1610 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow {
1611 right: 1px;
1612 width: 23px;
1613 height: 28px;
1614 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%;
1615 background-size: 16px 16px;
1616 }
1617 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow b {
1618 display: none;
1619 }
1620
1621 /* Tooltip */
1622 .learn-press-tooltip {
1623 display: inline-block;
1624 margin: 0 5px;
1625 color: #999;
1626 font-size: 1.0625rem;
1627 vertical-align: middle;
1628 }
1629 .learn-press-tooltip.icon::after {
1630 font-family: Dashicons;
1631 content: "\f223";
1632 }
1633 .learn-press-tooltip:hover {
1634 opacity: 1;
1635 color: #0073aa;
1636 }
1637
1638 /* Metabox payment order field */
1639 .rwmb-payment-order-wrapper .rwmb-label {
1640 margin-bottom: 20px !important;
1641 }
1642 .rwmb-payment-order-wrapper .rwmb-input {
1643 margin-left: 0 !important;
1644 }
1645
1646 .learn-press-payments,
1647 .learn-press-emails {
1648 width: 100%;
1649 border: 1px solid #ddd;
1650 border-collapse: collapse;
1651 font-size: 0.875rem;
1652 }
1653 .learn-press-payments th,
1654 .learn-press-payments td,
1655 .learn-press-emails th,
1656 .learn-press-emails td {
1657 padding: 10px;
1658 }
1659 .learn-press-payments .order,
1660 .learn-press-emails .order {
1661 width: 30px;
1662 padding-right: 0;
1663 color: #ddd;
1664 text-align: center;
1665 cursor: not-allowed;
1666 }
1667 .learn-press-payments .name,
1668 .learn-press-emails .name {
1669 min-width: 250px;
1670 font-weight: normal;
1671 text-transform: capitalize;
1672 }
1673 .learn-press-payments .name a,
1674 .learn-press-emails .name a {
1675 text-decoration: none;
1676 }
1677 .learn-press-payments .status,
1678 .learn-press-emails .status {
1679 width: 100px;
1680 text-align: center;
1681 cursor: pointer;
1682 }
1683 .learn-press-payments .status .dashicons,
1684 .learn-press-emails .status .dashicons {
1685 border-radius: 50%;
1686 color: #fff;
1687 background: #ddd;
1688 }
1689 .learn-press-payments .status a,
1690 .learn-press-emails .status a {
1691 display: block;
1692 margin-top: 5px;
1693 font-size: 0.75rem;
1694 text-decoration: none;
1695 }
1696 .learn-press-payments .status.enabled .dashicons,
1697 .learn-press-emails .status.enabled .dashicons {
1698 background: #0085ba;
1699 }
1700 .learn-press-payments thead th,
1701 .learn-press-emails thead th {
1702 border-bottom: 1px solid #ddd;
1703 text-align: left;
1704 }
1705 .learn-press-payments tbody tr:nth-child(even) td,
1706 .learn-press-emails tbody tr:nth-child(even) td {
1707 background: #fff;
1708 }
1709 .learn-press-payments tbody tr:nth-child(odd) td,
1710 .learn-press-emails tbody tr:nth-child(odd) td {
1711 background: #f5f5f5;
1712 }
1713 .learn-press-payments tbody td,
1714 .learn-press-emails tbody td {
1715 border-bottom: 1px solid #ddd;
1716 }
1717 .learn-press-payments tbody .ui-sortable-helper,
1718 .learn-press-emails tbody .ui-sortable-helper {
1719 margin-left: -1px;
1720 border: 1px solid #ddd;
1721 }
1722 .learn-press-payments tbody .ui-sortable-placeholder,
1723 .learn-press-emails tbody .ui-sortable-placeholder {
1724 visibility: visible !important;
1725 border: 1px solid #ddd;
1726 }
1727 .learn-press-payments tbody .ui-sortable-placeholder td,
1728 .learn-press-emails tbody .ui-sortable-placeholder td {
1729 height: 35px;
1730 padding: 0;
1731 background: #f7f7f7;
1732 }
1733 .learn-press-payments ~ .email-actions,
1734 .learn-press-emails ~ .email-actions {
1735 text-align: left;
1736 }
1737 .learn-press-payments.sortable .order:hover,
1738 .learn-press-emails.sortable .order:hover {
1739 color: #0073aa;
1740 cursor: ns-resize;
1741 }
1742
1743 /* Submenu tools/templates */
1744 .lp-template-overrides {
1745 margin-top: 20px;
1746 }
1747 .lp-template-overrides thead th h4 {
1748 margin: 0;
1749 }
1750 .lp-template-overrides tbody th {
1751 font-weight: bold;
1752 }
1753 .lp-template-overrides tbody th p {
1754 display: inline-block;
1755 margin: 0 0 0 10px;
1756 }
1757 .lp-template-overrides tbody th p a {
1758 margin: 0;
1759 padding: 2px 8px;
1760 border: none;
1761 border-radius: 3px;
1762 outline: none;
1763 box-shadow: none;
1764 font-weight: normal;
1765 }
1766 .lp-template-overrides tbody th p a.current {
1767 color: #fff;
1768 background: #00aadc;
1769 }
1770 .lp-template-overrides .template-row.outdated code::before, .lp-template-overrides .template-row.up-to-date code::before {
1771 display: inline-block;
1772 margin-top: -2px;
1773 margin-right: 3px;
1774 font-family: Dashicons;
1775 vertical-align: middle;
1776 }
1777 .lp-template-overrides .template-row.outdated .template-version {
1778 color: #f00;
1779 }
1780 .lp-template-overrides .template-row.outdated .template-file code::before {
1781 color: #f00;
1782 content: "\f534";
1783 }
1784 .lp-template-overrides .template-row.up-to-date .template-version {
1785 color: #1859ff;
1786 }
1787 .lp-template-overrides .template-row.up-to-date .template-file code::before {
1788 color: #0085ba;
1789 content: "\f147";
1790 }
1791 .lp-template-overrides .template-version,
1792 .lp-template-overrides .core-version {
1793 width: 100px;
1794 }
1795 .lp-template-overrides #learn-press-no-templates td p {
1796 color: #0073aa;
1797 }
1798
1799 /* General */
1800 .description code {
1801 font-size: smaller;
1802 }
1803
1804 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result {
1805 display: none;
1806 padding: 10px;
1807 background: #f5f5f5;
1808 }
1809 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result input {
1810 width: 80px;
1811 margin: 0;
1812 -webkit-box-sizing: border-box;
1813 box-sizing: border-box;
1814 }
1815 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result p {
1816 margin: 7px 0 0;
1817 color: #777;
1818 font-style: italic;
1819 }
1820 #field-_lp_course_result input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
1821 display: block;
1822 }
1823
1824 .widget .widget-content .rwmb-field:not(:last-of-type) {
1825 margin: 0 0 10px;
1826 }
1827 .widget .widget-content .rwmb-field:not(:last-of-type):first-child {
1828 margin-top: 10px;
1829 }
1830 .widget .widget-content .rwmb-field:last-child {
1831 margin-bottom: 10px;
1832 }
1833 .widget .widget-content .rwmb-field .rwmb-label,
1834 .widget .widget-content .rwmb-field .rwmb-input {
1835 width: 100%;
1836 }
1837 .widget .widget-content .rwmb-field .rwmb-label {
1838 margin-bottom: 2px;
1839 }
1840 .widget .widget-content .rwmb-field .rwmb-label label {
1841 font-weight: 400;
1842 }
1843 .widget .widget-content .rwmb-field .rwmb-input input[type=text] {
1844 width: 100%;
1845 }
1846
1847 .course-attributes {
1848 margin: 20px 0;
1849 }
1850 .course-attributes .learn-press-attribute {
1851 margin-top: -1px;
1852 margin-bottom: 0;
1853 border: 1px solid #ddd;
1854 }
1855 .course-attributes .learn-press-attribute > h4 {
1856 margin: 0;
1857 padding: 10px 15px;
1858 background: #f5f5f5;
1859 }
1860 .course-attributes .learn-press-attribute .learn-press-attribute-data {
1861 padding: 15px;
1862 border-top: 1px solid #ddd;
1863 }
1864
1865 .lp-hidden {
1866 display: none !important;
1867 }
1868
1869 .lp-button.loading {
1870 pointer-events: none;
1871 opacity: 0.8;
1872 }
1873 .lp-button.loading:before {
1874 display: inline-block;
1875 font-family: "lp-icon";
1876 content: "\f110";
1877 animation: lp-rotating 1s linear infinite;
1878 margin-right: 5px;
1879 font-variant: normal;
1880 text-transform: none;
1881 -webkit-font-smoothing: antialiased;
1882 -moz-osx-font-smoothing: grayscale;
1883 }
1884
1885 .lp-max-width-768 {
1886 max-width: 768px !important;
1887 }
1888
1889 #wpfooter {
1890 z-index: 5;
1891 }
1892
1893 .learn-press-advertisement-slider {
1894 margin: 50px 20px 0 0;
1895 position: relative;
1896 overflow: hidden;
1897 box-sizing: border-box;
1898 z-index: 10;
1899 }
1900 .learn-press-advertisement-slider .slider-items:after {
1901 display: block;
1902 clear: both;
1903 content: "";
1904 }
1905 .learn-press-advertisement-slider .slide-item {
1906 position: relative;
1907 float: left;
1908 width: 100%;
1909 margin-right: -100%;
1910 padding: 20px;
1911 opacity: 0;
1912 background: #FFF;
1913 -webkit-box-sizing: border-box;
1914 box-sizing: border-box;
1915 -webkit-transition: opacity 0.5s linear;
1916 transition: opacity 0.5s linear;
1917 }
1918 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1919 float: left;
1920 width: 35%;
1921 }
1922 .learn-press-advertisement-slider .slide-item .slide-thumbnail a {
1923 display: block;
1924 line-height: 1;
1925 margin-bottom: 0;
1926 }
1927 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
1928 max-width: 100%;
1929 }
1930 .learn-press-advertisement-slider .slide-item .slide-detail {
1931 margin-left: 35%;
1932 padding-left: 20px;
1933 }
1934 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
1935 margin-top: 0;
1936 }
1937 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
1938 display: none;
1939 }
1940 .learn-press-advertisement-slider .slide-item.slide-active {
1941 opacity: 1;
1942 }
1943 .learn-press-advertisement-slider .slider-controls {
1944 position: absolute;
1945 bottom: 20px;
1946 right: 20px;
1947 }
1948 .learn-press-advertisement-slider .slider-controls .next-item,
1949 .learn-press-advertisement-slider .slider-controls .prev-item {
1950 font-family: "dashicons";
1951 width: 40px;
1952 height: 40px;
1953 border: 1px solid #DDD;
1954 line-height: 2.5rem;
1955 font-size: 1rem;
1956 cursor: pointer;
1957 float: left;
1958 margin-left: 10px;
1959 text-align: center;
1960 color: #DDD;
1961 }
1962 .learn-press-advertisement-slider .slider-controls .next-item:hover,
1963 .learn-press-advertisement-slider .slider-controls .prev-item:hover {
1964 border-color: #0085ba;
1965 }
1966 .learn-press-advertisement-slider .slider-controls .next-item:hover:before,
1967 .learn-press-advertisement-slider .slider-controls .prev-item:hover:before {
1968 color: #0085ba;
1969 }
1970 .learn-press-advertisement-slider .slider-controls .next-item:before {
1971 content: "\f345";
1972 }
1973 .learn-press-advertisement-slider .slider-controls .prev-item:before {
1974 content: "\f341";
1975 }
1976
1977 @media only screen and (max-width: 1200px) {
1978 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1979 width: 50%;
1980 }
1981 .learn-press-advertisement-slider .slide-item .slide-detail {
1982 margin-left: 50%;
1983 }
1984 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
1985 display: block;
1986 }
1987 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
1988 display: none;
1989 }
1990 }
1991 @media only screen and (max-width: 960px) {
1992 .learn-press-advertisement-slider {
1993 margin-left: 56px;
1994 }
1995 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1996 width: 100%;
1997 float: none;
1998 }
1999 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2000 width: 100%;
2001 }
2002 .learn-press-advertisement-slider .slide-item .slide-detail {
2003 margin-left: 0;
2004 padding-left: 0;
2005 }
2006 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2007 padding-top: 20px;
2008 }
2009 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2010 display: block;
2011 }
2012 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2013 display: none;
2014 }
2015 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2016 margin-bottom: 0;
2017 }
2018 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2019 margin-bottom: 0;
2020 }
2021 .wp-responsive-open .learn-press-advertisement-slider {
2022 margin-left: 56px;
2023 }
2024 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2025 width: 100%;
2026 float: none;
2027 }
2028 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2029 width: 100%;
2030 }
2031 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail {
2032 margin-left: 0;
2033 padding-left: 0;
2034 }
2035 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2036 padding-top: 20px;
2037 }
2038 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2039 display: block;
2040 }
2041 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2042 display: none;
2043 }
2044 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2045 margin-bottom: 0;
2046 }
2047 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2048 margin-bottom: 0;
2049 }
2050 }
2051 .lp-admin-tabs {
2052 position: relative;
2053 margin-top: 20px;
2054 }
2055 .lp-admin-tabs.has-sections {
2056 display: flex;
2057 }
2058 .lp-admin-tabs .lp-admin-tab-navs {
2059 display: none;
2060 float: left;
2061 position: relative;
2062 z-index: 5;
2063 width: 250px;
2064 margin: 0 -250px 0 0;
2065 padding: 10px 0;
2066 -webkit-box-sizing: border-box;
2067 box-sizing: border-box;
2068 }
2069 .lp-admin-tabs .lp-admin-tab-navs .nav-section {
2070 margin: 0;
2071 }
2072 .lp-admin-tabs .lp-admin-tab-navs .nav-section > a,
2073 .lp-admin-tabs .lp-admin-tab-navs .nav-section > span {
2074 display: block;
2075 padding: 8px 20px;
2076 outline: none;
2077 box-shadow: none;
2078 text-decoration: none;
2079 text-transform: capitalize;
2080 }
2081 .lp-admin-tabs .lp-admin-tab-navs .nav-section .learn-press-tooltip {
2082 float: right;
2083 margin-right: 0;
2084 }
2085 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover {
2086 border-left: 2px solid #563d7c;
2087 color: #563d7c;
2088 }
2089 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > a,
2090 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > span, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > a,
2091 .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > span {
2092 padding-left: 18px;
2093 }
2094 .lp-admin-tabs.has-sections .lp-admin-tab-navs {
2095 display: block;
2096 }
2097 .lp-admin-tabs.has-sections .lp-admin-tab-content {
2098 float: left;
2099 position: relative;
2100 z-index: 0;
2101 width: 100%;
2102 padding-left: 271px !important;
2103 -webkit-box-sizing: border-box;
2104 box-sizing: border-box;
2105 }
2106 .lp-admin-tabs.has-sections::before {
2107 position: absolute;
2108 z-index: 10;
2109 top: 0;
2110 bottom: 0;
2111 left: 250px;
2112 border-left: 1px solid #ddd;
2113 content: "";
2114 }
2115 .lp-admin-tabs::after {
2116 display: block;
2117 clear: both;
2118 content: "";
2119 z-index: 10;
2120 }
2121
2122 .wrap.learn-press-settings .lp-admin-tab-content {
2123 padding: 18px;
2124 background: #fff;
2125 }
2126 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub {
2127 float: none;
2128 margin: 0 0 20px 0;
2129 padding-bottom: 20px;
2130 border-bottom: 1px solid #ddd;
2131 }
2132 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub .active {
2133 font-weight: bold;
2134 }
2135 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li {
2136 text-transform: capitalize;
2137 }
2138 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li::after {
2139 display: inline-block;
2140 padding: 0 10px;
2141 content: "|";
2142 }
2143 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li:last-child::after {
2144 content: "";
2145 }
2146 .wrap.learn-press-settings .lp-admin-tab-content h2 {
2147 border-bottom: 1px solid #ddd;
2148 padding-bottom: 10px;
2149 }
2150 .wrap #learn-press-uninstall-sample-data {
2151 float: right;
2152 opacity: 0.5;
2153 }
2154 .wrap #learn-press-uninstall-sample-data:hover {
2155 opacity: 1;
2156 }
2157
2158 #adminmenu .wp-menu-image img {
2159 width: 17px;
2160 }
2161 #adminmenu .wp-submenu li.lp-menu-divider {
2162 height: 0;
2163 margin: 8px 0;
2164 border-top: 1px solid rgba(240, 246, 252, 0.15);
2165 }
2166 #adminmenu .wp-submenu li.lp-menu-divider a {
2167 height: 0;
2168 margin: 0;
2169 padding: 0;
2170 pointer-events: none;
2171 overflow: hidden;
2172 text-indent: -9999px;
2173 }
2174
2175 .learnpress .rwmb-field {
2176 position: relative;
2177 margin-bottom: 20px;
2178 }
2179 .learnpress .rwmb-field .rwmb-label {
2180 display: block;
2181 float: left;
2182 width: 190px;
2183 margin-bottom: 5px;
2184 font-size: 0.875rem;
2185 _text-transform: capitalize;
2186 }
2187 .learnpress .rwmb-field .rwmb-label label > small {
2188 display: block;
2189 color: #999;
2190 font-weight: normal;
2191 font-style: italic;
2192 }
2193 .learnpress .rwmb-field .rwmb-input {
2194 float: none;
2195 width: auto;
2196 margin-left: 190px;
2197 }
2198 .learnpress .rwmb-field .rwmb-input input[type=checkbox],
2199 .learnpress .rwmb-field .rwmb-input input[type=radio] {
2200 margin: 1px 5px 0 0;
2201 }
2202 .learnpress .rwmb-field .rwmb-input label > input[type=checkbox],
2203 .learnpress .rwmb-field .rwmb-input label > input[type=radio] {
2204 margin-top: -1px;
2205 }
2206 .learnpress .rwmb-field .description {
2207 margin-top: 8px;
2208 color: #888;
2209 }
2210 .learnpress .rwmb-field .description code {
2211 padding: 3px 3px 3px 0;
2212 }
2213 .learnpress .rwmb-field .description.err {
2214 color: #f00;
2215 }
2216 .learnpress .rwmb-field .rwmb-input-list {
2217 margin-left: 0;
2218 }
2219 .learnpress .rwmb-field #course_evaluation_method_quiz_options {
2220 position: relative;
2221 margin-left: 25px;
2222 }
2223 .learnpress .rwmb-field #course_evaluation_method_quiz_options::after {
2224 position: absolute;
2225 z-index: 10;
2226 top: 0;
2227 right: 0;
2228 bottom: 0;
2229 left: 0;
2230 opacity: 0.5;
2231 background: #fff;
2232 content: "";
2233 }
2234 .learnpress .rwmb-field input[name=_lp_course_result]:checked ~ #course_evaluation_method_quiz_options::after {
2235 display: none;
2236 }
2237 .learnpress .rwmb-field.rwmb-heading-wrapper h4 {
2238 display: inline-block;
2239 margin: 0 0 5px 0;
2240 padding: 0 0 0;
2241 border-bottom: 2px solid #563d7c;
2242 font-size: 1rem;
2243 text-transform: initial;
2244 }
2245 .learnpress .rwmb-field.disabled .field-overlay {
2246 position: absolute;
2247 z-index: 10;
2248 top: 0;
2249 left: 0;
2250 width: 100%;
2251 height: 100%;
2252 opacity: 0.6;
2253 background: #fff;
2254 content: "";
2255 }
2256 .learnpress .rwmb-field.rwmb-text-wrapper .rwmb-text {
2257 width: 50%;
2258 min-width: 200px;
2259 }
2260 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input select,
2261 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input input {
2262 vertical-align: top;
2263 }
2264 .learnpress .lp-course-sale_start-field.hide,
2265 .learnpress .lp-course-sale_end-field.hide {
2266 display: none;
2267 }
2268 .learnpress.lp-submenu-settings .lp-admin-settings-buttons {
2269 margin-bottom: 0;
2270 padding-top: 20px;
2271 border-top: 1px solid #ddd;
2272 }
2273 .learnpress.lp-submenu-settings .lp-admin-settings-buttons #learn-press-reset-settings {
2274 float: right;
2275 }
2276 .learnpress.lp-submenu-settings .rwmb-input {
2277 float: none;
2278 width: auto;
2279 margin-left: 270px;
2280 color: #000;
2281 }
2282 .learnpress .rwmb-google-fonts-wrapper .rwmb-input label {
2283 display: block;
2284 margin-bottom: 5px;
2285 font-weight: bold;
2286 }
2287 .learnpress .rwmb-google-fonts-wrapper .rwmb-input input {
2288 width: 90%;
2289 }
2290 .learnpress #learn-press-toggle-course-results {
2291 display: block;
2292 }
2293 .learnpress .lp-item-assigned {
2294 font-size: 0.875rem;
2295 }
2296 .learnpress .lp-item-assigned a {
2297 text-decoration: none;
2298 }
2299 .learnpress .lp-item-assigned ul {
2300 margin-bottom: 0;
2301 }
2302 .learnpress .lp-item-assigned ul ul strong {
2303 font-weight: normal;
2304 }
2305 .learnpress .lp-item-assigned li {
2306 margin: 0;
2307 }
2308 .learnpress .lp-item-assigned li a {
2309 display: inline-block;
2310 margin-bottom: 10px;
2311 }
2312
2313 @media screen and (max-width: 1280px) {
2314 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-label {
2315 float: none;
2316 width: auto;
2317 }
2318 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-input {
2319 float: left;
2320 width: 100%;
2321 margin-left: 0;
2322 }
2323 }
2324 .lp-metabox__table .titledesc label > small {
2325 display: block;
2326 color: #999;
2327 font-weight: normal;
2328 font-style: italic;
2329 }
2330 .lp-metabox__table .forminp-text > input,
2331 .lp-metabox__table .forminp-email > input,
2332 .lp-metabox__table .forminp-password > input,
2333 .lp-metabox__table .forminp-url > input {
2334 min-width: 260px;
2335 }
2336 .lp-metabox__table .forminp-textarea textarea {
2337 width: 400px;
2338 }
2339
2340 .lp-option-disabled {
2341 pointer-events: none;
2342 opacity: 0.5;
2343 }
2344
2345 .lp-metabox__custom-fields table {
2346 width: 100%;
2347 max-width: max-content;
2348 padding: 0 !important;
2349 }
2350 .lp-metabox__custom-fields table th {
2351 padding: 7px 0 7px 7px !important;
2352 }
2353 .lp-metabox__custom-fields table th.sort {
2354 width: 17px;
2355 padding: 7px !important;
2356 }
2357 .lp-metabox__custom-fields table td {
2358 position: relative;
2359 padding: 4px 0 4px 7px !important;
2360 vertical-align: middle !important;
2361 }
2362 .lp-metabox__custom-fields table td.sort {
2363 width: 17px;
2364 padding-right: 7px !important;
2365 background: #f9f9f9;
2366 font-size: 0.9375rem;
2367 text-align: center;
2368 cursor: move;
2369 }
2370 .lp-metabox__custom-fields table td.sort::before {
2371 height: 100%;
2372 color: #999;
2373 font-family: Dashicons;
2374 text-align: center;
2375 content: "\f333";
2376 }
2377 .lp-metabox__custom-fields table td .delete {
2378 display: block;
2379 position: relative;
2380 width: 1em;
2381 height: 1em;
2382 font-size: 1.2em;
2383 text-indent: -9999px;
2384 }
2385 .lp-metabox__custom-fields table td .delete::before {
2386 position: absolute;
2387 top: 0;
2388 left: 0;
2389 width: 100%;
2390 height: 100%;
2391 margin: 0;
2392 color: #999;
2393 font-family: Dashicons;
2394 font-weight: 400;
2395 font-variant: normal;
2396 line-height: 1;
2397 text-align: center;
2398 text-indent: 0;
2399 text-transform: none;
2400 content: "\f153";
2401 speak: none;
2402 -webkit-font-smoothing: antialiased;
2403 }
2404 .lp-metabox__custom-fields table td .delete:hover::before {
2405 color: #a00;
2406 }
2407 .lp-metabox__custom-fields table td:last-child {
2408 padding-right: 7px !important;
2409 }
2410
2411 .lp-metabox-field__color {
2412 font-size: 0 !important;
2413 }
2414 .lp-metabox-field__color .colorpickpreview {
2415 display: inline-block;
2416 width: 30px;
2417 height: 30px;
2418 margin: 0;
2419 margin-right: 3px;
2420 padding: 0;
2421 border: 1px solid #ddd;
2422 border-radius: 4px;
2423 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
2424 font-size: 1rem;
2425 line-height: 1.75rem;
2426 }
2427 .lp-metabox-field__color .iris-picker {
2428 display: none;
2429 position: absolute;
2430 z-index: 100;
2431 border: 1px solid #ccc;
2432 border-radius: 3px;
2433 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
2434 }
2435
2436 .lp-metabox-field__image-advanced-upload {
2437 padding-top: 10px;
2438 }
2439 .lp-metabox-field__image-advanced-images {
2440 clear: both;
2441 margin: 0;
2442 padding: 0;
2443 }
2444 .lp-metabox-field__image-advanced-images > li {
2445 float: left;
2446 position: relative;
2447 box-sizing: border-box;
2448 width: 80px;
2449 margin: 9px 9px 0 0;
2450 border: 1px solid #d5d5d5;
2451 border-radius: 2px;
2452 background: #f7f7f7;
2453 cursor: move;
2454 }
2455 .lp-metabox-field__image-advanced-images > li img {
2456 display: block;
2457 width: 100%;
2458 height: auto;
2459 }
2460 .lp-metabox-field__image-advanced-images > li ul.actions {
2461 position: absolute;
2462 top: -8px;
2463 right: -8px;
2464 padding: 2px;
2465 }
2466 .lp-metabox-field__image-advanced-images > li ul.actions li {
2467 float: right;
2468 margin: 0 0 0 2px;
2469 }
2470 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete {
2471 display: block;
2472 position: relative;
2473 width: 1em;
2474 height: 1em;
2475 font-size: 1.4em;
2476 text-indent: -9999px;
2477 }
2478 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete::before {
2479 position: absolute;
2480 top: 0;
2481 left: 0;
2482 width: 1em;
2483 height: 1em;
2484 margin: 0;
2485 border-radius: 50%;
2486 color: #999;
2487 background: #fff;
2488 font-family: Dashicons;
2489 font-weight: 400;
2490 font-variant: normal;
2491 line-height: 1;
2492 text-align: center;
2493 text-indent: 0;
2494 text-transform: none;
2495 content: "\f153";
2496 speak: none;
2497 -webkit-font-smoothing: antialiased;
2498 }
2499 .lp-metabox-field__image-advanced-images > li ul.actions::before {
2500 display: table;
2501 content: " ";
2502 }
2503 .lp-metabox-field__image-advanced-images > li:hover ul.actions {
2504 display: block;
2505 }
2506 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder {
2507 position: relative;
2508 border: 3px dashed #ddd;
2509 }
2510 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder::after {
2511 position: absolute;
2512 top: 0;
2513 left: 0;
2514 width: 100%;
2515 height: 100%;
2516 margin: 0;
2517 color: #ddd;
2518 font-family: Dashicons;
2519 font-size: 2.618em;
2520 font-weight: normal;
2521 font-variant: normal;
2522 line-height: 4.5rem;
2523 text-align: center;
2524 text-indent: 0;
2525 text-transform: none;
2526 content: "\f161";
2527 speak: none;
2528 -webkit-font-smoothing: antialiased;
2529 }
2530 .lp-metabox-field__image-advanced-images::before {
2531 display: table;
2532 content: " ";
2533 }
2534 .lp-metabox-field__image-advanced-images::after {
2535 display: table;
2536 clear: both;
2537 content: " ";
2538 }
2539
2540 .lp-metabox-field__image--inner {
2541 position: relative;
2542 box-sizing: border-box;
2543 width: 120px;
2544 border: 1px solid #d5d5d5;
2545 border-radius: 2px;
2546 background: #f7f7f7;
2547 }
2548 .lp-metabox-field__image--inner img {
2549 display: block;
2550 width: 100%;
2551 height: auto;
2552 }
2553 .lp-metabox-field__image--upload {
2554 padding-top: 10px;
2555 }
2556
2557 .lp-meta-box__inner {
2558 display: block;
2559 position: relative;
2560 }
2561 .lp-meta-box__inner .form-field:not(fieldset) {
2562 display: flex;
2563 flex-direction: row;
2564 position: relative;
2565 margin: 0;
2566 padding: 15px 0;
2567 flex-wrap: wrap;
2568 }
2569 .lp-meta-box__inner .form-field:not(fieldset) label {
2570 width: 180px;
2571 min-width: 180px;
2572 max-width: 180px;
2573 padding: 0;
2574 color: #23282d;
2575 font-size: 0.875rem;
2576 font-weight: 600;
2577 flex: 0 0 auto;
2578 }
2579 .lp-meta-box__inner .form-field:not(fieldset) .checkbox {
2580 margin: 2px 0 !important;
2581 vertical-align: middle;
2582 }
2583 .lp-meta-box__inner .form-field:not(fieldset) .description {
2584 flex: 1;
2585 display: inline;
2586 clear: none;
2587 margin: 0 0 0 7px;
2588 padding: 0;
2589 font-size: 0.875rem;
2590 }
2591 .lp-meta-box__inner fieldset.form-field {
2592 display: grid;
2593 grid-template-columns: 180px 1fr;
2594 position: relative;
2595 margin: 0;
2596 padding: 15px 0;
2597 }
2598 .lp-meta-box__inner fieldset.form-field h4 {
2599 width: 180px;
2600 min-width: 180px;
2601 max-width: 180px;
2602 margin: 0;
2603 padding: 0;
2604 color: #23282d;
2605 font-size: 0.875rem;
2606 font-weight: 600;
2607 flex: 0 0 auto;
2608 }
2609 .lp-meta-box__inner fieldset.form-field ul {
2610 margin: 0;
2611 font-size: 0.875rem;
2612 }
2613 .lp-meta-box__inner fieldset.form-field .description {
2614 grid-column-start: 2;
2615 margin-top: 10px;
2616 }
2617 .lp-meta-box__duration-select {
2618 width: auto !important;
2619 }
2620 .lp-meta-box__duration input[type=number] {
2621 width: 80px !important;
2622 }
2623 .lp-meta-box__duration .description {
2624 flex-basis: 100% !important;
2625 width: 100%;
2626 margin-top: 8px !important;
2627 margin-left: 180px !important;
2628 }
2629 .lp-meta-box__wp-editor {
2630 display: block;
2631 }
2632 .lp-meta-box__wp-editor .description {
2633 flex-basis: 100% !important;
2634 width: 100%;
2635 margin-top: 8px !important;
2636 margin-left: 180px !important;
2637 color: #666;
2638 }
2639 .lp-meta-box__wp-editor__textarea {
2640 border: none !important;
2641 }
2642 .lp-meta-box select {
2643 width: auto !important;
2644 }
2645 .lp-meta-box select ~ .description {
2646 flex-basis: 100% !important;
2647 width: 100%;
2648 margin-top: 8px !important;
2649 margin-left: 180px !important;
2650 color: #666;
2651 }
2652 .lp-meta-box input[type=number],
2653 .lp-meta-box input[type=email],
2654 .lp-meta-box input[type=text],
2655 .lp-meta-box input[type=password],
2656 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2657 width: 50%;
2658 }
2659 .lp-meta-box input[type=number] + .description,
2660 .lp-meta-box input[type=email] + .description,
2661 .lp-meta-box input[type=text] + .description,
2662 .lp-meta-box input[type=password] + .description,
2663 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) + .description {
2664 flex-basis: 100% !important;
2665 width: 100%;
2666 margin-top: 8px !important;
2667 margin-left: 180px !important;
2668 color: #666;
2669 }
2670 .lp-meta-box input[type=checkbox] {
2671 margin-top: 2px;
2672 }
2673 .lp-meta-box .short {
2674 width: 50%;
2675 }
2676 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2677 height: 4.6rem;
2678 line-height: 1.5em;
2679 vertical-align: top;
2680 }
2681 .lp-meta-box .learn-press-tip.ready {
2682 display: inline-flex;
2683 align-items: center;
2684 margin-left: 8px;
2685 }
2686
2687 #course-settings .inside {
2688 margin: 0 !important;
2689 padding: 0 !important;
2690 }
2691 #course-settings .lp-meta-box__course-tab {
2692 display: grid;
2693 grid-template-columns: 20% 80%;
2694 }
2695 #course-settings .lp-meta-box__course-tab__tabs {
2696 position: relative;
2697 box-sizing: border-box;
2698 margin: 0;
2699 padding: 0 0 10px;
2700 border-right: 1px solid #eee;
2701 background-color: #fafafa;
2702 }
2703 #course-settings .lp-meta-box__course-tab__tabs li {
2704 display: block;
2705 position: relative;
2706 margin: 0;
2707 padding: 0;
2708 }
2709 #course-settings .lp-meta-box__course-tab__tabs li a {
2710 display: flex;
2711 align-items: center;
2712 margin: 0;
2713 padding: 10px;
2714 border-bottom: 1px solid #eee;
2715 box-shadow: none;
2716 text-decoration: none;
2717 }
2718 #course-settings .lp-meta-box__course-tab__tabs li a i {
2719 margin-right: 5px;
2720 font-weight: 400;
2721 font-style: normal;
2722 font-variant: normal;
2723 text-decoration: none;
2724 text-transform: none;
2725 }
2726 #course-settings .lp-meta-box__course-tab__tabs li a i[class^=dashicon] {
2727 font-family: "Dashicons";
2728 }
2729 #course-settings .lp-meta-box__course-tab__tabs li.active a {
2730 position: relative;
2731 color: #555;
2732 background-color: #eee;
2733 }
2734 @media (max-width: 767px) {
2735 #course-settings .lp-meta-box__course-tab__tabs {
2736 display: flex;
2737 overflow: hidden;
2738 overflow-x: auto;
2739 flex-direction: row;
2740 margin: 0;
2741 margin-bottom: 30px;
2742 padding: 0;
2743 border-bottom: 1px solid #e5e5e5;
2744 text-align: center;
2745 white-space: nowrap;
2746 list-style: none;
2747 align-items: center;
2748 flex-wrap: nowrap;
2749 }
2750 #course-settings .lp-meta-box__course-tab__tabs li {
2751 min-width: 25%;
2752 margin-right: 20px;
2753 }
2754 }
2755 #course-settings .lp-meta-box__course-tab__content > div {
2756 padding: 20px;
2757 }
2758 @media (max-width: 767px) {
2759 #course-settings .lp-meta-box__course-tab {
2760 grid-template-columns: auto;
2761 }
2762 }
2763
2764 #price_course_data ._lp_sale_price_field,
2765 #price_course_data ._lp_price_field {
2766 position: relative;
2767 }
2768 #price_course_data ._lp_sale_price_field .learn-press-tip-floating,
2769 #price_course_data ._lp_price_field .learn-press-tip-floating {
2770 top: 54px;
2771 left: 92px;
2772 opacity: 0.8;
2773 background: #a00;
2774 }
2775 #price_course_data ._lp_sale_price_field .learn-press-tip-floating::before,
2776 #price_course_data ._lp_price_field .learn-press-tip-floating::before {
2777 top: -7px;
2778 border: 7px solid transparent;
2779 border-top-width: 0;
2780 border-bottom-color: #a00;
2781 }
2782
2783 .lp_course_extra_meta_box__content {
2784 flex: 1;
2785 }
2786 .lp_course_extra_meta_box__fields {
2787 margin-bottom: 10px;
2788 }
2789 .lp_course_extra_meta_box__field {
2790 position: relative;
2791 max-width: 600px;
2792 margin-bottom: 10px;
2793 }
2794 .lp_course_extra_meta_box__field .sort {
2795 display: flex;
2796 position: absolute;
2797 top: 0;
2798 left: 0;
2799 width: 40px;
2800 height: 100%;
2801 color: #666;
2802 text-decoration: none;
2803 cursor: grab;
2804 align-items: center;
2805 justify-content: center;
2806 }
2807 .lp_course_extra_meta_box__field .sort::after {
2808 font-family: Dashicons;
2809 font-size: 1.25rem;
2810 line-height: 1;
2811 content: "\f333";
2812 }
2813 .lp_course_extra_meta_box__field .delete {
2814 display: flex;
2815 position: absolute;
2816 top: 0;
2817 right: 0;
2818 width: 40px;
2819 height: 100%;
2820 color: #666;
2821 text-decoration: none;
2822 align-items: center;
2823 justify-content: center;
2824 }
2825 .lp_course_extra_meta_box__field .delete::after {
2826 font-family: Dashicons;
2827 font-size: 1.25rem;
2828 line-height: 1;
2829 content: "\f335";
2830 }
2831 .lp_course_extra_meta_box__input {
2832 width: 100% !important;
2833 padding-right: 40px !important;
2834 padding-left: 40px !important;
2835 }
2836
2837 .lp_repeater_meta_box__wrapper {
2838 flex: 1 !important;
2839 }
2840 .lp_repeater_meta_box__fields {
2841 position: relative;
2842 margin-bottom: 10px;
2843 }
2844 .lp_repeater_meta_box__field {
2845 display: grid;
2846 position: relative;
2847 margin-bottom: 10px;
2848 border: 1px solid #c5c5c5;
2849 border-radius: 2px;
2850 }
2851 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__content {
2852 display: block;
2853 }
2854 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__title__toggle::after {
2855 transform: rotate(180deg);
2856 }
2857 .lp_repeater_meta_box__title {
2858 display: grid;
2859 grid-template-columns: 44px 1fr 40px 40px;
2860 align-items: center;
2861 position: relative;
2862 background-color: #eee;
2863 }
2864 .lp_repeater_meta_box__title__title {
2865 flex: 1;
2866 padding: 14px 0;
2867 }
2868 .lp_repeater_meta_box__title__sort {
2869 display: flex;
2870 height: 100%;
2871 color: #666;
2872 text-decoration: none;
2873 cursor: grab;
2874 align-items: center;
2875 justify-content: center;
2876 }
2877 .lp_repeater_meta_box__title__sort::after {
2878 font-family: Dashicons;
2879 font-size: 1.25rem;
2880 line-height: 1;
2881 content: "\f333";
2882 }
2883 .lp_repeater_meta_box__title__delete {
2884 display: flex;
2885 height: 100%;
2886 color: #666;
2887 text-decoration: none;
2888 align-items: center;
2889 justify-content: center;
2890 }
2891 .lp_repeater_meta_box__title__delete::after {
2892 font-family: Dashicons;
2893 font-size: 1.25rem;
2894 line-height: 1;
2895 content: "\f335";
2896 }
2897 .lp_repeater_meta_box__title__toggle {
2898 display: flex;
2899 height: 100%;
2900 color: #666;
2901 text-decoration: none;
2902 align-items: center;
2903 justify-content: center;
2904 }
2905 .lp_repeater_meta_box__title__toggle::after {
2906 font-family: Dashicons;
2907 font-size: 1.25rem;
2908 line-height: 1;
2909 content: "\f347";
2910 }
2911 .lp_repeater_meta_box__content {
2912 display: none;
2913 padding: 14px 20px;
2914 }
2915 .lp_repeater_meta_box__content > label {
2916 display: grid;
2917 width: 100% !important;
2918 min-width: 100% !important;
2919 max-width: 100% !important;
2920 margin-bottom: 20px;
2921 grid-template-rows: auto 1fr;
2922 }
2923 .lp_repeater_meta_box__content > label:last-child {
2924 margin-bottom: 0;
2925 }
2926 .lp_repeater_meta_box__content > label span {
2927 margin-bottom: 5px;
2928 }
2929 .lp_repeater_meta_box__content > label textarea,
2930 .lp_repeater_meta_box__content > label input {
2931 width: 100% !important;
2932 }
2933
2934 .lp_course_faq_meta_box__content {
2935 flex: 1;
2936 }
2937 .lp_course_faq_meta_box__fields {
2938 position: relative;
2939 margin-bottom: 10px;
2940 }
2941 .lp_course_faq_meta_box__field {
2942 display: grid;
2943 position: relative;
2944 margin-bottom: 10px;
2945 padding: 20px;
2946 border: 1px solid #c5c5c5;
2947 border-radius: 4px;
2948 grid-row-gap: 10px;
2949 }
2950 .lp_course_faq_meta_box__field label {
2951 display: grid;
2952 width: 100% !important;
2953 min-width: 100% !important;
2954 max-width: 100% !important;
2955 grid-template-rows: auto 1fr;
2956 }
2957 .lp_course_faq_meta_box__field label span {
2958 margin-bottom: 5px;
2959 }
2960 .lp_course_faq_meta_box__field label textarea,
2961 .lp_course_faq_meta_box__field label input {
2962 width: 100% !important;
2963 }
2964 .lp_course_faq_meta_box__field a.delete {
2965 display: flex;
2966 position: absolute;
2967 top: 15px;
2968 right: 50px;
2969 width: 30px;
2970 height: 30px;
2971 color: #666;
2972 text-decoration: none;
2973 align-items: center;
2974 justify-content: center;
2975 }
2976 .lp_course_faq_meta_box__field a.delete::after {
2977 font-family: Dashicons;
2978 font-size: 1.25rem;
2979 line-height: 1;
2980 content: "\f335";
2981 }
2982 .lp_course_faq_meta_box__field .sort {
2983 display: flex;
2984 position: absolute;
2985 top: 15px;
2986 right: 20px;
2987 width: 30px;
2988 height: 30px;
2989 color: #666;
2990 text-decoration: none;
2991 align-items: center;
2992 justify-content: center;
2993 cursor: grab;
2994 }
2995 .lp_course_faq_meta_box__field .sort::after {
2996 font-family: Dashicons;
2997 font-size: 1.25rem;
2998 line-height: 1;
2999 content: "\f333";
3000 }
3001
3002 input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
3003 display: block;
3004 }
3005
3006 #passing-condition-quiz-result {
3007 display: none;
3008 }
3009 #passing-condition-quiz-result input {
3010 width: 80px !important;
3011 margin-top: 5px !important;
3012 }
3013 #passing-condition-quiz-result p {
3014 padding: 10px 16px;
3015 background-color: #eee;
3016 font-size: 0.875rem;
3017 }
3018
3019 .lp-meta-box__file_list {
3020 display: inline-block;
3021 clear: both;
3022 margin: 0;
3023 padding: 0;
3024 }
3025 .lp-meta-box__file_list > li {
3026 display: flex;
3027 flex-flow: column nowrap;
3028 float: left;
3029 position: relative;
3030 box-sizing: border-box;
3031 width: 80px;
3032 height: 80px;
3033 margin: 9px 9px 0 0;
3034 border: 1px solid #d5d5d5;
3035 border-radius: 2px;
3036 background: #f7f7f7;
3037 cursor: move;
3038 align-items: center;
3039 justify-content: center;
3040 }
3041 .lp-meta-box__file_list > li img {
3042 display: block;
3043 width: 100%;
3044 height: auto;
3045 }
3046 .lp-meta-box__file_list > li img.is_file {
3047 width: 30px;
3048 }
3049 .lp-meta-box__file_list > li img.is_file ~ span {
3050 margin-top: 5px;
3051 font-size: 0.75rem;
3052 }
3053 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder {
3054 position: relative;
3055 border: 3px dashed #ddd;
3056 }
3057 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder::after {
3058 position: absolute;
3059 top: 0;
3060 left: 0;
3061 width: 100%;
3062 height: 100%;
3063 margin: 0;
3064 color: #ddd;
3065 font-family: Dashicons;
3066 font-size: 2.618em;
3067 font-weight: normal;
3068 font-variant: normal;
3069 line-height: 4.5rem;
3070 text-align: center;
3071 text-indent: 0;
3072 text-transform: none;
3073 content: "\f161";
3074 speak: none;
3075 -webkit-font-smoothing: antialiased;
3076 }
3077 .lp-meta-box__file_list > li ul.actions {
3078 position: absolute;
3079 top: -8px;
3080 right: -8px;
3081 padding: 2px;
3082 }
3083 .lp-meta-box__file_list > li ul.actions li {
3084 float: right;
3085 margin: 0 0 0 2px;
3086 }
3087 .lp-meta-box__file_list > li ul.actions li a.delete {
3088 display: block;
3089 position: relative;
3090 width: 1em;
3091 height: 1em;
3092 font-size: 1.4em;
3093 text-indent: -9999px;
3094 }
3095 .lp-meta-box__file_list > li ul.actions li a.delete::before {
3096 position: absolute;
3097 top: 0;
3098 left: 0;
3099 width: 1em;
3100 height: 1em;
3101 margin: 0;
3102 border-radius: 50%;
3103 color: #999;
3104 background: #fff;
3105 font-family: Dashicons;
3106 font-weight: 400;
3107 font-variant: normal;
3108 line-height: 1;
3109 text-align: center;
3110 text-indent: 0;
3111 text-transform: none;
3112 content: "\f153";
3113 speak: none;
3114 -webkit-font-smoothing: antialiased;
3115 }
3116 .lp-meta-box__file_list > li ul.actions::before {
3117 display: table;
3118 content: " ";
3119 }
3120 .lp-meta-box__file::before {
3121 display: table;
3122 content: " ";
3123 }
3124 .lp-meta-box__file::after {
3125 display: table;
3126 clear: both;
3127 content: " ";
3128 }
3129
3130 .lp-metabox-evaluate-final_quiz {
3131 display: block;
3132 }
3133 .lp-metabox-evaluate-final_quiz__message {
3134 display: inline-block;
3135 min-width: 50%;
3136 margin-top: 10px;
3137 padding: 8px 20px;
3138 border: 2px solid #36af27;
3139 border-radius: 4px;
3140 background: #f7f7f7;
3141 text-align: center;
3142 }
3143 .lp-metabox-evaluate-final_quiz__message-error {
3144 border-color: lightcoral;
3145 }
3146
3147 .lp_widget_autocomplete__loading {
3148 margin-top: 0 !important;
3149 padding: 7px 10px;
3150 border: 1px solid #949494;
3151 border-top: none !important;
3152 background: #eee;
3153 font-size: 13px !important;
3154 }
3155 .lp_widget_autocomplete__select {
3156 overflow: auto;
3157 left: 0;
3158 width: 100%;
3159 max-height: 148px;
3160 margin-top: -1px;
3161 background: #eee;
3162 font-size: 0.8125rem;
3163 }
3164 .lp_widget_autocomplete__item {
3165 overflow: hidden;
3166 padding: 7px 10px;
3167 border: 1px solid #949494;
3168 border-top: none;
3169 border-bottom-color: #afafaf;
3170 white-space: nowrap;
3171 text-overflow: ellipsis;
3172 cursor: pointer;
3173 }
3174 .lp_widget_autocomplete__item__selected, .lp_widget_autocomplete__item:hover {
3175 color: #fff;
3176 background-color: #007cba;
3177 }
3178
3179 .widget .select2-selection__rendered {
3180 font-size: 0.8125rem;
3181 }
3182
3183 .sortable-wrapper {
3184 margin: 1em 0;
3185 }
3186 .sortable-wrapper .sortable {
3187 margin: 0.5em 0;
3188 }
3189 .sortable-wrapper .sortable .dashicons-move {
3190 cursor: move;
3191 }
3192
3193 @keyframes spin {
3194 from {
3195 transform: rotate(0deg);
3196 }
3197 to {
3198 transform: rotate(360deg);
3199 }
3200 }
3201 .sortable-wrapper > label {
3202 font-weight: 600;
3203 font-size: 14px;
3204 }
3205
3206 .sortable__item {
3207 display: flex;
3208 align-items: center;
3209 gap: 8px;
3210 margin-bottom: 8px;
3211 }
3212 .sortable__item:last-child {
3213 margin-bottom: 0;
3214 }
3215
3216 .widget-content p {
3217 margin-bottom: 8px;
3218 display: flex;
3219 align-items: center;
3220 flex-wrap: wrap;
3221 }
3222
3223 :root {
3224 --lp-addon-item-padding: 10px;
3225 --lp-border-radius: 3px;
3226 --lp-addon-item-border-color: #c3c4c7;
3227 }
3228
3229 @media screen and (min-width: 1600px) {
3230 .plugin-card:not(.hide-if-js):nth-child(even) {
3231 margin-right: 8px;
3232 }
3233 .plugin-card:not(.hide-if-js):nth-child(3n) {
3234 margin-right: 0;
3235 }
3236 }
3237 /*** Style Addons Manager ***/
3238 #lp-addons {
3239 display: grid;
3240 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
3241 grid-gap: 20px;
3242 padding-right: 20px;
3243 /***** Toggle *****/
3244 }
3245 #lp-addons.max-3-items {
3246 grid-template-columns: repeat(auto-fit, minmax(280px, 320px));
3247 }
3248 #lp-addons a {
3249 text-decoration: none;
3250 }
3251 #lp-addons button {
3252 padding: 6.5px 17px;
3253 background: rgb(151, 71, 255);
3254 color: white;
3255 border-radius: 3px;
3256 border: none;
3257 cursor: pointer;
3258 }
3259 #lp-addons button.btn-addon-action.handling span {
3260 display: none;
3261 }
3262 #lp-addons button.btn-addon-action.handling span.dashicons {
3263 display: inline-flex;
3264 }
3265 #lp-addons button.btn-addon-action[data-action=cancel] {
3266 position: absolute;
3267 right: 0;
3268 background: transparent;
3269 color: rgba(255, 0, 0, 0.89);
3270 top: 0;
3271 padding: 7px 10px;
3272 }
3273 #lp-addons button.btn-addon-action span.dashicons {
3274 align-items: center;
3275 display: none;
3276 font-size: 1.125em;
3277 width: auto;
3278 height: auto;
3279 animation: rotation 2s infinite linear;
3280 }
3281 #lp-addons button[data-action=update] {
3282 background: #27BF49;
3283 }
3284 #lp-addons button[data-action=setting] {
3285 background: #2D72DA;
3286 }
3287 #lp-addons .lp-addon-item {
3288 background: white;
3289 padding: var(--lp-addon-item-padding);
3290 border: 1px solid var(--lp-addon-item-border-color);
3291 border-radius: 3px;
3292 display: flex;
3293 flex-direction: column;
3294 justify-content: space-between;
3295 position: relative;
3296 }
3297 #lp-addons .lp-addon-item input {
3298 margin: 0 !important;
3299 }
3300 #lp-addons .lp-addon-item.hide, #lp-addons .lp-addon-item.search-not-found {
3301 display: none;
3302 }
3303 #lp-addons .lp-addon-item__content {
3304 text-align: center;
3305 min-height: 290px;
3306 }
3307 #lp-addons .lp-addon-item__content img {
3308 width: 50px;
3309 height: 50px;
3310 border-radius: 10px;
3311 margin-top: 20px;
3312 }
3313 #lp-addons .lp-addon-item__content a {
3314 text-decoration: none;
3315 }
3316 #lp-addons .lp-addon-item__content p {
3317 display: -webkit-box;
3318 -webkit-box-orient: vertical;
3319 overflow: hidden;
3320 }
3321 #lp-addons .lp-addon-item__content p::before {
3322 content: none;
3323 }
3324 #lp-addons .lp-addon-item__actions {
3325 border-top: 1px solid var(--lp-addon-item-border-color);
3326 padding: 10px var(--lp-addon-item-padding) 0;
3327 margin: 0 calc(var(--lp-addon-item-padding) * -1);
3328 display: flex;
3329 align-items: center;
3330 }
3331 #lp-addons .lp-addon-item__actions__left {
3332 flex: 3;
3333 display: flex;
3334 gap: 5px;
3335 align-items: center;
3336 }
3337 #lp-addons .lp-addon-item__actions__left button {
3338 display: none;
3339 }
3340 #lp-addons .lp-addon-item__actions__right button {
3341 display: none;
3342 background: transparent;
3343 color: #2271b1;
3344 }
3345 #lp-addons .lp-addon-item__purchase {
3346 display: none;
3347 position: absolute;
3348 top: 0;
3349 bottom: 0;
3350 left: 0;
3351 right: 0;
3352 background: rgba(255, 255, 255, 0.6);
3353 text-transform: uppercase;
3354 }
3355 #lp-addons .lp-addon-item__purchase__wrapper div {
3356 position: absolute;
3357 bottom: 20%;
3358 left: var(--lp-addon-item-padding);
3359 right: var(--lp-addon-item-padding);
3360 background: white;
3361 border: 1px solid var(--lp-addon-item-border-color);
3362 padding: var(--lp-addon-item-padding);
3363 border-radius: 3px;
3364 flex-direction: column;
3365 display: none;
3366 gap: 5px;
3367 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
3368 }
3369 #lp-addons .lp-addon-item__purchase__wrapper div input {
3370 width: 100%;
3371 }
3372 #lp-addons .lp-addon-item__purchase label {
3373 text-transform: capitalize;
3374 }
3375 #lp-addons .lp-addon-item.installed.activated button[data-action=setting] {
3376 display: block;
3377 }
3378 #lp-addons .lp-addon-item.installed.activated button[data-action=deactivate] {
3379 display: block;
3380 }
3381 #lp-addons .lp-addon-item.installed.activated.update button[data-action=update] {
3382 display: block;
3383 }
3384 #lp-addons .lp-addon-item.installed:not(.activated) button[data-action=activate] {
3385 display: block;
3386 }
3387 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] {
3388 display: inline-flex;
3389 align-items: center;
3390 padding: 0 5px;
3391 height: 12px;
3392 }
3393 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] span {
3394 animation: none;
3395 display: inline;
3396 }
3397 #lp-addons .lp-addon-item.not_installed.purchase button[data-action=purchase] {
3398 display: block;
3399 }
3400 #lp-addons .lp-addon-item.not_installed.free button[data-action=install] {
3401 display: block;
3402 }
3403 #lp-addons .lp-addon-item.not_installed .lp-addon-item__actions__right {
3404 display: none;
3405 }
3406 #lp-addons .lp-addon-item.update button[data-action=update] {
3407 display: block;
3408 }
3409 #lp-addons .lp-toggle-switch .lp-toggle-switch-label {
3410 height: 20px;
3411 align-items: center;
3412 margin-bottom: 0;
3413 background: #b4b9be;
3414 cursor: pointer;
3415 display: inline-flex;
3416 justify-content: space-between;
3417 position: relative;
3418 transition: left 0.15s ease-out;
3419 border-radius: 100px;
3420 }
3421 #lp-addons .lp-toggle-switch .lp-toggle-switch-label:after {
3422 background: #FFFFFF;
3423 content: "";
3424 display: block;
3425 position: absolute;
3426 left: 4px;
3427 width: 12px;
3428 height: 12px;
3429 transition: all 0.25s ease-in-out;
3430 border-radius: 50%;
3431 }
3432 #lp-addons .lp-toggle-switch .lp-toggle-switch-label::before {
3433 left: 0;
3434 }
3435 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on,
3436 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
3437 opacity: 1;
3438 padding-left: 6px;
3439 padding-right: 6px;
3440 font-size: 0.8em;
3441 line-height: 1.125em;
3442 }
3443 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on {
3444 color: #fff;
3445 opacity: 0;
3446 padding-right: 0;
3447 width: 12px;
3448 }
3449 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
3450 width: 12px;
3451 color: #777;
3452 padding-left: 0;
3453 }
3454 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input {
3455 display: none;
3456 }
3457 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label {
3458 background: #0073aa;
3459 }
3460 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label:after {
3461 left: auto;
3462 right: 5px;
3463 background: #ffffff;
3464 }
3465 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-on {
3466 opacity: 1;
3467 }
3468 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-off {
3469 opacity: 0;
3470 }
3471 #lp-addons .lp-toggle-switch .dashicons {
3472 animation: rotation 2s infinite linear;
3473 }
3474 #lp-addons .screen-reader-text:focus {
3475 clip-path: inset(50%);
3476 -webkit-clip-path: inset(50%);
3477 }
3478
3479 /*** Tab of Addons Manager ***/
3480 .lp-nav-tab-wrapper {
3481 display: flex;
3482 margin-bottom: 20px;
3483 justify-content: start;
3484 gap: 5px;
3485 border-bottom: 1px solid #c3c4c7;
3486 }
3487 .lp-nav-tab-wrapper .nav-tab {
3488 border: 1px solid #c3c4c7;
3489 border-bottom: none;
3490 margin-left: 0;
3491 padding: 5px 10px;
3492 line-height: 1.6em;
3493 font-weight: 600;
3494 background: #dcdcde;
3495 color: #50575e;
3496 text-decoration: none;
3497 white-space: nowrap;
3498 border-radius: 3px 3px 0 0;
3499 }
3500 .lp-nav-tab-wrapper .nav-tab-active {
3501 background: #f0f0f1;
3502 border-bottom: 1px solid #f0f0f1;
3503 }
3504
3505 .wp-submenu .lp-notify {
3506 display: none;
3507 vertical-align: top;
3508 box-sizing: border-box;
3509 margin: 1px 0 -1px 5px;
3510 padding: 0 5px;
3511 min-width: 18px;
3512 height: 18px;
3513 border-radius: 9px;
3514 background-color: #d63638;
3515 color: #fff;
3516 font-size: 0.75em;
3517 line-height: 1.6;
3518 text-align: center;
3519 }
3520
3521 /*** Theme Manager ***/
3522 .related-themes {
3523 display: grid;
3524 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
3525 grid-gap: 20px;
3526 }
3527 .related-themes li {
3528 margin: 0;
3529 }
3530 .related-themes .plugin-card-top {
3531 padding-bottom: 0;
3532 background: #fff;
3533 }
3534 .related-themes .theme-content {
3535 position: relative;
3536 }
3537 .related-themes .image-thumbnail img {
3538 width: 100%;
3539 height: auto;
3540 vertical-align: middle;
3541 }
3542 .related-themes .theme-description {
3543 margin: 0 0 25px 0;
3544 display: -webkit-box;
3545 overflow: hidden;
3546 min-height: 8em;
3547 max-height: 8em;
3548 line-height: 1.6em;
3549 text-overflow: ellipsis;
3550 -webkit-box-orient: vertical;
3551 -webkit-line-clamp: 5;
3552 color: #777;
3553 }
3554 .related-themes .theme-title {
3555 min-height: 3.2em;
3556 margin-right: 100px;
3557 margin-bottom: 0;
3558 font-size: 1.2em;
3559 line-height: 1.3em;
3560 }
3561 .related-themes .theme-title a {
3562 color: #111;
3563 }
3564 .related-themes .theme-rating {
3565 display: inline-block;
3566 float: right;
3567 }
3568 .related-themes .star-rating {
3569 display: inline-block;
3570 }
3571 .related-themes .count-rating {
3572 position: relative;
3573 top: 2px;
3574 font-size: 0.9375rem;
3575 }
3576 .related-themes .theme-detail {
3577 position: absolute;
3578 top: -3px;
3579 right: 3px;
3580 line-height: 1.6em;
3581 text-align: right;
3582 }
3583 .related-themes .theme-detail::after {
3584 display: block;
3585 clear: both;
3586 content: "";
3587 }
3588 .related-themes .theme-detail .theme-price {
3589 display: inline-block;
3590 font-size: 1.5rem;
3591 font-weight: 700;
3592 line-height: 1.3em;
3593 }
3594 .related-themes .theme-footer {
3595 clear: both;
3596 overflow: hidden;
3597 margin-right: -16px;
3598 margin-left: -16px;
3599 padding: 16px;
3600 border-top: 1px solid #ddd;
3601 background-color: #fafafa;
3602 }
3603
3604 /**
3605 * Order
3606 */
3607 .post-type-lp_order .wp-list-table .column-order_status {
3608 width: 150px;
3609 }
3610 .post-type-lp_order .wp-list-table .order_status span {
3611 display: inline-block;
3612 padding: 3px 6px;
3613 color: #fff;
3614 font-size: 0.75rem;
3615 border-radius: 4px;
3616 }
3617 .post-type-lp_order .wp-list-table .order_status span.pending {
3618 background: #bdbdbd;
3619 }
3620 .post-type-lp_order .wp-list-table .order_status span.processing {
3621 background: #ffc107;
3622 }
3623 .post-type-lp_order .wp-list-table .order_status span.completed {
3624 background: #4caf50;
3625 }
3626 .post-type-lp_order .wp-list-table .order_status span.cancelled {
3627 background: #444;
3628 }
3629 .post-type-lp_order .wp-list-table .order_status span.failed {
3630 background: #f00;
3631 }
3632 .post-type-lp_order .wp-list-table .order_status span.refunded {
3633 background: #2196f3;
3634 }
3635 .post-type-lp_order .wp-list-table .order_status span.trash {
3636 color: rgba(128, 128, 128, 0.68);
3637 }
3638 .post-type-lp_order .wp-list-table .order_status span i {
3639 display: inline-block;
3640 }
3641 .post-type-lp_order .wp-list-table .lp-order-refund-request-badge {
3642 display: inline-block;
3643 margin-top: 10px;
3644 padding: 0 !important;
3645 color: #F59E0B !important;
3646 }
3647 .post-type-lp_order .wp-list-table .column-title,
3648 .post-type-lp_order .wp-list-table .column-order_total,
3649 .post-type-lp_order .wp-list-table .column-order_date {
3650 width: 150px;
3651 }
3652 .post-type-lp_order .wp-list-table .column-order_items ol {
3653 margin: 0;
3654 padding: 0;
3655 list-style-position: inside;
3656 }
3657
3658 .post-type-lp_course .wp-list-table .column-price {
3659 width: 80px;
3660 }
3661 .post-type-lp_course .wp-list-table .column-thumbnail {
3662 width: 60px;
3663 padding-top: 8px;
3664 box-sizing: border-box;
3665 }
3666 .post-type-lp_course .wp-list-table .column-thumbnail img {
3667 width: 100%;
3668 height: auto;
3669 }
3670 @media only screen and (max-width: 782px) {
3671 .post-type-lp_course .wp-list-table .column-thumbnail {
3672 display: none;
3673 }
3674 .post-type-lp_course .wp-list-table .column-thumbnail::before {
3675 opacity: 0;
3676 }
3677 }
3678 .post-type-lp_course .wp-list-table .column-certificate {
3679 box-sizing: border-box;
3680 max-width: 60px;
3681 }
3682 .post-type-lp_course .wp-list-table .column-certificate img {
3683 max-width: 100% !important;
3684 }
3685 @media only screen and (min-width: 1024px) {
3686 .post-type-lp_course .wp-list-table .check-column {
3687 width: 1.2em;
3688 }
3689 }
3690 @media only screen and (min-width: 783px) {
3691 .post-type-lp_course .wp-list-table .column-title {
3692 width: 16%;
3693 }
3694 }
3695
3696 .wp-list-table .column-author, .wp-list-table .column-instructor {
3697 width: 80px;
3698 }
3699 .wp-list-table .column-author .post-author, .wp-list-table .column-instructor .post-author {
3700 display: inline-block;
3701 }
3702 .wp-list-table .column-author .post-author img, .wp-list-table .column-instructor .post-author img {
3703 width: 30px;
3704 height: 30px;
3705 margin: 0;
3706 border-radius: 50%;
3707 vertical-align: middle;
3708 }
3709 .wp-list-table .column-author .post-author a, .wp-list-table .column-instructor .post-author a {
3710 display: inline-block;
3711 vertical-align: middle;
3712 }
3713 .wp-list-table .column-curriculum {
3714 width: 60px;
3715 }
3716 .wp-list-table .column-student {
3717 width: 60px;
3718 }
3719 .wp-list-table .column-taxonomy-course_category {
3720 width: 100px;
3721 }
3722 .wp-list-table .column-gradebook {
3723 width: 40px;
3724 text-align: center;
3725 }
3726
3727 .post-type-page .column-lp-page {
3728 width: 200px;
3729 }
3730 .post-type-page .for-plugin-page {
3731 margin: 0;
3732 color: #f00;
3733 font-size: 0.6875rem;
3734 }
3735
3736 .post-state .post-author {
3737 font-size: 0.875rem;
3738 font-weight: normal;
3739 font-style: italic;
3740 }
3741
3742 #learn-press-box-edit-slug {
3743 overflow: hidden;
3744 margin: 0 -10px;
3745 padding: 10px;
3746 border: 1px solid #ddd;
3747 color: #b79186;
3748 background: #fff;
3749 }
3750 #learn-press-box-edit-slug .button {
3751 float: right;
3752 height: 24px;
3753 line-height: 1.375rem;
3754 }
3755
3756 .is-lp-page {
3757 color: #fff;
3758 font-size: 11px;
3759 padding: 1px 8px;
3760 border-radius: 10px;
3761 background-color: #9979ff;
3762 margin-right: 5px;
3763 display: inline-block;
3764 }
3765
3766 .lp-overlay {
3767 display: none;
3768 position: fixed;
3769 z-index: 99999;
3770 top: 0;
3771 right: 0;
3772 bottom: 0;
3773 left: 0;
3774 width: 100%;
3775 height: 100%;
3776 background-color: rgba(209, 213, 219, 0.8);
3777 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3778 transition-duration: 150ms;
3779 transition-property: opacity;
3780 }
3781
3782 .wp-admin .lp-modal-dialog .lp-modal-header {
3783 padding: 2em;
3784 }
3785 .wp-admin .lp-modal-dialog .lp-modal-header h3 {
3786 font-size: 1.4em;
3787 }
3788
3789 .lp-modal-dialog {
3790 display: flex;
3791 position: fixed;
3792 z-index: 9999;
3793 top: 0;
3794 right: 0;
3795 left: 0;
3796 width: 100%;
3797 min-height: 100vh;
3798 text-align: center;
3799 align-items: center;
3800 justify-content: center;
3801 }
3802 .lp-modal-dialog .learn-press-message {
3803 width: auto;
3804 margin: 0 !important;
3805 }
3806 .lp-modal-dialog .lp-modal-content {
3807 display: inline-block;
3808 overflow: hidden;
3809 z-index: 2;
3810 width: auto;
3811 max-width: 600px;
3812 border-radius: 8px;
3813 text-align: left;
3814 vertical-align: middle;
3815 background: white;
3816 color: black;
3817 }
3818 .lp-modal-dialog .lp-modal-content h2, .lp-modal-dialog .lp-modal-content h3 {
3819 margin: 0;
3820 }
3821 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
3822 border-bottom: 1px solid #eee;
3823 }
3824 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
3825 padding: 0 1em;
3826 }
3827 .lp-modal-dialog .lp-modal-header {
3828 background: #7c60d9;
3829 border-bottom: 1px solid #eee;
3830 padding: 1em;
3831 }
3832 .lp-modal-dialog .lp-modal-header h3 {
3833 margin: 0;
3834 color: white;
3835 font-weight: 400;
3836 }
3837 .lp-modal-dialog .lp-modal-body .main-content {
3838 max-height: 500px;
3839 overflow: auto;
3840 overscroll-behavior: contain;
3841 }
3842 .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 {
3843 padding: 1em;
3844 }
3845 .lp-modal-dialog .lp-modal-footer {
3846 padding: 20px;
3847 background-color: #f9fafb;
3848 text-align: right;
3849 }
3850 .lp-modal-dialog .btn-yes {
3851 color: #fff;
3852 background-color: #7c60d9;
3853 }
3854
3855 #lp-modal-overlay {
3856 display: none;
3857 position: fixed;
3858 z-index: 999999;
3859 top: 0;
3860 right: 0;
3861 bottom: 0;
3862 left: 0;
3863 opacity: 0.5;
3864 background: #000;
3865 }
3866
3867 #lp-modal-window {
3868 display: none;
3869 position: fixed;
3870 z-index: 999999;
3871 top: 50%;
3872 left: 50%;
3873 padding: 35px 60px 28px 60px;
3874 background: #fff;
3875 transform: translate(-50%, -50%);
3876 border-radius: 4px;
3877 }
3878 #lp-modal-window #lp-modal-content {
3879 margin: 0 0 24px 0;
3880 color: #333;
3881 font-weight: 400;
3882 text-align: center;
3883 }
3884 #lp-modal-window #lp-modal-content > * {
3885 margin: 0 0 0.5em;
3886 }
3887 #lp-modal-window #lp-modal-buttons {
3888 display: flex;
3889 flex-direction: row-reverse;
3890 align-items: center;
3891 justify-content: center;
3892 }
3893 #lp-modal-window #lp-modal-buttons .lp-button {
3894 position: relative;
3895 margin: 0 10px 0 10px;
3896 }
3897
3898 .learn-press-modal {
3899 position: fixed;
3900 z-index: 1000000;
3901 width: 100%;
3902 height: 100%;
3903 top: 0;
3904 display: table;
3905 }
3906 .learn-press-modal .modal-overlay {
3907 position: fixed;
3908 z-index: 1000000;
3909 background: #000;
3910 opacity: 0.5;
3911 width: 100%;
3912 height: 100%;
3913 top: 0;
3914 }
3915 .learn-press-modal .modal-wrapper {
3916 display: table-cell;
3917 vertical-align: middle;
3918 z-index: 1000010;
3919 position: relative;
3920 }
3921 .learn-press-modal .modal-wrapper .modal-container {
3922 max-width: 800px;
3923 width: 90%;
3924 margin: 0px auto;
3925 background-color: #fff;
3926 border-radius: 2px;
3927 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
3928 transition: all 0.3s ease;
3929 overflow: hidden;
3930 -webkit-box-sizing: border-box;
3931 box-sizing: border-box;
3932 }
3933 .learn-press-modal .modal-wrapper header {
3934 font-size: 1.125rem;
3935 padding: 20px;
3936 border-bottom: 1px solid #DDD;
3937 font-weight: 600;
3938 color: #000;
3939 }
3940 .learn-press-modal .modal-wrapper article {
3941 margin: 30px 20px;
3942 }
3943 .learn-press-modal .modal-wrapper article input[name=search] {
3944 width: 100%;
3945 font-size: 1rem;
3946 box-sizing: border-box;
3947 margin: 0;
3948 box-shadow: none;
3949 color: #444;
3950 padding: 8px 10px;
3951 height: 42px;
3952 border-radius: 2px;
3953 border-color: #e4e4e4;
3954 font-weight: 400;
3955 vertical-align: middle;
3956 }
3957 .learn-press-modal .modal-wrapper article .search-results {
3958 margin: 0;
3959 margin-top: 30px;
3960 }
3961 .learn-press-modal .modal-wrapper article .search-results li > label {
3962 display: block;
3963 }
3964 .learn-press-modal .modal-wrapper footer {
3965 padding: 15px 20px;
3966 overflow: hidden;
3967 border: 1px solid #eee;
3968 }
3969 .learn-press-modal .modal-wrapper footer .search-nav {
3970 float: left;
3971 }
3972 .learn-press-modal .modal-wrapper footer .search-nav a, .learn-press-modal .modal-wrapper footer .search-nav span {
3973 display: inline-block;
3974 line-height: 1.625rem;
3975 height: 28px;
3976 margin: 0;
3977 padding: 0 10px 1px;
3978 }
3979 .learn-press-modal .modal-wrapper footer button {
3980 float: right;
3981 margin-left: 3px;
3982 }
3983
3984 #modal-search-items.loading .search-results:before {
3985 position: absolute;
3986 top: 75px;
3987 left: 0;
3988 right: 0;
3989 bottom: 0;
3990 display: block;
3991 content: "";
3992 z-index: 9;
3993 background: url("../../images/spinner.gif") no-repeat center center;
3994 }
3995
3996 .modal-search {
3997 position: relative;
3998 display: inline-block;
3999 min-width: 300px;
4000 }
4001 .modal-search .search-input {
4002 border: 1px solid #DDD;
4003 width: 100%;
4004 margin: 0;
4005 padding: 5px 10px;
4006 box-shadow: none;
4007 }
4008 .modal-search .search-input:focus {
4009 box-shadow: none;
4010 }
4011 .modal-search .search-input:focus {
4012 border-color: #DDD;
4013 }
4014 .modal-search .search-results-content {
4015 position: absolute;
4016 top: 100%;
4017 width: 100%;
4018 left: 0;
4019 background: #FFF;
4020 border: 1px solid #DDD;
4021 border-top: none;
4022 z-index: 1000;
4023 margin-top: -1px;
4024 -webkit-box-sizing: border-box;
4025 box-sizing: border-box;
4026 }
4027 .modal-search .search-results-content .search-results {
4028 margin: 0;
4029 }
4030 .modal-search .search-results-content .search-results .result-item {
4031 margin: 0;
4032 padding: 0;
4033 list-style: none;
4034 }
4035 .modal-search .search-results-content .search-results .result-item label {
4036 display: block;
4037 padding: 6px 10px;
4038 text-decoration: none;
4039 cursor: pointer;
4040 white-space: nowrap;
4041 overflow: hidden;
4042 text-overflow: ellipsis;
4043 }
4044 .modal-search .search-results-content .search-results .result-item:hover {
4045 background: #f4fcff;
4046 }
4047 .modal-search .has-items .search-input {
4048 border-bottom-color: transparent;
4049 }
4050 .modal-search .has-items .search-results-content {
4051 border-top: none;
4052 }
4053 .modal-search .checked-items {
4054 text-align: center;
4055 }
4056 .modal-search .checked-items .button {
4057 font-size: 0.75rem;
4058 height: 20px;
4059 line-height: 1.25rem;
4060 }
4061 .modal-search .checked-items .disabled {
4062 color: #777;
4063 }
4064 .modal-search .search-navigator {
4065 margin: 5px 0;
4066 text-align: center;
4067 }
4068 .modal-search .search-navigator .page-numbers {
4069 display: inline-block;
4070 padding: 2px 5px;
4071 text-decoration: none;
4072 line-height: 1;
4073 }
4074 .modal-search .search-navigator .page-numbers.next, .modal-search .search-navigator .page-numbers.prev {
4075 display: none;
4076 }
4077
4078 .lp-order-statuses {
4079 margin: 0;
4080 display: grid;
4081 grid-template-columns: auto auto;
4082 grid-gap: 10px;
4083 }
4084 .lp-order-statuses .lp-skeleton-animation {
4085 grid-column: 1/3;
4086 }
4087 .lp-order-statuses li {
4088 width: 100%;
4089 margin: 0;
4090 background: #fff;
4091 }
4092 .lp-order-statuses li span {
4093 font-size: 1.1rem;
4094 display: flex;
4095 text-align: center;
4096 justify-content: center;
4097 align-items: center;
4098 column-gap: 10px;
4099 font-weight: 400;
4100 }
4101 .lp-order-statuses li p {
4102 margin: 0;
4103 padding: 0;
4104 color: #adadad;
4105 font-size: 0.75rem;
4106 }
4107 .lp-order-statuses li.counter-number {
4108 text-align: center;
4109 /*&.order-completed {
4110
4111 strong::before {
4112 color: #0085ba;
4113 content: "\f058";
4114 }
4115 }
4116
4117 &.order-processing {
4118
4119 strong::before {
4120 margin-left: -1px;
4121 color: #563f7a;
4122 content: "\f321";
4123 }
4124 }
4125
4126 &.order-pending {
4127
4128 strong::before {
4129 color: #aaa;
4130 content: "\f534";
4131 }
4132 }
4133
4134 &.order-cancelled {
4135
4136 strong::before {
4137 color: #f00;
4138 content: "\f153";
4139 }
4140 }*/
4141 }
4142 .lp-order-statuses li.counter-number .counter-inner {
4143 padding: 10px 0;
4144 border: 1px solid #f3f3f3;
4145 background: #f9f9f9;
4146 }
4147 .lp-order-statuses li.clear {
4148 float: none;
4149 }
4150 .lp-order-statuses li.featured-theme {
4151 width: auto;
4152 margin: 12px -12px 0 -12px;
4153 padding: 8px 12px 0 12px;
4154 border-top: 1px solid #eee;
4155 }
4156 .lp-order-statuses li.featured-theme .star-rating {
4157 display: inline-block;
4158 line-height: 0.875rem;
4159 vertical-align: middle;
4160 }
4161 .lp-order-statuses li.featured-theme .star-rating .star {
4162 width: 14px;
4163 height: 14px;
4164 font-size: 0.875rem;
4165 }
4166 .lp-order-statuses li.featured-theme > div {
4167 margin-bottom: 3px;
4168 }
4169 .lp-order-statuses li.featured-theme > div span {
4170 color: #999;
4171 font-size: 0.75rem;
4172 vertical-align: middle;
4173 }
4174 .lp-order-statuses li:nth-child(even) .counter-inner {
4175 margin-left: 0;
4176 }
4177 .lp-order-statuses li:nth-child(odd) .counter-inner {
4178 margin-right: 0;
4179 }
4180 .lp-order-statuses li.total-raised {
4181 grid-column: 1/3;
4182 box-sizing: border-box;
4183 padding: 10px 0;
4184 border: 1px solid #f3f3f3;
4185 background: #f9f9f9;
4186 text-align: center;
4187 color: #0073aa;
4188 }
4189 .lp-order-statuses li.total-raised span {
4190 margin-bottom: 10px;
4191 font-size: 1.625rem;
4192 }
4193 .lp-order-statuses li.total-raised span i {
4194 font-size: 1.5625rem;
4195 }
4196 .lp-order-statuses::after {
4197 display: block;
4198 clear: both;
4199 content: "";
4200 }
4201
4202 .featured-theme {
4203 border-top: 1px solid #eee;
4204 margin-top: 10px;
4205 padding-top: 10px;
4206 }
4207 .featured-theme p {
4208 margin: 0;
4209 font-size: 12px;
4210 }
4211 .featured-theme .star-rating {
4212 display: inline-block;
4213 line-height: 0.75rem;
4214 }
4215 .featured-theme .star-rating .star {
4216 font-size: 0.8125rem;
4217 width: 13px;
4218 height: 13px;
4219 }
4220 .featured-theme span {
4221 font-size: 0.6875rem;
4222 }
4223
4224 .lp-place-holder {
4225 background: #fff;
4226 padding: 10px;
4227 display: block;
4228 margin: 20px auto;
4229 box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
4230 border-radius: 3px;
4231 }
4232 .lp-place-holder [class*=line-] {
4233 height: 6px;
4234 width: 400px;
4235 background: #f6f7f9;
4236 margin-bottom: 13px;
4237 margin-right: 5px;
4238 }
4239 .lp-place-holder .thumbnail {
4240 height: 40px;
4241 width: 40px;
4242 float: left;
4243 margin-right: 20px;
4244 display: inline-block;
4245 }
4246 .lp-place-holder .line-heading {
4247 width: 80%;
4248 height: 20px;
4249 }
4250 .lp-place-holder .line-sm {
4251 width: 30%;
4252 margin-top: 10px;
4253 }
4254 .lp-place-holder .line-xs {
4255 width: 50%;
4256 }
4257 .lp-place-holder .line-df {
4258 margin-top: 30px;
4259 width: 380px;
4260 }
4261 .lp-place-holder .line-lg {
4262 width: 200px;
4263 }
4264 .lp-place-holder .line-lgx {
4265 width: 450px;
4266 }
4267 .lp-place-holder [class*=line],
4268 .lp-place-holder .thumbnail {
4269 animation: lpTimeLine;
4270 animation-duration: 1s;
4271 animation-timing-function: linear;
4272 animation-iteration-count: infinite;
4273 background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
4274 background-size: 800px auto;
4275 background-position: 100px 0;
4276 }
4277
4278 @keyframes lpTimeLine {
4279 0% {
4280 background-position: -350px 0;
4281 }
4282 100% {
4283 background-position: 400px 0;
4284 }
4285 }
4286 .post-type-lp_order {
4287 /*Export order function style*/
4288 /* The Modal (background) */
4289 /* Modal Content/Box */
4290 /* The Close Button */
4291 /*tabs css*/
4292 }
4293 .post-type-lp_order #post-body-content {
4294 display: none;
4295 }
4296 .post-type-lp_order #order_details {
4297 border: none !important;
4298 background: transparent !important;
4299 }
4300 .post-type-lp_order #order_details .hndle,
4301 .post-type-lp_order #order_details .handlediv,
4302 .post-type-lp_order #order_details .postbox-header {
4303 display: none;
4304 }
4305 .post-type-lp_order #order_details .inside {
4306 display: block !important;
4307 margin: 0;
4308 padding: 0;
4309 }
4310 .post-type-lp_order #order_details .order-data {
4311 margin: 0 0 20px 0 !important;
4312 padding: 30px !important;
4313 border: 1px solid #ccd0d4 !important;
4314 background-color: #fff !important;
4315 box-shadow: none !important;
4316 }
4317 .post-type-lp_order #order_details .order-data-field {
4318 margin-bottom: 20px;
4319 }
4320 .post-type-lp_order #order_details .order-data-field label {
4321 display: block;
4322 margin-bottom: 5px;
4323 font-weight: 500;
4324 }
4325 .post-type-lp_order #order_details .order-data-number {
4326 margin: 0 0 10px;
4327 font-size: 1.25rem;
4328 font-weight: 600;
4329 }
4330 .post-type-lp_order #order_details .payment-method-title {
4331 color: #777;
4332 font-size: 1rem;
4333 }
4334 .post-type-lp_order #order_details .payment-method-title strong {
4335 color: #23282d;
4336 }
4337 .post-type-lp_order #order_details .order-data-heading {
4338 margin-top: 40px;
4339 font-size: 1rem;
4340 }
4341 .post-type-lp_order #order_details .order-users {
4342 display: inline-block;
4343 }
4344 .post-type-lp_order #order_details .order-users .description {
4345 margin-top: 10px;
4346 padding: 10px;
4347 background: #eee;
4348 }
4349 .post-type-lp_order #order_details .order-data-date .order-date {
4350 width: 130px;
4351 }
4352 .post-type-lp_order #order_details .order-data-date .order-hour,
4353 .post-type-lp_order #order_details .order-data-date .order-minute {
4354 width: 60px;
4355 }
4356 .post-type-lp_order #order_details .order-data-note {
4357 display: inline-block;
4358 }
4359 .post-type-lp_order #order_details .order-data-note .order-note {
4360 padding: 10px;
4361 color: #fff;
4362 background-color: #c1a3b6;
4363 font-size: 0.875rem;
4364 }
4365 .post-type-lp_order #order_details .order-items {
4366 margin: 0;
4367 border: 1px solid #ccd0d4 !important;
4368 background-color: #fff;
4369 }
4370 .post-type-lp_order #order_details .order-items table {
4371 width: 100%;
4372 border-collapse: collapse;
4373 }
4374 .post-type-lp_order #order_details .order-items table thead {
4375 margin: 0;
4376 padding: 0;
4377 }
4378 .post-type-lp_order #order_details .order-items table thead tr {
4379 background-color: #f8f8f8;
4380 }
4381 .post-type-lp_order #order_details .order-items table thead th {
4382 padding: 15px;
4383 border-bottom: none;
4384 color: #999;
4385 font-weight: 400;
4386 text-align: left;
4387 }
4388 .post-type-lp_order #order_details .order-items table thead th:first-child {
4389 padding-left: 30px;
4390 }
4391 .post-type-lp_order #order_details .order-items table thead th:last-child {
4392 padding-right: 30px;
4393 }
4394 .post-type-lp_order #order_details .order-items table tbody td,
4395 .post-type-lp_order #order_details .order-items table tfoot td {
4396 padding: 10px;
4397 border-bottom: 1px solid #ddd;
4398 text-align: left;
4399 }
4400 .post-type-lp_order #order_details .order-items table tbody {
4401 margin: 0;
4402 padding: 0;
4403 }
4404 .post-type-lp_order #order_details .order-items table tbody tr td {
4405 padding: 15px;
4406 }
4407 .post-type-lp_order #order_details .order-items table tbody tr td:first-child {
4408 padding-left: 30px;
4409 }
4410 .post-type-lp_order #order_details .order-items table tbody tr td:last-child {
4411 padding-right: 30px;
4412 }
4413 .post-type-lp_order #order_details .order-items table tfoot {
4414 margin: 0;
4415 padding: 0;
4416 }
4417 .post-type-lp_order #order_details .order-items table tfoot tr {
4418 background-color: #f8f8f8;
4419 }
4420 .post-type-lp_order #order_details .order-items table tfoot tr:last-child td {
4421 padding-top: 20px;
4422 padding-bottom: 20px;
4423 }
4424 .post-type-lp_order #order_details .order-items table tfoot td {
4425 padding: 10px 15px;
4426 padding-bottom: 0;
4427 border: none;
4428 font-size: 0.875rem;
4429 text-align: right;
4430 }
4431 .post-type-lp_order #order_details .order-items table tfoot td:first-child {
4432 padding-left: 30px;
4433 }
4434 .post-type-lp_order #order_details .order-items table tfoot td:last-child {
4435 padding-right: 30px;
4436 }
4437 .post-type-lp_order #order_details .order-items table .column-price,
4438 .post-type-lp_order #order_details .order-items table .column-total,
4439 .post-type-lp_order #order_details .order-items table .column-quantity {
4440 width: 150px;
4441 text-align: right;
4442 }
4443 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-subtotal,
4444 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-total,
4445 .post-type-lp_order #order_details .order-items table .row-total td .order-subtotal,
4446 .post-type-lp_order #order_details .order-items table .row-total td .order-total {
4447 font-weight: 700;
4448 }
4449 .post-type-lp_order #order_details .order-items table .remove-order-item {
4450 outline: none;
4451 color: #ccc;
4452 text-decoration: none;
4453 }
4454 .post-type-lp_order #order_details .order-items table .remove-order-item .dashicons {
4455 font-size: 1.25rem;
4456 }
4457 .post-type-lp_order #order_details .order-items table .remove-order-item:hover {
4458 color: #f00;
4459 }
4460 .post-type-lp_order #order_details .order-items table .order-item-row:hover .remove-order-item {
4461 display: inline-block;
4462 }
4463 .post-type-lp_order #order-export__button:hover {
4464 cursor: pointer;
4465 }
4466 .post-type-lp_order .export-modal.modal {
4467 display: none;
4468 position: fixed;
4469 z-index: 10;
4470 left: 0;
4471 top: 0;
4472 width: 100%;
4473 height: 100%;
4474 overflow: auto;
4475 background-color: #000000;
4476 background-color: rgba(0, 0, 0, 0.4);
4477 }
4478 .post-type-lp_order .export-modal .modal-content {
4479 background-color: #fefefe;
4480 margin: 5% auto;
4481 border: 1px solid #888;
4482 width: 60%;
4483 position: relative;
4484 }
4485 .post-type-lp_order .export-modal .close {
4486 color: #aaa;
4487 position: absolute;
4488 font-size: 28px;
4489 font-weight: bold;
4490 top: -5px;
4491 right: 11px;
4492 }
4493 .post-type-lp_order .export-modal .close:hover {
4494 color: black;
4495 text-decoration: none;
4496 cursor: pointer;
4497 }
4498 .post-type-lp_order .export-modal .close:focus {
4499 color: black;
4500 text-decoration: none;
4501 cursor: pointer;
4502 }
4503 .post-type-lp_order .export-modal .panel {
4504 display: none;
4505 }
4506 .post-type-lp_order .export-modal .panel.active {
4507 display: block;
4508 }
4509 .post-type-lp_order #order-export__tabs.tabs {
4510 display: flex;
4511 justify-content: space-around;
4512 height: 40px;
4513 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
4514 }
4515 .post-type-lp_order #order-export__tabs.tabs > * {
4516 width: 100%;
4517 color: dimgray;
4518 height: 100%;
4519 cursor: pointer;
4520 display: flex;
4521 justify-content: center;
4522 align-items: center;
4523 }
4524 .post-type-lp_order #order-export__tabs.tabs > *:hover:not(.active) {
4525 background-color: #dcdcdc;
4526 }
4527 .post-type-lp_order #order-export__tabs.tabs > .active {
4528 color: white;
4529 background-color: #4CAF50;
4530 }
4531 .post-type-lp_order #lp-invoice__content {
4532 padding: 20px 40px 0;
4533 margin-bottom: 25px;
4534 }
4535 .post-type-lp_order #lp-invoice__content thead th {
4536 border-bottom: 1px solid #000;
4537 border-top: 1px solid #000;
4538 padding: 10px 20px;
4539 }
4540 .post-type-lp_order #lp-invoice__content tbody td {
4541 border-bottom: 1px solid #000;
4542 text-align: center;
4543 padding: 10px 20px;
4544 }
4545 .post-type-lp_order #lp-invoice__content tfoot td {
4546 border-bottom: 1px solid #000;
4547 text-align: center;
4548 padding: 10px 20px;
4549 }
4550 .post-type-lp_order .export-options__content {
4551 margin-bottom: 25px;
4552 padding: 10px 40px;
4553 }
4554 .post-type-lp_order .export-options {
4555 position: relative;
4556 }
4557 .post-type-lp_order .export-options__loading {
4558 opacity: 0;
4559 z-index: -1;
4560 visibility: hidden;
4561 position: absolute;
4562 top: 0;
4563 left: 0;
4564 width: 100%;
4565 background: #fff;
4566 right: 0;
4567 bottom: 0;
4568 display: flex;
4569 align-items: center;
4570 justify-content: center;
4571 }
4572 .post-type-lp_order .export-options__loading .spinner {
4573 background: url("../../images/spinner.gif") no-repeat center center;
4574 z-index: 9;
4575 display: inline-block;
4576 visibility: visible;
4577 }
4578 .post-type-lp_order .export-options__loading.active {
4579 opacity: 1;
4580 z-index: 9;
4581 visibility: visible;
4582 }
4583 .post-type-lp_order #lp-invoice__export {
4584 color: white;
4585 background-color: #4CAF50;
4586 border: 1px solid #4CAF50;
4587 padding: 10px 20px;
4588 transition: all 0.5s ease;
4589 }
4590 .post-type-lp_order #lp-invoice__export:hover {
4591 color: #000;
4592 background-color: #fff;
4593 border: 1px solid #000;
4594 transition: all 0.5s ease;
4595 cursor: pointer;
4596 }
4597 .post-type-lp_order #lp-invoice__update {
4598 color: white;
4599 background-color: #4CAF50;
4600 border: 1px solid #4CAF50;
4601 padding: 10px 20px;
4602 transition: all 0.5s ease;
4603 }
4604 .post-type-lp_order #lp-invoice__update:hover {
4605 color: #000;
4606 background-color: #fff;
4607 border: 1px solid #000;
4608 transition: all 0.5s ease;
4609 cursor: pointer;
4610 }
4611 .post-type-lp_order #lp-invoice__actions {
4612 display: flex;
4613 flex-direction: row;
4614 justify-content: flex-end;
4615 }
4616 .post-type-lp_order .export-options__actions {
4617 display: flex;
4618 flex-direction: row;
4619 justify-content: flex-end;
4620 }
4621 .post-type-lp_order .lp-invoice__body table {
4622 border-spacing: 0;
4623 width: 100%;
4624 }
4625 .post-type-lp_order .lp-order-status .dashicons {
4626 display: inline-flex !important;
4627 align-items: center;
4628 font-size: 1rem;
4629 }
4630 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination {
4631 text-align: left;
4632 }
4633 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li {
4634 border: 1px solid #2271b1;
4635 background: #f6f7f7;
4636 }
4637 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .page-numbers {
4638 padding: 0 6px;
4639 }
4640 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .current {
4641 background: #2271b1;
4642 color: #fff !important;
4643 }
4644
4645 .swal2-popup.lp-admin-refund-modal {
4646 width: 560px;
4647 max-width: calc(100% - 32px);
4648 padding: 32px;
4649 border-radius: 8px;
4650 box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
4651 }
4652 .swal2-popup.lp-admin-refund-modal .swal2-icon {
4653 margin-top: 0;
4654 margin-bottom: 20px;
4655 }
4656 .swal2-popup.lp-admin-refund-modal .swal2-title {
4657 padding: 0;
4658 color: #1d2327;
4659 font-size: 1.5rem;
4660 line-height: 1.3;
4661 }
4662 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__content {
4663 margin: 20px 0 0;
4664 padding: 0;
4665 color: #50575e;
4666 overflow: visible;
4667 }
4668 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__description {
4669 margin: 0 0 24px;
4670 line-height: 1.5;
4671 }
4672 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form {
4673 text-align: left;
4674 }
4675 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input-label {
4676 display: block;
4677 margin: 0 0 8px;
4678 color: #1d2327;
4679 font-size: 0.875rem;
4680 font-weight: 600;
4681 text-align: left;
4682 }
4683 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea,
4684 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
4685 display: block;
4686 width: 100%;
4687 margin: 0 0 20px;
4688 border: 1px solid #8c8f94;
4689 border-radius: 4px;
4690 color: #2c3338;
4691 background: #fff;
4692 box-shadow: none;
4693 box-sizing: border-box;
4694 font-size: 0.875rem;
4695 }
4696 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea:focus,
4697 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input:focus {
4698 border-color: #2271b1;
4699 box-shadow: 0 0 0 1px #2271b1;
4700 outline: 2px solid transparent;
4701 }
4702 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea {
4703 min-height: 110px;
4704 padding: 10px 12px;
4705 resize: vertical;
4706 }
4707 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
4708 height: 42px;
4709 padding: 0 12px;
4710 }
4711 .swal2-popup.lp-admin-refund-modal .swal2-validation-message {
4712 margin: 0 0 20px;
4713 border-radius: 4px;
4714 font-size: 0.875rem;
4715 }
4716 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
4717 display: grid;
4718 grid-template-columns: repeat(2, minmax(0, 1fr));
4719 gap: 12px;
4720 width: 100%;
4721 margin: 4px 0 0;
4722 padding: 0;
4723 }
4724 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions .swal2-styled {
4725 min-height: 42px;
4726 margin: 0;
4727 border-radius: 4px;
4728 font-size: 0.875rem;
4729 font-weight: 600;
4730 }
4731
4732 @media screen and (max-width: 480px) {
4733 .swal2-popup.lp-admin-refund-modal {
4734 width: calc(100% - 20px);
4735 max-width: none;
4736 padding: 24px 20px;
4737 }
4738 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
4739 grid-template-columns: 1fr;
4740 }
4741 }
4742 #learn-press-toggle-settings-js-css {
4743 display: none;
4744 }
4745 #learn-press-toggle-settings-js-css + table {
4746 display: none;
4747 }
4748 #learn-press-toggle-settings-js-css:checked + table {
4749 display: table;
4750 }
4751
4752 .color-schemas {
4753 margin: 0 20px 20px 0;
4754 float: left;
4755 }
4756 .color-schemas ul {
4757 list-style: none;
4758 margin: 0;
4759 padding: 0;
4760 }
4761 .color-schemas ul > li > label {
4762 font-weight: 600;
4763 display: block;
4764 margin-bottom: 10px;
4765 }
4766 .color-schemas .wp-color-picker {
4767 width: 80px;
4768 height: 24px;
4769 vertical-align: top;
4770 margin: 0;
4771 }
4772 .color-schemas .wp-picker-holder {
4773 position: absolute;
4774 }
4775 .color-schemas .buttons {
4776 display: none;
4777 }
4778 .color-schemas table {
4779 border-collapse: collapse;
4780 position: relative;
4781 }
4782 .color-schemas table td, .color-schemas table th {
4783 padding: 10px 10px;
4784 }
4785 .color-schemas table tbody {
4786 border: 1px solid transparent;
4787 position: relative;
4788 }
4789 .color-schemas table tbody td, .color-schemas table tbody th {
4790 text-align: left;
4791 background: #F5F5F5;
4792 }
4793 .color-schemas table tbody tr:first-child td, .color-schemas table tbody tr:first-child th {
4794 padding-bottom: 0;
4795 }
4796 .color-schemas table:after {
4797 content: "";
4798 position: absolute;
4799 top: 0;
4800 left: 0;
4801 right: 0;
4802 bottom: 0;
4803 background: rgba(255, 255, 255, 0.7);
4804 }
4805 .color-schemas tfoot td, .color-schemas tfoot th {
4806 padding-left: 0;
4807 padding-right: 0;
4808 }
4809 .color-schemas .remove-schema {
4810 float: right;
4811 color: #FF0000;
4812 }
4813 .color-schemas .wp-color-result {
4814 margin: 0;
4815 }
4816 .color-schemas .clone-schema {
4817 display: none;
4818 }
4819 .color-schemas:first-child .remove-schema,
4820 .color-schemas:first-child .apply-schema {
4821 display: none;
4822 }
4823 .color-schemas:nth-child(2) {
4824 clear: both;
4825 }
4826 .color-schemas:hover tbody {
4827 opacity: 1;
4828 }
4829 .color-schemas.current tbody {
4830 border-color: #DDD;
4831 }
4832 .color-schemas.current tbody td, .color-schemas.current tbody th {
4833 background: rgba(5, 215, 255, 0.26);
4834 }
4835 .color-schemas.current table:after {
4836 display: none;
4837 }
4838 .color-schemas.current .clone-schema {
4839 display: inline-block;
4840 }
4841
4842 .wp-picker-container {
4843 position: relative;
4844 }
4845 .wp-picker-container .wp-picker-holder {
4846 z-index: 99999;
4847 }
4848
4849 .lp-payment-addons-promo {
4850 margin-top: 15px;
4851 padding: 12px 16px;
4852 background: #f9f9f9;
4853 border: 1px solid #ddd;
4854 border-radius: 4px;
4855 }
4856 .lp-payment-addons-promo p {
4857 margin: 0;
4858 font-size: 0.875rem;
4859 color: #555;
4860 }
4861 .lp-payment-addons-promo__link {
4862 display: inline-flex;
4863 align-items: center;
4864 gap: 4px;
4865 margin-left: 6px;
4866 color: #7f54b3;
4867 font-weight: 600;
4868 text-decoration: none;
4869 }
4870 .lp-payment-addons-promo__link:hover {
4871 color: #5e3d8a;
4872 text-decoration: underline;
4873 }
4874 .lp-payment-addons-promo__link .dashicons {
4875 width: 14px;
4876 height: 14px;
4877 font-size: 14px;
4878 }
4879
4880 .lp-install-sample__options {
4881 margin-bottom: 20px;
4882 padding: 0 20px;
4883 border: 1px solid #eee;
4884 border-radius: 4px;
4885 }
4886 .lp-install-sample__options legend {
4887 padding: 5px;
4888 font-weight: 500;
4889 }
4890 .lp-install-sample__buttons {
4891 display: flex;
4892 margin-top: 25px;
4893 align-items: center;
4894 justify-content: space-between;
4895 }
4896 .lp-install-sample__toggle-options {
4897 margin-right: auto;
4898 margin-left: 10px;
4899 }
4900 .lp-install-sample__uninstall {
4901 float: right;
4902 }
4903 .lp-install-sample__response {
4904 margin: 0;
4905 padding: 10px;
4906 border: 2px solid #059601;
4907 border-radius: 6px;
4908 }
4909 .lp-install-sample__response.fail {
4910 border-color: #d85554;
4911 }
4912
4913 .lp-update-db-modal {
4914 display: flex;
4915 position: fixed;
4916 z-index: 9999;
4917 top: 0;
4918 right: 0;
4919 left: 0;
4920 width: 100%;
4921 min-height: 100vh;
4922 text-align: center;
4923 align-items: center;
4924 justify-content: center;
4925 }
4926 .lp-update-db-modal__hidden {
4927 display: none !important;
4928 visibility: hidden;
4929 opacity: 0;
4930 pointer-events: none;
4931 }
4932 .lp-update-db-modal__overlay {
4933 position: absolute;
4934 z-index: 1;
4935 top: 0;
4936 right: 0;
4937 bottom: 0;
4938 left: 0;
4939 width: 100%;
4940 height: 100%;
4941 background-color: rgba(209, 213, 219, 0.8);
4942 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4943 transition-duration: 150ms;
4944 transition-property: opacity;
4945 }
4946 .lp-update-db-modal__content {
4947 display: inline-block;
4948 overflow: hidden;
4949 z-index: 2;
4950 width: 100%;
4951 max-width: 510px;
4952 border-radius: 8px;
4953 text-align: left;
4954 vertical-align: middle;
4955 }
4956 .lp-update-db-modal__content-header {
4957 padding: 24px 24px 16px 24px;
4958 background-color: #fff;
4959 }
4960 .lp-update-db-modal__content-start {
4961 display: flex;
4962 flex-direction: flex-start;
4963 }
4964 .lp-update-db-modal__content-icon {
4965 display: flex;
4966 width: 40px;
4967 height: 40px;
4968 margin-right: 0;
4969 margin-left: 0;
4970 border-radius: 999px;
4971 background-color: rgb(254, 226, 226);
4972 justify-content: center;
4973 align-items: center;
4974 flex: 0 0 auto;
4975 }
4976 .lp-update-db-modal__content-icon svg {
4977 width: 24px;
4978 height: 24px;
4979 color: rgb(220, 38, 38);
4980 }
4981 .lp-update-db-modal__content-icon svg:last-child {
4982 color: rgb(37, 141, 108);
4983 }
4984 .lp-update-db-modal__content-icon__success {
4985 display: none;
4986 }
4987 .lp-update-db-modal__content-text {
4988 margin-left: 18px;
4989 text-align: left;
4990 }
4991 .lp-update-db-modal__content-text h3 {
4992 margin: 0;
4993 font-weight: 500;
4994 }
4995 .lp-update-db-modal__content-text p {
4996 margin: 0;
4997 margin-top: 10px;
4998 color: #999;
4999 font-size: 0.875rem;
5000 font-weight: 400;
5001 }
5002 .lp-update-db-modal__content-footer {
5003 display: flex;
5004 flex-direction: row;
5005 padding: 10px 24px;
5006 background-color: rgb(249, 250, 251);
5007 justify-content: flex-end;
5008 align-items: center;
5009 }
5010 .lp-update-db-modal__content-footer a {
5011 padding: 8px 16px;
5012 border: 1px solid #e5e7eb;
5013 border-radius: 6px;
5014 color: rgb(55, 65, 81);
5015 font-size: 0.8125rem;
5016 font-weight: 500;
5017 text-decoration: none;
5018 }
5019 .lp-update-db-modal__content-footer a:last-child {
5020 margin-left: 10px;
5021 color: #fff;
5022 background-color: #0073aa;
5023 }
5024 .lp-update-db-modal__success .lp-update-db-modal__content-icon {
5025 background-color: rgb(222, 247, 236);
5026 }
5027 .lp-update-db-modal__success .lp-update-db-modal__content-icon__error {
5028 display: none;
5029 }
5030 .lp-update-db-modal__success .lp-update-db-modal__content-icon__success {
5031 display: block;
5032 }
5033
5034 #lp-tool-upgrade-db .wrapper-lp-upgrade-message, #lp-tool-upgrade-db .wrapper-terms-upgrade, #lp-tool-upgrade-db .wrapper-lp-loading {
5035 display: none;
5036 }
5037
5038 .terms-upgrade {
5039 max-width: 500px;
5040 margin: 0 auto;
5041 }
5042 .terms-upgrade .error {
5043 display: none;
5044 }
5045
5046 .lp-modal-footer .learn-press-notice {
5047 color: #ff6060;
5048 font-weight: 500;
5049 font-style: italic;
5050 }
5051
5052 .lp-modal-body .lp-skeleton-animation {
5053 width: 500px;
5054 margin: 0 20px;
5055 }
5056
5057 .tools-select__data {
5058 overflow: hidden;
5059 }
5060 .tools-select__data li {
5061 background-color: #fff;
5062 border: 1px solid #eee;
5063 color: #000;
5064 display: flex;
5065 flex-direction: row;
5066 align-items: center;
5067 flex: 0 0 auto;
5068 font-size: 0.875rem;
5069 line-height: 1.4em;
5070 font-weight: normal;
5071 padding: 10px;
5072 width: 100%;
5073 }
5074 .tools-select__data li input {
5075 margin: 0 10px 0 0;
5076 }
5077
5078 .progressbar__content {
5079 width: 100%;
5080 font-size: 0.875rem;
5081 font-weight: normal;
5082 line-height: 1.4em;
5083 background: #eee;
5084 padding: 10px 0;
5085 display: flex;
5086 flex-direction: column;
5087 align-items: center;
5088 justify-content: center;
5089 }
5090 .progressbar__content span {
5091 z-index: 9;
5092 }
5093
5094 .progressbar__container {
5095 position: relative;
5096 }
5097
5098 .progressbar__value {
5099 position: absolute;
5100 width: 0;
5101 height: 100%;
5102 left: 0;
5103 top: 0;
5104 background: #8A2BE2;
5105 }
5106
5107 .progressbar__item h4 {
5108 z-index: 9;
5109 margin: 0;
5110 }
5111
5112 .progressbar__item {
5113 width: 500px;
5114 border-bottom: 1px solid #fff;
5115 }
5116
5117 .progressbar__indexs {
5118 z-index: 9;
5119 }
5120
5121 .lp-tool__message {
5122 text-align: center;
5123 color: red;
5124 padding: 10px 0;
5125 display: none;
5126 }
5127
5128 .tools-prepare__message {
5129 background: #dba617;
5130 padding: 10px 0;
5131 text-align: center;
5132 display: none;
5133 }
5134
5135 /*** Admin notices ***/
5136 .lp-admin-notices {
5137 background: transparent;
5138 display: none;
5139 padding: 0;
5140 border: none;
5141 margin: 0 !important;
5142 }
5143 .lp-admin-notices .lp-admin-notice {
5144 position: relative;
5145 }
5146 .lp-admin-notices .lp-mes-beta-version {
5147 background: #4299e1;
5148 color: whitesmoke;
5149 }
5150 .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 {
5151 color: white;
5152 }
5153 .lp-admin-notices .lp-mes-beta-version .btn-lp-notice-dismiss::before {
5154 color: #fff0f6;
5155 }
5156
5157 .tab-lp-admin-notice {
5158 margin-left: 5px;
5159 width: 4px;
5160 height: 4px;
5161 background: #ff1919;
5162 display: inline-flex;
5163 border-radius: 999px;
5164 vertical-align: middle;
5165 }
5166
5167 /**
5168 * General style for admin editor.
5169 */
5170 .lp-admin-editor {
5171 position: relative;
5172 margin: 0;
5173 background-color: #fff;
5174 }
5175 .lp-admin-editor .heading,
5176 .lp-admin-editor .lp-box-data-content {
5177 padding: 0;
5178 }
5179
5180 #learn-press-admin-editor-metabox-settings {
5181 margin-top: 20px;
5182 }
5183
5184 /**
5185 * Course admin editor.
5186 */
5187 #course-editor .inside {
5188 margin: 0;
5189 padding: 0;
5190 }
5191
5192 #admin-editor-lp_course .lp-course-curriculum .heading {
5193 display: flex;
5194 flex-direction: row;
5195 flex-wrap: nowrap;
5196 position: relative;
5197 padding: 8px 20px;
5198 align-items: center;
5199 line-height: 1;
5200 }
5201 #admin-editor-lp_course .lp-course-curriculum .heading h4 {
5202 margin: 0;
5203 font-size: 1rem;
5204 }
5205 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections {
5206 display: flex;
5207 width: 40px;
5208 color: #999;
5209 font-family: Dashicons;
5210 font-size: 1.875rem;
5211 cursor: pointer;
5212 justify-content: center;
5213 align-items: center;
5214 }
5215 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.close::before {
5216 content: "\f140";
5217 }
5218 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.open::before {
5219 content: "\f142";
5220 }
5221 #admin-editor-lp_course .lp-course-curriculum .heading .status {
5222 visibility: hidden;
5223 position: relative;
5224 top: 5px;
5225 margin-left: 10px;
5226 font-family: Dashicons;
5227 font-size: 1.25rem;
5228 }
5229 #admin-editor-lp_course .lp-course-curriculum .heading .status::before {
5230 content: "\f463";
5231 }
5232 #admin-editor-lp_course .lp-course-curriculum .heading .status.loading {
5233 display: inline-block;
5234 visibility: visible;
5235 animation: rotation 2s infinite linear;
5236 }
5237 #admin-editor-lp_course .lp-course-curriculum .curriculum-sections {
5238 margin: 0;
5239 margin: 0 20px 20px 20px;
5240 border: 1px solid #ddd;
5241 }
5242 #admin-editor-lp_course .lp-course-curriculum .section {
5243 margin: 0;
5244 border-bottom: 1px solid #e5e5e5;
5245 opacity: 1;
5246 background: #fff;
5247 }
5248 #admin-editor-lp_course .lp-course-curriculum .section:first-child {
5249 border-top: 0;
5250 }
5251 #admin-editor-lp_course .lp-course-curriculum .section.new-section {
5252 margin-top: 1px;
5253 border: none;
5254 }
5255 #admin-editor-lp_course .lp-course-curriculum .section.new-section form {
5256 margin: 0;
5257 }
5258 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head {
5259 background-color: #f4fcff;
5260 }
5261 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable {
5262 position: relative;
5263 top: 1px;
5264 }
5265 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable::before {
5266 content: "\f132";
5267 }
5268 #admin-editor-lp_course .lp-course-curriculum .section.empty-section {
5269 position: relative;
5270 }
5271 #admin-editor-lp_course .lp-course-curriculum .section.empty-section::after {
5272 position: absolute;
5273 top: 0;
5274 right: 0;
5275 bottom: 0;
5276 left: 0;
5277 opacity: 0.5;
5278 background: #fff;
5279 content: "";
5280 }
5281 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-head .movable::before {
5282 display: inline-block;
5283 color: #a2a2a2;
5284 content: "\f463";
5285 animation: rotating4 2s linear infinite;
5286 }
5287 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-collapse {
5288 display: none;
5289 }
5290 #admin-editor-lp_course .lp-course-curriculum .section:hover .section-actions .remove {
5291 display: inline-block;
5292 }
5293 #admin-editor-lp_course .lp-course-curriculum .section input {
5294 background-color: transparent;
5295 box-shadow: none;
5296 }
5297 #admin-editor-lp_course .lp-course-curriculum .section input:focus {
5298 box-shadow: none;
5299 }
5300 #admin-editor-lp_course .lp-course-curriculum .section .section-head {
5301 display: flex;
5302 position: relative;
5303 height: 42px;
5304 margin: 0;
5305 padding: 0;
5306 background-color: #f4fcff;
5307 line-height: 2.5rem;
5308 transition: background 500ms ease-out;
5309 align-items: center;
5310 }
5311 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable,
5312 #admin-editor-lp_course .lp-course-curriculum .section .section-head .creatable {
5313 display: inline-block;
5314 width: 40px;
5315 margin: 0;
5316 color: #999;
5317 font-family: Dashicons;
5318 font-size: 1.25rem;
5319 text-align: center;
5320 vertical-align: middle;
5321 }
5322 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable {
5323 margin-right: -1px;
5324 cursor: url("../../images/openhand.cur") 7 5, default;
5325 }
5326 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable::before {
5327 content: "\f333";
5328 }
5329 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable:hover {
5330 color: #0085ba;
5331 }
5332 #admin-editor-lp_course .lp-course-curriculum .section .section-head .section-item-counts {
5333 line-height: 2.5rem;
5334 }
5335 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions {
5336 height: 100%;
5337 color: #444;
5338 }
5339 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions > * {
5340 display: inline-block;
5341 height: 100%;
5342 text-align: center;
5343 cursor: pointer;
5344 }
5345 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse:hover {
5346 color: #0085ba;
5347 }
5348 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse::before {
5349 display: inline-block;
5350 width: 40px;
5351 color: #999;
5352 font-family: Dashicons;
5353 font-size: 1rem;
5354 line-height: 2.5rem;
5355 }
5356 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.open::before {
5357 content: "\f343";
5358 }
5359 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.close::before {
5360 content: "\f347";
5361 }
5362 #admin-editor-lp_course .lp-course-curriculum .section .name {
5363 width: 100%;
5364 border: none;
5365 color: #777;
5366 font-size: 1.5rem;
5367 font-weight: 600;
5368 line-height: 3.125rem;
5369 }
5370 #admin-editor-lp_course .lp-course-curriculum .section .name:focus {
5371 color: #444;
5372 }
5373 #admin-editor-lp_course .lp-course-curriculum .section .section-collapse {
5374 overflow: hidden;
5375 }
5376 #admin-editor-lp_course .lp-course-curriculum .section .section-content {
5377 padding: 20px;
5378 border-top: 1px solid #e5e5e5;
5379 }
5380 #admin-editor-lp_course .lp-course-curriculum .section .details {
5381 margin-bottom: 20px;
5382 }
5383 #admin-editor-lp_course .lp-course-curriculum .section .title-input {
5384 padding-left: 0;
5385 border: none;
5386 font-size: 1.2em;
5387 line-height: 1.875rem;
5388 flex: 1;
5389 }
5390 #admin-editor-lp_course .lp-course-curriculum .section .description-input {
5391 width: 100%;
5392 margin: 0;
5393 padding: 0;
5394 border: none;
5395 color: #999;
5396 }
5397 #admin-editor-lp_course .lp-course-curriculum .section .description-input:focus {
5398 color: #444;
5399 }
5400 #admin-editor-lp_course .lp-course-curriculum .section-list-items {
5401 width: 100%;
5402 border-collapse: collapse;
5403 }
5404 #admin-editor-lp_course .lp-course-curriculum .section-list-items ul {
5405 position: relative;
5406 min-height: 5px;
5407 margin: 0;
5408 }
5409 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item {
5410 display: flex;
5411 position: relative;
5412 margin: 0;
5413 border: 1px solid #eee;
5414 border-bottom-width: 0;
5415 background: #fff;
5416 transition: background 200ms ease-out;
5417 justify-content: center;
5418 align-items: center;
5419 }
5420 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.ui-sortable-helper {
5421 border-bottom: 1px solid #eee;
5422 }
5423 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:nth-child(2n+1) {
5424 background-color: #f7f7f7;
5425 }
5426 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.updating::before {
5427 position: absolute;
5428 z-index: 2;
5429 top: 0;
5430 right: 0;
5431 bottom: 0;
5432 left: 0;
5433 content: "";
5434 }
5435 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.removing {
5436 background-color: #ffeded;
5437 }
5438 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag {
5439 height: 20px;
5440 padding-top: 3px;
5441 padding-left: 6px;
5442 cursor: url("../../images/openhand.cur") 7 5, default;
5443 fill: #999;
5444 flex: 0 0 18px;
5445 }
5446 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag:hover {
5447 fill: #0085ba;
5448 }
5449 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5450 display: flex;
5451 align-items: center;
5452 justify-content: center;
5453 }
5454 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title {
5455 margin-right: 120px;
5456 margin-left: 2px;
5457 flex-grow: 1;
5458 flex-basis: 100%;
5459 }
5460 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title input {
5461 color: inherit;
5462 }
5463 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5464 display: flex;
5465 position: absolute;
5466 top: 0;
5467 right: 2px;
5468 bottom: 0;
5469 align-items: center;
5470 justify-content: center;
5471 }
5472 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions {
5473 margin: 0;
5474 }
5475 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions > * {
5476 visibility: hidden;
5477 margin-right: 10px;
5478 }
5479 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .edit {
5480 text-decoration: none;
5481 }
5482 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .remove {
5483 color: #a00;
5484 }
5485 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .drag {
5486 visibility: visible;
5487 }
5488 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:not(.lp_lesson) .item-actions .actions .preview-item {
5489 display: none;
5490 }
5491 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item {
5492 display: flex;
5493 position: relative;
5494 border-bottom-width: 1px;
5495 transition: all 200ms ease-out;
5496 align-items: center;
5497 }
5498 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag {
5499 display: flex;
5500 width: 30px;
5501 color: #999;
5502 font-family: Dashicons;
5503 font-size: 1rem;
5504 vertical-align: middle;
5505 cursor: default;
5506 align-items: center;
5507 justify-content: center;
5508 }
5509 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag::before {
5510 content: "\f132";
5511 }
5512 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .title {
5513 display: inline-block;
5514 margin: 0;
5515 flex: 1;
5516 }
5517 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types {
5518 display: inline-block;
5519 }
5520 #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 {
5521 background-color: #fff;
5522 }
5523 #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 {
5524 display: inline-block;
5525 }
5526 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type {
5527 display: inline-block;
5528 padding: 8px 5px;
5529 color: #ccc;
5530 }
5531 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type input {
5532 display: none;
5533 }
5534 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.current {
5535 color: #0085ba;
5536 }
5537 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type::before {
5538 position: relative;
5539 top: 2px;
5540 font-family: Dashicons;
5541 font-size: 1.25rem;
5542 }
5543 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz {
5544 padding: 8px 6px 8px 0;
5545 }
5546 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz::before {
5547 content: "\f469";
5548 }
5549 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_lesson::before {
5550 content: "\f330";
5551 }
5552 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.empty-item::before {
5553 content: "\f463";
5554 }
5555 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5556 text-align: right;
5557 }
5558 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action {
5559 display: inline-block;
5560 position: relative;
5561 width: 30px;
5562 height: 30px;
5563 margin: 0;
5564 padding: 0;
5565 text-align: center;
5566 vertical-align: middle;
5567 cursor: pointer;
5568 }
5569 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a {
5570 width: 30px;
5571 height: 30px;
5572 color: #999;
5573 line-height: 1.875rem;
5574 }
5575 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a:hover {
5576 color: #0073aa;
5577 }
5578 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item > a:hover {
5579 color: #e74c3c;
5580 }
5581 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul {
5582 display: none;
5583 position: absolute;
5584 z-index: 9;
5585 top: 100%;
5586 right: 0;
5587 width: 165px;
5588 margin: 0;
5589 border: 1px solid #999;
5590 background: #fdfeff;
5591 text-align: center;
5592 }
5593 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li {
5594 margin: 0;
5595 border-bottom: 1px solid #eee;
5596 text-align: right;
5597 }
5598 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a {
5599 display: block;
5600 padding: 10px 25px;
5601 color: #757575;
5602 font-size: 0.75rem;
5603 text-decoration: none;
5604 }
5605 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a.delete-permanently {
5606 color: #e74c3c;
5607 }
5608 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li:hover {
5609 background: #eee;
5610 }
5611 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item:hover ul {
5612 display: block;
5613 }
5614 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .item-actions .actions > * {
5615 visibility: visible;
5616 cursor: pointer;
5617 }
5618 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_quiz .icon::before {
5619 content: "\f469";
5620 }
5621 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_lesson .icon::before {
5622 content: "\f330";
5623 }
5624 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item {
5625 position: relative;
5626 color: #a2a2a2;
5627 }
5628 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item::after {
5629 position: absolute;
5630 top: 0;
5631 right: 0;
5632 bottom: 0;
5633 left: 0;
5634 opacity: 0.5;
5635 background: #fff;
5636 content: "";
5637 }
5638 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .item-actions {
5639 display: none;
5640 }
5641 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .icon::before {
5642 color: #a2a2a2;
5643 content: "\f463";
5644 animation: rotating4 2s linear infinite;
5645 }
5646 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5647 color: #0085ba;
5648 font-size: 1.25rem;
5649 text-align: center;
5650 flex: 0 0 29px;
5651 }
5652 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon::before {
5653 font-family: Dashicons;
5654 }
5655 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item input {
5656 width: 100%;
5657 padding: 8px 10px 8px 0;
5658 border: none;
5659 color: inherit;
5660 font-size: 0.875rem;
5661 font-weight: 600;
5662 }
5663 #admin-editor-lp_course .lp-course-curriculum .section-actions {
5664 padding: 0 20px 20px 20px;
5665 }
5666 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove {
5667 display: none;
5668 float: right;
5669 height: 30px;
5670 border: 1px solid #eee;
5671 border-radius: 3px;
5672 color: #e74c3c;
5673 line-height: 1.875rem;
5674 cursor: pointer;
5675 }
5676 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .icon {
5677 padding: 0 18px;
5678 }
5679 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .confirm {
5680 display: none;
5681 padding: 0 18px;
5682 }
5683 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .confirm {
5684 display: inline-block;
5685 }
5686 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .icon {
5687 display: none;
5688 }
5689 #admin-editor-lp_course .lp-course-curriculum .ui-sortable-placeholder {
5690 display: block;
5691 visibility: visible !important;
5692 border-color: #bdf4fe !important;
5693 background: #bdf4fe !important;
5694 }
5695
5696 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating {
5697 top: 40px;
5698 left: 100px;
5699 opacity: 0.8;
5700 background: #a00;
5701 }
5702 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating::before {
5703 top: -7px;
5704 border: 7px solid transparent;
5705 border-top-width: 0;
5706 border-bottom-color: #a00;
5707 }
5708
5709 .section-item-counts {
5710 margin: 0;
5711 margin-left: auto;
5712 font-size: 0.75rem;
5713 white-space: nowrap;
5714 }
5715 .section-item-counts span {
5716 color: #999;
5717 }
5718
5719 #course-editor {
5720 margin-bottom: 10px;
5721 }
5722 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5723 display: none;
5724 }
5725 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5726 margin-left: 0;
5727 }
5728
5729 /**
5730 * Quiz admin editor.
5731 */
5732 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5733 display: none;
5734 }
5735 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5736 margin-left: 0;
5737 }
5738
5739 #quiz-editor .inside {
5740 margin: 0;
5741 padding: 0;
5742 }
5743
5744 #admin-editor-lp_quiz {
5745 margin: 0;
5746 padding: 0;
5747 border: none;
5748 }
5749 #admin-editor-lp_quiz form {
5750 margin: 0;
5751 }
5752 #admin-editor-lp_quiz .lp-box-data-head {
5753 display: flex;
5754 flex-direction: row;
5755 margin: 0;
5756 padding: 6px 20px;
5757 align-items: center;
5758 }
5759 #admin-editor-lp_quiz .lp-box-data-head h3 {
5760 padding: 0;
5761 }
5762 #admin-editor-lp_quiz .lp-box-data-head .status {
5763 visibility: hidden;
5764 position: relative;
5765 top: 5px;
5766 margin-left: 10px;
5767 font-family: Dashicons;
5768 font-size: 1.25rem;
5769 }
5770 #admin-editor-lp_quiz .lp-box-data-head .status::before {
5771 content: "\f463";
5772 }
5773 #admin-editor-lp_quiz .lp-box-data-head .status.loading {
5774 display: inline-block;
5775 visibility: visible;
5776 animation: rotation 2s infinite linear;
5777 }
5778 #admin-editor-lp_quiz .lp-box-data-head .collapse-list-questions {
5779 display: flex;
5780 width: 40px;
5781 height: 30px;
5782 color: #999;
5783 font-family: Dashicons;
5784 font-size: 1.875rem;
5785 cursor: pointer;
5786 justify-content: center;
5787 align-items: center;
5788 }
5789 #admin-editor-lp_quiz .lp-box-data-content {
5790 margin: 20px;
5791 margin-top: 0;
5792 border: 1px solid #ddd;
5793 }
5794 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions {
5795 border-collapse: collapse;
5796 color: #777;
5797 }
5798 @media (max-width: 1560px) {
5799 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .fill_in_blanks .question-settings {
5800 flex-direction: column;
5801 }
5802 }
5803 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row {
5804 display: flex;
5805 flex-direction: row;
5806 text-align: center;
5807 align-items: center;
5808 }
5809 @media (max-width: 1024px) {
5810 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row.question-settings {
5811 flex-direction: column;
5812 }
5813 }
5814 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > * {
5815 width: 100%;
5816 padding: 12px 8px;
5817 }
5818 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort {
5819 position: relative;
5820 color: #999;
5821 cursor: url("../../images/openhand.cur") 7 5, default;
5822 flex: 0 0 15px;
5823 }
5824 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort .svg-icon {
5825 height: 18px;
5826 margin-top: -2px;
5827 vertical-align: middle;
5828 fill: #999;
5829 }
5830 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort:hover {
5831 fill: #0085ba;
5832 }
5833 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order {
5834 padding: 12px 0;
5835 color: #32373c;
5836 font-size: 1.2em;
5837 text-align: left;
5838 flex: 0 0 25px;
5839 }
5840 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order::after {
5841 content: ".";
5842 }
5843 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type {
5844 display: inline-flex;
5845 position: relative;
5846 width: 125px;
5847 height: 32px;
5848 padding: 0;
5849 border-radius: 2px;
5850 background-color: #eee;
5851 box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
5852 line-height: 2rem;
5853 cursor: pointer;
5854 flex: 0 0 auto;
5855 align-items: center;
5856 }
5857 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a {
5858 display: inline-flex;
5859 width: 100%;
5860 padding: 0 10px;
5861 color: #666;
5862 text-align: center;
5863 cursor: pointer;
5864 align-items: center;
5865 justify-content: center;
5866 }
5867 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a::after {
5868 margin-left: 5px;
5869 font-family: Dashicons;
5870 font-size: 0.875rem;
5871 line-height: 1.875rem;
5872 content: "\f347";
5873 }
5874 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul {
5875 visibility: hidden;
5876 position: absolute;
5877 z-index: 9999;
5878 top: 100%;
5879 right: 0;
5880 height: auto;
5881 margin: 0;
5882 margin-top: -1px;
5883 border: 1px solid #999;
5884 border-radius: 2px;
5885 opacity: 1;
5886 background: #fdfeff;
5887 pointer-events: none;
5888 }
5889 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li {
5890 margin: 0;
5891 }
5892 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a {
5893 display: block;
5894 min-width: 110px;
5895 padding: 10px 20px;
5896 color: #757575;
5897 line-height: 1.25rem;
5898 text-align: right;
5899 white-space: nowrap;
5900 text-decoration: none;
5901 }
5902 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a:hover {
5903 background-color: #eee;
5904 }
5905 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li.disabled {
5906 opacity: 0.4;
5907 background-color: #fff;
5908 user-select: none;
5909 pointer-events: none;
5910 }
5911 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type:hover ul {
5912 visibility: visible;
5913 opacity: 1;
5914 pointer-events: visible;
5915 }
5916 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .actions {
5917 width: 300px;
5918 }
5919 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .name {
5920 padding-left: 5px;
5921 }
5922 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row:hover > .sort {
5923 visibility: visible;
5924 }
5925 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row .actions .lp-box-data-actions {
5926 text-align: right !important;
5927 }
5928 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header {
5929 display: none;
5930 border-bottom: 1px solid #ddd;
5931 }
5932 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > * {
5933 font-weight: bold;
5934 }
5935 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .order::after {
5936 content: "";
5937 }
5938 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .actions {
5939 padding: 12px 0;
5940 }
5941 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-actions .name input {
5942 width: 100%;
5943 padding: 0;
5944 border: none;
5945 color: #777;
5946 background: transparent;
5947 box-shadow: none;
5948 font-size: 0.875rem;
5949 font-weight: normal;
5950 }
5951 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings {
5952 padding: 0 20px;
5953 border: 1px solid #ddd;
5954 border-right: none;
5955 border-left: none;
5956 }
5957 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings > * {
5958 padding: 20px 20px 20px 0;
5959 }
5960 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options {
5961 border: 1px solid #ddd;
5962 }
5963 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .sort {
5964 width: 12px;
5965 padding: 8px 6px;
5966 }
5967 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-text {
5968 width: calc(100% - 100px);
5969 padding-left: 0;
5970 color: #444;
5971 font-weight: 600;
5972 }
5973 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .order {
5974 width: 10px;
5975 padding: 0;
5976 text-align: right;
5977 }
5978 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-correct {
5979 width: 65px;
5980 color: #444;
5981 font-weight: 600;
5982 text-align: center;
5983 }
5984 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .actions {
5985 padding: 0;
5986 text-align: right;
5987 }
5988 #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 {
5989 height: 42px;
5990 }
5991 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr {
5992 border: 1px solid #ddd;
5993 background: #f4fcff;
5994 }
5995 #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) {
5996 background: #fff;
5997 }
5998 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td {
5999 position: static;
6000 padding: 0 10px;
6001 border: none;
6002 background: inherit;
6003 }
6004 #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 {
6005 width: 12px;
6006 cursor: url("../../images/openhand.cur") 7 5, default;
6007 }
6008 #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 {
6009 padding-left: 0;
6010 }
6011 #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 {
6012 text-align: center;
6013 }
6014 #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 {
6015 height: 18px;
6016 vertical-align: middle;
6017 fill: #999;
6018 }
6019 #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 {
6020 visibility: visible;
6021 }
6022 #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 {
6023 fill: #0085ba;
6024 }
6025 #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 {
6026 visibility: visible !important;
6027 }
6028 #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 {
6029 height: 43px;
6030 background: #bdf4fe !important;
6031 }
6032 #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 {
6033 border-right: none;
6034 border-left: none;
6035 }
6036 #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 {
6037 border-bottom: 1px solid #ddd;
6038 }
6039 #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 {
6040 border-left: 0;
6041 }
6042 #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 {
6043 display: none;
6044 }
6045 #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 {
6046 display: inline-block;
6047 position: absolute;
6048 top: 12px;
6049 left: 4px;
6050 font-family: Dashicons;
6051 font-size: 1.125rem;
6052 content: "\f463";
6053 animation: rotating4 2s linear infinite;
6054 }
6055 #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 {
6056 position: relative;
6057 }
6058 #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 {
6059 position: absolute;
6060 top: 0;
6061 right: 1px;
6062 bottom: 0;
6063 left: 0;
6064 opacity: 0.5;
6065 background: #fff;
6066 content: "";
6067 }
6068 #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 {
6069 width: 100%;
6070 padding: 0;
6071 border: none;
6072 color: #777;
6073 background: transparent;
6074 box-shadow: none;
6075 font-size: 0.875rem;
6076 font-weight: normal;
6077 }
6078 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item {
6079 border-bottom: 1px solid #ddd;
6080 background: #f4fcff;
6081 line-height: 1.125rem;
6082 /*&:nth-child(2n+1) {
6083 background: #f4fcff;
6084 }*/
6085 }
6086 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-helper {
6087 border-top: 1px solid #f1f1f1;
6088 }
6089 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-placeholder {
6090 display: block;
6091 visibility: visible !important;
6092 border-color: #bdf4fe !important;
6093 background: #bdf4fe !important;
6094 }
6095 #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 {
6096 position: relative;
6097 }
6098 #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 {
6099 visibility: visible;
6100 }
6101 #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 {
6102 display: none;
6103 }
6104 #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 {
6105 display: inline-block;
6106 position: absolute;
6107 left: 5px;
6108 font-family: Dashicons;
6109 font-size: 1.25rem;
6110 content: "\f463";
6111 animation: rotating4 2s linear infinite;
6112 }
6113 #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 {
6114 position: absolute;
6115 top: 0;
6116 right: 0;
6117 bottom: 0;
6118 left: 0;
6119 opacity: 0.5;
6120 background: #fff;
6121 content: "";
6122 }
6123 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-settings {
6124 display: none;
6125 }
6126 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .cell {
6127 padding: 10px;
6128 }
6129 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .name input {
6130 width: 100%;
6131 padding: 0;
6132 border: none;
6133 color: #32373c;
6134 background: transparent;
6135 box-shadow: none;
6136 font-size: 1.2em;
6137 font-weight: normal;
6138 line-height: 1.125rem;
6139 }
6140 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions {
6141 margin: 0;
6142 padding: 0;
6143 }
6144 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons {
6145 display: grid;
6146 position: static;
6147 z-index: 10;
6148 height: 100%;
6149 text-align: right;
6150 grid-template-columns: 30px 30px 30px 40px;
6151 align-items: center;
6152 justify-content: end;
6153 }
6154 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons > div a {
6155 visibility: hidden;
6156 }
6157 #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 {
6158 position: absolute;
6159 z-index: 2;
6160 top: 50%;
6161 left: 50%;
6162 width: 28px;
6163 height: 30px;
6164 margin-top: -15px;
6165 margin-left: -15px;
6166 line-height: 1.875rem;
6167 text-align: center;
6168 }
6169 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn ul {
6170 z-index: 9;
6171 }
6172 #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 {
6173 padding: 8px 24px;
6174 line-height: 1.5rem;
6175 }
6176 #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 {
6177 border-bottom: 1px solid #eee;
6178 color: #666;
6179 }
6180 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-btn-toggle {
6181 width: 40px;
6182 height: 42px;
6183 padding-right: 0;
6184 font-family: Dashicons;
6185 font-size: 1.25rem;
6186 line-height: 2.625rem;
6187 }
6188 #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 {
6189 content: "\f343";
6190 }
6191 #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 {
6192 content: "\f347";
6193 }
6194 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions:hover .lp-toolbar-buttons > div a {
6195 visibility: visible;
6196 }
6197 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings {
6198 background: #fff;
6199 }
6200 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options {
6201 padding-right: 0;
6202 padding-left: 0;
6203 text-align: left;
6204 }
6205 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside {
6206 margin: 0;
6207 padding: 0;
6208 }
6209 #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 {
6210 margin: 0;
6211 padding: 20px;
6212 }
6213 #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) {
6214 background: #f4fcff;
6215 }
6216 #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 {
6217 margin: 0;
6218 margin-bottom: 10px;
6219 color: #666;
6220 font-weight: 600;
6221 }
6222 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox {
6223 border: 1px solid #ddd;
6224 }
6225 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .hndle {
6226 font-weight: 600;
6227 cursor: default;
6228 }
6229 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle {
6230 float: right;
6231 position: absolute;
6232 top: 0;
6233 right: 0;
6234 width: 36px;
6235 height: 36px;
6236 line-height: 2.25rem;
6237 text-align: center;
6238 cursor: pointer;
6239 }
6240 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle::after {
6241 font-family: Dashicons;
6242 font-size: 1.125rem;
6243 content: "\f460";
6244 }
6245 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .quiz-question-options {
6246 width: 38px;
6247 }
6248 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox {
6249 min-width: 34px;
6250 height: 34px;
6251 line-height: 2.625rem;
6252 text-align: center;
6253 }
6254 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .hndle {
6255 display: none;
6256 }
6257 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .toggle::after {
6258 content: "\f132";
6259 }
6260 #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 {
6261 display: none !important;
6262 }
6263 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer {
6264 margin-top: -1px;
6265 border-top: 1px solid #ddd;
6266 background: #f4fcff;
6267 }
6268 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row {
6269 height: auto;
6270 text-align: left;
6271 }
6272 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle {
6273 display: flex;
6274 width: 30px;
6275 padding: 8px 6px 8px 10px;
6276 color: #999;
6277 font-family: Dashicons;
6278 font-size: 1.25rem;
6279 vertical-align: middle;
6280 align-items: center;
6281 justify-content: center;
6282 }
6283 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle::before {
6284 content: "\f132";
6285 }
6286 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .order {
6287 padding: 8px 0;
6288 line-height: 1.75rem;
6289 text-align: left;
6290 }
6291 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question {
6292 padding: 8px 10px 8px 5px;
6293 }
6294 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title {
6295 display: inline-block;
6296 position: relative;
6297 min-width: 500px;
6298 }
6299 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input {
6300 width: 100%;
6301 margin: 0;
6302 padding: 6px 0;
6303 border: 0;
6304 background: transparent;
6305 font-size: 1.2em;
6306 line-height: 1.125rem;
6307 box-shadow: none;
6308 }
6309 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6310 box-shadow: none;
6311 }
6312 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6313 color: #32373c;
6314 }
6315 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input::placeholder {
6316 display: inline-block;
6317 }
6318 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new {
6319 display: inline;
6320 position: relative;
6321 }
6322 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types {
6323 display: none;
6324 position: absolute;
6325 z-index: 9999999;
6326 top: 100%;
6327 right: -2px;
6328 width: 200px;
6329 margin: 6px;
6330 border: 1px solid #999;
6331 background-color: #fff;
6332 }
6333 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li {
6334 margin: 0;
6335 }
6336 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li a {
6337 display: block;
6338 padding: 12px 20px;
6339 outline: none;
6340 color: #757575;
6341 box-shadow: none;
6342 line-height: 1;
6343 text-decoration: none;
6344 }
6345 #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 {
6346 background: #eee;
6347 }
6348 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li.disabled {
6349 opacity: 0.5;
6350 background-color: #eee;
6351 user-select: none;
6352 pointer-events: none;
6353 }
6354 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button:hover + .question-types {
6355 display: block;
6356 }
6357 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button + .question-types:hover {
6358 display: block;
6359 }
6360 #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 {
6361 display: none;
6362 }
6363 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .select-item {
6364 display: inline;
6365 }
6366 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question button {
6367 height: 30px;
6368 box-shadow: 0 1px 0 #ccc !important;
6369 }
6370 #admin-editor-lp_quiz .lp-box-data-content .question-button-actions {
6371 text-align: left;
6372 }
6373
6374 /**.section-item-counts span
6375 * Question admin editor.
6376 */
6377 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-label {
6378 display: none;
6379 }
6380 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-input {
6381 margin-left: 0;
6382 }
6383
6384 #question-editor .inside {
6385 margin: 0;
6386 padding: 0;
6387 }
6388
6389 #admin-editor-lp_question {
6390 margin: 0;
6391 padding: 0;
6392 border: none;
6393 background: #fff;
6394 }
6395 #admin-editor-lp_question form {
6396 margin: 0;
6397 }
6398 #admin-editor-lp_question .lp-box-data-head {
6399 display: flex;
6400 flex-direction: row;
6401 padding: 10px 20px;
6402 align-items: center;
6403 }
6404 #admin-editor-lp_question .lp-box-data-head .heading {
6405 margin: 0;
6406 padding: 0;
6407 flex: 1;
6408 }
6409 #admin-editor-lp_question .lp-box-data-head .lp-question-editor {
6410 position: relative;
6411 margin-left: auto;
6412 border-left: 0;
6413 border-top-left-radius: 0;
6414 border-bottom-left-radius: 0;
6415 }
6416 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a {
6417 display: inline-flex;
6418 height: 32px;
6419 padding: 0 16px;
6420 border: 1px solid #999;
6421 border-radius: 2px;
6422 color: #666;
6423 line-height: 2rem;
6424 text-decoration: none;
6425 align-items: center;
6426 cursor: pointer;
6427 user-select: none;
6428 }
6429 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a::after {
6430 margin-left: 5px;
6431 font-family: Dashicons;
6432 font-size: 0.875rem;
6433 line-height: 1.875rem;
6434 content: "\f347";
6435 }
6436 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul {
6437 display: none;
6438 position: absolute;
6439 z-index: 9999;
6440 top: 100%;
6441 right: 0;
6442 height: auto;
6443 margin: 0;
6444 margin-top: -1px;
6445 border: 1px solid #999;
6446 border-radius: 2px;
6447 background: #fdfeff;
6448 }
6449 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li {
6450 margin: 0;
6451 }
6452 #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 {
6453 background: #eee;
6454 }
6455 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li a {
6456 display: block;
6457 min-width: 110px;
6458 padding: 10px;
6459 color: #757575;
6460 font-size: 0.75rem;
6461 text-align: right;
6462 white-space: nowrap;
6463 text-decoration: none;
6464 }
6465 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled {
6466 opacity: 0.4;
6467 }
6468 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled a {
6469 color: #999;
6470 cursor: not-allowed;
6471 pointer-events: none;
6472 }
6473 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul:hover {
6474 display: block;
6475 }
6476 #admin-editor-lp_question .lp-box-data-head .lp-question-editor:hover .question-types ul {
6477 display: block;
6478 }
6479 #admin-editor-lp_question .lp-box-data-content {
6480 padding: 0 20px 20px 20px;
6481 border: none !important;
6482 }
6483 #admin-editor-lp_question .lp-box-data-content table.list-question-answers {
6484 width: 100%;
6485 border: 1px solid #ddd;
6486 }
6487 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tr td {
6488 padding: 0 15px;
6489 }
6490 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th {
6491 padding: 15px;
6492 border-bottom: 1px solid #ddd;
6493 background-color: #eee;
6494 font-weight: 600;
6495 }
6496 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th.answer-text {
6497 padding-left: 10px;
6498 }
6499 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort,
6500 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order,
6501 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6502 width: 10px;
6503 }
6504 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort {
6505 padding: 0 10px;
6506 }
6507 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order {
6508 width: 10px;
6509 padding: 0;
6510 text-align: right;
6511 }
6512 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-correct {
6513 width: 65px;
6514 text-align: center;
6515 }
6516 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-text {
6517 padding-left: 8px;
6518 }
6519 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6520 padding-right: 0;
6521 text-align: right;
6522 }
6523 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr {
6524 color: #444;
6525 background: #fff;
6526 }
6527 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:nth-child(2n) {
6528 background: #fff;
6529 }
6530 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td {
6531 background-color: #fff;
6532 }
6533 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort {
6534 width: 15px;
6535 padding: 0;
6536 font-size: 1.125rem;
6537 text-align: center;
6538 cursor: url("../../images/openhand.cur") 7 5, default;
6539 }
6540 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort .svg-icon {
6541 height: 18px;
6542 margin-top: -2px;
6543 vertical-align: middle;
6544 fill: #999;
6545 }
6546 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort:hover .svg-icon {
6547 fill: #0085ba;
6548 }
6549 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.order {
6550 font-size: 0.875rem;
6551 }
6552 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.answer-text input {
6553 width: 100%;
6554 padding: 0;
6555 border: none;
6556 color: #444;
6557 background: transparent;
6558 box-shadow: none;
6559 font-size: 0.875rem;
6560 font-weight: 600;
6561 transition: box-shadow 0.2s ease;
6562 }
6563 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.lp-toolbar-buttons {
6564 z-index: auto;
6565 }
6566 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:hover td.actions .remove-answer {
6567 visibility: visible;
6568 height: 42px;
6569 }
6570 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder {
6571 visibility: visible !important;
6572 }
6573 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder td {
6574 height: 43px;
6575 background: #bdf4fe !important;
6576 }
6577 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td {
6578 border-bottom: 1px solid #ddd;
6579 }
6580 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td.sort {
6581 border-left: 0;
6582 }
6583 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .svg-icon {
6584 display: none;
6585 }
6586 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td {
6587 position: relative;
6588 }
6589 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .sort::before {
6590 display: inline-block;
6591 position: absolute;
6592 top: 8px;
6593 left: 10px;
6594 font-family: "Dashicons";
6595 content: "\f463";
6596 animation: rotating4 2s linear infinite;
6597 }
6598 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td::after {
6599 position: absolute;
6600 top: 0;
6601 right: 0;
6602 bottom: 0;
6603 left: 0;
6604 opacity: 0.5;
6605 background: #fff;
6606 content: "";
6607 }
6608 #admin-editor-lp_question .lp-box-data-content .add-answer {
6609 margin: 15px 0 0 0;
6610 }
6611 #admin-editor-lp_question.sorting_choice table.list-question-answers .answer-correct {
6612 display: none !important;
6613 }
6614
6615 .lp-admin-fib-question-editor,
6616 .admin-quiz-fib-question-editor {
6617 text-align: left;
6618 }
6619 .lp-admin-fib-question-editor .lp-box-data-content,
6620 .admin-quiz-fib-question-editor .lp-box-data-content {
6621 margin: 0 !important;
6622 border: none !important;
6623 }
6624 .lp-admin-fib-question-editor .content-editable,
6625 .admin-quiz-fib-question-editor .content-editable {
6626 min-height: 240px !important;
6627 padding: 12px 15px;
6628 border: 2px solid #ddd;
6629 border-radius: 4px;
6630 }
6631 .lp-admin-fib-question-editor .content-editable .fib-blank,
6632 .admin-quiz-fib-question-editor .content-editable .fib-blank {
6633 position: relative;
6634 color: #2196f3;
6635 }
6636 .lp-admin-fib-question-editor .content-editable .fib-blank::before,
6637 .admin-quiz-fib-question-editor .content-editable .fib-blank::before {
6638 content: "#" attr(data-index) ". ";
6639 }
6640 .lp-admin-fib-question-editor .fib-blanks,
6641 .admin-quiz-fib-question-editor .fib-blanks {
6642 min-width: 700px;
6643 border-collapse: collapse;
6644 }
6645 @media (max-width: 1024px) {
6646 .lp-admin-fib-question-editor .fib-blanks,
6647 .admin-quiz-fib-question-editor .fib-blanks {
6648 width: 100%;
6649 min-width: 100%;
6650 }
6651 }
6652 .lp-admin-fib-question-editor .fib-blanks tbody,
6653 .admin-quiz-fib-question-editor .fib-blanks tbody {
6654 border-bottom: 1px solid #bbb;
6655 }
6656 .lp-admin-fib-question-editor .fib-blanks tbody tr,
6657 .admin-quiz-fib-question-editor .fib-blanks tbody tr {
6658 background: #eee;
6659 }
6660 .lp-admin-fib-question-editor .fib-blanks tbody tr td,
6661 .admin-quiz-fib-question-editor .fib-blanks tbody tr td {
6662 padding: 5px;
6663 }
6664 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options td,
6665 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options td {
6666 padding: 0;
6667 }
6668 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options ul,
6669 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options ul {
6670 display: none;
6671 margin: 5px 0;
6672 padding: 20px;
6673 border: 1px solid #ddd;
6674 background: #fff;
6675 list-style: none;
6676 }
6677 .lp-admin-fib-question-editor .fib-blanks tbody.open .blank-options ul,
6678 .admin-quiz-fib-question-editor .fib-blanks tbody.open .blank-options ul {
6679 display: block;
6680 }
6681 .lp-admin-fib-question-editor .fib-blanks tbody .blank-position,
6682 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-position {
6683 font-weight: 600;
6684 text-align: center;
6685 }
6686 .lp-admin-fib-question-editor .fib-blanks tbody .blank-actions,
6687 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-actions {
6688 text-align: right;
6689 }
6690 .lp-admin-fib-question-editor .fib-blanks tbody:last-child,
6691 .admin-quiz-fib-question-editor .fib-blanks tbody:last-child {
6692 border: none;
6693 }
6694
6695 #fill-in-blanks-editor {
6696 display: flex;
6697 }
6698 #fill-in-blanks-editor .blank-options {
6699 flex: 0 0 65%;
6700 }
6701 #fill-in-blanks-editor .blanks {
6702 width: 100%;
6703 margin: 0;
6704 }
6705 #fill-in-blanks-editor .blanks .blank {
6706 margin: 0 0 20px 0;
6707 padding: 20px;
6708 border: 1px solid #d9e0f1;
6709 background: #fbfcff;
6710 }
6711 #fill-in-blanks-editor .blanks .blank label {
6712 font-weight: bold;
6713 }
6714 #fill-in-blanks-editor .blanks .blank .blank-content {
6715 width: 100%;
6716 min-height: 74px;
6717 font-size: 1rem;
6718 }
6719 #fill-in-blanks-editor .blanks .blank .blank-words .word {
6720 background: #ddd;
6721 line-height: 1;
6722 border-radius: 4px;
6723 }
6724 #fill-in-blanks-editor .blanks .blank .blank-words .word.correct {
6725 background: #00a1e6;
6726 }
6727 #fill-in-blanks-editor .blanks .blank .blank-tip p {
6728 font-style: italic;
6729 }
6730 #fill-in-blanks-editor .blanks .blank .button-remove {
6731 color: #f00;
6732 }
6733 #fill-in-blanks-editor .passage-preview {
6734 margin-left: 20px;
6735 padding: 15px 20px;
6736 border: 1px solid #ddd;
6737 font-size: 1rem;
6738 line-height: 1.5rem;
6739 text-align: justify;
6740 flex: 1;
6741 }
6742 #fill-in-blanks-editor .passage-preview .blank-input {
6743 /* line-height: 11px; */
6744 display: inline-block;
6745 position: relative;
6746 width: 50px;
6747 height: 16px;
6748 margin: -2px 10px;
6749 padding: 0;
6750 border: none;
6751 border-bottom: 1px dashed #ddd;
6752 background: transparent;
6753 box-shadow: none;
6754 font-size: 1rem;
6755 vertical-align: middle;
6756 }
6757 #fill-in-blanks-editor .blanks-list {
6758 width: 100%;
6759 }
6760 #fill-in-blanks-editor .blanks-list textarea {
6761 width: 100%;
6762 min-height: 300px;
6763 margin-bottom: 20px;
6764 outline: none;
6765 background: #f9f9f9;
6766 box-shadow: none;
6767 font-size: 1.125rem;
6768 line-height: 1.875rem;
6769 }
6770 #fill-in-blanks-editor .blanks-list code {
6771 line-height: 1;
6772 border-radius: 4px;
6773 }
6774 #fill-in-blanks-editor .blanks-list code.correct {
6775 background: #00a1e6;
6776 }
6777
6778 /**
6779 * Modal choose items.
6780 */
6781 #lp-modal-choose-items {
6782 display: none;
6783 position: fixed;
6784 z-index: -1;
6785 top: 0;
6786 right: 0;
6787 bottom: 0;
6788 left: 0;
6789 opacity: 0;
6790 background-color: rgba(0, 0, 0, 0.5);
6791 }
6792 #lp-modal-choose-items.show {
6793 display: block;
6794 z-index: 99999999;
6795 opacity: 1;
6796 }
6797 #lp-modal-choose-items.loading .lp-choose-items ul.list-items::before {
6798 display: block;
6799 position: absolute;
6800 z-index: 9;
6801 top: 0;
6802 right: 0;
6803 bottom: 0;
6804 left: 0;
6805 background: url("../../images/spinner.gif") no-repeat center center;
6806 background-color: #fff;
6807 content: "";
6808 }
6809 #lp-modal-choose-items .lp-choose-items {
6810 position: relative;
6811 max-width: 800px;
6812 margin: 5% auto 10% 20%;
6813 border: 1px solid #ddd;
6814 background-color: #fff;
6815 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
6816 transition: all 200ms ease-out;
6817 }
6818 #lp-modal-choose-items .lp-choose-items.show-preview .header .preview-title {
6819 display: flex;
6820 align-items: center;
6821 }
6822 #lp-modal-choose-items .lp-choose-items .header {
6823 position: relative;
6824 }
6825 #lp-modal-choose-items .lp-choose-items .header .preview-title {
6826 display: none;
6827 position: absolute;
6828 z-index: 10;
6829 top: 0;
6830 right: 0;
6831 bottom: 0;
6832 left: 0;
6833 padding-left: 20px;
6834 border-bottom: 1px solid #ddd;
6835 background-color: #fff;
6836 font-weight: 600;
6837 }
6838 #lp-modal-choose-items .lp-choose-items .header .preview-title h3 {
6839 margin: 0;
6840 }
6841 #lp-modal-choose-items .lp-choose-items .header .tabs {
6842 margin: 0;
6843 border-bottom: 1px solid #ddd;
6844 }
6845 #lp-modal-choose-items .lp-choose-items .header .tabs .tab {
6846 display: inline-block;
6847 position: relative;
6848 margin: 0;
6849 }
6850 #lp-modal-choose-items .lp-choose-items .header .tabs .tab:not(:last-child)::before {
6851 position: absolute;
6852 top: 50%;
6853 right: 0;
6854 height: 44px;
6855 margin-top: -22px;
6856 border-right: 1px solid #ddd;
6857 content: "";
6858 }
6859 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active::after {
6860 display: inline-block;
6861 position: absolute;
6862 bottom: -6px;
6863 left: 50%;
6864 width: 10px;
6865 height: 10px;
6866 margin-left: -6px;
6867 border: 1px solid #ddd;
6868 border-right: 0;
6869 border-bottom: 0;
6870 background: #fff;
6871 content: "";
6872 transform: rotate(45deg);
6873 }
6874 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active a {
6875 color: #0073aa;
6876 }
6877 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a {
6878 display: inline-block;
6879 height: 44px;
6880 padding: 0 20px;
6881 color: #333;
6882 font-weight: 600;
6883 line-height: 2.75rem;
6884 text-decoration: none;
6885 }
6886 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a:focus {
6887 box-shadow: none;
6888 }
6889 #lp-modal-choose-items .lp-choose-items .header .close {
6890 display: inline-block;
6891 position: absolute;
6892 z-index: 30;
6893 top: 0;
6894 right: 0;
6895 padding: 12px;
6896 font-size: 1em;
6897 cursor: pointer;
6898 }
6899 #lp-modal-choose-items .lp-choose-items .main {
6900 overflow: hidden;
6901 position: relative;
6902 padding: 20px;
6903 border-bottom: 1px solid #ddd;
6904 }
6905 #lp-modal-choose-items .lp-choose-items .main .section-item {
6906 display: block;
6907 overflow: hidden;
6908 max-width: 100%;
6909 white-space: nowrap;
6910 text-overflow: ellipsis;
6911 cursor: pointer;
6912 transition: color 200ms ease-out;
6913 }
6914 #lp-modal-choose-items .lp-choose-items .main .section-item::before {
6915 position: relative;
6916 top: 3px;
6917 font-family: Dashicons;
6918 }
6919 #lp-modal-choose-items .lp-choose-items .main .search {
6920 margin-bottom: 20px;
6921 background: transparent;
6922 }
6923 #lp-modal-choose-items .lp-choose-items .main .search input.modal-search-input {
6924 width: 100%;
6925 height: 36px;
6926 padding: 0 14px;
6927 font-size: 1rem;
6928 line-height: 2.25rem;
6929 }
6930 #lp-modal-choose-items .lp-choose-items .main .list-items {
6931 overflow-y: auto;
6932 position: relative;
6933 min-height: 260px;
6934 max-height: 460px;
6935 margin: 0;
6936 }
6937 #lp-modal-choose-items .lp-choose-items .main .list-items li {
6938 margin: 15px 0;
6939 cursor: pointer;
6940 }
6941 #lp-modal-choose-items .lp-choose-items .main .pagination .index {
6942 margin-left: 20px;
6943 line-height: 1.75rem;
6944 }
6945 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview {
6946 overflow: auto;
6947 position: absolute;
6948 z-index: 2;
6949 top: 0;
6950 right: 0;
6951 bottom: 0;
6952 left: 0;
6953 max-height: 420px;
6954 padding: 20px;
6955 background-color: #fff;
6956 transform: translate(100%, 0);
6957 }
6958 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview.show {
6959 transform: translate(0, 0);
6960 }
6961 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li {
6962 margin: 15px 0;
6963 }
6964 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li:first-child {
6965 margin: -10px 0 15px 0;
6966 }
6967 #lp-modal-choose-items .lp-choose-items .footer {
6968 padding: 20px;
6969 }
6970
6971 body.lp-item-moving {
6972 cursor: url("../../images/closedhand.cur") 7 5, default !important;
6973 }
6974
6975 @media screen and (max-width: 900px) {
6976 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row {
6977 display: block;
6978 width: auto;
6979 text-align: left;
6980 }
6981 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row > * {
6982 width: auto;
6983 }
6984 }
6985 /**
6986 * Style for the popup select item to add in LearnPress
6987 */
6988 .lp-select-items-popup {
6989 padding: 0 !important;
6990 grid-row: 1 !important;
6991 --swal2-close-button-font-size: 32px;
6992 }
6993 .lp-select-items-html-container {
6994 padding: 0 !important;
6995 }
6996
6997 .lp-popup-items-to-select {
6998 text-align: left;
6999 font-size: 1rem;
7000 /**
7001 * Style for the buttons
7002 */
7003 }
7004 .lp-popup-items-to-select .lp-btn-edit-primary {
7005 border: none;
7006 background: #135e96;
7007 color: #fff;
7008 }
7009 .lp-popup-items-to-select .lp-btn-edit-primary:not(.active) {
7010 opacity: 0.5;
7011 }
7012 .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 {
7013 background: #135E96;
7014 color: #fff;
7015 opacity: 1;
7016 }
7017 .lp-popup-items-to-select .header {
7018 position: relative;
7019 }
7020 .lp-popup-items-to-select .header .header-count-items-selected {
7021 border-bottom: 1px solid #C3C4C7;
7022 padding: 16px 20px;
7023 }
7024 .lp-popup-items-to-select .header .tabs {
7025 margin: 0;
7026 border-bottom: 1px solid #C3C4C7;
7027 }
7028 .lp-popup-items-to-select .header .tabs .tab {
7029 display: inline-block;
7030 position: relative;
7031 margin: 0;
7032 }
7033 .lp-popup-items-to-select .header .tabs .tab:not(:last-child)::before {
7034 position: absolute;
7035 top: 50%;
7036 right: 0;
7037 height: 44px;
7038 margin-top: -22px;
7039 border-right: 1px solid #C3C4C7;
7040 content: "";
7041 }
7042 .lp-popup-items-to-select .header .tabs .tab.active::after {
7043 display: inline-block;
7044 position: absolute;
7045 bottom: -6px;
7046 left: 50%;
7047 width: 10px;
7048 height: 10px;
7049 margin-left: -6px;
7050 border: 1px solid #C3C4C7;
7051 border-right: 0;
7052 border-bottom: 0;
7053 background: #fff;
7054 content: "";
7055 transform: rotate(45deg);
7056 }
7057 .lp-popup-items-to-select .header .tabs .tab.active a {
7058 color: #0073aa;
7059 }
7060 .lp-popup-items-to-select .header .tabs .tab a {
7061 display: inline-block;
7062 height: 44px;
7063 padding: 0 20px;
7064 color: #333;
7065 font-weight: 600;
7066 line-height: 2.75rem;
7067 text-decoration: none;
7068 }
7069 .lp-popup-items-to-select .header .tabs .tab a:focus {
7070 box-shadow: none;
7071 }
7072 .lp-popup-items-to-select .main {
7073 overflow: hidden;
7074 position: relative;
7075 padding: 20px;
7076 border-bottom: 1px solid #C3C4C7;
7077 }
7078 .lp-popup-items-to-select .main input.lp-search-title-item {
7079 width: 100%;
7080 font-size: 1rem;
7081 border: 1px solid #C3C4C7;
7082 margin-bottom: 10px;
7083 }
7084 .lp-popup-items-to-select .list-items, .lp-popup-items-to-select .list-items-selected {
7085 display: flex;
7086 flex-direction: column;
7087 overflow-y: auto;
7088 min-height: 260px;
7089 max-height: 50vh;
7090 margin: 0;
7091 }
7092 .lp-popup-items-to-select .list-items li, .lp-popup-items-to-select .list-items-selected li {
7093 margin: 0;
7094 cursor: pointer;
7095 padding: 10px;
7096 border: 1px solid white;
7097 }
7098 .lp-popup-items-to-select .list-items li:hover, .lp-popup-items-to-select .list-items-selected li:hover {
7099 background-color: #eff6ff;
7100 border-color: #e2eefe;
7101 }
7102 .lp-popup-items-to-select .list-items-selected li {
7103 display: flex;
7104 gap: 5px;
7105 align-items: center;
7106 color: #999;
7107 }
7108 .lp-popup-items-to-select .list-items-selected li .item-type {
7109 padding: 0;
7110 font-size: inherit;
7111 color: inherit;
7112 line-height: unset;
7113 }
7114 .lp-popup-items-to-select .list-items-selected li .item-title {
7115 color: #333;
7116 }
7117 .lp-popup-items-to-select .list-items-selected li.selected {
7118 background-color: #F4FCFF;
7119 }
7120 .lp-popup-items-to-select .list-items-selected li:hover .dashicons-remove {
7121 opacity: 1;
7122 }
7123 .lp-popup-items-to-select .list-items-selected .dashicons-remove {
7124 color: #E74C3C;
7125 opacity: 0.6;
7126 }
7127 .lp-popup-items-to-select .pagination {
7128 display: flex;
7129 flex-wrap: wrap;
7130 margin: 10px 0 -10px 0;
7131 align-items: center;
7132 flex-direction: column;
7133 gap: 10px;
7134 }
7135 .lp-popup-items-to-select .pagination::before {
7136 content: "";
7137 display: block;
7138 width: 100%;
7139 height: 1px;
7140 background-color: #ececec;
7141 position: relative;
7142 }
7143 .lp-popup-items-to-select .pagination li {
7144 margin: 0;
7145 cursor: pointer;
7146 }
7147 .lp-popup-items-to-select .pagination li .page-numbers {
7148 height: 30px;
7149 display: flex;
7150 align-items: center;
7151 justify-content: center;
7152 }
7153 .lp-popup-items-to-select .pagination li a {
7154 text-decoration: none;
7155 display: flex;
7156 align-items: center;
7157 }
7158 .lp-popup-items-to-select .footer {
7159 padding: 16px 20px;
7160 display: flex;
7161 gap: 5px;
7162 }
7163
7164 #learn-press-reset-course-users,
7165 #learn-press-reset-user-courses,
7166 #learn-press-reset-user-item {
7167 max-width: 100%;
7168 }
7169 #learn-press-reset-course-users table,
7170 #learn-press-reset-user-courses table,
7171 #learn-press-reset-user-item table {
7172 width: 100%;
7173 border-collapse: collapse;
7174 }
7175 #learn-press-reset-course-users .courses-list,
7176 #learn-press-reset-user-courses .courses-list,
7177 #learn-press-reset-user-item .courses-list {
7178 margin: 0;
7179 }
7180 #learn-press-reset-course-users input[type=text],
7181 #learn-press-reset-user-courses input[type=text],
7182 #learn-press-reset-user-item input[type=text] {
7183 min-width: 300px;
7184 height: 28px;
7185 margin-left: 0;
7186 }
7187 #learn-press-reset-course-users .action-reset.dashicons-trash,
7188 #learn-press-reset-user-courses .action-reset.dashicons-trash,
7189 #learn-press-reset-user-item .action-reset.dashicons-trash {
7190 color: #FF0000;
7191 }
7192 #learn-press-reset-course-users .action-reset.dashicons-update,
7193 #learn-press-reset-user-courses .action-reset.dashicons-update,
7194 #learn-press-reset-user-item .action-reset.dashicons-update {
7195 animation: rotating4 2s linear infinite;
7196 }
7197
7198 #learn-press-assign-course .description {
7199 margin-bottom: 10px;
7200 }
7201 #learn-press-assign-course label {
7202 display: block;
7203 margin-bottom: 5px;
7204 }
7205
7206 #learn-press-unassigned-course .description {
7207 margin-bottom: 10px;
7208 }
7209 #learn-press-unassigned-course label {
7210 display: block;
7211 margin-bottom: 5px;
7212 }
7213
7214 .lp-form-filter.lp-form-filter-reset-course-progress, .lp-form-filter.lp-form-filter-reset-item-progress {
7215 gap: 0;
7216 margin-bottom: 10px;
7217 }
7218
7219 .learn-press-tip {
7220 display: none;
7221 margin: 0 5px;
7222 color: #444;
7223 font-style: normal;
7224 font-weight: normal;
7225 line-height: 1;
7226 vertical-align: baseline;
7227 cursor: pointer;
7228 }
7229 .learn-press-tip.ready {
7230 display: inline-block;
7231 }
7232 .learn-press-tip::before {
7233 font-family: "lp-icon";
7234 content: "\f059";
7235 }
7236 .learn-press-tip:hover {
7237 opacity: 0.8;
7238 }
7239
7240 .learn-press-tip-floating {
7241 position: absolute;
7242 z-index: 9999999;
7243 min-width: 20px;
7244 margin-left: -1px;
7245 padding: 0.618em 1em;
7246 color: #fff;
7247 background: #383838;
7248 font-size: 0.8em;
7249 line-height: 1.2em;
7250 border-radius: 3px;
7251 }
7252 .learn-press-tip-floating > * {
7253 font-size: 0.8em;
7254 }
7255 .learn-press-tip-floating .close {
7256 display: inline-block;
7257 position: absolute;
7258 top: -8px;
7259 right: -8px;
7260 width: 16px;
7261 height: 16px;
7262 border: 1px solid #fff;
7263 color: #fff;
7264 background: #468fbc;
7265 line-height: 1rem;
7266 text-align: center;
7267 cursor: pointer;
7268 border-radius: 50%;
7269 }
7270 .learn-press-tip-floating .close::before {
7271 font-family: "lp-icon";
7272 content: "\f00d";
7273 }
7274 .learn-press-tip-floating p {
7275 margin: 0;
7276 }
7277 .learn-press-tip-floating::before {
7278 position: absolute;
7279 bottom: -6px;
7280 left: 50%;
7281 width: 0;
7282 height: 0;
7283 margin-left: -6px;
7284 border: 6px solid transparent;
7285 border-top-color: #383838;
7286 border-bottom-width: 0;
7287 content: "";
7288 }
7289
7290 .lp-group-step {
7291 border-bottom: 1px solid #eee;
7292 }
7293 .lp-group-step h3 {
7294 padding: 0 2em;
7295 }
7296 .lp-group-step label {
7297 margin-bottom: 5px;
7298 font-size: 0.8em;
7299 font-weight: 500;
7300 font-style: italic;
7301 }
7302 .lp-group-step .lp-item-step {
7303 display: flex;
7304 position: relative;
7305 min-height: 35px;
7306 margin: 0;
7307 padding: 1em 1em 1em 0;
7308 border-top: 1px solid #eee;
7309 align-items: center;
7310 cursor: pointer;
7311 }
7312 .lp-group-step .lp-item-step:hover {
7313 background: #eee;
7314 }
7315 .lp-group-step .lp-item-step.running .lp-item-step-left::before {
7316 opacity: 1;
7317 }
7318 .lp-group-step .lp-item-step.running .lp-item-step-left input {
7319 opacity: 0;
7320 }
7321 .lp-group-step .lp-item-step.running::before {
7322 display: block;
7323 position: absolute;
7324 width: 0;
7325 height: 100%;
7326 background: #0073aa;
7327 content: "";
7328 opacity: 0.1;
7329 transition: 0.8s linear;
7330 }
7331 .lp-group-step .lp-item-step.running .progress-bar {
7332 opacity: 0.1;
7333 }
7334 .lp-group-step .lp-item-step.completed .lp-item-step-left::after {
7335 opacity: 1;
7336 }
7337 .lp-group-step .lp-item-step.completed .lp-item-step-left input {
7338 opacity: 0;
7339 }
7340 .lp-group-step .lp-item-step.completed .progress-bar {
7341 width: 100%;
7342 opacity: 0.1;
7343 }
7344 .lp-group-step .lp-item-step.error .lp-item-step-left::after {
7345 opacity: 1;
7346 color: #dd3333;
7347 content: "\f335";
7348 }
7349 .lp-group-step .lp-item-step .progress-bar {
7350 display: block;
7351 position: absolute;
7352 top: 0;
7353 left: 0;
7354 width: 0;
7355 height: 100%;
7356 opacity: 0;
7357 background: rgba(124, 96, 217, 0.7490196078);
7358 transition: 0.8s linear;
7359 }
7360 .lp-group-step .lp-item-step-left {
7361 display: inline-flex;
7362 align-items: center;
7363 position: relative;
7364 padding: 0 2em;
7365 }
7366 .lp-group-step .lp-item-step-left::before {
7367 display: block;
7368 position: absolute;
7369 z-index: 2;
7370 width: 1em;
7371 height: 1em;
7372 border: 1px solid rgba(0, 0, 0, 0.1);
7373 border-top: 1px solid #3498db;
7374 border-radius: 50%;
7375 opacity: 0;
7376 content: "";
7377 -webkit-animation: lp-rotating 0.8s linear infinite;
7378 animation: lp-rotating 0.8s linear infinite;
7379 }
7380 .lp-group-step .lp-item-step-left::after {
7381 position: absolute;
7382 z-index: 1;
7383 left: 23px;
7384 opacity: 0;
7385 color: #4caf50;
7386 font-family: Dashicons;
7387 font-size: 1.5em;
7388 content: "\f147";
7389 }
7390
7391 .lp-group-steps-done {
7392 display: none;
7393 }
7394
7395 @keyframes lp-rotating {
7396 from {
7397 -webkit-transform: rotate(0deg);
7398 transform: rotate(0deg);
7399 }
7400 to {
7401 -webkit-transform: rotate(360deg);
7402 transform: rotate(360deg);
7403 }
7404 }
7405 @-webkit-keyframes lp-rotating {
7406 from {
7407 -webkit-transform: rotate(0deg);
7408 transform: rotate(0deg);
7409 }
7410 to {
7411 -webkit-transform: rotate(360deg);
7412 transform: rotate(360deg);
7413 }
7414 }
7415 .lp-loading-change {
7416 position: absolute;
7417 width: 100%;
7418 height: 100%;
7419 background: rgba(255, 255, 255, 0.38);
7420 top: 0;
7421 }
7422
7423 .lp-load-ajax-element {
7424 position: relative;
7425 }
7426
7427 @media screen and (max-width: 782px) {
7428 .learn-press-dropdown-pages .select2-container {
7429 vertical-align: top;
7430 }
7431 .learn-press-dropdown-pages .select2-container .select2-selection--single {
7432 height: 31px;
7433 }
7434 .learn-press-dropdown-pages .select2-selection__rendered {
7435 line-height: 31px !important;
7436 }
7437 #learn-press-advertisement {
7438 margin: 0 12px;
7439 padding-bottom: 0;
7440 }
7441 #learn-press-advertisement .slider-controls {
7442 bottom: 40px;
7443 }
7444 }
7445 .lp-skeleton-animation {
7446 margin: 0;
7447 padding: 0;
7448 list-style: none;
7449 }
7450 .lp-skeleton-animation > li {
7451 width: 100%;
7452 height: 16px;
7453 margin-top: 15px;
7454 border-radius: 2px;
7455 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%);
7456 background-size: 400% 100%;
7457 list-style: none;
7458 animation: lp-skeleton-loading 1.4s ease infinite;
7459 }
7460
7461 @keyframes lp-skeleton-loading {
7462 0% {
7463 background-position: 100% 50%;
7464 }
7465 to {
7466 background-position: 0 50%;
7467 }
7468 }
7469 .lp-admin-statistics-tab-content {
7470 box-sizing: border-box;
7471 max-width: 100%;
7472 border: 1px solid #c3c4c7;
7473 background: #fff;
7474 }
7475 .lp-admin-statistics-tab-content .btn-group {
7476 display: flex;
7477 margin: 20px 0;
7478 gap: 10px;
7479 flex-direction: row;
7480 flex-wrap: wrap;
7481 }
7482 .lp-admin-statistics-tab-content .btn-group button.btn-filter-time {
7483 border: 1px solid #284BCA;
7484 color: #000;
7485 padding: 10px 24px;
7486 cursor: pointer;
7487 background: #fff;
7488 }
7489 .lp-admin-statistics-tab-content .btn-group .btn-filter-time.active {
7490 background: #284BCA;
7491 color: #fff;
7492 border: 1px solid #284BCA;
7493 }
7494 .lp-admin-statistics-tab-content .custom-filter-time {
7495 display: none;
7496 }
7497 .lp-admin-statistics-tab-content .statistics-content {
7498 background: white;
7499 border: 1px solid #D9D9D9;
7500 padding: 22px;
7501 }
7502 .lp-admin-statistics-tab-content .statistics-content .statistics-group {
7503 display: flex;
7504 justify-content: space-between;
7505 flex-direction: row;
7506 flex-wrap: wrap;
7507 gap: 10px;
7508 }
7509 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item {
7510 border: 1px solid #000;
7511 color: #000;
7512 padding: 15px 30px;
7513 display: flex;
7514 flex-direction: column;
7515 text-align: center;
7516 width: 100%;
7517 max-width: 150px;
7518 }
7519 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-title {
7520 font-size: 16px;
7521 line-height: 1.2;
7522 }
7523 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-count {
7524 font-size: 24px;
7525 line-height: 1.2;
7526 font-weight: 700;
7527 }
7528 .lp-admin-statistics-tab-content .statistics-content .statistics-title {
7529 color: #000;
7530 text-align: center;
7531 font-size: 24px;
7532 font-style: normal;
7533 font-weight: 700;
7534 line-height: normal;
7535 text-transform: capitalize;
7536 }
7537 .lp-admin-statistics-tab-content .statistics-content .statistics-chart-wrapper {
7538 padding: 10px 30px;
7539 }
7540 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics {
7541 display: flex;
7542 flex-direction: row;
7543 flex-wrap: wrap;
7544 justify-content: space-evenly;
7545 gap: 20px;
7546 margin-top: 20px;
7547 }
7548 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50 {
7549 flex: 1;
7550 }
7551 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50:first-child {
7552 border-right: 1px solid #D9D9D9;
7553 }
7554 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics li {
7555 font-size: 16px;
7556 line-height: 1.2;
7557 font-weight: 400;
7558 }
7559 .lp-admin-statistics-tab-content .statistics-content .top-course-analytics-title {
7560 margin-top: 0;
7561 font-size: 24px;
7562 line-height: 1.2;
7563 font-weight: 700;
7564 }
7565
7566 .lp-admin-statistics-tab-content > .lp-stats-kpi-grid {
7567 margin: 20px 20px 14px;
7568 }
7569
7570 .lp-admin-statistics-tab-content > .lp-stats-layout {
7571 margin: 0 20px 20px;
7572 }
7573
7574 .lp-stats-dashboard-body {
7575 padding: 20px;
7576 }
7577
7578 .lp-admin-statistics-tab-content .lp-stats-section.statistics-content {
7579 padding: 0;
7580 }
7581
7582 .lp-statistics-filter-bar {
7583 align-items: center;
7584 gap: 8px;
7585 margin: 0 !important;
7586 padding: 16px;
7587 border-bottom: 1px solid #dcdcde;
7588 background: #fff;
7589 }
7590
7591 .lp-stats-daterange {
7592 position: relative;
7593 }
7594 .lp-stats-daterange .lp-stats-daterange__toggle {
7595 display: flex;
7596 align-items: center;
7597 gap: 8px;
7598 min-height: 38px;
7599 padding: 8px 12px;
7600 border: 1px solid #c3c4c7;
7601 border-radius: 2px;
7602 background: #fff;
7603 color: #1d2327;
7604 font-size: 14px;
7605 font-weight: 500;
7606 line-height: 20px;
7607 cursor: pointer;
7608 }
7609 .lp-stats-daterange .lp-stats-daterange__toggle:hover, .lp-stats-daterange .lp-stats-daterange__toggle[aria-expanded=true] {
7610 border-color: #3858e9;
7611 color: #3858e9;
7612 }
7613 .lp-stats-daterange .lp-stats-daterange__toggle .dashicons {
7614 font-size: 18px;
7615 width: 18px;
7616 height: 18px;
7617 }
7618 .lp-stats-daterange .lp-stats-daterange__toggle .lp-stats-daterange__caret {
7619 font-size: 14px;
7620 width: 14px;
7621 height: 14px;
7622 color: #646970;
7623 }
7624 .lp-stats-daterange .lp-stats-daterange__panel {
7625 position: absolute;
7626 z-index: 100;
7627 top: calc(100% + 4px);
7628 inset-inline-start: 0;
7629 min-width: 280px;
7630 border: 1px solid #c3c4c7;
7631 border-radius: 2px;
7632 background: #fff;
7633 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
7634 }
7635 .lp-stats-daterange .lp-stats-daterange__tabs {
7636 display: flex;
7637 border-bottom: 1px solid #dcdcde;
7638 }
7639 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab {
7640 flex: 1;
7641 padding: 10px 16px;
7642 border: 0;
7643 border-bottom: 2px solid transparent;
7644 background: none;
7645 color: #646970;
7646 font-size: 13px;
7647 font-weight: 600;
7648 cursor: pointer;
7649 }
7650 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab.active {
7651 border-bottom-color: #3858e9;
7652 color: #3858e9;
7653 }
7654 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab:focus-visible {
7655 outline: 1.5px solid #3858e9;
7656 outline-offset: -2px;
7657 }
7658 .lp-stats-daterange .lp-stats-daterange__presets {
7659 max-height: 320px;
7660 margin: 0;
7661 padding: 8px 0;
7662 overflow-y: auto;
7663 list-style: none;
7664 }
7665 .lp-stats-daterange .lp-stats-daterange__presets li {
7666 margin: 0;
7667 }
7668 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset {
7669 display: flex;
7670 align-items: center;
7671 gap: 8px;
7672 padding: 7px 16px;
7673 font-size: 13px;
7674 cursor: pointer;
7675 }
7676 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset:hover {
7677 background: #f0f0f1;
7678 }
7679 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset input[type=radio] {
7680 margin: 0;
7681 }
7682 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] {
7683 padding: 16px;
7684 }
7685 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields {
7686 display: flex;
7687 gap: 12px;
7688 margin-bottom: 12px;
7689 }
7690 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields label {
7691 display: flex;
7692 flex-direction: column;
7693 gap: 4px;
7694 font-size: 12px;
7695 color: #646970;
7696 }
7697 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields input[type=date] {
7698 min-height: 34px;
7699 }
7700 .lp-stats-daterange .lp-stats-daterange__compare {
7701 margin: 0;
7702 padding: 12px 16px 14px;
7703 border: 0;
7704 border-top: 1px solid #dcdcde;
7705 }
7706 .lp-stats-daterange .lp-stats-daterange__compare legend {
7707 padding: 12px 0 6px;
7708 font-size: 12px;
7709 font-weight: 600;
7710 color: #646970;
7711 text-transform: uppercase;
7712 }
7713 .lp-stats-daterange .lp-stats-daterange__compare label {
7714 display: flex;
7715 align-items: center;
7716 gap: 8px;
7717 padding: 4px 0;
7718 font-size: 13px;
7719 cursor: pointer;
7720 }
7721 .lp-stats-daterange .lp-stats-daterange__compare label input[type=radio] {
7722 margin: 0;
7723 }
7724 @media screen and (max-width: 782px) {
7725 .lp-stats-daterange .lp-stats-daterange__panel {
7726 min-width: 0;
7727 width: min(320px, 100vw - 48px);
7728 }
7729 }
7730
7731 .lp-stats-filter-scope {
7732 display: flex;
7733 align-items: center;
7734 gap: 8px;
7735 margin-inline-start: auto;
7736 }
7737 .lp-stats-filter-scope select {
7738 width: 145px;
7739 max-width: 180px;
7740 min-height: 36px;
7741 }
7742 .lp-stats-filter-scope .lp-stats-export-csv {
7743 min-height: 36px;
7744 border-color: #c3c4c7;
7745 background: #f6f7f7;
7746 font-weight: 500;
7747 }
7748
7749 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
7750 position: relative;
7751 box-sizing: border-box;
7752 height: 360px;
7753 max-height: 380px;
7754 padding: 20px;
7755 }
7756 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper canvas {
7757 width: 100% !important;
7758 height: 100% !important;
7759 max-height: 100%;
7760 }
7761 @media screen and (max-width: 782px) {
7762 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
7763 height: 280px;
7764 padding: 16px;
7765 }
7766 }
7767
7768 .lp-stats-kpi-grid {
7769 display: grid;
7770 grid-template-columns: repeat(6, 1fr);
7771 gap: 16px;
7772 margin-bottom: 14px;
7773 }
7774 @media screen and (max-width: 1400px) {
7775 .lp-stats-kpi-grid {
7776 grid-template-columns: repeat(3, 1fr);
7777 }
7778 }
7779 @media screen and (max-width: 782px) {
7780 .lp-stats-kpi-grid {
7781 grid-template-columns: repeat(2, 1fr);
7782 }
7783 }
7784
7785 .lp-kpi-card {
7786 display: flex;
7787 flex-direction: column;
7788 gap: 4px;
7789 min-height: 110px;
7790 box-sizing: border-box;
7791 padding: 16px;
7792 border: 1px solid #dcdcde;
7793 background: #fff;
7794 }
7795 .lp-kpi-card.is-highlighted {
7796 border-color: #2271b1;
7797 box-shadow: inset 0 0 0 1px #2271b1;
7798 }
7799 .lp-kpi-card .lp-kpi-title {
7800 font-size: 12px;
7801 font-weight: 600;
7802 text-transform: uppercase;
7803 color: #8c8f94;
7804 }
7805 .lp-kpi-card .lp-kpi-value {
7806 font-size: 24px;
7807 font-weight: 700;
7808 line-height: 1.2;
7809 }
7810 .lp-kpi-card .lp-kpi-delta {
7811 font-size: 12px;
7812 font-weight: 600;
7813 }
7814 .lp-kpi-card .lp-kpi-delta.is-up {
7815 color: #00a32a;
7816 }
7817 .lp-kpi-card .lp-kpi-delta.is-down {
7818 color: #d63638;
7819 }
7820 .lp-kpi-card .lp-kpi-subline {
7821 font-size: 12px;
7822 color: #646970;
7823 }
7824 .lp-kpi-card .lp-kpi-progress {
7825 display: block;
7826 height: 6px;
7827 margin-top: 4px;
7828 background: #f0f0f1;
7829 overflow: hidden;
7830 }
7831 .lp-kpi-card .lp-kpi-progress__bar {
7832 display: block;
7833 height: 100%;
7834 background: #2271b1;
7835 }
7836
7837 .lp-badge {
7838 display: inline-block;
7839 padding: 2px 8px;
7840 border-radius: 3px;
7841 font-size: 12px;
7842 font-weight: 600;
7843 color: #fff;
7844 }
7845 .lp-badge--green {
7846 background: #00a32a;
7847 }
7848 .lp-badge--yellow {
7849 background: #dba617;
7850 }
7851 .lp-badge--red {
7852 background: #d63638;
7853 }
7854 .lp-badge--grey {
7855 background: #646970;
7856 }
7857
7858 .lp-risk--high {
7859 background: #d63638;
7860 }
7861 .lp-risk--high::before {
7862 content: "🔴";
7863 }
7864 .lp-risk--medium {
7865 background: #dba617;
7866 }
7867 .lp-risk--medium::before {
7868 content: "🟡";
7869 }
7870 .lp-risk--healthy {
7871 background: #00a32a;
7872 }
7873 .lp-risk--healthy::before {
7874 content: "🟢";
7875 }
7876
7877 .lp-stats-operations {
7878 margin: 0;
7879 padding: 16px;
7880 }
7881 .lp-stats-operations__row {
7882 display: flex;
7883 flex-wrap: wrap;
7884 align-items: baseline;
7885 gap: 8px;
7886 padding: 10px 0;
7887 border-bottom: 1px solid #dcdcde;
7888 }
7889 .lp-stats-operations__row:last-child {
7890 border-bottom: 0;
7891 }
7892 .lp-stats-operations__label {
7893 flex: 1;
7894 font-size: 13px;
7895 color: #646970;
7896 }
7897 .lp-stats-operations__value {
7898 font-weight: 700;
7899 font-size: 14px;
7900 }
7901 .lp-stats-operations__name {
7902 flex-basis: 100%;
7903 font-size: 12px;
7904 color: #646970;
7905 }
7906
7907 .lp-stats-table tbody tr:hover {
7908 background: #f6f7f7;
7909 }
7910 .lp-stats-table .lp-stats-course-performance-row,
7911 .lp-stats-table .lp-stats-instructor-performance-row {
7912 cursor: pointer;
7913 }
7914 .lp-stats-table tbody tr.is-highlighted {
7915 background: #f0f6fc;
7916 box-shadow: inset 3px 0 0 #2271b1;
7917 }
7918 .lp-stats-table .lp-stats-table__empty {
7919 color: #646970;
7920 text-align: center;
7921 padding: 24px 12px;
7922 }
7923
7924 .lp-admin-statistics-tab-content .lp-table-wrap,
7925 .lp-stats-report-modal .lp-table-wrap {
7926 border: 0;
7927 border-radius: 0;
7928 overflow-x: auto;
7929 }
7930 .lp-admin-statistics-tab-content table.lp-list-table,
7931 .lp-stats-report-modal table.lp-list-table {
7932 min-width: 0;
7933 }
7934
7935 .lp-stats-report-popup.swal2-popup {
7936 max-width: 1600px;
7937 }
7938
7939 .lp-stats-report-modal {
7940 text-align: start;
7941 }
7942 .lp-stats-report-modal__toolbar {
7943 display: flex;
7944 align-items: center;
7945 gap: 10px;
7946 padding: 10px 0;
7947 }
7948 .lp-stats-report-modal__toolbar .lp-stats-report-modal__search {
7949 flex: 1;
7950 max-width: 320px;
7951 }
7952 .lp-stats-report-modal__toolbar .lp-stats-report-modal__export {
7953 margin-inline-start: auto;
7954 }
7955 .lp-stats-report-modal__body {
7956 overflow: auto;
7957 max-height: 72vh;
7958 }
7959 .lp-stats-report-modal table.lp-list-table {
7960 min-width: 720px;
7961 }
7962 .lp-stats-report-modal__loading {
7963 padding: 40px 0;
7964 text-align: center;
7965 color: #646970;
7966 font-size: 14px;
7967 }
7968 .lp-stats-report-modal .lp-stats-report-table-footer {
7969 display: flex;
7970 align-items: center;
7971 justify-content: center;
7972 flex-wrap: wrap;
7973 gap: 10px;
7974 padding-top: 6px;
7975 }
7976 .lp-stats-report-modal .lp-stats-report-table-footer__count {
7977 color: #646970;
7978 font-size: 13px;
7979 }
7980
7981 .lp-stats-funnel {
7982 display: flex;
7983 flex-direction: column;
7984 gap: 14px;
7985 padding: 18px 16px 16px;
7986 }
7987 .lp-stats-funnel .lp-stats-funnel__step {
7988 display: grid;
7989 grid-template-columns: 1fr auto;
7990 gap: 6px 10px;
7991 }
7992 .lp-stats-funnel .lp-stats-funnel__label {
7993 font-size: 14px;
7994 }
7995 .lp-stats-funnel .lp-stats-funnel__track {
7996 grid-column: 1/-1;
7997 background: #f0f0f1;
7998 }
7999 .lp-stats-funnel .lp-stats-funnel__bar {
8000 display: block;
8001 height: 8px;
8002 min-width: 2px;
8003 background: #3858e9;
8004 }
8005 .lp-stats-funnel .lp-stats-funnel__step[data-step=failed] .lp-stats-funnel__bar {
8006 background: #d63638;
8007 }
8008 .lp-stats-funnel .lp-stats-funnel__count {
8009 font-size: 14px;
8010 font-weight: 600;
8011 }
8012
8013 .lp-stats-payment-health {
8014 margin: 0;
8015 padding: 16px;
8016 list-style: none;
8017 }
8018 .lp-stats-payment-health__row {
8019 display: flex;
8020 align-items: center;
8021 justify-content: space-between;
8022 gap: 12px;
8023 margin: 0;
8024 padding: 10px 0;
8025 border-bottom: 1px solid #dcdcde;
8026 }
8027 .lp-stats-payment-health__row:last-child {
8028 border-bottom: 0;
8029 }
8030 .lp-stats-payment-health__label {
8031 color: #1d2327;
8032 font-size: 14px;
8033 }
8034 .lp-stats-payment-health__count {
8035 font-size: 14px;
8036 font-weight: 600;
8037 }
8038
8039 .lp-stats-health-grid {
8040 display: grid;
8041 grid-template-columns: repeat(4, 1fr);
8042 gap: 10px;
8043 }
8044 @media screen and (max-width: 1200px) {
8045 .lp-stats-health-grid {
8046 grid-template-columns: repeat(2, 1fr);
8047 }
8048 }
8049 .lp-stats-health-grid .lp-stats-health-box {
8050 display: flex;
8051 flex-direction: column;
8052 gap: 4px;
8053 padding: 12px 15px;
8054 border: 1px solid #dcdcde;
8055 background: #fff;
8056 }
8057 .lp-stats-health-grid .lp-stats-health-box.is-alert {
8058 border-inline-start: 4px solid #d63638;
8059 }
8060 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__count {
8061 font-size: 20px;
8062 font-weight: 700;
8063 }
8064 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__label {
8065 font-size: 12px;
8066 color: #646970;
8067 }
8068
8069 .lp-stats-layout {
8070 display: grid;
8071 grid-template-columns: minmax(0, 1fr) 320px;
8072 gap: 20px;
8073 align-items: start;
8074 }
8075 @media screen and (max-width: 1200px) {
8076 .lp-stats-layout {
8077 grid-template-columns: minmax(0, 1fr);
8078 }
8079 }
8080 .lp-stats-layout .lp-stats-layout__sidebar > * + * {
8081 margin-top: 20px;
8082 }
8083
8084 .lp-stats-section {
8085 background: #fff;
8086 border: 1px solid #dcdcde;
8087 padding: 0;
8088 margin-bottom: 20px;
8089 overflow: hidden;
8090 }
8091 .lp-stats-section .lp-stats-section__header {
8092 display: flex;
8093 align-items: flex-start;
8094 justify-content: space-between;
8095 gap: 16px;
8096 min-height: 50px;
8097 box-sizing: border-box;
8098 padding: 14px 16px 12px;
8099 border-bottom: 1px solid #dcdcde;
8100 }
8101 .lp-stats-section .lp-stats-section__title {
8102 margin: 0;
8103 font-size: 16px;
8104 font-weight: 600;
8105 line-height: 24px;
8106 }
8107 .lp-stats-section > .lp-stats-section__title {
8108 padding: 14px 16px 12px;
8109 border-bottom: 1px solid #dcdcde;
8110 }
8111 .lp-stats-section .lp-stats-section__description {
8112 margin: 4px 0 0;
8113 color: #50575e;
8114 font-size: 13px;
8115 line-height: 20px;
8116 }
8117 .lp-stats-section .lp-stats-section__action {
8118 align-self: center;
8119 color: #3858e9;
8120 font-size: 14px;
8121 text-decoration: none;
8122 }
8123 .lp-stats-section > .lp-stats-health-grid,
8124 .lp-stats-section > .lp-stats-health-checks {
8125 margin: 0;
8126 padding: 16px;
8127 }
8128 .lp-stats-section > .lp-skeleton-animation {
8129 margin: 16px;
8130 }
8131
8132 .lp-stats-overview-grid {
8133 display: grid;
8134 gap: 20px;
8135 margin-top: 20px;
8136 }
8137 .lp-stats-overview-grid .lp-stats-section {
8138 margin-bottom: 0;
8139 }
8140 .lp-stats-overview-grid:first-of-type {
8141 margin-top: 0;
8142 }
8143 .lp-stats-overview-grid--chart {
8144 grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
8145 }
8146 .lp-stats-overview-grid--chart .lp-stats-section {
8147 min-height: 440px;
8148 }
8149 .lp-stats-overview-grid--tables {
8150 grid-template-columns: repeat(2, minmax(0, 1fr));
8151 }
8152 .lp-stats-overview-grid--health {
8153 grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
8154 }
8155 @media screen and (max-width: 1200px) {
8156 .lp-stats-overview-grid {
8157 grid-template-columns: minmax(0, 1fr);
8158 }
8159 }
8160
8161 .lp-stats-health-checks {
8162 list-style: none;
8163 }
8164 .lp-stats-health-checks li {
8165 margin: 0;
8166 border-bottom: 1px solid #dcdcde;
8167 }
8168 .lp-stats-health-checks li:last-child {
8169 border-bottom: 0;
8170 }
8171 .lp-stats-health-checks a {
8172 display: flex;
8173 align-items: center;
8174 justify-content: space-between;
8175 gap: 12px;
8176 padding: 10px 0;
8177 text-decoration: none;
8178 }
8179 .lp-stats-health-checks .lp-stats-health-check__count {
8180 order: 2;
8181 font-weight: 600;
8182 }
8183
8184 table.lp-material--table {
8185 border-collapse: collapse;
8186 width: 100%;
8187 }
8188 table.lp-material--table td, table.lp-material--table th {
8189 border: 1px solid #dddddd;
8190 text-align: left;
8191 padding: 8px;
8192 }
8193 table.lp-material--table thead.hidden {
8194 display: none;
8195 }
8196 table.lp-material--table td.sort {
8197 cursor: move;
8198 }
8199 table.lp-material--table tr:nth-child(even) {
8200 background-color: rgba(221, 221, 221, 0.2509803922);
8201 }
8202
8203 .lp-material--field-wrap {
8204 display: flex;
8205 flex-direction: row;
8206 align-items: center;
8207 padding-block: 5px;
8208 }
8209
8210 .lp-material--field-wrap label {
8211 min-width: 70px;
8212 }
8213
8214 .lp-material--group {
8215 margin-top: 10px;
8216 padding: 10px;
8217 border: 1px solid #dedede;
8218 border-radius: 10px;
8219 box-shadow: 2px 2px rgba(180, 180, 180, 0.2);
8220 }
8221
8222 .lp-material-btn-wrap {
8223 margin-bottom: 10px;
8224 }
8225
8226 .lp-material-btn-wrap.loading::before:before, #btn-lp--save-material.loading:before {
8227 display: inline-block;
8228 font-family: "lp-icon";
8229 content: "\f110";
8230 animation: lp-rotating 1s linear infinite;
8231 margin-right: 5px;
8232 font-variant: normal;
8233 text-transform: none;
8234 -webkit-font-smoothing: antialiased;
8235 -moz-osx-font-smoothing: grayscale;
8236 }
8237
8238 .button.lp-material--delete {
8239 color: white;
8240 border-color: red;
8241 background: red;
8242 vertical-align: top;
8243 }
8244
8245 .lp-material--field-wrap.field-action-wrap {
8246 display: flex;
8247 justify-content: space-between;
8248 }
8249
8250 .lp-meta-box .lp-material--field-wrap input {
8251 width: 100%;
8252 }
8253
8254 #available-to-upload {
8255 font-weight: bold;
8256 }
8257
8258 .learnpress-block-pagination,
8259 .learn-press-pagination {
8260 margin: 20px 0;
8261 text-align: center;
8262 }
8263 .learnpress-block-pagination .page-numbers,
8264 .learn-press-pagination .page-numbers {
8265 display: inline-flex;
8266 gap: 5px;
8267 flex-wrap: wrap;
8268 margin: 0;
8269 padding: 0;
8270 border: 0;
8271 outline: 0;
8272 background: transparent;
8273 list-style: none;
8274 }
8275 .learnpress-block-pagination .page-numbers > li,
8276 .learn-press-pagination .page-numbers > li {
8277 display: inline-block;
8278 margin: 0;
8279 }
8280 .learnpress-block-pagination .page-numbers > li .page-numbers,
8281 .learn-press-pagination .page-numbers > li .page-numbers {
8282 float: unset;
8283 padding: 0 12px;
8284 color: #666;
8285 text-decoration: none;
8286 }
8287 .learnpress-block-pagination .page-numbers > li .page-numbers.current,
8288 .learn-press-pagination .page-numbers > li .page-numbers.current {
8289 color: var(--lp-primary-color);
8290 font-weight: 400;
8291 }
8292 .learnpress-block-pagination .page-numbers > li .page-numbers:hover,
8293 .learn-press-pagination .page-numbers > li .page-numbers:hover {
8294 color: var(--lp-primary-color);
8295 }
8296
8297 .lp-instructor-info {
8298 display: flex;
8299 gap: 30px;
8300 margin-top: 30px;
8301 margin-bottom: 30px;
8302 }
8303 @media (max-width: 600px) {
8304 .lp-instructor-info {
8305 flex-wrap: wrap;
8306 }
8307 }
8308 .lp-instructor-info .lp-section-instructor {
8309 flex: 1;
8310 }
8311 .lp-instructor-info .instructor-display-name {
8312 font-size: 1.4rem;
8313 }
8314 .lp-instructor-info .instructor-avatar {
8315 max-width: 200px;
8316 }
8317 .lp-instructor-info .lp-instructor-meta {
8318 margin-top: 16px;
8319 display: flex;
8320 column-gap: 20px;
8321 row-gap: 8px;
8322 }
8323 .lp-instructor-info .instructor-description {
8324 margin-top: 16px;
8325 }
8326 .lp-instructor-info img {
8327 max-width: 100%;
8328 border-radius: var(--lp-border-radius, 5px);
8329 }
8330 .lp-instructor-info .instructor-social {
8331 display: inline-flex;
8332 padding: 0;
8333 gap: 12px;
8334 margin: 16px 0 0 0;
8335 }
8336 .lp-instructor-info .instructor-social > a {
8337 text-align: center;
8338 list-style: none;
8339 }
8340 .lp-instructor-info .instructor-social > a span {
8341 display: none;
8342 }
8343 .lp-instructor-info .instructor-social > a i {
8344 width: 40px;
8345 height: 40px;
8346 display: inline-flex;
8347 align-items: center;
8348 justify-content: center;
8349 border: 1px solid #C3C4C7;
8350 border-radius: 50%;
8351 }
8352 .lp-instructor-info .instructor-social > a i:hover {
8353 background-color: var(--lp-primary-color, #ffb606);
8354 border-color: var(--lp-primary-color, #ffb606);
8355 color: var(--lp-color-white, #fff);
8356 }
8357
8358 .instructor-display-name {
8359 font-weight: var(--lp-font-weight-link, 600);
8360 }
8361
8362 .instructor-item-meta {
8363 display: inline-flex;
8364 border-left: 1px solid #C3C4C7;
8365 padding-left: 20px;
8366 }
8367
8368 .lp-instructor-meta .instructor-item-meta:first-child {
8369 border: none;
8370 padding-left: 0;
8371 }
8372
8373 .wrapper-instructor-total-students, .wrapper-instructor-total-courses {
8374 display: flex;
8375 gap: 4px;
8376 align-items: center;
8377 }
8378
8379 .course-extra-box {
8380 margin-bottom: 16px;
8381 border: 1px solid #C3C4C7;
8382 border-radius: var(--lp-border-radius, 5px);
8383 width: 100%;
8384 }
8385 .course-extra-box.active .course-extra-box__content {
8386 height: auto;
8387 }
8388 .course-extra-box__title {
8389 --extra-height: 50px;
8390 display: flex;
8391 align-items: center;
8392 position: relative;
8393 height: var(--extra-height);
8394 margin: 0 !important;
8395 padding: 0 45px 0 20px;
8396 background: rgba(181, 187, 211, 0.15);
8397 font-size: 1em;
8398 font-weight: 700;
8399 cursor: pointer;
8400 }
8401 @media (max-width: 767px) {
8402 .course-extra-box__title {
8403 padding-left: 16px;
8404 }
8405 }
8406 .course-extra-box__title::after {
8407 position: absolute;
8408 top: 0;
8409 right: 20px;
8410 font-family: "lp-icon";
8411 line-height: var(--extra-height);
8412 content: "\f107";
8413 }
8414 .course-extra-box__content {
8415 overflow: hidden;
8416 transition: height 0.3s ease;
8417 }
8418 .course-extra-box__content-inner {
8419 animation-name: course-extra-box__content-inner-transform;
8420 animation-duration: 0.3s;
8421 animation-timing-function: ease-in-out;
8422 animation-iteration-count: 1;
8423 animation-direction: normal;
8424 }
8425 .course-extra-box__content-inner > ul {
8426 padding-left: 0 !important;
8427 padding-bottom: 0 !important;
8428 }
8429 .course-extra-box__content ul,
8430 .course-extra-box__content li {
8431 list-style: none;
8432 }
8433 .course-extra-box__content ul {
8434 margin: 0;
8435 padding: 0;
8436 }
8437 .course-extra-box__content li {
8438 margin: 0;
8439 padding: 12px 20px;
8440 border-bottom: 1px solid #C3C4C7;
8441 }
8442 @media (max-width: 767px) {
8443 .course-extra-box__content li {
8444 padding-left: 16px;
8445 padding-right: 16px;
8446 }
8447 }
8448 .course-extra-box__content li::before {
8449 margin-right: 8px;
8450 color: var(--lp-primary-color);
8451 font-family: "lp-icon";
8452 content: "\f00c";
8453 }
8454 .course-extra-box__content li:last-child {
8455 border-bottom: 0;
8456 }
8457 .course-extra-box:last-child {
8458 margin-bottom: 60px;
8459 }
8460 .course-extra-box.active .course-extra-box__title::after {
8461 content: "\f106";
8462 }
8463 .course-extra-box + .comment-respond, .course-extra-box + .comments-area {
8464 margin-top: 30px;
8465 margin-bottom: 30px;
8466 }
8467 .course-extra-box + .course-tabs {
8468 margin-top: 30px;
8469 }
8470
8471 input[name=course-extra-box-ratio] {
8472 display: none;
8473 }
8474 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content {
8475 display: block;
8476 }
8477 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content .course-extra-box__content-inner {
8478 transform: scale(1);
8479 }
8480
8481 @-webkit-keyframes course-extra-box__content-inner-transform {
8482 from {
8483 opacity: 0;
8484 -webkit-transform: translateX(5%);
8485 transform: translateX(5%);
8486 }
8487 to {
8488 opacity: 1;
8489 -webkit-transform: translateX(0%);
8490 transform: translateX(0%);
8491 }
8492 }
8493 @keyframes course-extra-box__content-inner-transform {
8494 from {
8495 opacity: 0;
8496 transform: translateX(5%);
8497 }
8498 to {
8499 opacity: 1;
8500 transform: translateX(0%);
8501 }
8502 }
8503 .course-tab-panel-faqs .course-faqs-box {
8504 margin-bottom: 20px;
8505 border: 1px solid rgba(204, 204, 204, 0.6);
8506 border-radius: 5px;
8507 }
8508 .course-tab-panel-faqs .course-faqs-box__title {
8509 display: block;
8510 position: relative;
8511 margin: 0;
8512 padding: 12px 45px 12px 20px;
8513 font-size: 1em;
8514 line-height: 1.5;
8515 font-weight: var(--lp-font-weight-link, 600);
8516 cursor: pointer;
8517 }
8518 .course-tab-panel-faqs .course-faqs-box__title::after {
8519 position: absolute;
8520 top: 12px;
8521 right: 20px;
8522 font-family: "lp-icon";
8523 content: "\f067";
8524 }
8525 .course-tab-panel-faqs .course-faqs-box:last-child {
8526 margin-bottom: 40px;
8527 }
8528 .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
8529 color: var(--lp-primary-color);
8530 }
8531 .course-tab-panel-faqs .course-faqs-box__content {
8532 display: none;
8533 }
8534 .course-tab-panel-faqs .course-faqs-box__content-inner {
8535 padding: 20px;
8536 -webkit-animation-name: course-faqs-box__content-inner-transform;
8537 animation-name: course-faqs-box__content-inner-transform;
8538 -webkit-animation-duration: 0.3s;
8539 animation-duration: 0.3s;
8540 -webkit-animation-timing-function: ease-in-out;
8541 animation-timing-function: ease-in-out;
8542 -webkit-animation-iteration-count: 1;
8543 animation-iteration-count: 1;
8544 -webkit-animation-direction: normal;
8545 animation-direction: normal;
8546 }
8547
8548 input[name=course-faqs-box-ratio] {
8549 display: none;
8550 }
8551 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__content {
8552 display: block;
8553 }
8554 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title {
8555 color: var(--lp-primary-color);
8556 background: rgba(241, 242, 248, 0.4);
8557 }
8558 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title::after {
8559 content: "\f068";
8560 }
8561
8562 @-webkit-keyframes course-faqs-box__content-inner-transform {
8563 from {
8564 opacity: 0;
8565 -webkit-transform: translateY(-5%);
8566 transform: translateY(-5%);
8567 }
8568 to {
8569 opacity: 1;
8570 -webkit-transform: translateY(0%);
8571 transform: translateY(0%);
8572 }
8573 }
8574 @keyframes course-faqs-box__content-inner-transform {
8575 from {
8576 opacity: 0;
8577 -webkit-transform: translateY(-5%);
8578 transform: translateY(-5%);
8579 }
8580 to {
8581 opacity: 1;
8582 -webkit-transform: translateY(0%);
8583 transform: translateY(0%);
8584 }
8585 }
8586 .extra-box__title, .course-faqs__title, .course-material__title {
8587 margin-top: 0;
8588 margin-bottom: 12px;
8589 }
8590
8591 .edit-content {
8592 margin-left: 5px;
8593 }
8594
8595 .course-curriculum ul.curriculum-sections {
8596 position: relative;
8597 margin: 0;
8598 padding: 0;
8599 list-style: none;
8600 }
8601 .course-curriculum ul.curriculum-sections .closed .section-item__loadmore {
8602 display: none;
8603 }
8604 .course-curriculum ul.curriculum-sections .section {
8605 margin: 0;
8606 padding: 0;
8607 flex-wrap: wrap;
8608 }
8609 .course-curriculum ul.curriculum-sections .section:last-child {
8610 padding: 0;
8611 }
8612 .course-curriculum ul.curriculum-sections .section.section-empty .section-header {
8613 margin-bottom: 20px;
8614 }
8615 .course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message {
8616 margin-right: 15px;
8617 margin-left: 15px;
8618 }
8619 .course-curriculum ul.curriculum-sections .section-title.c + .section-desc {
8620 display: block;
8621 }
8622 .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
8623 -webkit-transform: rotate(180deg);
8624 transform: rotate(180deg);
8625 top: 0;
8626 }
8627 .course-curriculum ul.curriculum-sections .item-meta.duration {
8628 background: #d9e0f1;
8629 }
8630 .course-curriculum .section-item__loadmore {
8631 display: flex;
8632 justify-content: center;
8633 align-items: center;
8634 }
8635 .course-curriculum .section-item__loadmore button {
8636 margin-top: 10px;
8637 border: 1px solid #C3C4C7;
8638 border-radius: var(--lp-border-radius, 5px);
8639 padding: 8px 16px;
8640 box-shadow: none;
8641 outline: none;
8642 }
8643 .course-curriculum .section-item__loadmore.loading button:before {
8644 display: inline-block;
8645 font-family: "lp-icon";
8646 content: "\f110";
8647 animation: lp-rotating 1s linear infinite;
8648 margin-right: 5px;
8649 font-variant: normal;
8650 text-transform: none;
8651 -webkit-font-smoothing: antialiased;
8652 -moz-osx-font-smoothing: grayscale;
8653 }
8654 .course-curriculum .section-header {
8655 display: table;
8656 width: 100%;
8657 padding: 20px 0;
8658 border-bottom: 0;
8659 border-bottom: 1px solid #d9e0f1;
8660 cursor: pointer;
8661 -webkit-box-sizing: border-box;
8662 box-sizing: border-box;
8663 }
8664 .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
8665 margin: 0;
8666 }
8667 .course-curriculum .section-header span.show-desc {
8668 display: inline-block;
8669 position: absolute;
8670 top: 50%;
8671 right: 30px;
8672 width: 20px;
8673 height: 20px;
8674 transform: translate(0, -50%);
8675 }
8676 .course-curriculum .section-header span.show-desc::before {
8677 font-family: "lp-icon";
8678 font-size: 1.125em;
8679 content: "\f107";
8680 }
8681 .course-curriculum .section-header span.show-desc:hover::before {
8682 border-top-color: #ccc;
8683 }
8684 .course-curriculum .section-header .section-desc {
8685 margin-top: 10px;
8686 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8687 color: var(--lp-color-accent);
8688 font-style: italic;
8689 line-height: 1.3;
8690 }
8691 .course-curriculum .section-header .section-meta {
8692 display: block;
8693 padding-top: 17px;
8694 padding-bottom: 15px;
8695 font-size: 0.8em;
8696 text-align: right;
8697 vertical-align: middle;
8698 white-space: nowrap;
8699 }
8700 .course-curriculum .section-item {
8701 width: 100%;
8702 }
8703 .course-curriculum .section-content {
8704 margin: 0;
8705 padding: 0;
8706 list-style: none;
8707 }
8708 .course-curriculum .section-content .course-item-meta {
8709 display: table-cell;
8710 text-align: right;
8711 vertical-align: middle;
8712 white-space: nowrap;
8713 }
8714 .course-curriculum .section-content .course-item-meta .item-meta {
8715 display: inline-block;
8716 color: #fff;
8717 }
8718 .course-curriculum .section-content .course-item-meta .item-meta.final-quiz {
8719 background: #14c4ff;
8720 }
8721 .course-curriculum .section-content .course-item-meta .item-meta.trans {
8722 padding: 0;
8723 }
8724 .course-curriculum .section-content .course-item-meta .count-questions {
8725 background: #9672cf;
8726 }
8727 .course-curriculum .section-content .course-item-meta .duration {
8728 background: #c0c0c0;
8729 }
8730 .course-curriculum .section-content .course-item-meta .course-item-status {
8731 padding: 0;
8732 color: #999;
8733 }
8734 .course-curriculum .section-content .course-item-meta .course-item-status::before {
8735 font-family: "lp-icon";
8736 content: "\f00c";
8737 }
8738 .course-curriculum .section-content .course-item-preview {
8739 font-style: normal;
8740 padding: 0;
8741 }
8742 .course-curriculum .section-content .course-item-preview::before {
8743 font-family: "lp-icon";
8744 content: "\f06e";
8745 color: #999;
8746 }
8747 .course-curriculum .course-item {
8748 display: flex;
8749 position: relative;
8750 margin: 0 0 2px 0;
8751 padding: 0 16px;
8752 background: rgba(241, 242, 248, 0.4);
8753 transition: padding-left linear 0.15s;
8754 }
8755 .course-curriculum .course-item > span {
8756 display: flex;
8757 width: 28px;
8758 color: #666;
8759 font-weight: 300;
8760 align-items: center;
8761 }
8762 .course-curriculum .course-item .section-item-link {
8763 display: flex;
8764 align-items: flex-start;
8765 justify-content: space-between;
8766 width: 100%;
8767 padding: 12px 0;
8768 color: inherit;
8769 outline: none;
8770 gap: 12px;
8771 }
8772 .course-curriculum .course-item .section-item-link:hover .item-name {
8773 color: var(--lp-primary-color);
8774 }
8775 .course-curriculum .course-item .section-item-link::before {
8776 color: var(--lp-primary-color);
8777 font-family: "lp-icon";
8778 }
8779 .course-curriculum .course-item .section-item-link .course-item-info {
8780 width: 100%;
8781 }
8782 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre {
8783 display: flex;
8784 flex-flow: row-reverse;
8785 justify-content: flex-end;
8786 gap: 16px;
8787 align-items: center;
8788 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8789 }
8790 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration {
8791 background: transparent;
8792 }
8793 .course-curriculum .course-item .item-name {
8794 font-weight: 600;
8795 }
8796 .course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
8797 content: "\f059";
8798 }
8799 .course-curriculum .course-item.course-item-lp_assignment .section-item-link::before {
8800 content: "\e929" !important;
8801 }
8802 .course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before {
8803 content: "\e92a" !important;
8804 }
8805 .course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
8806 content: "\f15b";
8807 }
8808 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before {
8809 content: "\f03d";
8810 }
8811 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before {
8812 content: "\f028";
8813 }
8814 .course-curriculum .course-item.item-locked .course-item-status::before {
8815 color: var(--lp-secondary-color);
8816 content: "\f023";
8817 }
8818 .course-curriculum .course-item.has-status {
8819 padding-top: 1px;
8820 }
8821 .course-curriculum .course-item.has-status.status-completed .course-item-status::before, .course-curriculum .course-item.has-status.status-evaluated .course-item-status::before {
8822 color: #3bb54a;
8823 }
8824 .course-curriculum .course-item.has-status.item-failed .course-item-status::before, .course-curriculum .course-item.has-status.failed .course-item-status::before {
8825 border-color: #f02425;
8826 color: #f02425;
8827 content: "\f00d";
8828 }
8829 .course-curriculum .course-item::before {
8830 position: absolute;
8831 top: 50%;
8832 left: 0;
8833 width: 3px;
8834 height: 0;
8835 background: #00adff;
8836 content: "";
8837 transition: height linear 0.15s, top linear 0.15s;
8838 }
8839 .course-curriculum .course-item.current {
8840 background: #f9f9f9;
8841 }
8842 .course-curriculum .course-item.current a::before {
8843 left: 10px;
8844 }
8845 .course-curriculum .course-item.current::before {
8846 top: 0;
8847 height: 100%;
8848 }
8849 .course-curriculum .section-left {
8850 vertical-align: top;
8851 }
8852 .course-curriculum .section-left .section-title {
8853 font-weight: 700;
8854 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
8855 text-transform: capitalize;
8856 display: block;
8857 }
8858 .course-curriculum .curriculum-more__button {
8859 border: 1px solid #C3C4C7;
8860 border-radius: var(--lp-border-radius, 5px);
8861 padding: 8px 16px;
8862 box-shadow: none;
8863 outline: none;
8864 width: 100%;
8865 margin-top: 20px;
8866 margin-bottom: 20px;
8867 }
8868 .course-curriculum .curriculum-more__button.loading:before {
8869 display: inline-block;
8870 font-family: "lp-icon";
8871 content: "\f110";
8872 animation: lp-rotating 1s linear infinite;
8873 margin-right: 5px;
8874 font-variant: normal;
8875 text-transform: none;
8876 -webkit-font-smoothing: antialiased;
8877 -moz-osx-font-smoothing: grayscale;
8878 }
8879
8880 body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
8881 float: right;
8882 }
8883
8884 #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 {
8885 top: 2px;
8886 font-family: "lp-icon";
8887 }
8888 #wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before {
8889 content: "\f017";
8890 }
8891 #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before {
8892 content: "\f15c";
8893 }
8894 #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
8895 content: "\f29c";
8896 }
8897
8898 .course-remaining-time .label-enrolled {
8899 font-size: inherit;
8900 }
8901
8902 .lp-course-progress {
8903 position: relative;
8904 }
8905 .lp-course-progress .lp-passing-conditional {
8906 position: absolute;
8907 top: 0;
8908 width: 3px;
8909 height: 6px;
8910 margin-left: -1px;
8911 background: var(--lp-secondary-color);
8912 }
8913
8914 .viewing-course-item .section-header .section-desc {
8915 display: none;
8916 }
8917
8918 .lp-course-curriculum ul, .lp-course-curriculum li {
8919 list-style: none;
8920 margin: 0;
8921 padding: 0;
8922 }
8923 .lp-course-curriculum .course-curriculum-info {
8924 display: flex;
8925 justify-content: space-between;
8926 gap: 20px;
8927 margin-bottom: 20px;
8928 }
8929 .lp-course-curriculum .course-curriculum-info__left {
8930 display: flex;
8931 align-items: center;
8932 flex-wrap: wrap;
8933 gap: 8px;
8934 }
8935 .lp-course-curriculum .course-curriculum-info__left li {
8936 display: inline-flex;
8937 align-items: center;
8938 gap: 8px;
8939 }
8940 .lp-course-curriculum .course-curriculum-info__left li::after {
8941 content: "";
8942 width: 4px;
8943 height: 4px;
8944 background-color: #C3C4C7;
8945 display: inline-block;
8946 }
8947 .lp-course-curriculum .course-curriculum-info__left li:last-child::after {
8948 content: none;
8949 }
8950 .lp-course-curriculum .course-curriculum-info__right {
8951 font-weight: var(--lp-font-weight-link, 600);
8952 text-align: right;
8953 text-transform: capitalize;
8954 }
8955 .lp-course-curriculum .course-toggle-all-sections {
8956 cursor: pointer;
8957 }
8958 .lp-course-curriculum .course-section {
8959 margin-bottom: 8px;
8960 border: 1px solid #C3C4C7;
8961 border-radius: var(--lp-border-radius, 5px);
8962 cursor: pointer;
8963 overflow: hidden;
8964 }
8965 .lp-course-curriculum .course-section.lp-collapse .course-section__items {
8966 display: none;
8967 animation: ease-in-out;
8968 }
8969 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-up {
8970 display: none;
8971 }
8972 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-down {
8973 display: block;
8974 }
8975 .lp-course-curriculum .course-section .lp-icon-angle-down {
8976 display: none;
8977 }
8978 .lp-course-curriculum .course-section:last-child {
8979 margin-bottom: 0;
8980 }
8981 .lp-course-curriculum .course-section .course-section-header {
8982 background-color: var(--lp-white-grey, #F7F7FB);
8983 padding: 20px;
8984 column-gap: 12px;
8985 display: flex;
8986 justify-content: space-between;
8987 }
8988 .lp-course-curriculum .course-section__title {
8989 font-weight: 600;
8990 font-size: 1.1em;
8991 line-height: 1.3em;
8992 }
8993 .lp-course-curriculum .course-section__description {
8994 margin: 4px 0 0 0;
8995 }
8996 .lp-course-curriculum .course-section .section-toggle {
8997 line-height: 1;
8998 }
8999 .lp-course-curriculum .course-section .section-toggle i {
9000 font-size: 24px;
9001 }
9002 .lp-course-curriculum .course-section .course-section-info {
9003 margin-left: 0;
9004 margin-right: auto;
9005 }
9006 .lp-course-curriculum .course-section .section-count-items {
9007 min-width: 24px;
9008 font-weight: 600;
9009 text-align: center;
9010 line-height: 1.3;
9011 white-space: nowrap;
9012 }
9013 .lp-course-curriculum .course-section .course-item {
9014 background-color: transparent;
9015 border-top: 1px solid #C3C4C7;
9016 padding: 12px 20px;
9017 margin: 0;
9018 }
9019 .lp-course-curriculum .course-section .course-item__link {
9020 display: flex;
9021 justify-content: space-between;
9022 width: 100%;
9023 column-gap: 12px;
9024 row-gap: 8px;
9025 position: relative;
9026 align-items: flex-start;
9027 color: inherit;
9028 }
9029 .lp-course-curriculum .course-section .course-item__info {
9030 display: flex;
9031 column-gap: 12px;
9032 row-gap: 8px;
9033 }
9034 .lp-course-curriculum .course-section .course-item__info .course-item-ico {
9035 min-width: 16px;
9036 }
9037 .lp-course-curriculum .course-section .course-item__content {
9038 display: flex;
9039 justify-content: space-between;
9040 column-gap: 12px;
9041 row-gap: 8px;
9042 align-items: baseline;
9043 flex: 1;
9044 }
9045 @media (max-width: 1024px) {
9046 .lp-course-curriculum .course-section .course-item__content {
9047 flex-wrap: wrap;
9048 }
9049 }
9050 .lp-course-curriculum .course-section .course-item__left:hover {
9051 color: var(--lp-primary-color, #ffb606);
9052 }
9053 .lp-course-curriculum .course-section .course-item__right {
9054 display: flex;
9055 column-gap: 12px;
9056 row-gap: 8px;
9057 align-items: center;
9058 flex: none;
9059 color: var(--lp-color-meta, #8a8a8a);
9060 flex-wrap: wrap;
9061 flex-direction: row-reverse;
9062 justify-content: flex-end;
9063 }
9064 @media (max-width: 1024px) {
9065 .lp-course-curriculum .course-section .course-item__right {
9066 width: 100%;
9067 order: 3;
9068 }
9069 }
9070 .lp-course-curriculum .course-section .course-item__status .course-item-ico {
9071 width: 24px;
9072 display: flex;
9073 justify-content: center;
9074 }
9075 .lp-course-curriculum .course-section .course-item-ico::before {
9076 content: "";
9077 display: inline-block;
9078 font-family: "lp-icon";
9079 font-weight: normal;
9080 }
9081 .lp-course-curriculum .course-section .course-item-ico.lp_lesson::before {
9082 content: "\f15b";
9083 }
9084 .lp-course-curriculum .course-section .course-item-ico.lp_quiz::before {
9085 content: "\f12e";
9086 }
9087 .lp-course-curriculum .course-section .course-item-ico.lp_assignment::before {
9088 content: "\e929";
9089 }
9090 .lp-course-curriculum .course-section .course-item-ico.lp_h5p::before {
9091 content: "\e92a";
9092 }
9093 .lp-course-curriculum .course-section .course-item-ico.preview::before {
9094 content: "\f06e";
9095 color: #999;
9096 }
9097 .lp-course-curriculum .course-section .course-item-ico.locked::before {
9098 content: "\f023";
9099 color: #999;
9100 }
9101 .lp-course-curriculum .course-section .course-item-ico.passed.completed::before {
9102 content: "\f00c";
9103 color: #3bb54a;
9104 }
9105 .lp-course-curriculum .course-section .course-item-ico.in-progress::before, .lp-course-curriculum .course-section .course-item-ico.completed::before {
9106 content: "\f00c";
9107 color: #999;
9108 }
9109 .lp-course-curriculum .course-section .course-item-ico.failed.completed::before {
9110 content: "\f00d";
9111 color: #f02425;
9112 }
9113 .lp-course-curriculum .course-section .course-item-ico.started::before {
9114 content: "\f00c";
9115 color: #999;
9116 }
9117 .lp-course-curriculum .course-section .course-item-ico.doing::before {
9118 content: "\e921";
9119 color: #999;
9120 }
9121
9122 .info-learning .course-progress > div {
9123 margin-bottom: 8px;
9124 }
9125 .info-learning .course-progress__line {
9126 width: 100%;
9127 background: #ccc;
9128 height: 5px;
9129 border-radius: 5px;
9130 position: relative;
9131 }
9132 .info-learning .course-progress__line__active {
9133 background: var(--lp-primary-color);
9134 height: 100%;
9135 border-radius: 5px;
9136 position: absolute;
9137 top: 0;
9138 left: 0;
9139 }
9140 .info-learning .course-progress__line__active {
9141 background: var(--lp-primary-color);
9142 height: 100%;
9143 border-radius: 5px;
9144 position: absolute;
9145 top: 0;
9146 left: 0;
9147 }
9148 .info-learning .course-progress__line__point {
9149 position: absolute;
9150 top: 0;
9151 width: 2px;
9152 height: 100%;
9153 background: var(--lp-secondary-color);
9154 }
9155 .info-learning .start-date, .info-learning .end-date {
9156 margin-bottom: 8px;
9157 }
9158
9159 /*
9160 Css for Block of Gutenberg
9161 */
9162 /**
9163 * Styles for all page of Block LP
9164 *
9165 * @since 4.2.3
9166 * @version 1.0.0
9167 */
9168 .lp-ico svg {
9169 width: 20px;
9170 height: 20px;
9171 }
9172
9173 .lp-hidden {
9174 display: none !important;
9175 }
9176
9177 .course-price .origin-price {
9178 text-decoration: line-through;
9179 margin-right: 4px;
9180 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9181 opacity: 0.6;
9182 }
9183
9184 [class*=wp-block-learnpress] img,
9185 .block-editor-block-list__block img {
9186 max-width: 100%;
9187 height: auto;
9188 }
9189 [class*=wp-block-learnpress] .info-meta-item,
9190 .block-editor-block-list__block .info-meta-item {
9191 display: flex;
9192 gap: 4px;
9193 flex-wrap: wrap;
9194 }
9195 [class*=wp-block-learnpress] .info-meta-item i,
9196 .block-editor-block-list__block .info-meta-item i {
9197 color: var(--lp-primary-color, #ffb606);
9198 }
9199 [class*=wp-block-learnpress] .info-meta-left,
9200 .block-editor-block-list__block .info-meta-left {
9201 display: flex;
9202 gap: 8px;
9203 align-items: center;
9204 letter-spacing: 0;
9205 }
9206 [class*=wp-block-learnpress] a,
9207 .block-editor-block-list__block a {
9208 text-decoration: none;
9209 }
9210
9211 .wp-block-learnpress-course-image {
9212 overflow: hidden;
9213 }
9214
9215 .wp-block-learnpress-course-instructor > div > *,
9216 .wp-block-learnpress-course-categories > div > * {
9217 display: inline;
9218 vertical-align: middle;
9219 }
9220
9221 /*
9222 Breadcrumb
9223 */
9224 .wp-block-learnpress-breadcrumb ul {
9225 margin: 0 auto;
9226 list-style: none;
9227 padding: 0;
9228 }
9229 .wp-block-learnpress-breadcrumb li {
9230 display: inline-block;
9231 margin: 0;
9232 }
9233 .wp-block-learnpress-breadcrumb i {
9234 margin: 0 8px;
9235 }
9236 .wp-block-learnpress-breadcrumb a {
9237 color: inherit;
9238 }
9239
9240 .courses-btn-load-more {
9241 padding: 8px 24px;
9242 border-radius: var(--lp-border-radius, 5px);
9243 color: var(--lp-color-base, #333);
9244 border: 1px solid var(--lp-color-base, #333);
9245 font-size: var(--lp-font-size-base, 1em);
9246 transition: all 0.3s;
9247 display: block;
9248 background: transparent;
9249 text-decoration: none;
9250 text-align: center;
9251 cursor: pointer;
9252 margin: 20px auto;
9253 }
9254 .courses-btn-load-more:hover {
9255 background: var(--lp-primary-color, #ffb606);
9256 color: var(--lp-color-white, #fff);
9257 border-color: var(--lp-primary-color, #ffb606);
9258 }
9259
9260 .lp-overlay {
9261 display: none;
9262 position: fixed;
9263 z-index: 99999;
9264 top: 0;
9265 right: 0;
9266 bottom: 0;
9267 left: 0;
9268 width: 100%;
9269 height: 100%;
9270 background-color: rgba(209, 213, 219, 0.8);
9271 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9272 transition-duration: 150ms;
9273 transition-property: opacity;
9274 }
9275
9276 .lp-modal-dialog {
9277 display: flex;
9278 position: fixed;
9279 z-index: 9999;
9280 top: 0;
9281 right: 0;
9282 left: 0;
9283 width: 100%;
9284 min-height: 100vh;
9285 text-align: center;
9286 align-items: center;
9287 justify-content: center;
9288 }
9289 .lp-modal-dialog .learn-press-message {
9290 width: auto;
9291 margin: 0 !important;
9292 }
9293 .lp-modal-dialog .lp-modal-content {
9294 display: inline-block;
9295 overflow: hidden;
9296 z-index: 2;
9297 width: auto;
9298 max-width: 600px;
9299 border-radius: 8px;
9300 text-align: left;
9301 vertical-align: middle;
9302 background: white;
9303 color: black;
9304 }
9305 .lp-modal-dialog .lp-modal-content h2,
9306 .lp-modal-dialog .lp-modal-content h3 {
9307 margin: 0;
9308 }
9309 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
9310 border-bottom: 1px solid #eee;
9311 }
9312 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
9313 padding: 0 1em;
9314 }
9315 .lp-modal-dialog .lp-modal-header {
9316 background: #7c60d9;
9317 border-bottom: 1px solid #eee;
9318 padding: 1em;
9319 }
9320 .lp-modal-dialog .lp-modal-header h3 {
9321 margin: 0;
9322 color: white;
9323 font-weight: 400;
9324 }
9325 .lp-modal-dialog .lp-modal-body .main-content {
9326 max-height: 500px;
9327 overflow: auto;
9328 overscroll-behavior: contain;
9329 }
9330 .lp-modal-dialog .lp-modal-body .main-content h3,
9331 .lp-modal-dialog .lp-modal-body .main-content h2,
9332 .lp-modal-dialog .lp-modal-body .main-content .pd-2em {
9333 padding: 1em;
9334 }
9335 .lp-modal-dialog .lp-modal-footer {
9336 padding: 20px;
9337 background-color: #f9fafb;
9338 text-align: right;
9339 }
9340 .lp-modal-dialog .btn-yes {
9341 color: #fff;
9342 background-color: #7c60d9;
9343 }
9344 .lp-modal-dialog .lp_allow_repurchase_select {
9345 padding: 20px;
9346 background: #f7f7f7;
9347 }
9348 .lp-modal-dialog .lp_allow_repurchase_select > ul {
9349 margin: 0;
9350 padding: 0;
9351 list-style: none;
9352 }
9353 .lp-modal-dialog .lp_allow_repurchase_select > ul li label {
9354 display: flex;
9355 align-items: center;
9356 gap: 10px;
9357 }
9358 .lp-modal-dialog .lp-button {
9359 cursor: pointer;
9360 border: 1px solid #C3C4C7;
9361 border-radius: var(--lp-border-radius, 5px);
9362 padding: 8px 16px;
9363 }
9364 .lp-modal-dialog .lp-button.loading {
9365 pointer-events: none;
9366 opacity: 0.8;
9367 }
9368 .lp-modal-dialog .lp-button.loading:before {
9369 display: inline-block;
9370 font-family: "lp-icon";
9371 content: "\f110";
9372 animation: lp-rotating 1s linear infinite;
9373 margin-right: 5px;
9374 font-variant: normal;
9375 text-transform: none;
9376 -webkit-font-smoothing: antialiased;
9377 -moz-osx-font-smoothing: grayscale;
9378 }
9379 .lp-modal-dialog .lp-button:hover {
9380 border-color: var(--lp-primary-color, #ffb606);
9381 color: #fff;
9382 background: var(--lp-primary-color, #ffb606);
9383 }
9384
9385 .lp-button.btn-finish-course {
9386 cursor: pointer;
9387 width: 100%;
9388 padding: 12px 24px;
9389 background-color: var(--lp-primary-color, #ffb606);
9390 border-width: 0;
9391 border-radius: var(--lp-border-radius, 5px);
9392 border-color: var(--lp-primary-color, #ffb606);
9393 color: var(--lp-color-white, #fff);
9394 font-size: var(--lp-font-size-base, 1em);
9395 text-align: center;
9396 text-decoration: none;
9397 -webkit-transition: all 0.25s;
9398 transition: all 0.25s;
9399 }
9400 .lp-button.btn-finish-course:hover {
9401 background-color: var(--lp-secondary-color, #442e66);
9402 border-color: var(--lp-secondary-color, #442e66);
9403 }
9404 .lp-button.btn-finish-course.loading {
9405 pointer-events: none;
9406 opacity: 0.8;
9407 }
9408 .lp-button.btn-finish-course.loading:before {
9409 display: inline-block;
9410 font-family: "lp-icon";
9411 content: "\f110";
9412 animation: lp-rotating 1s linear infinite;
9413 margin-right: 5px;
9414 font-variant: normal;
9415 text-transform: none;
9416 -webkit-font-smoothing: antialiased;
9417 -moz-osx-font-smoothing: grayscale;
9418 }
9419
9420 /**
9421 * Mixin
9422 */
9423 @keyframes rotating4 {
9424 from {
9425 transform: rotate(0deg);
9426 }
9427 to {
9428 transform: rotate(360deg);
9429 }
9430 }
9431 @keyframes animation4 {
9432 from {
9433 left: -40%;
9434 width: 40%;
9435 }
9436 to {
9437 left: 100%;
9438 width: 10%;
9439 }
9440 }
9441 :root {
9442 --lp-cotainer-max-with: var(--lp-container-max-width);
9443 }
9444
9445 .wp-block-group {
9446 --lp-container-max-width: var(--wp--style--global--wide-size);
9447 }
9448
9449 .c-gap-4 {
9450 column-gap: 4px;
9451 }
9452
9453 .wp-block-learnpress-course-feature-review .featured-review__title {
9454 font-weight: var(--lp-font-weight-link, 600);
9455 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
9456 }
9457
9458 [class^=wp-block-learnpress] .extra-box ul {
9459 margin: 0 0 0 20px;
9460 padding: 0;
9461 }
9462
9463 .wp-block-learnpress-course-button-read-more,
9464 .wp-block-learnpress-course-button {
9465 cursor: pointer;
9466 padding: 12px 24px;
9467 background-color: var(--lp-primary-color, #ffb606);
9468 border-width: 0;
9469 border-radius: var(--lp-border-radius, 5px);
9470 border-color: var(--lp-primary-color, #ffb606);
9471 color: var(--lp-color-white, #fff);
9472 font-size: var(--lp-font-size-base, 1em);
9473 text-align: center;
9474 text-decoration: none;
9475 -webkit-transition: all 0.25s;
9476 transition: all 0.25s;
9477 }
9478 .wp-block-learnpress-course-button-read-more:hover,
9479 .wp-block-learnpress-course-button:hover {
9480 background-color: var(--lp-secondary-color, #442e66);
9481 border-color: var(--lp-secondary-color, #442e66);
9482 }
9483 .wp-block-learnpress-course-button-read-more.loading,
9484 .wp-block-learnpress-course-button.loading {
9485 pointer-events: none;
9486 opacity: 0.8;
9487 }
9488 .wp-block-learnpress-course-button-read-more.loading:before,
9489 .wp-block-learnpress-course-button.loading:before {
9490 display: inline-block;
9491 font-family: "lp-icon";
9492 content: "\f110";
9493 animation: lp-rotating 1s linear infinite;
9494 margin-right: 5px;
9495 font-variant: normal;
9496 text-transform: none;
9497 -webkit-font-smoothing: antialiased;
9498 -moz-osx-font-smoothing: grayscale;
9499 vertical-align: middle;
9500 }
9501
9502 @media (min-width: 992px) {
9503 .lp-block-course-sidebar {
9504 margin-top: -260px;
9505 margin-block-start: -260px !important;
9506 }
9507 }
9508 .wp-block-learnpress-item-search .search-course {
9509 display: flex;
9510 position: relative;
9511 height: 70px;
9512 background: var(--lp-white-grey, #F7F7FB);
9513 }
9514 .wp-block-learnpress-item-search .search-course input[name=s] {
9515 display: block;
9516 width: 100%;
9517 margin-left: 30px;
9518 border: none;
9519 color: var(--lp-color-base, #333);
9520 background: transparent;
9521 box-shadow: none;
9522 height: auto;
9523 -webkit-box-sizing: border-box;
9524 box-sizing: border-box;
9525 }
9526 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
9527 color: #999;
9528 }
9529 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
9530 font-style: italic;
9531 }
9532 .wp-block-learnpress-item-search .search-course input[name=s]:focus {
9533 outline: 0;
9534 }
9535 .wp-block-learnpress-item-search .search-course button {
9536 position: absolute;
9537 top: 0;
9538 right: 10px;
9539 height: 70px;
9540 padding: 0 16px;
9541 border: 0;
9542 background: transparent;
9543 line-height: 1px;
9544 box-shadow: none;
9545 }
9546 .wp-block-learnpress-item-search .search-course button:focus {
9547 outline: none;
9548 }
9549 .wp-block-learnpress-item-search .search-course button i {
9550 color: var(--lp-color-accent, #666);
9551 }
9552 .wp-block-learnpress-item-search .search-course button.clear {
9553 display: none;
9554 }
9555 .wp-block-learnpress-item-search .search-course button.clear::before {
9556 content: "\f00d";
9557 }
9558
9559 .wp-block-learnpress-course-material .lp-button {
9560 padding: 12px 24px;
9561 border: 1px solid var(--lp-border-color, #E2E0DB);
9562 color: var(--lp-color-base, #333);
9563 background: transparent;
9564 box-shadow: unset;
9565 font-family: inherit;
9566 font-weight: 400;
9567 text-align: center;
9568 text-transform: capitalize;
9569 border-radius: var(--lp-border-radius, 5px);
9570 margin-top: 20px;
9571 -webkit-transition: all 0.25s;
9572 transition: all 0.25s;
9573 }
9574 .wp-block-learnpress-course-material .course-material-table {
9575 width: 100%;
9576 display: table;
9577 border-spacing: 0;
9578 border-collapse: collapse;
9579 }
9580 .wp-block-learnpress-course-material .course-material-table tbody tr:nth-child(even) td,
9581 .wp-block-learnpress-course-material .course-material-table .learnpress table tfoot tr:nth-child(even) td {
9582 background: var(--tb-even-color, #fafafa);
9583 }
9584 .wp-block-learnpress-course-material .course-material-table thead {
9585 box-sizing: border-box;
9586 border: 1px solid var(--lp-border-color, #e2e0db);
9587 }
9588 .wp-block-learnpress-course-material .course-material-table th,
9589 .wp-block-learnpress-course-material .course-material-table td {
9590 padding: 0.7em 1em;
9591 border: 1px solid var(--lp-border-color, #e2e0db);
9592 background: #fff;
9593 }
9594 .wp-block-learnpress-course-material .course-material-table th {
9595 border-bottom: none;
9596 background: var(--lp-white-grey, #f7f7fb);
9597 font-weight: 600;
9598 text-align: center;
9599 }
9600 .wp-block-learnpress-course-material .course-material-table th:first-child {
9601 text-align: left;
9602 }
9603 .wp-block-learnpress-course-material .course-material-table tr td {
9604 border: 1px solid var(--lp-border-color, #e2e0db);
9605 line-height: 1.4;
9606 }
9607 .wp-block-learnpress-course-material .course-material-table tr td:not(:first-child) {
9608 text-align: center;
9609 }
9610 .wp-block-learnpress-course-material .course-material-table tfoot td {
9611 text-align: left;
9612 font-weight: bold;
9613 }
9614 .wp-block-learnpress-course-material .course-material-table.searching button:before {
9615 display: inline-block;
9616 content: "\f110";
9617 animation: lp-rotating 1s linear infinite;
9618 }
9619
9620 .wp-block-learnpress-item-hidden-sidebar .section-toggle {
9621 justify-content: flex-end;
9622 flex: 0;
9623 }
9624 .wp-block-learnpress-item-hidden-sidebar .section-toggle i {
9625 color: var(--lp-color-accent, #666);
9626 }
9627
9628 .wp-block-learnpress-item-close .back-course {
9629 padding: 24px;
9630 line-height: 70px;
9631 background: rgba(255, 255, 255, 0.1);
9632 color: #fff;
9633 }
9634 .wp-block-learnpress-item-close .back-course:hover {
9635 background: rgba(255, 255, 255, 0.15);
9636 }
9637 @media (max-width: 768px) {
9638 .wp-block-learnpress-item-close .back-course {
9639 background: transparent;
9640 opacity: 0.6;
9641 padding-left: 15px;
9642 padding-right: 15px;
9643 }
9644 .wp-block-learnpress-item-close .back-course:hover {
9645 background: transparent;
9646 opacity: 1;
9647 }
9648 }
9649
9650 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle {
9651 display: inline-block;
9652 width: 32px;
9653 min-width: 32px;
9654 line-height: 70px;
9655 height: unset;
9656 margin: 0;
9657 background: rgba(255, 255, 255, 0.1);
9658 color: var(--lp-color-white, #fff);
9659 font-size: 1.4em;
9660 cursor: pointer;
9661 transition: 0.25s;
9662 -webkit-appearance: none;
9663 border: none;
9664 text-align: center;
9665 }
9666 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:after {
9667 display: none;
9668 }
9669 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle::before {
9670 display: inline-block;
9671 position: static;
9672 margin: 0;
9673 width: auto;
9674 height: auto;
9675 font-family: "lp-icon";
9676 content: "\f0d9";
9677 }
9678 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:focus {
9679 border: 0;
9680 outline: 0;
9681 }
9682
9683 .wp-block-learnpress-item-progress .items-progress {
9684 display: flex;
9685 justify-content: center;
9686 align-items: center;
9687 column-gap: 10px;
9688 white-space: nowrap;
9689 }
9690 .wp-block-learnpress-item-progress .number {
9691 padding-right: 10px;
9692 font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
9693 }
9694 .wp-block-learnpress-item-progress .learn-press-progress {
9695 overflow: hidden;
9696 position: relative;
9697 width: 80px;
9698 height: 6px;
9699 border-radius: 3px;
9700 }
9701 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg {
9702 overflow: hidden;
9703 position: relative;
9704 height: 6px;
9705 background: #ccc;
9706 border-radius: 5px;
9707 }
9708 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active {
9709 position: absolute;
9710 left: 50%;
9711 width: 100%;
9712 height: 100%;
9713 margin-left: -100%;
9714 background: var(--lp-primary-color, #ffb606);
9715 border-radius: 5px;
9716 }
9717 .wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active {
9718 position: absolute;
9719 z-index: 1;
9720 left: -100%;
9721 width: 100%;
9722 height: 100%;
9723 border-radius: 3px;
9724 background: var(--lp-primary-color, #ffb606);
9725 -webkit-transition: 0.5s;
9726 transition: 0.5s;
9727 }
9728 .wp-block-learnpress-item-progress .learn-press-progress::before {
9729 display: block;
9730 position: absolute;
9731 z-index: 0;
9732 top: 0;
9733 width: 100%;
9734 height: 100%;
9735 background: #ccc;
9736 content: "";
9737 }
9738
9739 .wp-block-learnpress-item-navigation .course-item-nav {
9740 display: flex;
9741 justify-content: space-between;
9742 }
9743 .wp-block-learnpress-item-navigation .course-item-nav .prev,
9744 .wp-block-learnpress-item-navigation .course-item-nav .next {
9745 display: flex;
9746 line-height: 3.125em;
9747 flex: 1;
9748 position: relative;
9749 }
9750 .wp-block-learnpress-item-navigation .course-item-nav .prev span,
9751 .wp-block-learnpress-item-navigation .course-item-nav .next span {
9752 display: block;
9753 font-weight: bold;
9754 }
9755 .wp-block-learnpress-item-navigation .course-item-nav .prev a,
9756 .wp-block-learnpress-item-navigation .course-item-nav .next a {
9757 display: block;
9758 color: var(--lp-color-accent, #666);
9759 color: #999;
9760 }
9761 .wp-block-learnpress-item-navigation .course-item-nav .prev::before,
9762 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9763 color: #999;
9764 font-family: "lp-icon";
9765 }
9766 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover a, .wp-block-learnpress-item-navigation .course-item-nav .prev:hover::before,
9767 .wp-block-learnpress-item-navigation .course-item-nav .next:hover a,
9768 .wp-block-learnpress-item-navigation .course-item-nav .next:hover::before {
9769 color: var(--lp-primary-color, #ffb606);
9770 }
9771 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover .course-item-nav__name,
9772 .wp-block-learnpress-item-navigation .course-item-nav .next:hover .course-item-nav__name {
9773 display: block;
9774 }
9775 .wp-block-learnpress-item-navigation .course-item-nav .next {
9776 text-align: right;
9777 flex-direction: row-reverse;
9778 }
9779 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9780 margin-left: 10px;
9781 content: "\f0da";
9782 }
9783 .wp-block-learnpress-item-navigation .course-item-nav .next[data-nav=next] {
9784 justify-content: flex-end;
9785 }
9786 .wp-block-learnpress-item-navigation .prev::before {
9787 margin-right: 10px;
9788 content: "\f0d9";
9789 }
9790 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9791 right: auto;
9792 left: -30px;
9793 }
9794 .wp-block-learnpress-item-navigation .prev .course-item-nav__name::before {
9795 right: auto;
9796 left: 5px;
9797 }
9798 @media (max-width: 1024px) {
9799 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9800 left: 15px;
9801 }
9802 }
9803 .wp-block-learnpress-item-navigation .course-item-nav__name {
9804 display: none;
9805 position: absolute;
9806 top: -20px;
9807 right: -30px;
9808 width: auto;
9809 padding: 10px 15px;
9810 color: var(--lp-color-accent, #666);
9811 background: #ccc;
9812 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9813 line-height: 1;
9814 }
9815 @media (max-width: 1024px) {
9816 .wp-block-learnpress-item-navigation .course-item-nav__name {
9817 top: -25px;
9818 right: 15px;
9819 left: auto;
9820 }
9821 }
9822
9823 .wp-block-learnpress-item-curriculum .lp-course-curriculum__title,
9824 .wp-block-learnpress-item-curriculum .course-curriculum-info,
9825 .wp-block-learnpress-item-curriculum .course-section__description {
9826 display: none;
9827 }
9828
9829 .wp-block-learnpress-item-content .content-item-wrap {
9830 padding: 0;
9831 }
9832
9833 .wp-block-learnpress-item-curriculum .lp-course-curriculum .course-section .course-item__content {
9834 display: flex;
9835 justify-content: space-between;
9836 column-gap: 12px;
9837 row-gap: 8px;
9838 align-items: baseline;
9839 flex: 1;
9840 flex-direction: row;
9841 }
9842
9843 .wp-block-learnpress-list-courses .learn-press-courses .course {
9844 width: unset;
9845 padding: 0;
9846 }
9847
9848 .wp-block-learnpress-course-featured .course-featured {
9849 margin-bottom: 0;
9850 background-color: inherit;
9851 color: inherit;
9852 padding: 0;
9853 }
9854
9855 .courses-order-by,
9856 .block-courses-order-by {
9857 border: 1px solid var(--lp-border-color, #E2E0DB);
9858 border-radius: var(--lp-border-radius, 5px);
9859 padding: 8px 16px;
9860 height: inherit;
9861 font-size: inherit;
9862 line-height: 1.1;
9863 box-shadow: none;
9864 padding-right: 30px;
9865 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
9866 background-size: 0.8em;
9867 background-position: calc(100% - 0.5em) center;
9868 background-repeat: no-repeat;
9869 -webkit-appearance: none;
9870 appearance: none;
9871 line-height: 1.1;
9872 }
9873 .woocommerce-js .courses-order-by,
9874 .woocommerce-js .block-courses-order-by {
9875 background-position-x: calc(100% - 10px);
9876 }
9877 .courses-order-by:focus,
9878 .block-courses-order-by:focus {
9879 border-color: var(--lp-primary-color);
9880 outline: 0;
9881 }
9882
9883 .course-img img {
9884 display: block;
9885 }
9886
9887 .block-search-courses {
9888 display: flex;
9889 flex: 1;
9890 margin-bottom: 0;
9891 }
9892 .block-search-courses input {
9893 width: 100%;
9894 max-width: 240px;
9895 margin: 0 4px 0 0;
9896 border: 1px solid var(--lp-border-color, #E2E0DB);
9897 border-radius: var(--lp-border-radius, 5px);
9898 padding: 8px 16px;
9899 height: inherit;
9900 font-size: inherit;
9901 line-height: 1.1;
9902 box-shadow: none;
9903 }
9904 .block-search-courses input::placeholder {
9905 color: #999;
9906 }
9907 .block-search-courses input:focus {
9908 border-color: var(--lp-primary-color);
9909 outline: 0;
9910 }
9911 .block-search-courses button {
9912 border: 1px solid var(--lp-border-color, #E2E0DB);
9913 border-radius: var(--lp-border-radius, 5px);
9914 padding: 8px 16px;
9915 height: inherit;
9916 font-size: inherit;
9917 line-height: 1.1;
9918 box-shadow: none;
9919 box-shadow: 0 0 0;
9920 margin-bottom: 0;
9921 }
9922 .block-search-courses button i {
9923 font-size: 1.2em;
9924 line-height: 1.2;
9925 }
9926 .block-search-courses button:focus {
9927 outline: 0;
9928 }
9929 .block-search-courses button.loading > i:before {
9930 display: inline-block;
9931 content: "\f110";
9932 animation: lp-rotating 1s linear infinite;
9933 }
9934
9935 @media (max-width: 767px) {
9936 .wp-block-learnpress-course-search {
9937 width: 100%;
9938 }
9939 .wp-block-learnpress-course-search input {
9940 min-width: 240px;
9941 max-width: unset;
9942 }
9943 }
9944 .course-filter-btn-mobile {
9945 display: inline-flex;
9946 align-items: center;
9947 }
9948 @media (min-width: 769px) {
9949 .course-filter-btn-mobile {
9950 display: none;
9951 }
9952 }
9953
9954 ul.wp-block-learn-press-courses {
9955 list-style: none;
9956 margin: 0;
9957 max-width: 100%;
9958 padding: 0;
9959 }
9960 ul.wp-block-learn-press-courses[data-layout=grid] {
9961 --columns: 3;
9962 --gap: 1.25em;
9963 --min-width: 200px;
9964 grid-gap: var(--gap);
9965 display: grid;
9966 grid-template-columns: repeat(auto-fill, minmax(max(var(--min-width), 100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)), 1fr));
9967 margin-bottom: 2.25em;
9968 }
9969 @media (max-width: 768px) {
9970 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
9971 --columns: min(var(--columns), 2);
9972 }
9973 }
9974 @media (max-width: 480px) {
9975 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
9976 --columns: 1;
9977 }
9978 }
9979
9980 .wp-block-learnpress-course-price .course-price .free,
9981 .wp-block-learnpress-course-price .course-price .price {
9982 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
9983 font-weight: var(--lp-font-weight-link, 600);
9984 }
9985 .wp-block-learnpress-course-price .course-price .origin-price {
9986 margin-right: 8px;
9987 opacity: 0.8;
9988 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9989 text-decoration: line-through;
9990 }
9991
9992 .wp-block-learnpress-course-button-read-more button {
9993 padding: 8px 24px;
9994 border-radius: var(--lp-border-radius, 5px);
9995 color: var(--lp-color-base, #333);
9996 border: 1px solid var(--lp-color-base, #333);
9997 transition: all 0.3s;
9998 display: block;
9999 background: transparent;
10000 text-decoration: none;
10001 text-align: center;
10002 }
10003 .wp-block-learnpress-course-button-read-more button:hover {
10004 background: var(--lp-primary-color, #ffb606);
10005 color: var(--lp-color-white, #fff);
10006 border-color: var(--lp-primary-color, #ffb606);
10007 }
10008
10009 .wp-block-learnpress-course-button .course-readmore a {
10010 padding: 8px 24px;
10011 border-radius: var(--lp-border-radius, 5px);
10012 color: var(--lp-color-base, #333);
10013 border: 1px solid var(--lp-color-base, #333);
10014 transition: all 0.3s;
10015 display: block;
10016 background: transparent;
10017 text-decoration: none;
10018 text-align: center;
10019 }
10020 .wp-block-learnpress-course-button .course-readmore a:hover {
10021 background: var(--lp-primary-color, #ffb606);
10022 color: var(--lp-color-white, #fff);
10023 border-color: var(--lp-primary-color, #ffb606);
10024 }
10025
10026 .courses-order-by-wrapper .courses-order-by {
10027 border: 1px solid var(--lp-border-color, #E2E0DB);
10028 border-radius: var(--lp-border-radius, 5px);
10029 padding: 8px 16px;
10030 height: inherit;
10031 font-size: inherit;
10032 line-height: 1.1;
10033 box-shadow: none;
10034 padding-right: 30px;
10035 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
10036 background-size: 0.8em;
10037 background-position: calc(100% - 0.5em) center;
10038 background-repeat: no-repeat;
10039 -webkit-appearance: none;
10040 appearance: none;
10041 line-height: 1.1;
10042 }
10043 .woocommerce-js .courses-order-by-wrapper .courses-order-by {
10044 background-position-x: calc(100% - 10px);
10045 }
10046 .courses-order-by-wrapper .courses-order-by:focus {
10047 border-color: var(--lp-primary-color, #ffb606);
10048 outline: 0;
10049 }
10050
10051 .wp-block-learnpress-course-filter h3 {
10052 margin-bottom: 20px;
10053 margin-top: 0;
10054 }
10055 .wp-block-learnpress-course-filter .filter .line {
10056 height: 15px;
10057 background: #ccc;
10058 margin-bottom: 10px;
10059 }
10060
10061 .wp-block-learnpress-course-search-filter,
10062 .wp-block-learnpress-course-level-filter,
10063 .wp-block-learnpress-course-author-filter,
10064 .wp-block-learnpress-course-price-filter,
10065 .wp-block-learnpress-course-categories-filter,
10066 .wp-block-learnpress-course-tag-filter {
10067 margin-bottom: 15px;
10068 padding-bottom: 15px;
10069 border-bottom: 1px solid #ccc;
10070 }
10071 .wp-block-learnpress-course-search-filter .lp-course-filter__field,
10072 .wp-block-learnpress-course-level-filter .lp-course-filter__field,
10073 .wp-block-learnpress-course-author-filter .lp-course-filter__field,
10074 .wp-block-learnpress-course-price-filter .lp-course-filter__field,
10075 .wp-block-learnpress-course-categories-filter .lp-course-filter__field,
10076 .wp-block-learnpress-course-tag-filter .lp-course-filter__field {
10077 position: relative;
10078 display: flex;
10079 align-items: center;
10080 gap: 10px;
10081 cursor: pointer;
10082 }
10083 .wp-block-learnpress-course-search-filter label,
10084 .wp-block-learnpress-course-level-filter label,
10085 .wp-block-learnpress-course-author-filter label,
10086 .wp-block-learnpress-course-price-filter label,
10087 .wp-block-learnpress-course-categories-filter label,
10088 .wp-block-learnpress-course-tag-filter label {
10089 flex: 1;
10090 }
10091 .wp-block-learnpress-course-search-filter span,
10092 .wp-block-learnpress-course-level-filter span,
10093 .wp-block-learnpress-course-author-filter span,
10094 .wp-block-learnpress-course-price-filter span,
10095 .wp-block-learnpress-course-categories-filter span,
10096 .wp-block-learnpress-course-tag-filter span {
10097 color: #999;
10098 }
10099
10100 .wp-block-learnpress-course-search-filter .search-box {
10101 width: 100%;
10102 height: 40px;
10103 border: 1px solid #ccc;
10104 border-radius: 5px;
10105 margin-top: 12px;
10106 }
10107
10108 .wp-block-learnpress-button-submit-filter,
10109 .wp-block-learnpress-button-reset-filter {
10110 box-sizing: border-box;
10111 text-transform: capitalize;
10112 border: 1px solid #ccc;
10113 border-radius: 4px;
10114 background: white;
10115 float: left;
10116 text-align: center;
10117 width: calc(50% - 8px);
10118 padding: 8px 30px;
10119 }
10120
10121 .wp-block-learnpress-button-submit-filter {
10122 margin-right: 4px;
10123 }
10124
10125 .wp-block-learnpress-button-reset-filter {
10126 margin-left: 4px;
10127 }
10128
10129 .block-editor-block-list__block img {
10130 display: block;
10131 }
10132 .block-editor-block-list__block .learn-press-courses {
10133 list-style: none;
10134 margin: 0;
10135 max-width: 100%;
10136 padding: 0;
10137 }
10138 .block-editor-block-list__block a {
10139 text-decoration: none;
10140 }
10141 .block-editor-block-list__block .c-gap-4 {
10142 column-gap: 4px;
10143 }
10144 .block-editor-block-list__block .lp-course-curriculum .course-section .course-item__right {
10145 color: inherit;
10146 }
10147 .block-editor-block-list__block.wp-block-learnpress-course-title > * {
10148 margin-top: 0;
10149 }
10150
10151 a.block-editor-block-list__block.wp-block-learnpress-course-button {
10152 padding: 8px 24px;
10153 border-radius: var(--lp-border-radius, 5px);
10154 color: var(--lp-color-base, #333);
10155 border: 1px solid var(--lp-color-base, #333);
10156 transition: all 0.3s;
10157 display: block;
10158 background: transparent;
10159 text-decoration: none;
10160 text-align: center;
10161 }
10162 a.block-editor-block-list__block.wp-block-learnpress-course-button:hover {
10163 background: var(--lp-primary-color, #ffb606);
10164 color: var(--lp-color-white, #fff);
10165 border-color: var(--lp-primary-color, #ffb606);
10166 }
10167
10168 @keyframes lp-rotating {
10169 from {
10170 -webkit-transform: rotate(0deg);
10171 transform: rotate(0deg);
10172 }
10173 to {
10174 -webkit-transform: rotate(360deg);
10175 transform: rotate(360deg);
10176 }
10177 }
10178 @-webkit-keyframes lp-rotating {
10179 from {
10180 -webkit-transform: rotate(0deg);
10181 transform: rotate(0deg);
10182 }
10183 to {
10184 -webkit-transform: rotate(360deg);
10185 transform: rotate(360deg);
10186 }
10187 }
10188 .lp-loading-change {
10189 position: absolute;
10190 width: 100%;
10191 height: 100%;
10192 background: rgba(255, 255, 255, 0.38);
10193 top: 0;
10194 }
10195
10196 .lp-load-ajax-element {
10197 position: relative;
10198 }
10199
10200 .lp-loading-circle {
10201 width: 15px;
10202 height: 15px;
10203 border: 2px solid #ccc;
10204 border-radius: 50%;
10205 border-top-color: rgba(0, 0, 0, 0.76);
10206 animation: spin 1s infinite linear;
10207 display: inline-block;
10208 }
10209 .lp-loading-circle.hide {
10210 display: none;
10211 }
10212
10213 @keyframes spin {
10214 0% {
10215 transform: rotate(0deg);
10216 }
10217 100% {
10218 transform: rotate(360deg);
10219 }
10220 }
10221 .lp-btn-ai-style {
10222 margin: 10px;
10223 }
10224
10225 .lp-btn-ai-style, .lp-btn-generate-with-ai {
10226 padding: 8px 10px;
10227 background: #f6f7f7;
10228 font-weight: 500;
10229 border: 1px solid #2271b1;
10230 color: #2271b1;
10231 line-height: 1;
10232 text-decoration: none;
10233 text-shadow: none;
10234 display: inline-flex;
10235 align-items: center;
10236 justify-content: center;
10237 gap: 5px;
10238 min-height: 32px;
10239 appearance: none;
10240 border-radius: 2px;
10241 white-space: nowrap;
10242 cursor: pointer;
10243 }
10244 .lp-btn-ai-style:active, .lp-btn-generate-with-ai:active {
10245 box-shadow: none;
10246 color: #fff;
10247 }
10248 .lp-btn-ai-style:hover, .lp-btn-generate-with-ai:hover {
10249 background: #6B46E9 !important;
10250 color: #fff !important;
10251 }
10252
10253 #post-body-content .lp-btn-ai-style {
10254 padding: 12px;
10255 }
10256 #post-body-content #wp-content-media-buttons .lp-btn-ai-style {
10257 margin-top: 0;
10258 margin-bottom: 0;
10259 }
10260
10261 .create-course-modal {
10262 padding: 0;
10263 display: flex !important;
10264 flex-direction: column;
10265 overflow: hidden;
10266 border-radius: 10px;
10267 background-color: #FFFFFF;
10268 height: 90vh;
10269 z-index: 10000000 !important;
10270 }
10271 .create-course-modal .modal-content {
10272 display: grid;
10273 grid-template-columns: 1fr 2fr;
10274 flex-grow: 1;
10275 gap: 30px;
10276 min-height: 500px;
10277 padding: 0 24px;
10278 }
10279 .create-course-modal .input-section {
10280 display: flex;
10281 flex-direction: column;
10282 }
10283 .create-course-modal .input-section label {
10284 font-weight: 700;
10285 line-height: 22px;
10286 font-size: 14px;
10287 color: #4A5568;
10288 margin-bottom: 4px;
10289 }
10290 .create-course-modal .input-section h3 {
10291 font-weight: 700;
10292 line-height: 22px;
10293 font-size: 14px;
10294 color: #4A5568;
10295 margin-bottom: 4px;
10296 }
10297 .create-course-modal .input-section textarea,
10298 .create-course-modal .input-section .ts-wrapper .ts-control {
10299 width: 100%;
10300 padding: 4px 8px;
10301 border: 1px solid #E5E7EB;
10302 border-radius: 6px;
10303 font-size: 0.95em;
10304 background-color: #F7FAFC;
10305 color: #1A202C;
10306 box-shadow: none;
10307 transition: border-color 0.2s, box-shadow 0.2s;
10308 }
10309 .create-course-modal .input-section textarea:focus, .create-course-modal .input-section textarea:focus-within,
10310 .create-course-modal .input-section .ts-wrapper .ts-control:focus,
10311 .create-course-modal .input-section .ts-wrapper .ts-control:focus-within {
10312 outline: none;
10313 border-color: #7E6CE2;
10314 box-shadow: 0 0 0 1px #7E6CE2;
10315 background-color: #FFFFFF;
10316 }
10317 .create-course-modal .input-section textarea {
10318 min-height: 150px;
10319 resize: vertical;
10320 }
10321 .create-course-modal .input-section .outputs-control {
10322 margin-top: 10px;
10323 }
10324 .create-course-modal .input-section .outputs-control .outputs-control-content {
10325 display: flex;
10326 align-items: center;
10327 justify-content: space-between;
10328 flex-direction: row;
10329 }
10330 .create-course-modal .input-section .outputs-control .outputs-control-content .output-number-selector {
10331 width: 120px;
10332 border-radius: 6px;
10333 padding: 10px 12px;
10334 border: 1px solid #E5E7EB;
10335 font-size: 0.95em;
10336 background-color: #F7FAFC;
10337 color: #1A202C;
10338 height: 40px;
10339 }
10340 .create-course-modal .input-section .lp-tom-select {
10341 width: 100%;
10342 }
10343 .create-course-modal .input-section .course-content-wrapper {
10344 background: #F7FAFC;
10345 padding: 8px 16px;
10346 border-radius: 16px;
10347 }
10348 .create-course-modal .input-section .course-content-wrapper input[readonly],
10349 .create-course-modal .input-section .course-content-wrapper textarea[readonly] {
10350 background-color: #FFFFFF !important;
10351 cursor: not-allowed;
10352 opacity: 0.8;
10353 }
10354 .create-course-modal .input-section .course-content-wrapper input[readonly]:focus,
10355 .create-course-modal .input-section .course-content-wrapper textarea[readonly]:focus {
10356 box-shadow: none;
10357 border-color: #E5E7EB;
10358 }
10359 .create-course-modal .output-section {
10360 display: flex;
10361 flex-direction: column;
10362 }
10363 .create-course-modal .output-section .output-header {
10364 display: flex;
10365 justify-content: space-between;
10366 align-items: center;
10367 margin-bottom: 8px;
10368 }
10369 .create-course-modal .output-section .output-header h3 {
10370 font-weight: 700;
10371 line-height: 22px;
10372 font-size: 14px;
10373 color: #1A202C;
10374 }
10375 .create-course-modal .output-section .output-header .icon-button {
10376 background: none;
10377 border: none;
10378 padding: 4px;
10379 cursor: pointer;
10380 color: #A0AEC0;
10381 }
10382 .create-course-modal .output-section .output-header .icon-button:hover {
10383 color: #4A5568;
10384 }
10385 .create-course-modal .output-section .output-item {
10386 border-radius: 6px;
10387 margin-bottom: 16px;
10388 background-color: #FFFFFF;
10389 position: relative;
10390 }
10391 .create-course-modal .output-section .output-item.prompt-item textarea {
10392 background-color: #F7FAFC;
10393 min-height: 80px;
10394 }
10395 .create-course-modal .output-section .output-item.output-suggestion textarea {
10396 border-color: #dbd6f7;
10397 min-height: 80px;
10398 }
10399 .create-course-modal .output-section .output-item p.prompt {
10400 font-weight: 500;
10401 color: #4A5568;
10402 font-size: 0.875rem;
10403 margin-bottom: 4px;
10404 }
10405 .create-course-modal .output-section .output-item .generate-button {
10406 background-color: #7E6CE2;
10407 color: #fff;
10408 border: none;
10409 padding: 12px 20px;
10410 border-radius: 6px;
10411 font-size: 1rem;
10412 font-weight: 500;
10413 cursor: pointer;
10414 width: 25%;
10415 margin-top: 10px;
10416 }
10417 .create-course-modal .output-section .output-item .generate-button:hover {
10418 opacity: 0.9;
10419 }
10420 .create-course-modal .output-section .output-item textarea {
10421 width: 100%;
10422 box-sizing: border-box;
10423 border: 1px solid #E5E7EB;
10424 border-radius: 6px;
10425 padding: 10px 12px;
10426 resize: vertical;
10427 font-size: 0.95em;
10428 color: #1A202C;
10429 transition: border-color 0.2s, box-shadow 0.2s;
10430 }
10431 .create-course-modal .output-section .output-item textarea:focus {
10432 outline: none;
10433 border-color: #7E6CE2;
10434 box-shadow: 0 0 0 1px #7E6CE2;
10435 }
10436 .create-course-modal .output-section .output-item .output-actions {
10437 position: absolute;
10438 top: 30%;
10439 right: 2%;
10440 display: flex;
10441 gap: 8px;
10442 visibility: hidden;
10443 }
10444 .create-course-modal .output-section .output-item .output-actions .action-button {
10445 font-size: 0.875rem;
10446 font-weight: 500;
10447 padding: 6px 12px;
10448 border-radius: 6px;
10449 cursor: pointer;
10450 border: 1px solid #E5E7EB;
10451 background-color: #FFFFFF;
10452 color: #4A5568;
10453 transition: background-color 0.2s, color 0.2s, border-color 0.2s;
10454 }
10455 .create-course-modal .output-section .output-item .output-actions .action-button.copy-button:hover {
10456 background-color: #F7FAFC;
10457 border-color: #c8ccd5;
10458 }
10459 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button {
10460 background-color: #7E6CE2;
10461 border-color: #7E6CE2;
10462 color: #fff;
10463 }
10464 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button:hover {
10465 opacity: 0.9;
10466 }
10467 .create-course-modal .output-section .output-item:hover .output-actions {
10468 visibility: visible;
10469 }
10470 .create-course-modal .output-section #lp-ai-output-suggestion {
10471 overflow-y: auto;
10472 flex-grow: 1;
10473 padding-right: 5px;
10474 }
10475 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder {
10476 flex-grow: 1;
10477 border: 2px dashed #E5E7EB;
10478 border-radius: 6px;
10479 background-color: #E5E7EB;
10480 position: relative;
10481 height: 150px;
10482 width: 100%;
10483 background-position: center;
10484 background-repeat: no-repeat;
10485 margin-bottom: 10px;
10486 }
10487 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions {
10488 position: absolute;
10489 bottom: 5px;
10490 left: 80%;
10491 transform: translateX(-50%);
10492 display: flex;
10493 gap: 10px;
10494 width: 30%;
10495 }
10496 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .action-button {
10497 padding: 5px 20px;
10498 border-radius: 4px;
10499 border: 1px solid #E5E7EB;
10500 background-color: rgba(255, 255, 255, 0.8);
10501 cursor: pointer;
10502 }
10503 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .apply-button {
10504 background-color: #7E6CE2;
10505 color: #fff;
10506 border-color: #7E6CE2;
10507 }
10508 .create-course-modal .ts-wrapper .ts-control .item {
10509 background-color: #F7FAFC;
10510 border: 1px solid #E5E7EB;
10511 color: #4A5568;
10512 border-radius: 20px;
10513 padding: 4px 10px;
10514 }
10515 .create-course-modal .ts-wrapper .ts-control .ts-input::placeholder {
10516 color: #A0AEC0;
10517 }
10518 .create-course-modal .modal-content {
10519 gap: 40px;
10520 padding: 24px 30px;
10521 }
10522 .create-course-modal .modal-content .input-section .form-group {
10523 margin-bottom: 16px;
10524 }
10525 .create-course-modal .modal-content .input-section .form-group label {
10526 margin-bottom: 6px;
10527 display: block;
10528 }
10529 .create-course-modal .modal-content .input-section .lp-ai-modal-grid.lp-ai-grid-2-cols {
10530 display: grid;
10531 grid-template-columns: 1fr 1fr;
10532 gap: 16px 20px;
10533 margin-bottom: 16px;
10534 }
10535 .create-course-modal .modal-content .input-section h3 {
10536 font-size: 16px;
10537 font-weight: 600;
10538 color: #1A202C;
10539 margin-top: 20px;
10540 margin-bottom: 8px;
10541 }
10542 .create-course-modal .modal-content .input-section h3:first-child {
10543 margin-top: 0;
10544 }
10545 .create-course-modal .modal-content .input-section p.description {
10546 font-size: 12px;
10547 color: #4A5568;
10548 margin: -4px 0 16px 0;
10549 }
10550 .create-course-modal .modal-content .input-section .lp-notice.notice-warning {
10551 background-color: #FEFCE8;
10552 border: 1px solid #FDE047;
10553 border-radius: 6px;
10554 padding: 12px;
10555 margin: 10px 0 20px 0;
10556 font-size: 14px;
10557 color: #713F12;
10558 }
10559 .create-course-modal .modal-content .input-section .lp-notice.notice-warning a {
10560 font-weight: 600;
10561 color: #713F12;
10562 text-decoration: underline;
10563 }
10564 .create-course-modal .modal-content .output-section .output-placeholder-wrapper {
10565 display: flex;
10566 justify-content: center;
10567 align-items: center;
10568 text-align: center;
10569 height: 100%;
10570 min-height: 200px;
10571 background-color: #F9FAFB;
10572 border-radius: 8px;
10573 border: 1px solid #E5E7EB;
10574 padding: 20px;
10575 }
10576 .create-course-modal .modal-content .output-section .output-placeholder-wrapper p {
10577 color: #4A5568;
10578 font-size: 15px;
10579 }
10580 .create-course-modal .modal-content .output-section .output-header .icon-button {
10581 display: inline-flex;
10582 align-items: center;
10583 justify-content: center;
10584 color: #4A5568;
10585 }
10586 .create-course-modal .modal-content .output-section .output-header .icon-button svg {
10587 width: 20px;
10588 height: 20px;
10589 }
10590
10591 .lp-generate-data-ai-wrap {
10592 width: 100%;
10593 max-height: 90%;
10594 }
10595 .lp-generate-data-ai-wrap .content-title {
10596 color: #111111;
10597 }
10598 .lp-generate-data-ai-wrap .step-header {
10599 display: flex;
10600 justify-content: space-between;
10601 margin-bottom: 30px;
10602 padding: 0 20px;
10603 gap: 10px;
10604 }
10605 .lp-generate-data-ai-wrap .step-header .step-item {
10606 display: flex;
10607 align-items: center;
10608 font-size: 14px;
10609 color: #1A202C;
10610 position: relative;
10611 flex-grow: 1;
10612 justify-content: center;
10613 }
10614 .lp-generate-data-ai-wrap .step-header .step-item.active .step-number {
10615 background-color: #7E6CE2;
10616 color: #fff;
10617 border-color: #7E6CE2;
10618 }
10619 .lp-generate-data-ai-wrap .step-header .step-item .step-text {
10620 color: #111111;
10621 font-weight: 600;
10622 }
10623 .lp-generate-data-ai-wrap .step-header .step-item .step-number {
10624 width: 28px;
10625 height: 28px;
10626 border-radius: 50%;
10627 border: 1px solid #E5E7EB;
10628 display: flex;
10629 justify-content: center;
10630 align-items: center;
10631 margin-right: 10px;
10632 font-weight: 500;
10633 background-color: #fff;
10634 }
10635 .lp-generate-data-ai-wrap .lp-form-generate-data-ai {
10636 border: 1px solid #E5E7EB;
10637 border-radius: 10px;
10638 padding: 20px;
10639 text-align: left;
10640 }
10641 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-form-fields {
10642 min-height: 400px;
10643 max-height: 600px;
10644 overflow: auto;
10645 padding: 0 2px;
10646 }
10647 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-title {
10648 font-size: 1.2em;
10649 font-weight: 600;
10650 margin-bottom: 10px;
10651 color: #111111;
10652 }
10653 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content {
10654 display: none;
10655 }
10656 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content.active {
10657 display: block;
10658 }
10659 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header h2 {
10660 font-size: 24px;
10661 font-weight: 700;
10662 margin: 0 0 8px 0;
10663 }
10664 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header p {
10665 font-size: 15px;
10666 color: #1A202C;
10667 margin: 0 0 30px 0;
10668 }
10669 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-grid {
10670 display: grid;
10671 grid-template-columns: 1fr 1fr;
10672 gap: 20px 30px;
10673 margin-bottom: 30px;
10674 }
10675 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group {
10676 margin-bottom: 10px;
10677 }
10678 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group.full-width {
10679 grid-column: 1/-1;
10680 }
10681 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group label {
10682 display: block;
10683 font-size: 14px;
10684 font-weight: 600;
10685 margin-bottom: 8px;
10686 color: #111111;
10687 }
10688 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .lp-tom-select.ts-wrapper {
10689 width: 100%;
10690 }
10691 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input,
10692 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control,
10693 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10694 width: 100%;
10695 padding: 8px 16px;
10696 border-radius: 10px;
10697 border: 1px solid #E5E7EB;
10698 font-size: 14px;
10699 line-height: 1.5;
10700 box-sizing: border-box;
10701 transition: border-color 0.2s, box-shadow 0.2s;
10702 margin: 0;
10703 background-color: transparent;
10704 }
10705 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input:focus,
10706 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control:focus,
10707 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea:focus {
10708 outline: none;
10709 border-color: #1A202C;
10710 }
10711 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .item,
10712 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .item,
10713 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .item {
10714 border: 1px solid #E5E7EB;
10715 color: #4A5568;
10716 border-radius: 6px;
10717 padding: 4px 10px;
10718 background-color: transparent;
10719 }
10720 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .ts-input::placeholder,
10721 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .ts-input::placeholder,
10722 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .ts-input::placeholder {
10723 color: #A0AEC0;
10724 }
10725 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10726 min-height: 86px;
10727 resize: vertical;
10728 }
10729 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .field-description {
10730 color: #898989;
10731 margin-top: 8px;
10732 }
10733 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .title-refer,
10734 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .description-refer {
10735 padding: 0;
10736 border: none;
10737 font-size: 16px;
10738 min-height: unset;
10739 box-shadow: none;
10740 border-radius: 0;
10741 }
10742 .lp-generate-data-ai-wrap .lp-form-generate-data-ai #prompt-preview {
10743 min-height: 120px;
10744 background-color: #F9FAFB;
10745 color: #1A202C;
10746 }
10747 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .button-actions {
10748 display: flex;
10749 justify-content: flex-end;
10750 gap: 12px;
10751 margin-top: 20px;
10752 }
10753 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt {
10754 display: flex;
10755 justify-items: center;
10756 align-items: center;
10757 gap: 10px;
10758 margin-bottom: 20px;
10759 }
10760 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt img {
10761 display: none;
10762 }
10763 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn,
10764 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button {
10765 padding: 10px 20px;
10766 font-size: 15px;
10767 font-weight: 600;
10768 border-radius: 8px;
10769 cursor: pointer;
10770 border: 1px solid transparent;
10771 transition: all 0.2s;
10772 display: inline-flex;
10773 align-items: center;
10774 gap: 8px;
10775 }
10776 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary,
10777 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary {
10778 background-color: #7E6CE2;
10779 color: #fff;
10780 }
10781 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary:hover,
10782 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary:hover {
10783 background-color: #1A202C;
10784 }
10785 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary,
10786 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary {
10787 background-color: #fff;
10788 color: #7E6CE2;
10789 border-color: #7E6CE2;
10790 }
10791 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary:hover,
10792 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary:hover {
10793 background-color: #7E6CE2;
10794 color: #fff;
10795 }
10796 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn:disabled,
10797 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button:disabled {
10798 background-color: #E5E7EB;
10799 color: #1A202C;
10800 cursor: not-allowed;
10801 border-color: #E5E7EB;
10802 }
10803 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout {
10804 display: flex;
10805 gap: 30px;
10806 }
10807 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-left-panel {
10808 flex: 2;
10809 }
10810 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-right-panel {
10811 flex: 1;
10812 min-width: 300px;
10813 }
10814 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details {
10815 display: none;
10816 }
10817 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details h3 {
10818 font-size: 24px;
10819 font-weight: 700;
10820 color: #111827;
10821 margin-top: 0;
10822 margin-bottom: 24px;
10823 }
10824 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .course-cover-placeholder {
10825 width: 100%;
10826 height: 50vh;
10827 background-color: #E5E7EB;
10828 border-radius: 8px;
10829 display: flex;
10830 justify-content: center;
10831 align-items: center;
10832 justify-items: center;
10833 font-size: 20px;
10834 color: #6B7280;
10835 margin-bottom: 30px;
10836 font-weight: 600;
10837 }
10838 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-title {
10839 font-size: 18px;
10840 font-weight: 700;
10841 margin-top: 30px;
10842 margin-bottom: 16px;
10843 }
10844 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum {
10845 font-size: 18px;
10846 font-weight: 700;
10847 }
10848 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block {
10849 border-radius: 8px;
10850 border: 0.8px solid #E5E7EB;
10851 padding: 16px 8px;
10852 }
10853 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block h4 {
10854 font-size: 13px;
10855 font-weight: bold;
10856 }
10857 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details p {
10858 font-size: 15px;
10859 line-height: 1.6;
10860 color: #374151;
10861 margin-top: 0;
10862 }
10863 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details ul {
10864 list-style: none;
10865 padding: 0;
10866 margin: 12px 0 0 0;
10867 }
10868 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li {
10869 position: relative;
10870 padding-left: 20px;
10871 margin-bottom: 8px;
10872 color: #374151;
10873 font-size: 15px;
10874 }
10875 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li::before {
10876 content: "";
10877 position: absolute;
10878 left: 0;
10879 color: #1A202C;
10880 line-height: 1.5;
10881 }
10882 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel {
10883 background-color: #F9FAFB;
10884 padding: 24px;
10885 border-radius: 8px;
10886 border: 1px solid #E5E7EB;
10887 height: fit-content;
10888 }
10889 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel h3 {
10890 font-size: 16px;
10891 font-weight: 600;
10892 margin-top: 0;
10893 margin-bottom: 20px;
10894 }
10895 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list {
10896 display: none;
10897 list-style: none;
10898 padding: 0;
10899 margin: 0;
10900 }
10901 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li {
10902 display: flex;
10903 align-items: center;
10904 font-size: 15px;
10905 color: #374151;
10906 margin-bottom: 12px;
10907 }
10908 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li span {
10909 margin-right: 5px;
10910 }
10911 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li svg {
10912 color: #1A202C;
10913 width: 20px;
10914 height: 20px;
10915 margin-right: 12px;
10916 flex-shrink: 0;
10917 }
10918 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea[name=lp-openai-prompt-generated-field] {
10919 min-height: 300px;
10920 }
10921 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea.lp-ai-string-result {
10922 width: 100%;
10923 }
10924 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results {
10925 display: grid;
10926 gap: 10px;
10927 }
10928 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results .lp-ai-string-result {
10929 margin-bottom: 4px;
10930 }
10931 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results button {
10932 margin-right: 4px;
10933 }
10934 .lp-generate-data-ai-wrap .lp-ai-course-data-preview-wrap {
10935 max-height: 400px;
10936 overflow-y: auto;
10937 margin-bottom: 20px;
10938 }
10939 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup {
10940 position: absolute;
10941 top: 10px;
10942 right: 10px;
10943 background: none;
10944 border: none;
10945 font-size: 20px;
10946 cursor: pointer;
10947 color: #ccc;
10948 }
10949 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup:hover {
10950 color: #f27474;
10951 }
10952 .lp-generate-data-ai-wrap .lp-ai-warning-refer {
10953 border: 1px solid #FCD34D;
10954 background-color: #FFFBEB;
10955 padding: 10px;
10956 border-radius: 5px;
10957 display: flex;
10958 gap: 5px;
10959 align-items: center;
10960 }
10961
10962 .lp-ai-course-data-preview-wrap .course-title {
10963 font-size: 1.5em;
10964 font-weight: 700;
10965 margin-bottom: 10px;
10966 color: #1A202C;
10967 }
10968 .lp-ai-course-data-preview-wrap .course-sections {
10969 margin-top: 30px;
10970 }
10971 .lp-ai-course-data-preview-wrap .section-title {
10972 font-weight: bold;
10973 font-size: 1.2em;
10974 margin-bottom: 10px;
10975 color: #1A202C;
10976 }
10977 .lp-ai-course-data-preview-wrap .lesson-title,
10978 .lp-ai-course-data-preview-wrap .quiz-title,
10979 .lp-ai-course-data-preview-wrap .question-title {
10980 font-weight: 600;
10981 font-size: 1em;
10982 margin-bottom: 8px;
10983 color: #1A202C;
10984 }
10985 .lp-ai-course-data-preview-wrap .course-section-item {
10986 border: 1px solid var(--lp-border-color, #E2E0DB);
10987 border-radius: 10px;
10988 padding: 20px;
10989 margin: 20px 0;
10990 background-color: #fff;
10991 }
10992 .lp-ai-course-data-preview-wrap .course-section-items {
10993 margin: 20px 0 0 20px;
10994 }
10995 .lp-ai-course-data-preview-wrap .course-section-items:last-child {
10996 margin-bottom: 0;
10997 }
10998 .lp-ai-course-data-preview-wrap .course-lesson-item,
10999 .lp-ai-course-data-preview-wrap .course-quiz-item,
11000 .lp-ai-course-data-preview-wrap .quiz-question-item {
11001 padding: 12px 0;
11002 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11003 }
11004 .lp-ai-course-data-preview-wrap .course-lesson-item:last-child,
11005 .lp-ai-course-data-preview-wrap .course-quiz-item:last-child,
11006 .lp-ai-course-data-preview-wrap .quiz-question-item:last-child {
11007 padding-bottom: 0;
11008 }
11009 .lp-ai-course-data-preview-wrap .course-questions,
11010 .lp-ai-course-data-preview-wrap .course-question-options {
11011 margin: 20px 0 0 20px;
11012 }
11013 .lp-ai-course-data-preview-wrap .course-questions:last-child,
11014 .lp-ai-course-data-preview-wrap .course-question-options:last-child {
11015 margin-bottom: 0;
11016 }
11017
11018 .lp-ai-images-warp {
11019 display: grid;
11020 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
11021 gap: 15px;
11022 margin-top: 20px;
11023 max-height: 400px;
11024 overflow-y: auto;
11025 }
11026 .lp-ai-images-warp .lp-ai-image-item {
11027 position: relative;
11028 }
11029 .lp-ai-images-warp .lp-ai-image-item img {
11030 object-fit: contain;
11031 width: 100%;
11032 }
11033 .lp-ai-images-warp .lp-ai-image-item .lp-btn-ai-apply-image {
11034 position: absolute;
11035 top: 5px;
11036 right: 0;
11037 transform: translateX(-5%);
11038 background-color: rgba(0, 0, 0, 0.6);
11039 color: #fff;
11040 border: none;
11041 padding: 6px 12px;
11042 border-radius: 4px;
11043 font-size: 0.875rem;
11044 cursor: pointer;
11045 opacity: 0;
11046 transition: opacity 0.2s;
11047 }
11048 .lp-ai-images-warp .lp-ai-image-item:hover .lp-btn-ai-apply-image {
11049 opacity: 1;
11050 }
11051
11052 .lp-creating-course-ai-wrap .loading-wrap {
11053 margin-top: 20px;
11054 }
11055 .lp-creating-course-ai-wrap .lp-loading-circle {
11056 width: 40px;
11057 height: 40px;
11058 border-width: 5px;
11059 }
11060
11061 .lp-must-enable-ai-wrap {
11062 text-align: left;
11063 line-height: 1.6em;
11064 }
11065 .lp-must-enable-ai-wrap h2 {
11066 margin-bottom: 0;
11067 }
11068 .lp-must-enable-ai-wrap h2 i {
11069 margin-right: 10px;
11070 color: #DC2626;
11071 }
11072 .lp-must-enable-ai-wrap .desc {
11073 color: #6B7280;
11074 }
11075 .lp-must-enable-ai-wrap .p2 {
11076 color: #6B7280;
11077 }
11078 .lp-must-enable-ai-wrap a {
11079 color: #2563EB;
11080 text-decoration: underline;
11081 cursor: pointer;
11082 }
11083 .lp-must-enable-ai-wrap .help-link {
11084 padding: 16px;
11085 border: 1px solid #E5E7EB;
11086 border-radius: 8px;
11087 font-size: 13px;
11088 }
11089 .lp-must-enable-ai-wrap .help-link a {
11090 text-decoration: none;
11091 margin-top: 10px;
11092 }
11093 .lp-must-enable-ai-wrap .help-link i {
11094 color: #2A73AB;
11095 }
11096 .lp-must-enable-ai-wrap .button-actions {
11097 margin-top: 20px;
11098 text-align: right;
11099 }
11100 .lp-must-enable-ai-wrap .button-actions .lp-btn-close-ai-popup {
11101 border: none;
11102 color: #4B5563;
11103 background: none;
11104 }
11105 .lp-must-enable-ai-wrap .button-actions .button-primary {
11106 background-color: #7E6CE2;
11107 color: #fff;
11108 border: none;
11109 }
11110 .lp-must-enable-ai-wrap .button-actions .button-primary:hover {
11111 opacity: 0.9;
11112 }
11113
11114 .fui-loading-spinner-3 {
11115 color: #7E6CE2;
11116 position: relative;
11117 width: 100px;
11118 height: 80px;
11119 margin-left: 80px;
11120 display: none;
11121 }
11122 .fui-loading-spinner-3 div {
11123 transform-origin: 40px 40px;
11124 animation: rj9Ft 1.2s linear infinite;
11125 }
11126 .fui-loading-spinner-3 div:after {
11127 content: " ";
11128 display: block;
11129 position: absolute;
11130 top: 3px;
11131 left: 37px;
11132 width: 6px;
11133 height: 18px;
11134 border-radius: 20%;
11135 background: #7E6CE2;
11136 }
11137 .fui-loading-spinner-3 div:nth-child(1) {
11138 transform: rotate(0deg);
11139 animation-delay: -1.1s;
11140 }
11141 .fui-loading-spinner-3 div:nth-child(2) {
11142 transform: rotate(30deg);
11143 animation-delay: -1s;
11144 }
11145 .fui-loading-spinner-3 div:nth-child(3) {
11146 transform: rotate(60deg);
11147 animation-delay: -0.9s;
11148 }
11149 .fui-loading-spinner-3 div:nth-child(4) {
11150 transform: rotate(90deg);
11151 animation-delay: -0.8s;
11152 }
11153 .fui-loading-spinner-3 div:nth-child(5) {
11154 transform: rotate(120deg);
11155 animation-delay: -0.7s;
11156 }
11157 .fui-loading-spinner-3 div:nth-child(6) {
11158 transform: rotate(150deg);
11159 animation-delay: -0.6s;
11160 }
11161 .fui-loading-spinner-3 div:nth-child(7) {
11162 transform: rotate(180deg);
11163 animation-delay: -0.5s;
11164 }
11165 .fui-loading-spinner-3 div:nth-child(8) {
11166 transform: rotate(210deg);
11167 animation-delay: -0.4s;
11168 }
11169 .fui-loading-spinner-3 div:nth-child(9) {
11170 transform: rotate(240deg);
11171 animation-delay: -0.3s;
11172 }
11173 .fui-loading-spinner-3 div:nth-child(10) {
11174 transform: rotate(270deg);
11175 animation-delay: -0.2s;
11176 }
11177 .fui-loading-spinner-3 div:nth-child(11) {
11178 transform: rotate(300deg);
11179 animation-delay: -0.1s;
11180 }
11181 .fui-loading-spinner-3 div:nth-child(12) {
11182 transform: rotate(330deg);
11183 animation-delay: 0s;
11184 }
11185
11186 @keyframes rj9Ft {
11187 0% {
11188 opacity: 1;
11189 }
11190 100% {
11191 opacity: 0;
11192 }
11193 }
11194 /**
11195 * Style for the popup alert, confirm
11196 * @link https://sweetalert2.github.io/
11197 * @since 4.2.9
11198 * @version 1.0.0
11199 */
11200 .swal2-container {
11201 z-index: 99999;
11202 }
11203
11204 .swal2-popup {
11205 max-width: 850px;
11206 }
11207 .swal2-popup .content-title {
11208 margin: 0 0 20px 0;
11209 padding: 0;
11210 text-align: center;
11211 font-size: 1.5em;
11212 font-weight: bold;
11213 }
11214 .swal2-popup .swal2-actions {
11215 width: 100%;
11216 padding: 0 30px;
11217 }
11218 .swal2-popup .swal2-actions button {
11219 flex: 1;
11220 }
11221 .swal2-popup .swal2-actions button.swal2-confirm {
11222 background-color: #e02200;
11223 }
11224 .swal2-popup .swal2-actions button.swal2-cancel {
11225 background-color: transparent;
11226 border: 1px solid #ccc;
11227 color: inherit;
11228 }
11229 .swal2-popup .swal2-warning {
11230 color: #e02200;
11231 border-color: transparent;
11232 background-color: rgba(223, 0, 0, 0.1019607843);
11233 }
11234 .swal2-popup .swal2-icon {
11235 width: 50px;
11236 height: 50px;
11237 }
11238 .swal2-popup .swal2-icon .swal2-icon-content {
11239 font-size: 0;
11240 }
11241 .swal2-popup .swal2-icon .swal2-icon-content::before {
11242 content: "\f071";
11243 font-family: "lp-icon";
11244 font-size: 24px;
11245 display: inline-block;
11246 }
11247 .swal2-popup .swal2-title {
11248 font-size: 1.5em;
11249 }
11250 .swal2-popup .swal2-html-container {
11251 font-size: 1em;
11252 }
11253 .swal2-popup .lp-tom-select.ts-wrapper .ts-dropdown {
11254 max-height: 200px;
11255 overflow: hidden;
11256 }
11257 .swal2-popup .swal2-close {
11258 background-color: unset !important;
11259 outline: none !important;
11260 color: rgb(204, 204, 204) !important;
11261 font-size: 30px;
11262 box-shadow: none !important;
11263 position: absolute;
11264 }
11265 .swal2-popup .swal2-close:hover {
11266 color: #f27474 !important;
11267 }
11268
11269 /**
11270 * LP Table — Reusable Table Standard
11271 *
11272 * A shared table CSS system used by the "Enrolled Students" listing (and future tables).
11273 * Provides card wrapper, header/body styling, avatars, progress bars, badges, toolbar, and pagination.
11274 *
11275 * @since 4.3.3
11276 */
11277 .lp-enrolled-students h1.wp-heading-inline {
11278 margin-bottom: 24px;
11279 }
11280
11281 .lp-enrolled-students-table-wrap {
11282 margin-top: 15px;
11283 }
11284 .lp-enrolled-students-table-wrap .instructor-avatar {
11285 align-items: center;
11286 justify-content: center;
11287 width: 36px;
11288 height: 36px;
11289 min-width: 36px;
11290 border-radius: 50%;
11291 background: #64748b;
11292 overflow: hidden;
11293 }
11294 .lp-enrolled-students-table-wrap .instructor-avatar img {
11295 width: 100%;
11296 height: 100%;
11297 object-fit: cover;
11298 }
11299
11300 /*.lp-enrolled-students-table {
11301 width: 100%;
11302 border: 0;
11303 border-spacing: 0;
11304 border-collapse: collapse;
11305 font-size: 13px;
11306
11307 th,
11308 td {
11309 border: 0 !important;
11310 }
11311
11312 thead {
11313 th {
11314 padding: 10px 16px;
11315 border-bottom: 2px solid #e2e8f0 !important;
11316 color: #64748b;
11317 background: #f8fafc;
11318 font-size: 12px;
11319 font-weight: 600;
11320 text-align: left;
11321 text-transform: uppercase;
11322 letter-spacing: 0.05em;
11323
11324 &:first-child {
11325 border-radius: 0;
11326 }
11327 &:last-child {
11328 border-radius: 0;
11329 }
11330 }
11331 }
11332
11333 tbody {
11334 tr {
11335 border-bottom: 1px solid #f1f5f9;
11336 transition: background 0.15s;
11337 text-align: left;
11338
11339 &:hover {
11340 background: #f8fafc;
11341 }
11342
11343 &:last-child {
11344 border-bottom: none;
11345 }
11346 }
11347
11348 td {
11349 padding: 12px 16px;
11350 vertical-align: middle;
11351 border: 0 !important;
11352 }
11353 }
11354
11355 tfoot {
11356 tr,
11357 td {
11358 border: 0 !important;
11359 }
11360 }
11361 }*/
11362 .lp-cell-student {
11363 display: flex;
11364 align-items: center;
11365 gap: 10px;
11366 }
11367
11368 /*.lp-avatar {
11369 display: flex;
11370 flex-shrink: 0;
11371 align-items: center;
11372 justify-content: center;
11373 width: 36px;
11374 height: 36px;
11375 border-radius: 50%;
11376 color: #fff;
11377 background: #64748b;
11378 font-size: 13px;
11379 font-weight: 600;
11380 overflow: hidden;
11381 }
11382
11383 .lp-avatar--image {
11384 background: transparent;
11385
11386 img {
11387 width: 100%;
11388 height: 100%;
11389 object-fit: cover;
11390 }
11391 }*/
11392 .lp-meta {
11393 display: flex;
11394 flex-direction: column;
11395 }
11396 .lp-meta .lp-name {
11397 color: #1e293b;
11398 font-weight: 500;
11399 line-height: 1.4;
11400 }
11401 .lp-meta .lp-email {
11402 color: #94a3b8;
11403 font-size: 12px;
11404 line-height: 1.3;
11405 }
11406
11407 .lp-cell-course a {
11408 color: #3b82f6;
11409 text-decoration: none;
11410 }
11411 .lp-cell-course a:hover {
11412 text-decoration: underline;
11413 }
11414
11415 .lp-cell-progress {
11416 min-width: 120px;
11417 }
11418
11419 .lp-progress-bar {
11420 overflow: hidden;
11421 position: relative;
11422 width: 100%;
11423 max-width: 120px;
11424 height: 6px;
11425 border-radius: 3px;
11426 background: #e2e8f0;
11427 }
11428 .lp-progress-bar span {
11429 display: block;
11430 height: 100%;
11431 border-radius: 3px;
11432 background: linear-gradient(90deg, #3b82f6, #60a5fa);
11433 transition: width 0.3s ease;
11434 }
11435
11436 .lp-progress-text {
11437 display: inline-block;
11438 margin-top: 3px;
11439 color: #64748b;
11440 font-size: 11px;
11441 }
11442
11443 .lp-badge {
11444 display: inline-block;
11445 padding: 3px 10px;
11446 border-radius: 12px;
11447 font-size: 12px;
11448 font-weight: 500;
11449 line-height: 1.5;
11450 white-space: nowrap;
11451 }
11452 .lp-badge--enrolled {
11453 color: #475569;
11454 background: #f1f5f9;
11455 }
11456 .lp-badge--in-progress, .lp-badge--learning {
11457 color: #1e40af;
11458 background: #dbeafe;
11459 }
11460 .lp-badge--finished {
11461 color: #166534;
11462 background: #dcfce7;
11463 }
11464 .lp-badge--passed {
11465 color: #14532d;
11466 background: #bbf7d0;
11467 }
11468 .lp-badge--failed {
11469 color: #991b1b;
11470 background: #fee2e2;
11471 }
11472
11473 .lp-enrolled-students-table-footer {
11474 display: flex;
11475 flex-wrap: wrap;
11476 align-items: center;
11477 justify-content: space-between;
11478 gap: 8px;
11479 border-top: 1px solid #e2e8f0;
11480 }
11481 .lp-enrolled-students-table-footer__count {
11482 color: #64748b;
11483 font-size: 13px;
11484 }
11485
11486 #profile-content-enrolled-students .lp-enrolled-students-table-footer {
11487 border-top: none;
11488 }
11489
11490 .lp-enrolled-students-table-footer .learn-press-pagination {
11491 margin: 0;
11492 text-align: right;
11493 }
11494 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers {
11495 display: flex;
11496 align-items: center;
11497 gap: 4px;
11498 flex-wrap: wrap;
11499 margin: 0;
11500 padding: 0;
11501 list-style: none;
11502 }
11503 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers > li {
11504 margin: 0;
11505 }
11506 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers,
11507 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers {
11508 display: inline-flex;
11509 align-items: center;
11510 justify-content: center;
11511 min-width: 40px;
11512 height: 40px;
11513 width: 40px;
11514 line-height: 40px;
11515 padding: 0 8px;
11516 border: 1px solid #e2e8f0;
11517 border-radius: 4px;
11518 color: #475569;
11519 background: #fff;
11520 font-size: 13px;
11521 text-decoration: none;
11522 cursor: pointer;
11523 transition: all 0.15s;
11524 }
11525 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers:hover:not(.current),
11526 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers:hover:not(.current) {
11527 border-color: #3b82f6;
11528 color: #3b82f6 !important;
11529 background: #eff6ff;
11530 }
11531 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current {
11532 border-color: #3b82f6;
11533 color: #fff;
11534 background: #3b82f6;
11535 cursor: default;
11536 }
11537 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11538 min-width: auto;
11539 border: 0;
11540 background: transparent;
11541 cursor: default;
11542 }
11543 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current,
11544 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11545 pointer-events: none;
11546 }
11547
11548 .lp-enrolled-empty {
11549 padding: 40px 20px;
11550 color: #94a3b8;
11551 text-align: center;
11552 }
11553 .lp-enrolled-empty p {
11554 margin: 0;
11555 font-size: 14px;
11556 }
11557
11558 .lp-enrolled-error {
11559 padding: 15px 20px;
11560 color: #dc2626;
11561 font-size: 13px;
11562 }
11563
11564 #lp-modal-enrolled-wrap {
11565 position: relative;
11566 /*tbody {
11567 display: block;
11568 max-height: 400px;
11569 overflow-y: auto;
11570 }
11571
11572 thead, tbody tr {
11573 display: table;
11574 width: 100%;
11575 table-layout: fixed;
11576 }*/
11577 }
11578 #lp-modal-enrolled-wrap .lp-table-wrap {
11579 max-height: 60vh;
11580 }
11581
11582 .lp-wrap-btn-view-course-students {
11583 width: 100%;
11584 }
11585 .lp-wrap-btn-view-course-students button {
11586 width: 100%;
11587 }
11588
11589 .lp-btn-view-students {
11590 margin-top: 10px;
11591 white-space: nowrap;
11592 display: block;
11593 padding: 0;
11594 border: none;
11595 background: none;
11596 }
11597
11598 /**
11599 * Style for table LearnPress
11600 */
11601 .lp-table-wrap {
11602 border-radius: 5px;
11603 width: 100%;
11604 border: 1px solid var(--lp-border-color, #E2E0DB);
11605 overflow-x: auto;
11606 overflow-y: auto;
11607 -webkit-overflow-scrolling: touch;
11608 }
11609
11610 table.lp-list-table {
11611 border-collapse: collapse;
11612 width: 100%;
11613 margin: 0;
11614 min-width: 768px;
11615 }
11616 table.lp-list-table td {
11617 padding: 0;
11618 }
11619 table.lp-list-table .learn-press-pagination {
11620 text-align: left;
11621 }
11622 table.lp-list-table thead {
11623 background-color: var(--lp-white-grey, #F7F7FB);
11624 border: none;
11625 }
11626 table.lp-list-table thead tr {
11627 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
11628 position: sticky;
11629 top: 0;
11630 z-index: 2;
11631 background: #fff;
11632 }
11633 table.lp-list-table thead tr:hover {
11634 background: #eff6ff;
11635 }
11636 table.lp-list-table thead th {
11637 background: none;
11638 border: none;
11639 font-size: 1em;
11640 padding: 10px 20px;
11641 text-align: left;
11642 }
11643 table.lp-list-table thead th td {
11644 border: none;
11645 padding: 0;
11646 }
11647 table.lp-list-table tbody {
11648 font-size: 14px;
11649 }
11650 table.lp-list-table tbody tr {
11651 border: none;
11652 border-bottom: 1px solid var(--lp-white-grey, #F7F7FB);
11653 }
11654 table.lp-list-table tbody tr:hover {
11655 background: #eff6ff !important;
11656 }
11657 table.lp-list-table tbody tr:nth-child(odd) {
11658 background: #f6f7f7;
11659 }
11660 table.lp-list-table tbody tr:nth-child(even) {
11661 background: #fff;
11662 }
11663 table.lp-list-table tbody tr td {
11664 border: none;
11665 padding: 10px 20px;
11666 text-align: left;
11667 }
11668 table.lp-list-table tbody tr td a {
11669 text-decoration: none;
11670 }
11671 table.lp-list-table tfoot tr {
11672 border: none;
11673 }
11674 table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th {
11675 border: none;
11676 }
11677 table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div {
11678 padding: 20px;
11679 }
11680 table.lp-list-table tfoot .pagination {
11681 border: none;
11682 padding: 0;
11683 }
11684 table.lp-list-table.order-table-details tbody tr:last-child {
11685 --lp-white-grey: var(--lp-border-color, #E2E0DB);
11686 }
11687 table.lp-list-table.order-table-details tfoot {
11688 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11689 }
11690 table.lp-list-table.order-table-details tfoot tr td, table.lp-list-table.order-table-details tfoot tr th {
11691 padding: 10px 20px;
11692 background-color: transparent;
11693 }
11694 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 {
11695 padding-bottom: 0;
11696 }
11697
11698 .lp_profile_course_progress__nav {
11699 margin-top: 1rem;
11700 }
11701
11702 #profile-content-order-details .lp-table-wrap {
11703 margin-bottom: 1rem;
11704 }
11705
11706 /**
11707 * Style for the Form Filter list
11708 * @since 4.4.5
11709 * @version 1.0.0
11710 */
11711 .lp-form-filter {
11712 display: grid;
11713 gap: 12px;
11714 margin-bottom: 24px;
11715 }
11716 .lp-form-filter__fields {
11717 display: flex;
11718 flex-wrap: wrap;
11719 align-items: flex-end;
11720 gap: 14px;
11721 }
11722 .lp-form-filter__fields > * {
11723 flex: 1 1 0;
11724 min-width: 0;
11725 }
11726 .lp-form-filter .filter-field {
11727 display: flex;
11728 flex-direction: column;
11729 gap: 5px;
11730 }
11731 .lp-form-filter .filter-field label {
11732 text-align: left;
11733 font-weight: bold;
11734 }
11735 .lp-form-filter button {
11736 display: inline-flex;
11737 align-items: center;
11738 justify-content: center;
11739 }
11740 .lp-form-filter__actions {
11741 display: flex;
11742 gap: 8px;
11743 align-items: center;
11744 }
11745
11746 /**
11747 * Custom fullscreen view overlay.
11748 *
11749 * Applied directly to the target element; a close button is injected inside it.
11750 *
11751 * @since 4.4.5
11752 * @version 1.0.0
11753 */
11754 html.lp-full-screen-active,
11755 html.lp-full-screen-active body {
11756 overflow: hidden;
11757 }
11758
11759 .lp-full-screen-view {
11760 position: fixed !important;
11761 top: 0;
11762 left: 0;
11763 width: 100vw !important;
11764 height: 100vh !important;
11765 max-width: 100vw !important;
11766 max-height: 100vh !important;
11767 z-index: 99999;
11768 background: #fff;
11769 overflow: auto;
11770 }
11771 .lp-full-screen-view__close {
11772 position: absolute;
11773 top: 5px;
11774 right: 5px;
11775 z-index: 999999;
11776 background: white;
11777 color: #f10808;
11778 border: 1px solid white;
11779 border-radius: 4px;
11780 padding: 0.5em 0.75em;
11781 cursor: pointer;
11782 }
11783 .lp-full-screen-view__close:hover {
11784 border-color: #f10808;
11785 }
11786 .lp-full-screen-view > div {
11787 padding: 40px 10px 0 !important;
11788 }
11789
11790 .lp-toggle-enable {
11791 display: inline-flex;
11792 align-items: center;
11793 gap: 8px;
11794 cursor: pointer;
11795 user-select: none;
11796 }
11797 .lp-toggle-enable .lp-toggle-enable__input {
11798 position: absolute;
11799 opacity: 0;
11800 width: 0;
11801 height: 0;
11802 }
11803 .lp-toggle-enable .lp-toggle-enable__track {
11804 position: relative;
11805 display: inline-block;
11806 width: 44px;
11807 height: 24px;
11808 border-radius: 12px;
11809 background: #c3c4c7;
11810 transition: background 0.2s ease;
11811 flex-shrink: 0;
11812 }
11813 .lp-toggle-enable .lp-toggle-enable__track::before {
11814 content: "";
11815 position: absolute;
11816 top: 2px;
11817 left: 2px;
11818 width: 20px;
11819 height: 20px;
11820 border-radius: 50%;
11821 background: #fff;
11822 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
11823 transition: transform 0.2s ease;
11824 }
11825 .lp-toggle-enable .lp-toggle-enable__label {
11826 font-size: 13px;
11827 font-weight: 500;
11828 color: #50575e;
11829 }
11830 .lp-toggle-enable.is-enabled .lp-toggle-enable__track {
11831 background: #28A746;
11832 }
11833 .lp-toggle-enable.is-enabled .lp-toggle-enable__track::before {
11834 transform: translateX(20px);
11835 }
11836 .lp-toggle-enable.is-enabled .lp-toggle-enable__label {
11837 color: #28A746;
11838 }
11839 .lp-toggle-enable.is-disabled {
11840 opacity: 0.6;
11841 cursor: not-allowed;
11842 }
11843 .lp-toggle-enable.loading {
11844 position: relative;
11845 cursor: default;
11846 pointer-events: none;
11847 }
11848 .lp-toggle-enable.loading .lp-toggle-enable__track,
11849 .lp-toggle-enable.loading .lp-toggle-enable__label {
11850 opacity: 0.4;
11851 }
11852 .lp-toggle-enable.loading::after {
11853 content: "\f110";
11854 position: absolute;
11855 top: 0;
11856 right: 0;
11857 bottom: 0;
11858 left: 0;
11859 width: 18px;
11860 height: 18px;
11861 margin: auto;
11862 display: flex;
11863 align-items: center;
11864 justify-content: center;
11865 font-family: "lp-icon";
11866 font-size: 14px;
11867 font-style: normal;
11868 font-weight: normal;
11869 font-variant: normal;
11870 text-transform: none;
11871 line-height: 1;
11872 color: #2271b1;
11873 background: #fff;
11874 border-radius: 50%;
11875 animation: lp-scorm-toggle-spin 1s linear infinite;
11876 z-index: 1;
11877 }
11878 .lp-toggle-enable .lp-toggle-enable__input:focus-visible ~ .lp-toggle-enable__track {
11879 outline: 2px solid #2271b1;
11880 outline-offset: 2px;
11881 }
11882
11883 @keyframes lp-scorm-toggle-spin {
11884 from {
11885 transform: rotate(0deg);
11886 }
11887 to {
11888 transform: rotate(360deg);
11889 }
11890 }
11891 .button.disabled {
11892 pointer-events: none;
11893 }
11894
11895 .learnpress .postbox .rwmb-meta-box {
11896 margin-top: 10px;
11897 }
11898 .learnpress #field-_lp_requirements .rwmb-text-list-clone,
11899 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone,
11900 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone,
11901 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone,
11902 .learnpress #field-_lp_key_features .rwmb-text-list-clone,
11903 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone,
11904 .learnpress #field-_lp_faqs .rwmb-text-list-clone,
11905 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
11906 clear: none;
11907 position: relative;
11908 border: 1px solid #ddd;
11909 border-radius: 4px;
11910 }
11911 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-label,
11912 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11913 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-label,
11914 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11915 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-label,
11916 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11917 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-label,
11918 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
11919 display: none;
11920 }
11921 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list,
11922 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-advanced,
11923 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list,
11924 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11925 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list,
11926 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-advanced,
11927 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list,
11928 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11929 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list,
11930 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-advanced,
11931 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list,
11932 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11933 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list,
11934 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-advanced,
11935 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list,
11936 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-advanced {
11937 width: calc(100% - 65px);
11938 padding: 7px 10px;
11939 border: none;
11940 color: #777;
11941 background: transparent;
11942 box-shadow: none;
11943 line-height: 1;
11944 }
11945 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone,
11946 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone,
11947 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone,
11948 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone,
11949 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone,
11950 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone,
11951 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone,
11952 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
11953 top: 50%;
11954 right: 41px;
11955 margin-top: -10px;
11956 border-radius: unset;
11957 color: #999;
11958 background: transparent;
11959 -webkit-transition: right 0.25s;
11960 transition: right 0.25s;
11961 }
11962 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone i,
11963 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone i,
11964 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone i,
11965 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone i,
11966 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone i,
11967 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone i,
11968 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone i,
11969 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone i {
11970 font-size: 1.25rem;
11971 }
11972 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone:hover,
11973 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone:hover,
11974 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone:hover,
11975 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone:hover,
11976 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone:hover,
11977 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone:hover,
11978 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone:hover,
11979 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone:hover {
11980 color: #e74c3c;
11981 }
11982 .learnpress #field-_lp_requirements .rwmb-text-list-clone::after,
11983 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone::after,
11984 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone::after,
11985 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone::after,
11986 .learnpress #field-_lp_key_features .rwmb-text-list-clone::after,
11987 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone::after,
11988 .learnpress #field-_lp_faqs .rwmb-text-list-clone::after,
11989 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
11990 display: inline-block;
11991 position: absolute;
11992 top: 50%;
11993 right: 10px;
11994 margin: 8px 0 0 0;
11995 margin-top: -9px;
11996 color: #999;
11997 font-family: Dashicons;
11998 font-size: 1.25rem;
11999 content: "\f333";
12000 }
12001 .learnpress #field-_lp_requirements .rwmb-text-list-clone:focus-within,
12002 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone:focus-within,
12003 .learnpress #field-_lp_key_features .rwmb-text-list-clone:focus-within,
12004 .learnpress #field-_lp_faqs .rwmb-text-list-clone:focus-within {
12005 border-color: #0085ba;
12006 }
12007 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12008 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12009 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12010 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list:focus {
12011 border-color: #0085ba;
12012 }
12013 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
12014 position: relative;
12015 padding: 0 0 16px 0;
12016 }
12017 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
12018 display: block;
12019 padding: 10px 10px 0 12px;
12020 }
12021 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list {
12022 width: calc(100% - 25px);
12023 margin: 0 13px 0 13px;
12024 border: 1px solid #ddd;
12025 vertical-align: top;
12026 }
12027 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
12028 top: 20px;
12029 right: 36px;
12030 margin-top: -10px;
12031 color: #999;
12032 -webkit-transition: right 0.25s;
12033 transition: right 0.25s;
12034 }
12035 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
12036 top: 20px;
12037 }
12038
12039 .lp-notice,
12040 .learn-press-notice {
12041 position: relative;
12042 padding: 12px;
12043 margin: 0;
12044 /*&.lp-upgrade-notice {
12045 position: relative;
12046 border-left-color: #02b7fb;
12047 background: #bceffe;
12048
12049 .close-notice {
12050 position: absolute;
12051 top: 5px;
12052 right: 10px;
12053 }
12054 }*/
12055 }
12056 .lp-notice h4,
12057 .learn-press-notice h4 {
12058 margin: 10px 0 15px;
12059 }
12060 .lp-notice p,
12061 .learn-press-notice p {
12062 margin: 0 0 5px 0;
12063 padding: 0 2px;
12064 }
12065 .lp-notice .lp-message-dismiss,
12066 .learn-press-notice .lp-message-dismiss {
12067 position: absolute;
12068 top: 12px;
12069 right: 12px;
12070 }
12071 .lp-notice .notice-dismiss,
12072 .learn-press-notice .notice-dismiss {
12073 position: absolute;
12074 top: 0;
12075 right: 1px;
12076 margin: 0;
12077 padding: 9px;
12078 border: none;
12079 outline: none;
12080 color: #72777c;
12081 background: 0 0;
12082 box-shadow: none;
12083 cursor: pointer;
12084 }
12085 .lp-notice .notice-dismiss::before,
12086 .learn-press-notice .notice-dismiss::before {
12087 display: block;
12088 width: 20px;
12089 height: 20px;
12090 color: #72777c;
12091 background: 0 0;
12092 font: normal 16px/20px dashicons;
12093 text-align: center;
12094 content: "\f153";
12095 speak: none;
12096 -webkit-font-smoothing: antialiased;
12097 }
12098
12099 .learn-press-dropdown-pages {
12100 display: inline-block;
12101 }
12102 .learn-press-dropdown-pages .list-pages-wrapper {
12103 display: flex;
12104 align-items: center;
12105 gap: 10px;
12106 }
12107
12108 .lp-notice-update-database {
12109 border: 1px solid rebeccapurple;
12110 border-left-color: #f00;
12111 border-radius: 3px;
12112 color: white;
12113 background: rebeccapurple;
12114 }
12115 .lp-notice-update-database.do-updating::before {
12116 display: inline-block;
12117 float: left;
12118 margin: 9px 5px 0 -5px;
12119 color: #2773aa;
12120 font-family: dashicons;
12121 font-size: 1.25rem;
12122 content: "\f463";
12123 animation: rotating4 2s linear infinite;
12124 }
12125
12126 #adminmenu .update-plugins.lp-plugins-count {
12127 padding: 0 5px;
12128 }
12129
12130 .search-box input[name=post-search-author],
12131 .search-box .select2-container {
12132 min-width: 200px;
12133 margin: 0;
12134 vertical-align: top;
12135 }
12136
12137 .learn-press-notice-assigned-item {
12138 color: #f00;
12139 }
12140
12141 .learnpress .actions {
12142 margin: 0;
12143 }
12144
12145 #learn-press-syncs li {
12146 position: relative;
12147 }
12148 #learn-press-syncs li.syncing, #learn-press-syncs li.synced {
12149 padding-left: 24px;
12150 }
12151 #learn-press-syncs li.syncing input[type=checkbox], #learn-press-syncs li.synced input[type=checkbox] {
12152 display: none;
12153 }
12154 #learn-press-syncs li.syncing::after {
12155 content: "\f463";
12156 animation: rotating4 2s linear infinite;
12157 }
12158 #learn-press-syncs li.synced::after {
12159 color: #2773aa;
12160 content: "\f147";
12161 }
12162 #learn-press-syncs li::after {
12163 display: block;
12164 position: absolute;
12165 top: 0;
12166 left: -3px;
12167 width: 24px;
12168 height: 24px;
12169 font-family: dashicons;
12170 font-size: 1.1875rem;
12171 line-height: 1.5rem;
12172 text-align: center;
12173 }
12174
12175 #learn-press-updater .updater-progress {
12176 position: relative;
12177 margin: 0 2px;
12178 }
12179 #learn-press-updater .updater-progress ul {
12180 display: flex;
12181 position: relative;
12182 height: 5px;
12183 background: #eee;
12184 }
12185 #learn-press-updater .updater-progress ul li {
12186 position: relative;
12187 margin: 0;
12188 flex: 1;
12189 }
12190 #learn-press-updater .updater-progress ul li::after {
12191 display: none;
12192 position: absolute;
12193 top: -30px;
12194 right: 0;
12195 padding: 3px 5px;
12196 border-radius: 3px;
12197 color: #fff;
12198 background: #ddd;
12199 font-size: 0.75rem;
12200 content: attr(data-version);
12201 }
12202 #learn-press-updater .updater-progress ul li::before {
12203 content: "";
12204 }
12205 #learn-press-updater .updater-progress ul li:last-child::after {
12206 _display: block;
12207 }
12208 #learn-press-updater .updater-progress ul::after {
12209 position: absolute;
12210 top: 0;
12211 left: 0;
12212 width: 0;
12213 height: 20px;
12214 }
12215 #learn-press-updater .updater-progress .updater-progress-status {
12216 position: absolute;
12217 top: 0;
12218 left: 0;
12219 width: 0;
12220 height: 5px;
12221 background: #5bc4f9;
12222 transition: width 0.25s;
12223 }
12224 #learn-press-updater .updater-progress .updater-progress-status::before {
12225 position: absolute;
12226 top: -20px;
12227 right: 0;
12228 padding: 0 5px;
12229 border-radius: 3px;
12230 color: #fff;
12231 background: #5bc4f9;
12232 font-size: 0.75rem;
12233 _content: attr(data-value) "%";
12234 }
12235 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation {
12236 overflow: hidden;
12237 position: absolute;
12238 top: 0;
12239 left: 0;
12240 width: 100%;
12241 height: 5px;
12242 background: #5bc4f9;
12243 }
12244 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation:not(.completed)::after {
12245 position: absolute;
12246 height: 5px;
12247 background: #8dd9ff;
12248 content: "";
12249 animation: animation4 1.5s ease-out infinite;
12250 }
12251 #learn-press-updater .updating-message {
12252 color: #a24666;
12253 }
12254 #learn-press-updater .completed-message {
12255 color: #3c8eb7;
12256 }
12257
12258 #learn-press-updater {
12259 display: none;
12260 }
12261
12262 .select2 .select2-search.select2-search--inline {
12263 margin-bottom: 0;
12264 }
12265 .select2 .select2-selection .select2-selection__choice {
12266 margin-top: 4px;
12267 margin-bottom: 0;
12268 }
12269 .select2 .select2-selection.select2-selection--multiple {
12270 min-height: 30px;
12271 }
12272
12273 .list-pages-wrapper .select2-container--default .select2-selection--single .select2-selection__clear {
12274 margin: 0;
12275 }
12276
12277 .edit-post-layout__metaboxes .rwmb-label > label {
12278 color: #666;
12279 font-size: small;
12280 font-weight: bold;
12281 }
12282
12283 body.post-type-lp_question #button-new-question {
12284 display: inline-block;
12285 position: relative;
12286 }
12287 body.post-type-lp_question #button-new-question div {
12288 display: none;
12289 position: absolute;
12290 z-index: 9999;
12291 top: 100%;
12292 left: 0;
12293 min-width: 100px;
12294 margin: 0 0 0 -1px;
12295 border: 1px solid #999;
12296 background: white;
12297 font-weight: 400;
12298 }
12299 body.post-type-lp_question #button-new-question div a {
12300 display: block;
12301 min-width: 100px;
12302 margin: 0;
12303 padding: 10px 20px;
12304 color: #666;
12305 white-space: nowrap;
12306 text-decoration: none;
12307 }
12308 body.post-type-lp_question #button-new-question div a:hover {
12309 background: #eee;
12310 }
12311 body.post-type-lp_question #button-new-question > a {
12312 position: relative;
12313 padding-right: 15px;
12314 text-decoration: none;
12315 }
12316 body.post-type-lp_question #button-new-question > a::after {
12317 display: inline-block;
12318 position: absolute;
12319 top: 6px;
12320 right: 0;
12321 width: 0;
12322 height: 0;
12323 margin: 0;
12324 border: 5px solid transparent;
12325 border-top-color: #0f7aae;
12326 content: "";
12327 }
12328 body.post-type-lp_question #button-new-question:hover div {
12329 display: block;
12330 }
12331
12332 .lp-label {
12333 display: inline-block;
12334 padding: 3px 6px;
12335 color: #fff;
12336 font-size: 0.75rem;
12337 border-radius: 4px;
12338 }
12339 .lp-label.success {
12340 background: #4caf50;
12341 }
12342 .lp-label.error {
12343 background: #f00;
12344 }
12345 .lp-label.warning {
12346 background: #ffc107;
12347 }
12348 .lp-label .far,
12349 .lp-label .fas,
12350 .lp-label .fa {
12351 display: inline-block;
12352 margin-right: 5px;
12353 }
12354
12355 .lp-admin-profile-courses .column-results {
12356 width: 200px;
12357 }
12358 .lp-admin-profile-courses .course-results-progress .lp-progress-row {
12359 margin: 0 0 20px 0;
12360 }
12361 .lp-admin-profile-courses .course-results-progress .lp-course-progress-heading {
12362 margin: 0 0 5px 0;
12363 line-height: 1;
12364 }
12365 .lp-admin-profile-courses .learn-press-progress {
12366 overflow: hidden;
12367 position: relative;
12368 width: 150px;
12369 height: 6px;
12370 border-radius: 3px;
12371 }
12372 .lp-admin-profile-courses .learn-press-progress .learn-press-progress__active {
12373 position: absolute;
12374 z-index: 1;
12375 left: -100%;
12376 width: 100%;
12377 height: 100%;
12378 border-radius: 3px;
12379 background: var(--lp-primary-color);
12380 -webkit-transition: 0.5s;
12381 transition: 0.5s;
12382 }
12383 .lp-admin-profile-courses .learn-press-progress::before {
12384 display: block;
12385 position: absolute;
12386 z-index: 0;
12387 top: 0;
12388 width: 100%;
12389 height: 100%;
12390 background: #ccc;
12391 content: "";
12392 }
12393
12394 .lp-notify-action-wrapper {
12395 position: fixed;
12396 bottom: 5%;
12397 z-index: 10000;
12398 left: 50%;
12399 padding: 10px;
12400 transition: all 0.5s;
12401 transform: translateY(500%);
12402 display: flex;
12403 flex-direction: column;
12404 gap: 5px;
12405 }
12406 .lp-notify-action-wrapper.show {
12407 display: flex;
12408 transform: translateY(0);
12409 }
12410 .lp-notify-action-wrapper .lp-notify-action {
12411 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
12412 background: #202937;
12413 padding: 0 20px;
12414 border-radius: 3px;
12415 min-width: 200px;
12416 transition: all 0.8s;
12417 }
12418 .lp-notify-action-wrapper .lp-notify-action.clone {
12419 display: none;
12420 }
12421 .lp-notify-action-wrapper .lp-notify-action__success {
12422 display: none;
12423 color: #01a401;
12424 }
12425 .lp-notify-action-wrapper .lp-notify-action__success.show {
12426 display: block;
12427 }
12428 .lp-notify-action-wrapper .lp-notify-action__error {
12429 display: none;
12430 color: #f44336;
12431 font-weight: bold;
12432 }
12433 .lp-notify-action-wrapper .lp-notify-action__error.show {
12434 display: block;
12435 }
12436
12437 #wp-admin-bar-lp-course-builder svg {
12438 vertical-align: text-bottom;
12439 }