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

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

12,430 lines 298.9 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 padding: 10px 20px;
34 border-radius: var(--lp-border-radius, 5px);
35 background-color: #E5F7FF;
36 color: #007AFF;
37 max-width: 100%;
38 }
39 .learn-press-message.error {
40 background-color: #FEE5E5;
41 color: #FF3B30;
42 }
43 .learn-press-message.warning {
44 background-color: #FEF7E6;
45 color: #FF9500;
46 }
47 .learn-press-message.success {
48 background-color: #EBF8E5;
49 color: #3AB500;
50 }
51 .learn-press-message.info {
52 background-color: rgba(0, 122, 255, 0.1019607843);
53 color: #007AFF;
54 }
55 .learn-press-message a {
56 text-decoration: underline;
57 }
58
59 .lp-toast.toastify {
60 background: #EBF8E5;
61 color: #3AB500;
62 border-radius: var(--lp-border-radius, 5px);
63 box-shadow: 0 0 0;
64 display: flex;
65 align-items: center;
66 }
67 .lp-toast.toastify .toast-close {
68 background: transparent !important;
69 font-size: 0;
70 padding-left: 12px;
71 }
72 .lp-toast.toastify .toast-close:before {
73 content: "\f00d";
74 font-family: "lp-icon";
75 font-size: 16px;
76 color: #000;
77 line-height: 17px;
78 }
79 .lp-toast.toastify .toast-close:hover {
80 opacity: 1;
81 }
82 .lp-toast.toastify.error {
83 background-color: #FEE5E5;
84 color: #FF3B30;
85 padding: 12px 20px;
86 border: none;
87 margin: 0 auto;
88 }
89 .lp-toast.toastify.warning {
90 background-color: #FEF7E6;
91 color: #fb9422;
92 padding: 12px 20px;
93 border: none;
94 margin: 0 auto;
95 }
96 .lp-toast.toastify.info {
97 background-color: rgba(0, 122, 255, 0.1019607843);
98 color: #277afc;
99 padding: 12px 20px;
100 border: none;
101 margin: 0 auto;
102 }
103
104 /**
105 * Style for the Tom Select
106 * @link https://tom-select.js.org/
107 * @since 4.2.9.5
108 * @version 1.0.0
109 */
110 .lp-tom-select {
111 min-width: 150px;
112 }
113 .lp-tom-select.plugin-dropdown_input .dropdown-input {
114 width: 95%;
115 min-width: auto;
116 border: 1px solid #2271b1;
117 }
118 .lp-tom-select[multiple] {
119 display: block;
120 height: 36px !important;
121 border: 1px solid #d0d0d0;
122 }
123 .lp-tom-select.ts-wrapper {
124 min-width: 200px;
125 width: fit-content;
126 }
127 .lp-tom-select.ts-wrapper dropdown-active .ts-control input.dropdown-input {
128 border-color: #d0d0d0;
129 }
130 .lp-tom-select.ts-wrapper input.dropdown-input {
131 margin: 0 auto 5px;
132 padding: 0 8px;
133 box-shadow: none;
134 }
135 .lp-tom-select.ts-wrapper.multi.has-items .ts-control {
136 padding: 3px 0 3px 3px;
137 }
138 .lp-tom-select.ts-wrapper .ts-control {
139 min-height: 35px;
140 padding: 4px;
141 }
142 .lp-tom-select.ts-wrapper .ts-control input[type=text] {
143 min-width: 30px;
144 }
145 .lp-tom-select.ts-wrapper .ts-control li {
146 margin: 0 5px 3px 0;
147 padding: 3px 8px;
148 background: #eee;
149 border-radius: var(--lp-border-radius);
150 }
151 .lp-tom-select.ts-wrapper .ts-control .item {
152 margin: 0 5px 2px 0;
153 padding: 1px 2px;
154 background: #eee;
155 border-radius: var(--lp-border-radius);
156 }
157 .lp-tom-select.ts-wrapper .ts-dropdown {
158 border: 1px solid #d0d0d0;
159 padding-top: 5px;
160 border-radius: 3px;
161 margin-top: -1px;
162 }
163 .lp-tom-select.ts-wrapper .ts-dropdown .spinner {
164 visibility: visible;
165 }
166 .lp-tom-select.ts-wrapper .ts-dropdown .spinner::after {
167 content: "";
168 border: none;
169 }
170 .lp-tom-select .dropdown-input-wrap {
171 display: flex;
172 }
173
174 /*.search-box {
175 .ts-wrapper {
176 float: left;
177 margin-right: 4px;
178
179 .ts-control {
180 padding: 3px;
181 height: 30px;
182
183 li {
184 margin: 0;
185 }
186 }
187 }
188 }*/
189 /**
190 * Styles for displaying list of table
191 */
192 .lp-toolbar-buttons {
193 position: relative;
194 z-index: 10;
195 height: 50px;
196 }
197 .lp-toolbar-buttons .lp-toolbar-btn {
198 display: inline-block;
199 position: relative;
200 width: 30px;
201 height: 30px;
202 margin: 0;
203 padding: 0;
204 text-align: center;
205 vertical-align: middle;
206 cursor: pointer;
207 }
208 .lp-toolbar-buttons .lp-toolbar-btn a,
209 .lp-toolbar-buttons .lp-toolbar-btn span {
210 outline: none;
211 color: #666;
212 box-shadow: none;
213 }
214 .lp-toolbar-buttons .lp-toolbar-btn .lp-btn-icon {
215 position: absolute;
216 top: 50%;
217 left: 50%;
218 width: 30px;
219 height: 30px;
220 margin-top: -15px;
221 margin-left: -15px;
222 line-height: 1.875rem;
223 text-align: center;
224 }
225 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move {
226 cursor: ns-resize;
227 }
228 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move a,
229 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
230 cursor: ns-resize;
231 }
232 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move:hover a,
233 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
234 color: var(--lp-primary-color);
235 }
236 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove {
237 cursor: pointer;
238 }
239 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover a,
240 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover span {
241 color: #e74c3c;
242 }
243 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down,
244 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down-alt2 {
245 display: none;
246 }
247 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up,
248 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up-alt2 {
249 display: none;
250 }
251 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down,
252 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down-alt2 {
253 display: inline-block;
254 }
255 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown {
256 color: #000;
257 }
258 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul {
259 display: none;
260 position: absolute;
261 top: 100%;
262 right: 0;
263 margin: 0 0;
264 border: 1px solid #999;
265 background: #fdfeff;
266 }
267 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li {
268 margin: 0;
269 list-style: none;
270 }
271 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a {
272 display: block;
273 margin: 0;
274 padding: 3px 8px;
275 color: #757575;
276 font-size: 0.8em;
277 text-align: right;
278 white-space: nowrap;
279 text-decoration: none;
280 }
281 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a:hover {
282 background: #eee;
283 }
284 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li.active a {
285 background: #eee;
286 }
287 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled, .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled:hover {
288 _background: #f5f5f5;
289 }
290 .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 {
291 color: #666;
292 }
293 .lp-toolbar-buttons .lp-toolbar-btn:hover {
294 display: inline-block;
295 background: none;
296 }
297 .lp-toolbar-buttons .lp-toolbar-btn:hover .lp-btn-icon {
298 color: #444;
299 }
300 .lp-toolbar-buttons .lp-toolbar-btn:hover ul {
301 display: block;
302 }
303 .lp-toolbar-buttons .lp-toolbar-btn:hover ul:hover {
304 display: block;
305 }
306
307 .column-content-actions.lp-toolbar-buttons {
308 width: 30px;
309 padding: 0;
310 white-space: nowrap;
311 }
312
313 .learn-press-box-data {
314 position: relative;
315 margin: 20px 0 0 0;
316 border: 1px solid #ddd;
317 }
318 .learn-press-box-data .lp-box-data-head {
319 padding: 10px 15px;
320 background: #fff;
321 }
322 .learn-press-box-data .lp-box-data-head h3 {
323 margin: 0;
324 padding: 15px;
325 font-size: 1em;
326 }
327 .learn-press-box-data .lp-box-data-head .lp-box-data-actions {
328 float: right;
329 position: relative;
330 z-index: 10;
331 }
332 .learn-press-box-data .lp-box-data-head .lp-box-data-actions .lp-btn {
333 display: inline-block;
334 width: 30px;
335 height: 50px;
336 line-height: 2.875rem;
337 text-align: center;
338 vertical-align: middle;
339 }
340 .learn-press-box-data .lp-box-data-head .lp-box-data-actions::after {
341 display: block;
342 clear: both;
343 content: "";
344 }
345 .learn-press-box-data .lp-box-data-head::after {
346 display: block;
347 clear: both;
348 content: "";
349 }
350 .learn-press-box-data .lp-box-data-content {
351 padding: 15px;
352 border-top: 1px solid #ddd;
353 background: #fff;
354 }
355 .learn-press-box-data .lp-box-data-foot {
356 padding: 15px;
357 }
358 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up,
359 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up-alt2 {
360 display: none;
361 }
362 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down,
363 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down-alt2 {
364 display: inline-block;
365 }
366 .learn-press-box-data.closed .lp-box-data-content {
367 display: none;
368 }
369
370 .lp-list-options {
371 width: 100%;
372 border-collapse: collapse;
373 }
374 .lp-list-options th,
375 .lp-list-options td {
376 padding: 10px 15px;
377 border-top: 1px solid #ddd;
378 background: #f5f5f5;
379 }
380 .lp-list-options thead th {
381 text-align: left;
382 }
383 .lp-list-options tbody tr td {
384 padding: 0 15px;
385 background: #f4fcff;
386 }
387 .lp-list-options tbody tr td.lp-toolbar-buttons {
388 _overflow: hidden;
389 position: relative;
390 width: 30px;
391 height: 42px;
392 white-space: nowrap;
393 }
394 .lp-list-options tbody tr td.lp-toolbar-buttons .lp-toolbar-btn {
395 visibility: hidden;
396 position: relative;
397 height: 43px;
398 margin-top: -4px;
399 margin-bottom: -4px;
400 }
401 .lp-list-options tbody tr:nth-child(odd) td {
402 background: #fff;
403 }
404 .lp-list-options tbody tr:hover td.lp-toolbar-buttons .lp-toolbar-btn {
405 visibility: visible;
406 }
407 .lp-list-options tbody td {
408 text-align: left;
409 }
410 .lp-list-options tbody td input[type=text] {
411 width: 100%;
412 }
413 .lp-list-options tbody td input[type=text][value=""] {
414 font-style: italic;
415 }
416 .lp-list-options tbody td.column-content-answer_correct {
417 width: 125px;
418 }
419 .lp-list-options tbody td.lp-remove-list-option, .lp-list-options tbody td.lp-move-list-option {
420 width: 20px;
421 padding: 0;
422 text-align: center;
423 }
424 .lp-list-options tbody td.lp-remove-list-option a, .lp-list-options tbody td.lp-move-list-option a {
425 visibility: hidden;
426 color: #999;
427 }
428 .lp-list-options tbody td.lp-remove-list-option:hover, .lp-list-options tbody td.lp-move-list-option:hover {
429 background: #dbf5ff;
430 }
431 .lp-list-options tbody td.lp-move-list-option {
432 cursor: ns-resize;
433 }
434 .lp-list-options tbody td.lp-move-list-option a {
435 cursor: ns-resize;
436 }
437 .lp-list-options tbody td.lp-move-list-option:hover a {
438 color: var(--lp-primary-color);
439 }
440 .lp-list-options tbody td.lp-remove-list-option {
441 cursor: pointer;
442 }
443 .lp-list-options tbody td.lp-remove-list-option:hover a {
444 color: #e74c3c;
445 }
446
447 .lp-animation {
448 animation: spin 4s linear infinite;
449 }
450
451 .lp-ajax-search {
452 display: inline-block;
453 position: relative;
454 z-index: 999999;
455 }
456 .lp-ajax-search .lp-search-term {
457 min-width: 300px;
458 height: 28px;
459 margin: 0;
460 outline: none;
461 box-shadow: none;
462 }
463 .lp-ajax-search .lp-search-term:focus {
464 box-shadow: none;
465 }
466 .lp-ajax-search .lp-search-term:focus {
467 outline: none;
468 box-shadow: none;
469 }
470 .lp-ajax-search .lp-search-term:focus:focus {
471 box-shadow: none;
472 }
473 .lp-ajax-search .lp-search-results {
474 position: absolute;
475 top: 100%;
476 width: 100%;
477 margin: -1px 0 0 0;
478 border: 1px solid #ddd;
479 background: #fff;
480 -webkit-box-sizing: border-box;
481 box-sizing: border-box;
482 }
483 .lp-ajax-search .lp-search-results .lp-search-items {
484 overflow: auto;
485 max-height: 300px;
486 margin: 0;
487 }
488 .lp-ajax-search .lp-search-results .lp-search-items li {
489 margin: 0;
490 }
491 .lp-ajax-search .lp-search-results .lp-search-items li label {
492 display: block;
493 padding: 8px 10px;
494 border-bottom: 1px solid #f3f3f3;
495 }
496 .lp-ajax-search .lp-search-results .lp-search-items li label input {
497 float: left;
498 margin-top: 1px;
499 margin-right: -100%;
500 }
501 .lp-ajax-search .lp-search-results .lp-search-items li label span {
502 display: inline-block;
503 margin-left: 25px;
504 }
505 .lp-ajax-search .lp-search-results .lp-search-items li label span a.lp-add-item {
506 visibility: hidden;
507 margin-left: 10px;
508 }
509 .lp-ajax-search .lp-search-results .lp-search-items li.active {
510 background: #dbf5ff;
511 }
512 .lp-ajax-search .lp-search-results .lp-search-items li:hover {
513 color: #fff;
514 background: #0085ba;
515 }
516 .lp-ajax-search .lp-search-results .lp-search-items li:hover a.lp-add-item {
517 visibility: visible;
518 }
519 .lp-ajax-search .lp-search-results .lp-search-actions {
520 margin: 0;
521 padding: 10px;
522 border-top: 1px solid #ddd;
523 }
524
525 #learn-press-ajax-search-overlay {
526 display: none;
527 position: fixed;
528 z-index: 99999;
529 top: 0;
530 left: 0;
531 width: 100%;
532 height: 100%;
533 opacity: 0;
534 }
535
536 .update-overlay {
537 position: fixed;
538 z-index: 99999;
539 top: 0;
540 left: 0;
541 width: 100%;
542 height: 100%;
543 background: rgba(255, 255, 255, 0.5);
544 }
545
546 #course-editor.ajax-search #learn-press-ajax-search-overlay {
547 display: block;
548 }
549 #course-editor.ajax-search .lp-ajax-search {
550 z-index: 100000;
551 }
552
553 .advanced-list {
554 width: 100%;
555 min-width: 200px;
556 border-radius: var(--lp-border-radius);
557 background: #fff;
558 list-style: none;
559 }
560 .advanced-list li {
561 display: inline-block;
562 margin: 0 5px 5px 0;
563 padding: 3px 8px;
564 background: #eee;
565 border-radius: var(--lp-border-radius);
566 }
567 .advanced-list li .remove-item {
568 display: inline-block;
569 margin-right: 5px;
570 line-height: 1;
571 vertical-align: middle;
572 text-decoration: none;
573 cursor: pointer;
574 }
575 .advanced-list li .remove-item:hover {
576 color: #0085ba;
577 }
578 .advanced-list li .remove-item::before {
579 font-family: dashicons;
580 text-decoration: none;
581 content: "\f335";
582 }
583 .advanced-list li span {
584 display: inline-block;
585 }
586 .advanced-list.locked .remove-item {
587 display: none;
588 }
589 .advanced-list::after {
590 display: block;
591 clear: both;
592 content: "";
593 }
594
595 .lp-label-counter {
596 display: inline-block;
597 height: 20px;
598 padding: 0 10px;
599 border-radius: 20px;
600 color: #fff;
601 background: #2196f3;
602 font-weight: bold;
603 line-height: 1.25rem;
604 }
605 .lp-label-counter.disabled {
606 background: #ddd;
607 }
608
609 @keyframes spin {
610 100% {
611 -webkit-transform: rotate(360deg);
612 transform: rotate(360deg);
613 }
614 }
615 .rwmb-duration {
616 border: 1px solid #ddd;
617 }
618
619 ul .clearfix {
620 clear: both;
621 height: 0;
622 opacity: 0;
623 }
624
625 .clearfix-after::after {
626 display: block;
627 clear: both;
628 height: 0;
629 opacity: 0;
630 content: "";
631 }
632
633 .lp-button {
634 padding: 8px 16px;
635 border: 1px solid #e5e7eb;
636 border-radius: var(--lp-border-radius);
637 color: #374151;
638 font-size: 0.9em;
639 font-weight: 500;
640 text-decoration: none;
641 cursor: pointer;
642 }
643
644 @font-face {
645 font-family: "lp-icon";
646 src: url("../../src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=66") format("woff2");
647 font-weight: normal;
648 font-style: normal;
649 font-display: swap;
650 }
651 [class^=lp-icon-], [class*=" lp-icon-"] {
652 /* use !important to prevent issues with browser extensions that change fonts */
653 font-family: "lp-icon";
654 speak: never;
655 font-style: normal;
656 font-weight: normal;
657 font-variant: normal;
658 text-transform: none;
659 line-height: 1;
660 font-display: swap;
661 /* Better Font Rendering =========== */
662 -webkit-font-smoothing: antialiased;
663 -moz-osx-font-smoothing: grayscale;
664 }
665
666 .lp-icon-plus:before {
667 content: "\f067";
668 }
669
670 .lp-icon-question:before {
671 content: "\f128";
672 }
673
674 .lp-icon-minus:before {
675 content: "\f068";
676 }
677
678 .lp-icon-search:before {
679 content: "\f002";
680 }
681
682 .lp-icon-envelope-o:before {
683 content: "\f003";
684 }
685
686 .lp-icon-heart:before {
687 content: "\f004";
688 }
689
690 .lp-icon-star:before {
691 content: "\f005";
692 }
693
694 .lp-icon-star-o:before {
695 content: "\f006";
696 }
697
698 .lp-icon-user:before {
699 content: "\f007";
700 }
701
702 .lp-icon-th-large:before {
703 content: "\f009";
704 }
705
706 .lp-icon-th:before {
707 content: "\f00a";
708 }
709
710 .lp-icon-th-list:before {
711 content: "\f00b";
712 }
713
714 .lp-icon-check:before {
715 content: "\f00c";
716 }
717
718 .lp-icon-close:before {
719 content: "\f00d";
720 }
721
722 .lp-icon-remove:before {
723 content: "\f00d";
724 }
725
726 .lp-icon-times:before {
727 content: "\f00d";
728 }
729
730 .lp-icon-signal:before {
731 content: "\f012";
732 }
733
734 .lp-icon-cog:before {
735 content: "\f013";
736 }
737
738 .lp-icon-gear:before {
739 content: "\f013";
740 }
741
742 .lp-icon-trash-o:before {
743 content: "\f014";
744 }
745
746 .lp-icon-home:before {
747 content: "\f015";
748 }
749
750 .lp-icon-file-o:before {
751 content: "\f016";
752 }
753
754 .lp-icon-clock-o:before {
755 content: "\f017";
756 }
757
758 .lp-icon-download:before {
759 content: "\f019";
760 }
761
762 .lp-icon-play-circle-o:before {
763 content: "\f01d";
764 }
765
766 .lp-icon-refresh:before {
767 content: "\f021";
768 }
769
770 .lp-icon-lock:before {
771 content: "\f023";
772 }
773
774 .lp-icon-flag:before {
775 content: "\f024";
776 }
777
778 .lp-icon-book:before {
779 content: "\f02d";
780 }
781
782 .lp-icon-bookmark:before {
783 content: "\f02e";
784 }
785
786 .lp-icon-video-camera:before {
787 content: "\f03d";
788 }
789
790 .lp-icon-edit:before {
791 content: "\f044";
792 }
793
794 .lp-icon-pencil-square-o:before {
795 content: "\f044";
796 }
797
798 .lp-icon-check-square-o:before {
799 content: "\f046";
800 }
801
802 .lp-icon-arrows:before {
803 content: "\f047";
804 }
805
806 .lp-icon-chevron-left:before {
807 content: "\f053";
808 }
809
810 .lp-icon-chevron-right:before {
811 content: "\f054";
812 }
813
814 .lp-icon-check-circle:before {
815 content: "\f058";
816 }
817
818 .lp-icon-question-circle:before {
819 content: "\f059";
820 }
821
822 .lp-icon-arrow-left:before {
823 content: "\f060";
824 }
825
826 .lp-icon-arrow-right:before {
827 content: "\f061";
828 }
829
830 .lp-icon-expand:before {
831 content: "\f065";
832 }
833
834 .lp-icon-compress:before {
835 content: "\f066";
836 }
837
838 .lp-icon-exclamation-circle:before {
839 content: "\f06a";
840 }
841
842 .lp-icon-gift:before {
843 content: "\f06b";
844 }
845
846 .lp-icon-eye:before {
847 content: "\f06e";
848 }
849
850 .lp-icon-eye-slash:before {
851 content: "\f070";
852 }
853
854 .lp-icon-exclamation-triangle:before {
855 content: "\f071";
856 }
857
858 .lp-icon-warning:before {
859 content: "\f071";
860 }
861
862 .lp-icon-calendar:before {
863 content: "\f073";
864 }
865
866 .lp-icon-comment:before {
867 content: "\f075";
868 }
869
870 .lp-icon-chevron-up:before {
871 content: "\f077";
872 }
873
874 .lp-icon-chevron-down:before {
875 content: "\f078";
876 }
877
878 .lp-icon-shopping-cart:before {
879 content: "\f07a";
880 }
881
882 .lp-icon-bar-chart:before {
883 content: "\f080";
884 }
885
886 .lp-icon-bar-chart-o:before {
887 content: "\f080";
888 }
889
890 .lp-icon-key:before {
891 content: "\f084";
892 }
893
894 .lp-icon-cogs:before {
895 content: "\f085";
896 }
897
898 .lp-icon-gears:before {
899 content: "\f085";
900 }
901
902 .lp-icon-thumbs-o-up:before {
903 content: "\f087";
904 }
905
906 .lp-icon-thumbs-o-down:before {
907 content: "\f088";
908 }
909
910 .lp-icon-heart-o:before {
911 content: "\f08a";
912 }
913
914 .lp-icon-sign-out:before {
915 content: "\f08b";
916 }
917
918 .lp-icon-linkedin-square:before {
919 content: "\f08c";
920 }
921
922 .lp-icon-sign-in:before {
923 content: "\f090";
924 }
925
926 .lp-icon-phone:before {
927 content: "\f095";
928 }
929
930 .lp-icon-square-o:before {
931 content: "\f096";
932 }
933
934 .lp-icon-bookmark-o:before {
935 content: "\f097";
936 }
937
938 .lp-icon-twitter:before {
939 content: "\f099";
940 }
941
942 .lp-icon-facebook:before {
943 content: "\f09a";
944 }
945
946 .lp-icon-facebook-f:before {
947 content: "\f09a";
948 }
949
950 .lp-icon-unlock:before {
951 content: "\f09c";
952 }
953
954 .lp-icon-bullhorn:before {
955 content: "\f0a1";
956 }
957
958 .lp-icon-bell-o:before {
959 content: "\f0a2";
960 }
961
962 .lp-icon-certificate:before {
963 content: "\f0a3";
964 }
965
966 .lp-icon-briefcase:before {
967 content: "\f0b1";
968 }
969
970 .lp-icon-arrows-alt:before {
971 content: "\f0b2";
972 }
973
974 .lp-icon-copy:before {
975 content: "\f0c5";
976 }
977
978 .lp-icon-files-o:before {
979 content: "\f0c5";
980 }
981
982 .lp-icon-pinterest-square:before {
983 content: "\f0d3";
984 }
985
986 .lp-icon-google-plus-square:before {
987 content: "\f0d4";
988 }
989
990 .lp-icon-google-plus:before {
991 content: "\f0d5";
992 }
993
994 .lp-icon-money-bill-alt:before {
995 content: "\f0d6";
996 }
997
998 .lp-icon-caret-down:before {
999 content: "\f0d7";
1000 }
1001
1002 .lp-icon-caret-up:before {
1003 content: "\f0d8";
1004 }
1005
1006 .lp-icon-caret-left:before {
1007 content: "\f0d9";
1008 }
1009
1010 .lp-icon-caret-right:before {
1011 content: "\f0da";
1012 }
1013
1014 .lp-icon-linkedin:before {
1015 content: "\f0e1";
1016 }
1017
1018 .lp-icon-comment-o:before {
1019 content: "\f0e5";
1020 }
1021
1022 .lp-icon-file-text-o:before {
1023 content: "\f0f6";
1024 }
1025
1026 .lp-icon-angle-double-left:before {
1027 content: "\f100";
1028 }
1029
1030 .lp-icon-angle-double-right:before {
1031 content: "\f101";
1032 }
1033
1034 .lp-icon-angle-double-up:before {
1035 content: "\f102";
1036 }
1037
1038 .lp-icon-angle-double-down:before {
1039 content: "\f103";
1040 }
1041
1042 .lp-icon-angle-left:before {
1043 content: "\f104";
1044 }
1045
1046 .lp-icon-angle-right:before {
1047 content: "\f105";
1048 }
1049
1050 .lp-icon-angle-up:before {
1051 content: "\f106";
1052 }
1053
1054 .lp-icon-angle-down:before {
1055 content: "\f107";
1056 }
1057
1058 .lp-icon-desktop:before {
1059 content: "\f108";
1060 }
1061
1062 .lp-icon-mobile:before {
1063 content: "\f10b";
1064 }
1065
1066 .lp-icon-mobile-phone:before {
1067 content: "\f10b";
1068 }
1069
1070 .lp-icon-circle-o:before {
1071 content: "\f10c";
1072 }
1073
1074 .lp-icon-spinner:before {
1075 content: "\f110";
1076 }
1077
1078 .lp-icon-code:before {
1079 content: "\f121";
1080 }
1081
1082 .lp-icon-puzzle-piece:before {
1083 content: "\f12e";
1084 }
1085
1086 .lp-icon-calendar-o:before {
1087 content: "\f133";
1088 }
1089
1090 .lp-icon-ellipsis-h:before {
1091 content: "\f141";
1092 }
1093
1094 .lp-icon-ellipsis-v:before {
1095 content: "\f142";
1096 }
1097
1098 .lp-icon-file:before {
1099 content: "\f15b";
1100 }
1101
1102 .lp-icon-file-alt:before {
1103 content: "\f15c";
1104 }
1105
1106 .lp-icon-youtube-play:before {
1107 content: "\f16a";
1108 }
1109
1110 .lp-icon-instagram:before {
1111 content: "\f16d";
1112 }
1113
1114 .lp-icon-dot-circle-o:before {
1115 content: "\f192";
1116 }
1117
1118 .lp-icon-graduation-cap:before {
1119 content: "\f19d";
1120 }
1121
1122 .lp-icon-mortar-board:before {
1123 content: "\f19d";
1124 }
1125
1126 .lp-icon-google:before {
1127 content: "\f1a0";
1128 }
1129
1130 .lp-icon-language:before {
1131 content: "\f1ab";
1132 }
1133
1134 .lp-icon-database:before {
1135 content: "\f1c0";
1136 }
1137
1138 .lp-icon-file-pdf:before {
1139 content: "\f1c1";
1140 }
1141
1142 .lp-icon-file-word:before {
1143 content: "\f1c2";
1144 }
1145
1146 .lp-icon-file-excel:before {
1147 content: "\f1c3";
1148 }
1149
1150 .lp-icon-file-powerpoint:before {
1151 content: "\f1c4";
1152 }
1153
1154 .lp-icon-file-image:before {
1155 content: "\f1c5";
1156 }
1157
1158 .lp-icon-file-photo:before {
1159 content: "\f1c5";
1160 }
1161
1162 .lp-icon-file-picture:before {
1163 content: "\f1c5";
1164 }
1165
1166 .lp-icon-file-archive:before {
1167 content: "\f1c6";
1168 }
1169
1170 .lp-icon-file-zip:before {
1171 content: "\f1c6";
1172 }
1173
1174 .lp-icon-file-audio:before {
1175 content: "\f1c7";
1176 }
1177
1178 .lp-icon-file-sound:before {
1179 content: "\f1c7";
1180 }
1181
1182 .lp-icon-file-movie:before {
1183 content: "\f1c8";
1184 }
1185
1186 .lp-icon-file-video:before {
1187 content: "\f1c8";
1188 }
1189
1190 .lp-icon-file-code:before {
1191 content: "\f1c9";
1192 }
1193
1194 .lp-icon-circle-thin:before {
1195 content: "\f1db";
1196 }
1197
1198 .lp-icon-share-alt:before {
1199 content: "\f1e0";
1200 }
1201
1202 .lp-icon-pie-chart:before {
1203 content: "\f200";
1204 }
1205
1206 .lp-icon-line-chart:before {
1207 content: "\f201";
1208 }
1209
1210 .lp-icon-user-secret:before {
1211 content: "\f21b";
1212 }
1213
1214 .lp-icon-television:before {
1215 content: "\f26c";
1216 }
1217
1218 .lp-icon-tv:before {
1219 content: "\f26c";
1220 }
1221
1222 .lp-icon-question-circle-o:before {
1223 content: "\f29c";
1224 }
1225
1226 .lp-icon-google-plus-circle:before {
1227 content: "\f2b3";
1228 }
1229
1230 .lp-icon-google-plus-official:before {
1231 content: "\f2b3";
1232 }
1233
1234 .lp-icon-user-circle:before {
1235 content: "\f2bd";
1236 }
1237
1238 .lp-icon-user-graduate:before {
1239 content: "\f501";
1240 }
1241
1242 .lp-icon-user-edit:before {
1243 content: "\f4ff";
1244 }
1245
1246 .lp-icon-my-courses:before {
1247 content: "\e900";
1248 }
1249
1250 .lp-icon-clock:before {
1251 content: "\e901";
1252 }
1253
1254 .lp-icon-stopwatch:before {
1255 content: "\f2f2";
1256 }
1257
1258 .lp-icon-file-download:before {
1259 content: "\f56d";
1260 }
1261
1262 .lp-icon-list:before {
1263 content: "\f03a";
1264 }
1265
1266 .lp-icon-students:before {
1267 content: "\e902";
1268 }
1269
1270 .lp-icon-courses:before {
1271 content: "\e903";
1272 }
1273
1274 .lp-icon-tiktok-alt:before {
1275 content: "\e908";
1276 }
1277
1278 .lp-icon-alarm-clock:before {
1279 content: "\e909";
1280 }
1281
1282 .lp-icon-art-and-design:before {
1283 content: "\e90a";
1284 }
1285
1286 .lp-icon-best-customer-experience:before {
1287 content: "\e90b";
1288 }
1289
1290 .lp-icon-certificate-o:before {
1291 content: "\e90c";
1292 }
1293
1294 .lp-icon-community:before {
1295 content: "\e90d";
1296 }
1297
1298 .lp-icon-online-education:before {
1299 content: "\e90e";
1300 }
1301
1302 .lp-icon-concierge-bell:before {
1303 content: "\e90f";
1304 }
1305
1306 .lp-icon-target:before {
1307 content: "\e910";
1308 }
1309
1310 .lp-icon-content-marketing:before {
1311 content: "\e911";
1312 }
1313
1314 .lp-icon-dollar-sign:before {
1315 content: "\e912";
1316 }
1317
1318 .lp-icon-website:before {
1319 content: "\e913";
1320 }
1321
1322 .lp-icon-worldwide-security:before {
1323 content: "\e914";
1324 }
1325
1326 .lp-icon-educational-programs:before {
1327 content: "\e915";
1328 }
1329
1330 .lp-icon-online-class:before {
1331 content: "\e916";
1332 }
1333
1334 .lp-icon-monitor:before {
1335 content: "\e917";
1336 }
1337
1338 .lp-icon-lucide:before {
1339 content: "\e918";
1340 }
1341
1342 .lp-icon-ebook:before {
1343 content: "\e919";
1344 }
1345
1346 .lp-icon-co-instructor:before {
1347 content: "\e904";
1348 }
1349
1350 .lp-icon-close-circle:before {
1351 content: "\e907";
1352 }
1353
1354 .lp-icon-layers:before {
1355 content: "\e91a";
1356 }
1357
1358 .lp-icon-filter:before {
1359 content: "\e91c";
1360 }
1361
1362 .lp-icon-in_progress_course:before {
1363 content: "\e91d";
1364 }
1365
1366 .lp-icon-finished_courses:before {
1367 content: "\e91e";
1368 }
1369
1370 .lp-icon-failed_courses:before {
1371 content: "\e91f";
1372 }
1373
1374 .lp-icon-passed_courses:before {
1375 content: "\e920";
1376 }
1377
1378 .lp-icon-student_in_progress:before {
1379 content: "\e924";
1380 }
1381
1382 .lp-icon-student_completed:before {
1383 content: "\e925";
1384 }
1385
1386 .lp-icon-published_course:before {
1387 content: "\e926";
1388 }
1389
1390 .lp-icon-pending_course:before {
1391 content: "\e927";
1392 }
1393
1394 .lp-icon-list-check:before {
1395 content: "\e929";
1396 }
1397
1398 .lp-icon-icon-h5p:before {
1399 content: "\e92a";
1400 }
1401
1402 .lp-icon-comment-written:before {
1403 content: "\e921";
1404 }
1405
1406 .lp-icon-book-open:before {
1407 content: "\f518";
1408 }
1409
1410 .lp-icon-pinterest-p:before {
1411 content: "\f231";
1412 }
1413
1414 .lp-icon-dropbox:before {
1415 content: "\e905";
1416 }
1417
1418 .lp-icon-edit-square:before {
1419 content: "\e923";
1420 }
1421
1422 .lp-icon-drag:before {
1423 content: "\e922";
1424 }
1425
1426 .lp-icon-map-pin:before {
1427 content: "\e91b";
1428 }
1429
1430 .lp-icon-map-marker:before {
1431 content: "\e91b";
1432 }
1433
1434 .lp-icon-box:before {
1435 content: "\e906";
1436 }
1437
1438 .lp-ico-ai {
1439 display: inline-block;
1440 width: 13px;
1441 height: 13px;
1442 background-image: url("../../images/icons/ico-ai.svg");
1443 background-size: contain;
1444 background-repeat: no-repeat;
1445 }
1446
1447 .lp-icon-course-builder {
1448 display: inline-block;
1449 width: 18px;
1450 height: 18px;
1451 background-color: currentColor;
1452 -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");
1453 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");
1454 -webkit-mask-size: contain;
1455 mask-size: contain;
1456 -webkit-mask-repeat: no-repeat;
1457 mask-repeat: no-repeat;
1458 -webkit-mask-position: center;
1459 mask-position: center;
1460 }
1461
1462 @keyframes lp-spinner {
1463 100% {
1464 -webkit-transform: rotate(360deg);
1465 transform: rotate(360deg);
1466 }
1467 }
1468 .lp-modal-choose-items-open {
1469 overflow: hidden;
1470 }
1471
1472 .lp-modal-search {
1473 height: 100%;
1474 padding: 20px;
1475 color: #777;
1476 background-color: red;
1477 }
1478 .lp-modal-search li.selected {
1479 display: none;
1480 }
1481
1482 /* message box */
1483 #learn-press-message-box-block {
1484 position: fixed;
1485 z-index: 99999;
1486 top: 0;
1487 right: 0;
1488 bottom: 0;
1489 left: 0;
1490 opacity: 0.8;
1491 background-color: #000;
1492 }
1493
1494 #learn-press-message-box-window {
1495 position: fixed;
1496 z-index: 100000;
1497 top: 0;
1498 right: 0;
1499 bottom: 0;
1500 left: 0;
1501 color: #fff;
1502 text-align: center;
1503 }
1504
1505 #message-box-wrap {
1506 /* text-align: center; */
1507 display: inline-block;
1508 max-width: 70%;
1509 margin: 0 auto;
1510 text-align: left;
1511 }
1512
1513 .message-box-title {
1514 margin: 0 0 40px 0;
1515 color: #fff;
1516 font-size: 2.125rem;
1517 }
1518
1519 .message-box-content {
1520 font-size: 1rem;
1521 line-height: 1.5;
1522 }
1523
1524 .message-box-animation {
1525 width: 220px;
1526 height: 20px;
1527 margin: 20px 0 0;
1528 background-image: url("../../images/animation.gif");
1529 }
1530
1531 .message-box-buttons {
1532 margin: 20px 0 0;
1533 padding-top: 20px;
1534 border-top: 1px solid #929292;
1535 }
1536
1537 .message-box-button {
1538 margin-right: 10px !important;
1539 }
1540
1541 .tipsy {
1542 position: absolute;
1543 }
1544
1545 .learnpress a,
1546 .learnpress a:active {
1547 outline: none;
1548 box-shadow: none;
1549 }
1550
1551 /* Metabox email template field */
1552 .lp-email-templates {
1553 overflow: hidden;
1554 margin-top: 5px;
1555 }
1556
1557 .learn-press-email-variables {
1558 margin: 20px 0 0;
1559 padding: 0;
1560 list-style: none;
1561 }
1562 .learn-press-email-variables li {
1563 display: inline-block;
1564 cursor: pointer;
1565 }
1566
1567 /* Metabox dropdown pages field */
1568 .learn-press-dropdown-pages input[type=text] {
1569 min-width: 300px;
1570 margin: 0;
1571 vertical-align: top;
1572 }
1573 .learn-press-dropdown-pages .select2-container {
1574 min-width: 220px !important;
1575 }
1576 .learn-press-dropdown-pages .select2-container .select2-selection--single {
1577 height: 30px;
1578 border-color: #7e8993;
1579 }
1580 .learn-press-dropdown-pages .select2-container .select2-selection__rendered {
1581 line-height: 1.75em !important;
1582 }
1583 .learn-press-dropdown-pages .select2-container .select2-selection__arrow {
1584 right: 1px;
1585 width: 23px;
1586 height: 28px;
1587 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%;
1588 background-size: 16px 16px;
1589 }
1590 .learn-press-dropdown-pages .select2-container .select2-selection__arrow b {
1591 display: none;
1592 }
1593 .learn-press-dropdown-pages .quick-add-page-actions a {
1594 font-size: 0.8125rem;
1595 text-decoration: none;
1596 }
1597 .learn-press-dropdown-pages .quick-add-page-inline {
1598 margin-top: 0;
1599 }
1600
1601 .lp-select-2 + .select2-container .select2-selection--single {
1602 height: 30px;
1603 border-color: #7e8993;
1604 }
1605 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__rendered {
1606 line-height: 1.75em !important;
1607 }
1608 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow {
1609 right: 1px;
1610 width: 23px;
1611 height: 28px;
1612 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%;
1613 background-size: 16px 16px;
1614 }
1615 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow b {
1616 display: none;
1617 }
1618
1619 /* Tooltip */
1620 .learn-press-tooltip {
1621 display: inline-block;
1622 margin: 0 5px;
1623 color: #999;
1624 font-size: 1.0625rem;
1625 vertical-align: middle;
1626 }
1627 .learn-press-tooltip.icon::after {
1628 font-family: Dashicons;
1629 content: "\f223";
1630 }
1631 .learn-press-tooltip:hover {
1632 opacity: 1;
1633 color: #0073aa;
1634 }
1635
1636 /* Metabox payment order field */
1637 .rwmb-payment-order-wrapper .rwmb-label {
1638 margin-bottom: 20px !important;
1639 }
1640 .rwmb-payment-order-wrapper .rwmb-input {
1641 margin-left: 0 !important;
1642 }
1643
1644 .learn-press-payments,
1645 .learn-press-emails {
1646 width: 100%;
1647 border: 1px solid #ddd;
1648 border-collapse: collapse;
1649 font-size: 0.875rem;
1650 }
1651 .learn-press-payments th,
1652 .learn-press-payments td,
1653 .learn-press-emails th,
1654 .learn-press-emails td {
1655 padding: 10px;
1656 }
1657 .learn-press-payments .order,
1658 .learn-press-emails .order {
1659 width: 30px;
1660 padding-right: 0;
1661 color: #ddd;
1662 text-align: center;
1663 cursor: not-allowed;
1664 }
1665 .learn-press-payments .name,
1666 .learn-press-emails .name {
1667 min-width: 250px;
1668 font-weight: normal;
1669 text-transform: capitalize;
1670 }
1671 .learn-press-payments .name a,
1672 .learn-press-emails .name a {
1673 text-decoration: none;
1674 }
1675 .learn-press-payments .status,
1676 .learn-press-emails .status {
1677 width: 100px;
1678 text-align: center;
1679 cursor: pointer;
1680 }
1681 .learn-press-payments .status .dashicons,
1682 .learn-press-emails .status .dashicons {
1683 border-radius: 50%;
1684 color: #fff;
1685 background: #ddd;
1686 }
1687 .learn-press-payments .status a,
1688 .learn-press-emails .status a {
1689 display: block;
1690 margin-top: 5px;
1691 font-size: 0.75rem;
1692 text-decoration: none;
1693 }
1694 .learn-press-payments .status.enabled .dashicons,
1695 .learn-press-emails .status.enabled .dashicons {
1696 background: #0085ba;
1697 }
1698 .learn-press-payments thead th,
1699 .learn-press-emails thead th {
1700 border-bottom: 1px solid #ddd;
1701 text-align: left;
1702 }
1703 .learn-press-payments tbody tr:nth-child(even) td,
1704 .learn-press-emails tbody tr:nth-child(even) td {
1705 background: #fff;
1706 }
1707 .learn-press-payments tbody tr:nth-child(odd) td,
1708 .learn-press-emails tbody tr:nth-child(odd) td {
1709 background: #f5f5f5;
1710 }
1711 .learn-press-payments tbody td,
1712 .learn-press-emails tbody td {
1713 border-bottom: 1px solid #ddd;
1714 }
1715 .learn-press-payments tbody .ui-sortable-helper,
1716 .learn-press-emails tbody .ui-sortable-helper {
1717 margin-left: -1px;
1718 border: 1px solid #ddd;
1719 }
1720 .learn-press-payments tbody .ui-sortable-placeholder,
1721 .learn-press-emails tbody .ui-sortable-placeholder {
1722 visibility: visible !important;
1723 border: 1px solid #ddd;
1724 }
1725 .learn-press-payments tbody .ui-sortable-placeholder td,
1726 .learn-press-emails tbody .ui-sortable-placeholder td {
1727 height: 35px;
1728 padding: 0;
1729 background: #f7f7f7;
1730 }
1731 .learn-press-payments ~ .email-actions,
1732 .learn-press-emails ~ .email-actions {
1733 text-align: left;
1734 }
1735 .learn-press-payments.sortable .order:hover,
1736 .learn-press-emails.sortable .order:hover {
1737 color: #0073aa;
1738 cursor: ns-resize;
1739 }
1740
1741 /* Submenu tools/templates */
1742 .lp-template-overrides {
1743 margin-top: 20px;
1744 }
1745 .lp-template-overrides thead th h4 {
1746 margin: 0;
1747 }
1748 .lp-template-overrides tbody th {
1749 font-weight: bold;
1750 }
1751 .lp-template-overrides tbody th p {
1752 display: inline-block;
1753 margin: 0 0 0 10px;
1754 }
1755 .lp-template-overrides tbody th p a {
1756 margin: 0;
1757 padding: 2px 8px;
1758 border: none;
1759 border-radius: 3px;
1760 outline: none;
1761 box-shadow: none;
1762 font-weight: normal;
1763 }
1764 .lp-template-overrides tbody th p a.current {
1765 color: #fff;
1766 background: #00aadc;
1767 }
1768 .lp-template-overrides .template-row.outdated code::before, .lp-template-overrides .template-row.up-to-date code::before {
1769 display: inline-block;
1770 margin-top: -2px;
1771 margin-right: 3px;
1772 font-family: Dashicons;
1773 vertical-align: middle;
1774 }
1775 .lp-template-overrides .template-row.outdated .template-version {
1776 color: #f00;
1777 }
1778 .lp-template-overrides .template-row.outdated .template-file code::before {
1779 color: #f00;
1780 content: "\f534";
1781 }
1782 .lp-template-overrides .template-row.up-to-date .template-version {
1783 color: #1859ff;
1784 }
1785 .lp-template-overrides .template-row.up-to-date .template-file code::before {
1786 color: #0085ba;
1787 content: "\f147";
1788 }
1789 .lp-template-overrides .template-version,
1790 .lp-template-overrides .core-version {
1791 width: 100px;
1792 }
1793 .lp-template-overrides #learn-press-no-templates td p {
1794 color: #0073aa;
1795 }
1796
1797 /* General */
1798 .description code {
1799 font-size: smaller;
1800 }
1801
1802 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result {
1803 display: none;
1804 padding: 10px;
1805 background: #f5f5f5;
1806 }
1807 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result input {
1808 width: 80px;
1809 margin: 0;
1810 -webkit-box-sizing: border-box;
1811 box-sizing: border-box;
1812 }
1813 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result p {
1814 margin: 7px 0 0;
1815 color: #777;
1816 font-style: italic;
1817 }
1818 #field-_lp_course_result input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
1819 display: block;
1820 }
1821
1822 .widget .widget-content .rwmb-field:not(:last-of-type) {
1823 margin: 0 0 10px;
1824 }
1825 .widget .widget-content .rwmb-field:not(:last-of-type):first-child {
1826 margin-top: 10px;
1827 }
1828 .widget .widget-content .rwmb-field:last-child {
1829 margin-bottom: 10px;
1830 }
1831 .widget .widget-content .rwmb-field .rwmb-label,
1832 .widget .widget-content .rwmb-field .rwmb-input {
1833 width: 100%;
1834 }
1835 .widget .widget-content .rwmb-field .rwmb-label {
1836 margin-bottom: 2px;
1837 }
1838 .widget .widget-content .rwmb-field .rwmb-label label {
1839 font-weight: 400;
1840 }
1841 .widget .widget-content .rwmb-field .rwmb-input input[type=text] {
1842 width: 100%;
1843 }
1844
1845 .course-attributes {
1846 margin: 20px 0;
1847 }
1848 .course-attributes .learn-press-attribute {
1849 margin-top: -1px;
1850 margin-bottom: 0;
1851 border: 1px solid #ddd;
1852 }
1853 .course-attributes .learn-press-attribute > h4 {
1854 margin: 0;
1855 padding: 10px 15px;
1856 background: #f5f5f5;
1857 }
1858 .course-attributes .learn-press-attribute .learn-press-attribute-data {
1859 padding: 15px;
1860 border-top: 1px solid #ddd;
1861 }
1862
1863 .lp-hidden {
1864 display: none !important;
1865 }
1866
1867 .lp-button.loading {
1868 pointer-events: none;
1869 opacity: 0.8;
1870 }
1871 .lp-button.loading:before {
1872 display: inline-block;
1873 font-family: "lp-icon";
1874 content: "\f110";
1875 animation: lp-rotating 1s linear infinite;
1876 margin-right: 5px;
1877 font-variant: normal;
1878 text-transform: none;
1879 -webkit-font-smoothing: antialiased;
1880 -moz-osx-font-smoothing: grayscale;
1881 }
1882
1883 .lp-max-width-768 {
1884 max-width: 768px !important;
1885 }
1886
1887 #wpfooter {
1888 z-index: 5;
1889 }
1890
1891 .learn-press-advertisement-slider {
1892 margin: 50px 20px 0 0;
1893 position: relative;
1894 overflow: hidden;
1895 box-sizing: border-box;
1896 z-index: 10;
1897 }
1898 .learn-press-advertisement-slider .slider-items:after {
1899 display: block;
1900 clear: both;
1901 content: "";
1902 }
1903 .learn-press-advertisement-slider .slide-item {
1904 position: relative;
1905 float: left;
1906 width: 100%;
1907 margin-right: -100%;
1908 padding: 20px;
1909 opacity: 0;
1910 background: #FFF;
1911 -webkit-box-sizing: border-box;
1912 box-sizing: border-box;
1913 -webkit-transition: opacity 0.5s linear;
1914 transition: opacity 0.5s linear;
1915 }
1916 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1917 float: left;
1918 width: 35%;
1919 }
1920 .learn-press-advertisement-slider .slide-item .slide-thumbnail a {
1921 display: block;
1922 line-height: 1;
1923 margin-bottom: 0;
1924 }
1925 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
1926 max-width: 100%;
1927 }
1928 .learn-press-advertisement-slider .slide-item .slide-detail {
1929 margin-left: 35%;
1930 padding-left: 20px;
1931 }
1932 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
1933 margin-top: 0;
1934 }
1935 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
1936 display: none;
1937 }
1938 .learn-press-advertisement-slider .slide-item.slide-active {
1939 opacity: 1;
1940 }
1941 .learn-press-advertisement-slider .slider-controls {
1942 position: absolute;
1943 bottom: 20px;
1944 right: 20px;
1945 }
1946 .learn-press-advertisement-slider .slider-controls .next-item,
1947 .learn-press-advertisement-slider .slider-controls .prev-item {
1948 font-family: "dashicons";
1949 width: 40px;
1950 height: 40px;
1951 border: 1px solid #DDD;
1952 line-height: 2.5rem;
1953 font-size: 1rem;
1954 cursor: pointer;
1955 float: left;
1956 margin-left: 10px;
1957 text-align: center;
1958 color: #DDD;
1959 }
1960 .learn-press-advertisement-slider .slider-controls .next-item:hover,
1961 .learn-press-advertisement-slider .slider-controls .prev-item:hover {
1962 border-color: #0085ba;
1963 }
1964 .learn-press-advertisement-slider .slider-controls .next-item:hover:before,
1965 .learn-press-advertisement-slider .slider-controls .prev-item:hover:before {
1966 color: #0085ba;
1967 }
1968 .learn-press-advertisement-slider .slider-controls .next-item:before {
1969 content: "\f345";
1970 }
1971 .learn-press-advertisement-slider .slider-controls .prev-item:before {
1972 content: "\f341";
1973 }
1974
1975 @media only screen and (max-width: 1200px) {
1976 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1977 width: 50%;
1978 }
1979 .learn-press-advertisement-slider .slide-item .slide-detail {
1980 margin-left: 50%;
1981 }
1982 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
1983 display: block;
1984 }
1985 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
1986 display: none;
1987 }
1988 }
1989 @media only screen and (max-width: 960px) {
1990 .learn-press-advertisement-slider {
1991 margin-left: 56px;
1992 }
1993 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1994 width: 100%;
1995 float: none;
1996 }
1997 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
1998 width: 100%;
1999 }
2000 .learn-press-advertisement-slider .slide-item .slide-detail {
2001 margin-left: 0;
2002 padding-left: 0;
2003 }
2004 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2005 padding-top: 20px;
2006 }
2007 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2008 display: block;
2009 }
2010 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2011 display: none;
2012 }
2013 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2014 margin-bottom: 0;
2015 }
2016 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2017 margin-bottom: 0;
2018 }
2019 .wp-responsive-open .learn-press-advertisement-slider {
2020 margin-left: 56px;
2021 }
2022 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2023 width: 100%;
2024 float: none;
2025 }
2026 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2027 width: 100%;
2028 }
2029 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail {
2030 margin-left: 0;
2031 padding-left: 0;
2032 }
2033 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2034 padding-top: 20px;
2035 }
2036 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2037 display: block;
2038 }
2039 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2040 display: none;
2041 }
2042 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2043 margin-bottom: 0;
2044 }
2045 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2046 margin-bottom: 0;
2047 }
2048 }
2049 .lp-admin-tabs {
2050 position: relative;
2051 margin-top: 20px;
2052 }
2053 .lp-admin-tabs.has-sections {
2054 display: flex;
2055 }
2056 .lp-admin-tabs .lp-admin-tab-navs {
2057 display: none;
2058 float: left;
2059 position: relative;
2060 z-index: 5;
2061 width: 250px;
2062 margin: 0 -250px 0 0;
2063 padding: 10px 0;
2064 -webkit-box-sizing: border-box;
2065 box-sizing: border-box;
2066 }
2067 .lp-admin-tabs .lp-admin-tab-navs .nav-section {
2068 margin: 0;
2069 }
2070 .lp-admin-tabs .lp-admin-tab-navs .nav-section > a,
2071 .lp-admin-tabs .lp-admin-tab-navs .nav-section > span {
2072 display: block;
2073 padding: 8px 20px;
2074 outline: none;
2075 box-shadow: none;
2076 text-decoration: none;
2077 text-transform: capitalize;
2078 }
2079 .lp-admin-tabs .lp-admin-tab-navs .nav-section .learn-press-tooltip {
2080 float: right;
2081 margin-right: 0;
2082 }
2083 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover {
2084 border-left: 2px solid #563d7c;
2085 color: #563d7c;
2086 }
2087 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > a,
2088 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > span, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > a,
2089 .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > span {
2090 padding-left: 18px;
2091 }
2092 .lp-admin-tabs.has-sections .lp-admin-tab-navs {
2093 display: block;
2094 }
2095 .lp-admin-tabs.has-sections .lp-admin-tab-content {
2096 float: left;
2097 position: relative;
2098 z-index: 0;
2099 width: 100%;
2100 padding-left: 271px !important;
2101 -webkit-box-sizing: border-box;
2102 box-sizing: border-box;
2103 }
2104 .lp-admin-tabs.has-sections::before {
2105 position: absolute;
2106 z-index: 10;
2107 top: 0;
2108 bottom: 0;
2109 left: 250px;
2110 border-left: 1px solid #ddd;
2111 content: "";
2112 }
2113 .lp-admin-tabs::after {
2114 display: block;
2115 clear: both;
2116 content: "";
2117 z-index: 10;
2118 }
2119
2120 .wrap.learn-press-settings .lp-admin-tab-content {
2121 padding: 18px;
2122 background: #fff;
2123 }
2124 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub {
2125 float: none;
2126 margin: 0 0 20px 0;
2127 padding-bottom: 20px;
2128 border-bottom: 1px solid #ddd;
2129 }
2130 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub .active {
2131 font-weight: bold;
2132 }
2133 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li {
2134 text-transform: capitalize;
2135 }
2136 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li::after {
2137 display: inline-block;
2138 padding: 0 10px;
2139 content: "|";
2140 }
2141 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li:last-child::after {
2142 content: "";
2143 }
2144 .wrap.learn-press-settings .lp-admin-tab-content h2 {
2145 border-bottom: 1px solid #ddd;
2146 padding-bottom: 10px;
2147 }
2148 .wrap #learn-press-uninstall-sample-data {
2149 float: right;
2150 opacity: 0.5;
2151 }
2152 .wrap #learn-press-uninstall-sample-data:hover {
2153 opacity: 1;
2154 }
2155
2156 #adminmenu .wp-menu-image img {
2157 width: 17px;
2158 }
2159 #adminmenu .wp-submenu li.lp-menu-divider {
2160 height: 0;
2161 margin: 8px 0;
2162 border-top: 1px solid rgba(240, 246, 252, 0.15);
2163 }
2164 #adminmenu .wp-submenu li.lp-menu-divider a {
2165 height: 0;
2166 margin: 0;
2167 padding: 0;
2168 pointer-events: none;
2169 overflow: hidden;
2170 text-indent: -9999px;
2171 }
2172
2173 .learnpress .rwmb-field {
2174 position: relative;
2175 margin-bottom: 20px;
2176 }
2177 .learnpress .rwmb-field .rwmb-label {
2178 display: block;
2179 float: left;
2180 width: 190px;
2181 margin-bottom: 5px;
2182 font-size: 0.875rem;
2183 _text-transform: capitalize;
2184 }
2185 .learnpress .rwmb-field .rwmb-label label > small {
2186 display: block;
2187 color: #999;
2188 font-weight: normal;
2189 font-style: italic;
2190 }
2191 .learnpress .rwmb-field .rwmb-input {
2192 float: none;
2193 width: auto;
2194 margin-left: 190px;
2195 }
2196 .learnpress .rwmb-field .rwmb-input input[type=checkbox],
2197 .learnpress .rwmb-field .rwmb-input input[type=radio] {
2198 margin: 1px 5px 0 0;
2199 }
2200 .learnpress .rwmb-field .rwmb-input label > input[type=checkbox],
2201 .learnpress .rwmb-field .rwmb-input label > input[type=radio] {
2202 margin-top: -1px;
2203 }
2204 .learnpress .rwmb-field .description {
2205 margin-top: 8px;
2206 color: #888;
2207 }
2208 .learnpress .rwmb-field .description code {
2209 padding: 3px 3px 3px 0;
2210 }
2211 .learnpress .rwmb-field .description.err {
2212 color: #f00;
2213 }
2214 .learnpress .rwmb-field .rwmb-input-list {
2215 margin-left: 0;
2216 }
2217 .learnpress .rwmb-field #course_evaluation_method_quiz_options {
2218 position: relative;
2219 margin-left: 25px;
2220 }
2221 .learnpress .rwmb-field #course_evaluation_method_quiz_options::after {
2222 position: absolute;
2223 z-index: 10;
2224 top: 0;
2225 right: 0;
2226 bottom: 0;
2227 left: 0;
2228 opacity: 0.5;
2229 background: #fff;
2230 content: "";
2231 }
2232 .learnpress .rwmb-field input[name=_lp_course_result]:checked ~ #course_evaluation_method_quiz_options::after {
2233 display: none;
2234 }
2235 .learnpress .rwmb-field.rwmb-heading-wrapper h4 {
2236 display: inline-block;
2237 margin: 0 0 5px 0;
2238 padding: 0 0 0;
2239 border-bottom: 2px solid #563d7c;
2240 font-size: 1rem;
2241 text-transform: initial;
2242 }
2243 .learnpress .rwmb-field.disabled .field-overlay {
2244 position: absolute;
2245 z-index: 10;
2246 top: 0;
2247 left: 0;
2248 width: 100%;
2249 height: 100%;
2250 opacity: 0.6;
2251 background: #fff;
2252 content: "";
2253 }
2254 .learnpress .rwmb-field.rwmb-text-wrapper .rwmb-text {
2255 width: 50%;
2256 min-width: 200px;
2257 }
2258 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input select,
2259 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input input {
2260 vertical-align: top;
2261 }
2262 .learnpress .lp-course-sale_start-field.hide,
2263 .learnpress .lp-course-sale_end-field.hide {
2264 display: none;
2265 }
2266 .learnpress.lp-submenu-settings .lp-admin-settings-buttons {
2267 margin-bottom: 0;
2268 padding-top: 20px;
2269 border-top: 1px solid #ddd;
2270 }
2271 .learnpress.lp-submenu-settings .lp-admin-settings-buttons #learn-press-reset-settings {
2272 float: right;
2273 }
2274 .learnpress.lp-submenu-settings .rwmb-input {
2275 float: none;
2276 width: auto;
2277 margin-left: 270px;
2278 color: #000;
2279 }
2280 .learnpress .rwmb-google-fonts-wrapper .rwmb-input label {
2281 display: block;
2282 margin-bottom: 5px;
2283 font-weight: bold;
2284 }
2285 .learnpress .rwmb-google-fonts-wrapper .rwmb-input input {
2286 width: 90%;
2287 }
2288 .learnpress #learn-press-toggle-course-results {
2289 display: block;
2290 }
2291 .learnpress .lp-item-assigned {
2292 font-size: 0.875rem;
2293 }
2294 .learnpress .lp-item-assigned a {
2295 text-decoration: none;
2296 }
2297 .learnpress .lp-item-assigned ul {
2298 margin-bottom: 0;
2299 }
2300 .learnpress .lp-item-assigned ul ul strong {
2301 font-weight: normal;
2302 }
2303 .learnpress .lp-item-assigned li {
2304 margin: 0;
2305 }
2306 .learnpress .lp-item-assigned li a {
2307 display: inline-block;
2308 margin-bottom: 10px;
2309 }
2310
2311 @media screen and (max-width: 1280px) {
2312 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-label {
2313 float: none;
2314 width: auto;
2315 }
2316 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-input {
2317 float: left;
2318 width: 100%;
2319 margin-left: 0;
2320 }
2321 }
2322 .lp-metabox__table .titledesc label > small {
2323 display: block;
2324 color: #999;
2325 font-weight: normal;
2326 font-style: italic;
2327 }
2328 .lp-metabox__table .forminp-text > input,
2329 .lp-metabox__table .forminp-email > input,
2330 .lp-metabox__table .forminp-password > input,
2331 .lp-metabox__table .forminp-url > input {
2332 min-width: 260px;
2333 }
2334 .lp-metabox__table .forminp-textarea textarea {
2335 width: 400px;
2336 }
2337
2338 .lp-option-disabled {
2339 pointer-events: none;
2340 opacity: 0.5;
2341 }
2342
2343 .lp-metabox__custom-fields table {
2344 width: 100%;
2345 max-width: max-content;
2346 padding: 0 !important;
2347 }
2348 .lp-metabox__custom-fields table th {
2349 padding: 7px 0 7px 7px !important;
2350 }
2351 .lp-metabox__custom-fields table th.sort {
2352 width: 17px;
2353 padding: 7px !important;
2354 }
2355 .lp-metabox__custom-fields table td {
2356 position: relative;
2357 padding: 4px 0 4px 7px !important;
2358 vertical-align: middle !important;
2359 }
2360 .lp-metabox__custom-fields table td.sort {
2361 width: 17px;
2362 padding-right: 7px !important;
2363 background: #f9f9f9;
2364 font-size: 0.9375rem;
2365 text-align: center;
2366 cursor: move;
2367 }
2368 .lp-metabox__custom-fields table td.sort::before {
2369 height: 100%;
2370 color: #999;
2371 font-family: Dashicons;
2372 text-align: center;
2373 content: "\f333";
2374 }
2375 .lp-metabox__custom-fields table td .delete {
2376 display: block;
2377 position: relative;
2378 width: 1em;
2379 height: 1em;
2380 font-size: 1.2em;
2381 text-indent: -9999px;
2382 }
2383 .lp-metabox__custom-fields table td .delete::before {
2384 position: absolute;
2385 top: 0;
2386 left: 0;
2387 width: 100%;
2388 height: 100%;
2389 margin: 0;
2390 color: #999;
2391 font-family: Dashicons;
2392 font-weight: 400;
2393 font-variant: normal;
2394 line-height: 1;
2395 text-align: center;
2396 text-indent: 0;
2397 text-transform: none;
2398 content: "\f153";
2399 speak: none;
2400 -webkit-font-smoothing: antialiased;
2401 }
2402 .lp-metabox__custom-fields table td .delete:hover::before {
2403 color: #a00;
2404 }
2405 .lp-metabox__custom-fields table td:last-child {
2406 padding-right: 7px !important;
2407 }
2408
2409 .lp-metabox-field__color {
2410 font-size: 0 !important;
2411 }
2412 .lp-metabox-field__color .colorpickpreview {
2413 display: inline-block;
2414 width: 30px;
2415 height: 30px;
2416 margin: 0;
2417 margin-right: 3px;
2418 padding: 0;
2419 border: 1px solid #ddd;
2420 border-radius: 4px;
2421 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
2422 font-size: 1rem;
2423 line-height: 1.75rem;
2424 }
2425 .lp-metabox-field__color .iris-picker {
2426 display: none;
2427 position: absolute;
2428 z-index: 100;
2429 border: 1px solid #ccc;
2430 border-radius: 3px;
2431 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
2432 }
2433
2434 .lp-metabox-field__image-advanced-upload {
2435 padding-top: 10px;
2436 }
2437 .lp-metabox-field__image-advanced-images {
2438 clear: both;
2439 margin: 0;
2440 padding: 0;
2441 }
2442 .lp-metabox-field__image-advanced-images > li {
2443 float: left;
2444 position: relative;
2445 box-sizing: border-box;
2446 width: 80px;
2447 margin: 9px 9px 0 0;
2448 border: 1px solid #d5d5d5;
2449 border-radius: 2px;
2450 background: #f7f7f7;
2451 cursor: move;
2452 }
2453 .lp-metabox-field__image-advanced-images > li img {
2454 display: block;
2455 width: 100%;
2456 height: auto;
2457 }
2458 .lp-metabox-field__image-advanced-images > li ul.actions {
2459 position: absolute;
2460 top: -8px;
2461 right: -8px;
2462 padding: 2px;
2463 }
2464 .lp-metabox-field__image-advanced-images > li ul.actions li {
2465 float: right;
2466 margin: 0 0 0 2px;
2467 }
2468 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete {
2469 display: block;
2470 position: relative;
2471 width: 1em;
2472 height: 1em;
2473 font-size: 1.4em;
2474 text-indent: -9999px;
2475 }
2476 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete::before {
2477 position: absolute;
2478 top: 0;
2479 left: 0;
2480 width: 1em;
2481 height: 1em;
2482 margin: 0;
2483 border-radius: 50%;
2484 color: #999;
2485 background: #fff;
2486 font-family: Dashicons;
2487 font-weight: 400;
2488 font-variant: normal;
2489 line-height: 1;
2490 text-align: center;
2491 text-indent: 0;
2492 text-transform: none;
2493 content: "\f153";
2494 speak: none;
2495 -webkit-font-smoothing: antialiased;
2496 }
2497 .lp-metabox-field__image-advanced-images > li ul.actions::before {
2498 display: table;
2499 content: " ";
2500 }
2501 .lp-metabox-field__image-advanced-images > li:hover ul.actions {
2502 display: block;
2503 }
2504 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder {
2505 position: relative;
2506 border: 3px dashed #ddd;
2507 }
2508 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder::after {
2509 position: absolute;
2510 top: 0;
2511 left: 0;
2512 width: 100%;
2513 height: 100%;
2514 margin: 0;
2515 color: #ddd;
2516 font-family: Dashicons;
2517 font-size: 2.618em;
2518 font-weight: normal;
2519 font-variant: normal;
2520 line-height: 4.5rem;
2521 text-align: center;
2522 text-indent: 0;
2523 text-transform: none;
2524 content: "\f161";
2525 speak: none;
2526 -webkit-font-smoothing: antialiased;
2527 }
2528 .lp-metabox-field__image-advanced-images::before {
2529 display: table;
2530 content: " ";
2531 }
2532 .lp-metabox-field__image-advanced-images::after {
2533 display: table;
2534 clear: both;
2535 content: " ";
2536 }
2537
2538 .lp-metabox-field__image--inner {
2539 position: relative;
2540 box-sizing: border-box;
2541 width: 120px;
2542 border: 1px solid #d5d5d5;
2543 border-radius: 2px;
2544 background: #f7f7f7;
2545 }
2546 .lp-metabox-field__image--inner img {
2547 display: block;
2548 width: 100%;
2549 height: auto;
2550 }
2551 .lp-metabox-field__image--upload {
2552 padding-top: 10px;
2553 }
2554
2555 .lp-meta-box__inner {
2556 display: block;
2557 position: relative;
2558 }
2559 .lp-meta-box__inner .form-field:not(fieldset) {
2560 display: flex;
2561 flex-direction: row;
2562 position: relative;
2563 margin: 0;
2564 padding: 15px 0;
2565 flex-wrap: wrap;
2566 }
2567 .lp-meta-box__inner .form-field:not(fieldset) label {
2568 width: 180px;
2569 min-width: 180px;
2570 max-width: 180px;
2571 padding: 0;
2572 color: #23282d;
2573 font-size: 0.875rem;
2574 font-weight: 600;
2575 flex: 0 0 auto;
2576 }
2577 .lp-meta-box__inner .form-field:not(fieldset) .checkbox {
2578 margin: 2px 0 !important;
2579 vertical-align: middle;
2580 }
2581 .lp-meta-box__inner .form-field:not(fieldset) .description {
2582 flex: 1;
2583 display: inline;
2584 clear: none;
2585 margin: 0 0 0 7px;
2586 padding: 0;
2587 font-size: 0.875rem;
2588 }
2589 .lp-meta-box__inner fieldset.form-field {
2590 display: grid;
2591 grid-template-columns: 180px 1fr;
2592 position: relative;
2593 margin: 0;
2594 padding: 15px 0;
2595 }
2596 .lp-meta-box__inner fieldset.form-field h4 {
2597 width: 180px;
2598 min-width: 180px;
2599 max-width: 180px;
2600 margin: 0;
2601 padding: 0;
2602 color: #23282d;
2603 font-size: 0.875rem;
2604 font-weight: 600;
2605 flex: 0 0 auto;
2606 }
2607 .lp-meta-box__inner fieldset.form-field ul {
2608 margin: 0;
2609 font-size: 0.875rem;
2610 }
2611 .lp-meta-box__inner fieldset.form-field .description {
2612 grid-column-start: 2;
2613 margin-top: 10px;
2614 }
2615 .lp-meta-box__duration-select {
2616 width: auto !important;
2617 }
2618 .lp-meta-box__duration input[type=number] {
2619 width: 80px !important;
2620 }
2621 .lp-meta-box__duration .description {
2622 flex-basis: 100% !important;
2623 width: 100%;
2624 margin-top: 8px !important;
2625 margin-left: 180px !important;
2626 }
2627 .lp-meta-box__wp-editor {
2628 display: block;
2629 }
2630 .lp-meta-box__wp-editor .description {
2631 flex-basis: 100% !important;
2632 width: 100%;
2633 margin-top: 8px !important;
2634 margin-left: 180px !important;
2635 color: #666;
2636 }
2637 .lp-meta-box__wp-editor__textarea {
2638 border: none !important;
2639 }
2640 .lp-meta-box select {
2641 width: auto !important;
2642 }
2643 .lp-meta-box select ~ .description {
2644 flex-basis: 100% !important;
2645 width: 100%;
2646 margin-top: 8px !important;
2647 margin-left: 180px !important;
2648 color: #666;
2649 }
2650 .lp-meta-box input[type=number],
2651 .lp-meta-box input[type=email],
2652 .lp-meta-box input[type=text],
2653 .lp-meta-box input[type=password],
2654 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2655 width: 50%;
2656 }
2657 .lp-meta-box input[type=number] + .description,
2658 .lp-meta-box input[type=email] + .description,
2659 .lp-meta-box input[type=text] + .description,
2660 .lp-meta-box input[type=password] + .description,
2661 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) + .description {
2662 flex-basis: 100% !important;
2663 width: 100%;
2664 margin-top: 8px !important;
2665 margin-left: 180px !important;
2666 color: #666;
2667 }
2668 .lp-meta-box input[type=checkbox] {
2669 margin-top: 2px;
2670 }
2671 .lp-meta-box .short {
2672 width: 50%;
2673 }
2674 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2675 height: 4.6rem;
2676 line-height: 1.5em;
2677 vertical-align: top;
2678 }
2679 .lp-meta-box .learn-press-tip.ready {
2680 display: inline-flex;
2681 align-items: center;
2682 margin-left: 8px;
2683 }
2684
2685 #course-settings .inside {
2686 margin: 0 !important;
2687 padding: 0 !important;
2688 }
2689 #course-settings .lp-meta-box__course-tab {
2690 display: grid;
2691 grid-template-columns: 20% 80%;
2692 }
2693 #course-settings .lp-meta-box__course-tab__tabs {
2694 position: relative;
2695 box-sizing: border-box;
2696 margin: 0;
2697 padding: 0 0 10px;
2698 border-right: 1px solid #eee;
2699 background-color: #fafafa;
2700 }
2701 #course-settings .lp-meta-box__course-tab__tabs li {
2702 display: block;
2703 position: relative;
2704 margin: 0;
2705 padding: 0;
2706 }
2707 #course-settings .lp-meta-box__course-tab__tabs li a {
2708 display: flex;
2709 align-items: center;
2710 margin: 0;
2711 padding: 10px;
2712 border-bottom: 1px solid #eee;
2713 box-shadow: none;
2714 text-decoration: none;
2715 }
2716 #course-settings .lp-meta-box__course-tab__tabs li a i {
2717 margin-right: 5px;
2718 font-weight: 400;
2719 font-style: normal;
2720 font-variant: normal;
2721 text-decoration: none;
2722 text-transform: none;
2723 }
2724 #course-settings .lp-meta-box__course-tab__tabs li a i[class^=dashicon] {
2725 font-family: "Dashicons";
2726 }
2727 #course-settings .lp-meta-box__course-tab__tabs li.active a {
2728 position: relative;
2729 color: #555;
2730 background-color: #eee;
2731 }
2732 @media (max-width: 767px) {
2733 #course-settings .lp-meta-box__course-tab__tabs {
2734 display: flex;
2735 overflow: hidden;
2736 overflow-x: auto;
2737 flex-direction: row;
2738 margin: 0;
2739 margin-bottom: 30px;
2740 padding: 0;
2741 border-bottom: 1px solid #e5e5e5;
2742 text-align: center;
2743 white-space: nowrap;
2744 list-style: none;
2745 align-items: center;
2746 flex-wrap: nowrap;
2747 }
2748 #course-settings .lp-meta-box__course-tab__tabs li {
2749 min-width: 25%;
2750 margin-right: 20px;
2751 }
2752 }
2753 #course-settings .lp-meta-box__course-tab__content > div {
2754 padding: 20px;
2755 }
2756 @media (max-width: 767px) {
2757 #course-settings .lp-meta-box__course-tab {
2758 grid-template-columns: auto;
2759 }
2760 }
2761
2762 #price_course_data ._lp_sale_price_field,
2763 #price_course_data ._lp_price_field {
2764 position: relative;
2765 }
2766 #price_course_data ._lp_sale_price_field .learn-press-tip-floating,
2767 #price_course_data ._lp_price_field .learn-press-tip-floating {
2768 top: 54px;
2769 left: 92px;
2770 opacity: 0.8;
2771 background: #a00;
2772 }
2773 #price_course_data ._lp_sale_price_field .learn-press-tip-floating::before,
2774 #price_course_data ._lp_price_field .learn-press-tip-floating::before {
2775 top: -7px;
2776 border: 7px solid transparent;
2777 border-top-width: 0;
2778 border-bottom-color: #a00;
2779 }
2780
2781 .lp_course_extra_meta_box__content {
2782 flex: 1;
2783 }
2784 .lp_course_extra_meta_box__fields {
2785 margin-bottom: 10px;
2786 }
2787 .lp_course_extra_meta_box__field {
2788 position: relative;
2789 max-width: 600px;
2790 margin-bottom: 10px;
2791 }
2792 .lp_course_extra_meta_box__field .sort {
2793 display: flex;
2794 position: absolute;
2795 top: 0;
2796 left: 0;
2797 width: 40px;
2798 height: 100%;
2799 color: #666;
2800 text-decoration: none;
2801 cursor: grab;
2802 align-items: center;
2803 justify-content: center;
2804 }
2805 .lp_course_extra_meta_box__field .sort::after {
2806 font-family: Dashicons;
2807 font-size: 1.25rem;
2808 line-height: 1;
2809 content: "\f333";
2810 }
2811 .lp_course_extra_meta_box__field .delete {
2812 display: flex;
2813 position: absolute;
2814 top: 0;
2815 right: 0;
2816 width: 40px;
2817 height: 100%;
2818 color: #666;
2819 text-decoration: none;
2820 align-items: center;
2821 justify-content: center;
2822 }
2823 .lp_course_extra_meta_box__field .delete::after {
2824 font-family: Dashicons;
2825 font-size: 1.25rem;
2826 line-height: 1;
2827 content: "\f335";
2828 }
2829 .lp_course_extra_meta_box__input {
2830 width: 100% !important;
2831 padding-right: 40px !important;
2832 padding-left: 40px !important;
2833 }
2834
2835 .lp_repeater_meta_box__wrapper {
2836 flex: 1 !important;
2837 }
2838 .lp_repeater_meta_box__fields {
2839 position: relative;
2840 margin-bottom: 10px;
2841 }
2842 .lp_repeater_meta_box__field {
2843 display: grid;
2844 position: relative;
2845 margin-bottom: 10px;
2846 border: 1px solid #c5c5c5;
2847 border-radius: 2px;
2848 }
2849 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__content {
2850 display: block;
2851 }
2852 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__title__toggle::after {
2853 transform: rotate(180deg);
2854 }
2855 .lp_repeater_meta_box__title {
2856 display: grid;
2857 grid-template-columns: 44px 1fr 40px 40px;
2858 align-items: center;
2859 position: relative;
2860 background-color: #eee;
2861 }
2862 .lp_repeater_meta_box__title__title {
2863 flex: 1;
2864 padding: 14px 0;
2865 }
2866 .lp_repeater_meta_box__title__sort {
2867 display: flex;
2868 height: 100%;
2869 color: #666;
2870 text-decoration: none;
2871 cursor: grab;
2872 align-items: center;
2873 justify-content: center;
2874 }
2875 .lp_repeater_meta_box__title__sort::after {
2876 font-family: Dashicons;
2877 font-size: 1.25rem;
2878 line-height: 1;
2879 content: "\f333";
2880 }
2881 .lp_repeater_meta_box__title__delete {
2882 display: flex;
2883 height: 100%;
2884 color: #666;
2885 text-decoration: none;
2886 align-items: center;
2887 justify-content: center;
2888 }
2889 .lp_repeater_meta_box__title__delete::after {
2890 font-family: Dashicons;
2891 font-size: 1.25rem;
2892 line-height: 1;
2893 content: "\f335";
2894 }
2895 .lp_repeater_meta_box__title__toggle {
2896 display: flex;
2897 height: 100%;
2898 color: #666;
2899 text-decoration: none;
2900 align-items: center;
2901 justify-content: center;
2902 }
2903 .lp_repeater_meta_box__title__toggle::after {
2904 font-family: Dashicons;
2905 font-size: 1.25rem;
2906 line-height: 1;
2907 content: "\f347";
2908 }
2909 .lp_repeater_meta_box__content {
2910 display: none;
2911 padding: 14px 20px;
2912 }
2913 .lp_repeater_meta_box__content > label {
2914 display: grid;
2915 width: 100% !important;
2916 min-width: 100% !important;
2917 max-width: 100% !important;
2918 margin-bottom: 20px;
2919 grid-template-rows: auto 1fr;
2920 }
2921 .lp_repeater_meta_box__content > label:last-child {
2922 margin-bottom: 0;
2923 }
2924 .lp_repeater_meta_box__content > label span {
2925 margin-bottom: 5px;
2926 }
2927 .lp_repeater_meta_box__content > label textarea,
2928 .lp_repeater_meta_box__content > label input {
2929 width: 100% !important;
2930 }
2931
2932 .lp_course_faq_meta_box__content {
2933 flex: 1;
2934 }
2935 .lp_course_faq_meta_box__fields {
2936 position: relative;
2937 margin-bottom: 10px;
2938 }
2939 .lp_course_faq_meta_box__field {
2940 display: grid;
2941 position: relative;
2942 margin-bottom: 10px;
2943 padding: 20px;
2944 border: 1px solid #c5c5c5;
2945 border-radius: 4px;
2946 grid-row-gap: 10px;
2947 }
2948 .lp_course_faq_meta_box__field label {
2949 display: grid;
2950 width: 100% !important;
2951 min-width: 100% !important;
2952 max-width: 100% !important;
2953 grid-template-rows: auto 1fr;
2954 }
2955 .lp_course_faq_meta_box__field label span {
2956 margin-bottom: 5px;
2957 }
2958 .lp_course_faq_meta_box__field label textarea,
2959 .lp_course_faq_meta_box__field label input {
2960 width: 100% !important;
2961 }
2962 .lp_course_faq_meta_box__field a.delete {
2963 display: flex;
2964 position: absolute;
2965 top: 15px;
2966 right: 50px;
2967 width: 30px;
2968 height: 30px;
2969 color: #666;
2970 text-decoration: none;
2971 align-items: center;
2972 justify-content: center;
2973 }
2974 .lp_course_faq_meta_box__field a.delete::after {
2975 font-family: Dashicons;
2976 font-size: 1.25rem;
2977 line-height: 1;
2978 content: "\f335";
2979 }
2980 .lp_course_faq_meta_box__field .sort {
2981 display: flex;
2982 position: absolute;
2983 top: 15px;
2984 right: 20px;
2985 width: 30px;
2986 height: 30px;
2987 color: #666;
2988 text-decoration: none;
2989 align-items: center;
2990 justify-content: center;
2991 cursor: grab;
2992 }
2993 .lp_course_faq_meta_box__field .sort::after {
2994 font-family: Dashicons;
2995 font-size: 1.25rem;
2996 line-height: 1;
2997 content: "\f333";
2998 }
2999
3000 input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
3001 display: block;
3002 }
3003
3004 #passing-condition-quiz-result {
3005 display: none;
3006 }
3007 #passing-condition-quiz-result input {
3008 width: 80px !important;
3009 margin-top: 5px !important;
3010 }
3011 #passing-condition-quiz-result p {
3012 padding: 10px 16px;
3013 background-color: #eee;
3014 font-size: 0.875rem;
3015 }
3016
3017 .lp-meta-box__file_list {
3018 display: inline-block;
3019 clear: both;
3020 margin: 0;
3021 padding: 0;
3022 }
3023 .lp-meta-box__file_list > li {
3024 display: flex;
3025 flex-flow: column nowrap;
3026 float: left;
3027 position: relative;
3028 box-sizing: border-box;
3029 width: 80px;
3030 height: 80px;
3031 margin: 9px 9px 0 0;
3032 border: 1px solid #d5d5d5;
3033 border-radius: 2px;
3034 background: #f7f7f7;
3035 cursor: move;
3036 align-items: center;
3037 justify-content: center;
3038 }
3039 .lp-meta-box__file_list > li img {
3040 display: block;
3041 width: 100%;
3042 height: auto;
3043 }
3044 .lp-meta-box__file_list > li img.is_file {
3045 width: 30px;
3046 }
3047 .lp-meta-box__file_list > li img.is_file ~ span {
3048 margin-top: 5px;
3049 font-size: 0.75rem;
3050 }
3051 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder {
3052 position: relative;
3053 border: 3px dashed #ddd;
3054 }
3055 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder::after {
3056 position: absolute;
3057 top: 0;
3058 left: 0;
3059 width: 100%;
3060 height: 100%;
3061 margin: 0;
3062 color: #ddd;
3063 font-family: Dashicons;
3064 font-size: 2.618em;
3065 font-weight: normal;
3066 font-variant: normal;
3067 line-height: 4.5rem;
3068 text-align: center;
3069 text-indent: 0;
3070 text-transform: none;
3071 content: "\f161";
3072 speak: none;
3073 -webkit-font-smoothing: antialiased;
3074 }
3075 .lp-meta-box__file_list > li ul.actions {
3076 position: absolute;
3077 top: -8px;
3078 right: -8px;
3079 padding: 2px;
3080 }
3081 .lp-meta-box__file_list > li ul.actions li {
3082 float: right;
3083 margin: 0 0 0 2px;
3084 }
3085 .lp-meta-box__file_list > li ul.actions li a.delete {
3086 display: block;
3087 position: relative;
3088 width: 1em;
3089 height: 1em;
3090 font-size: 1.4em;
3091 text-indent: -9999px;
3092 }
3093 .lp-meta-box__file_list > li ul.actions li a.delete::before {
3094 position: absolute;
3095 top: 0;
3096 left: 0;
3097 width: 1em;
3098 height: 1em;
3099 margin: 0;
3100 border-radius: 50%;
3101 color: #999;
3102 background: #fff;
3103 font-family: Dashicons;
3104 font-weight: 400;
3105 font-variant: normal;
3106 line-height: 1;
3107 text-align: center;
3108 text-indent: 0;
3109 text-transform: none;
3110 content: "\f153";
3111 speak: none;
3112 -webkit-font-smoothing: antialiased;
3113 }
3114 .lp-meta-box__file_list > li ul.actions::before {
3115 display: table;
3116 content: " ";
3117 }
3118 .lp-meta-box__file::before {
3119 display: table;
3120 content: " ";
3121 }
3122 .lp-meta-box__file::after {
3123 display: table;
3124 clear: both;
3125 content: " ";
3126 }
3127
3128 .lp-metabox-evaluate-final_quiz {
3129 display: block;
3130 }
3131 .lp-metabox-evaluate-final_quiz__message {
3132 display: inline-block;
3133 min-width: 50%;
3134 margin-top: 10px;
3135 padding: 8px 20px;
3136 border: 2px solid #36af27;
3137 border-radius: 4px;
3138 background: #f7f7f7;
3139 text-align: center;
3140 }
3141 .lp-metabox-evaluate-final_quiz__message-error {
3142 border-color: lightcoral;
3143 }
3144
3145 .lp_widget_autocomplete__loading {
3146 margin-top: 0 !important;
3147 padding: 7px 10px;
3148 border: 1px solid #949494;
3149 border-top: none !important;
3150 background: #eee;
3151 font-size: 13px !important;
3152 }
3153 .lp_widget_autocomplete__select {
3154 overflow: auto;
3155 left: 0;
3156 width: 100%;
3157 max-height: 148px;
3158 margin-top: -1px;
3159 background: #eee;
3160 font-size: 0.8125rem;
3161 }
3162 .lp_widget_autocomplete__item {
3163 overflow: hidden;
3164 padding: 7px 10px;
3165 border: 1px solid #949494;
3166 border-top: none;
3167 border-bottom-color: #afafaf;
3168 white-space: nowrap;
3169 text-overflow: ellipsis;
3170 cursor: pointer;
3171 }
3172 .lp_widget_autocomplete__item__selected, .lp_widget_autocomplete__item:hover {
3173 color: #fff;
3174 background-color: #007cba;
3175 }
3176
3177 .widget .select2-selection__rendered {
3178 font-size: 0.8125rem;
3179 }
3180
3181 .sortable-wrapper {
3182 margin: 1em 0;
3183 }
3184 .sortable-wrapper .sortable {
3185 margin: 0.5em 0;
3186 }
3187 .sortable-wrapper .sortable .dashicons-move {
3188 cursor: move;
3189 }
3190
3191 @keyframes spin {
3192 from {
3193 transform: rotate(0deg);
3194 }
3195 to {
3196 transform: rotate(360deg);
3197 }
3198 }
3199 .sortable-wrapper > label {
3200 font-weight: 600;
3201 font-size: 14px;
3202 }
3203
3204 .sortable__item {
3205 display: flex;
3206 align-items: center;
3207 gap: 8px;
3208 margin-bottom: 8px;
3209 }
3210 .sortable__item:last-child {
3211 margin-bottom: 0;
3212 }
3213
3214 .widget-content p {
3215 margin-bottom: 8px;
3216 display: flex;
3217 align-items: center;
3218 flex-wrap: wrap;
3219 }
3220
3221 :root {
3222 --lp-addon-item-padding: 10px;
3223 --lp-border-radius: 3px;
3224 --lp-addon-item-border-color: #c3c4c7;
3225 }
3226
3227 @media screen and (min-width: 1600px) {
3228 .plugin-card:not(.hide-if-js):nth-child(even) {
3229 margin-right: 8px;
3230 }
3231 .plugin-card:not(.hide-if-js):nth-child(3n) {
3232 margin-right: 0;
3233 }
3234 }
3235 /*** Style Addons Manager ***/
3236 #lp-addons {
3237 display: grid;
3238 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
3239 grid-gap: 20px;
3240 padding-right: 20px;
3241 /***** Toggle *****/
3242 }
3243 #lp-addons.max-3-items {
3244 grid-template-columns: repeat(auto-fit, minmax(280px, 320px));
3245 }
3246 #lp-addons a {
3247 text-decoration: none;
3248 }
3249 #lp-addons button {
3250 padding: 6.5px 17px;
3251 background: rgb(151, 71, 255);
3252 color: white;
3253 border-radius: 3px;
3254 border: none;
3255 cursor: pointer;
3256 }
3257 #lp-addons button.btn-addon-action.handling span {
3258 display: none;
3259 }
3260 #lp-addons button.btn-addon-action.handling span.dashicons {
3261 display: inline-flex;
3262 }
3263 #lp-addons button.btn-addon-action[data-action=cancel] {
3264 position: absolute;
3265 right: 0;
3266 background: transparent;
3267 color: rgba(255, 0, 0, 0.89);
3268 top: 0;
3269 padding: 7px 10px;
3270 }
3271 #lp-addons button.btn-addon-action span.dashicons {
3272 align-items: center;
3273 display: none;
3274 font-size: 1.125em;
3275 width: auto;
3276 height: auto;
3277 animation: rotation 2s infinite linear;
3278 }
3279 #lp-addons button[data-action=update] {
3280 background: #27BF49;
3281 }
3282 #lp-addons button[data-action=setting] {
3283 background: #2D72DA;
3284 }
3285 #lp-addons .lp-addon-item {
3286 background: white;
3287 padding: var(--lp-addon-item-padding);
3288 border: 1px solid var(--lp-addon-item-border-color);
3289 border-radius: 3px;
3290 display: flex;
3291 flex-direction: column;
3292 justify-content: space-between;
3293 position: relative;
3294 }
3295 #lp-addons .lp-addon-item input {
3296 margin: 0 !important;
3297 }
3298 #lp-addons .lp-addon-item.hide, #lp-addons .lp-addon-item.search-not-found {
3299 display: none;
3300 }
3301 #lp-addons .lp-addon-item__content {
3302 text-align: center;
3303 min-height: 290px;
3304 }
3305 #lp-addons .lp-addon-item__content img {
3306 width: 50px;
3307 height: 50px;
3308 border-radius: 10px;
3309 margin-top: 20px;
3310 }
3311 #lp-addons .lp-addon-item__content a {
3312 text-decoration: none;
3313 }
3314 #lp-addons .lp-addon-item__content p {
3315 display: -webkit-box;
3316 -webkit-box-orient: vertical;
3317 overflow: hidden;
3318 }
3319 #lp-addons .lp-addon-item__content p::before {
3320 content: none;
3321 }
3322 #lp-addons .lp-addon-item__actions {
3323 border-top: 1px solid var(--lp-addon-item-border-color);
3324 padding: 10px var(--lp-addon-item-padding) 0;
3325 margin: 0 calc(var(--lp-addon-item-padding) * -1);
3326 display: flex;
3327 align-items: center;
3328 }
3329 #lp-addons .lp-addon-item__actions__left {
3330 flex: 3;
3331 display: flex;
3332 gap: 5px;
3333 align-items: center;
3334 }
3335 #lp-addons .lp-addon-item__actions__left button {
3336 display: none;
3337 }
3338 #lp-addons .lp-addon-item__actions__right button {
3339 display: none;
3340 background: transparent;
3341 color: #2271b1;
3342 }
3343 #lp-addons .lp-addon-item__purchase {
3344 display: none;
3345 position: absolute;
3346 top: 0;
3347 bottom: 0;
3348 left: 0;
3349 right: 0;
3350 background: rgba(255, 255, 255, 0.6);
3351 text-transform: uppercase;
3352 }
3353 #lp-addons .lp-addon-item__purchase__wrapper div {
3354 position: absolute;
3355 bottom: 20%;
3356 left: var(--lp-addon-item-padding);
3357 right: var(--lp-addon-item-padding);
3358 background: white;
3359 border: 1px solid var(--lp-addon-item-border-color);
3360 padding: var(--lp-addon-item-padding);
3361 border-radius: 3px;
3362 flex-direction: column;
3363 display: none;
3364 gap: 5px;
3365 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
3366 }
3367 #lp-addons .lp-addon-item__purchase__wrapper div input {
3368 width: 100%;
3369 }
3370 #lp-addons .lp-addon-item__purchase label {
3371 text-transform: capitalize;
3372 }
3373 #lp-addons .lp-addon-item.installed.activated button[data-action=setting] {
3374 display: block;
3375 }
3376 #lp-addons .lp-addon-item.installed.activated button[data-action=deactivate] {
3377 display: block;
3378 }
3379 #lp-addons .lp-addon-item.installed.activated.update button[data-action=update] {
3380 display: block;
3381 }
3382 #lp-addons .lp-addon-item.installed:not(.activated) button[data-action=activate] {
3383 display: block;
3384 }
3385 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] {
3386 display: inline-flex;
3387 align-items: center;
3388 padding: 0 5px;
3389 height: 12px;
3390 }
3391 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] span {
3392 animation: none;
3393 display: inline;
3394 }
3395 #lp-addons .lp-addon-item.not_installed.purchase button[data-action=purchase] {
3396 display: block;
3397 }
3398 #lp-addons .lp-addon-item.not_installed.free button[data-action=install] {
3399 display: block;
3400 }
3401 #lp-addons .lp-addon-item.not_installed .lp-addon-item__actions__right {
3402 display: none;
3403 }
3404 #lp-addons .lp-addon-item.update button[data-action=update] {
3405 display: block;
3406 }
3407 #lp-addons .lp-toggle-switch .lp-toggle-switch-label {
3408 height: 20px;
3409 align-items: center;
3410 margin-bottom: 0;
3411 background: #b4b9be;
3412 cursor: pointer;
3413 display: inline-flex;
3414 justify-content: space-between;
3415 position: relative;
3416 transition: left 0.15s ease-out;
3417 border-radius: 100px;
3418 }
3419 #lp-addons .lp-toggle-switch .lp-toggle-switch-label:after {
3420 background: #FFFFFF;
3421 content: "";
3422 display: block;
3423 position: absolute;
3424 left: 4px;
3425 width: 12px;
3426 height: 12px;
3427 transition: all 0.25s ease-in-out;
3428 border-radius: 50%;
3429 }
3430 #lp-addons .lp-toggle-switch .lp-toggle-switch-label::before {
3431 left: 0;
3432 }
3433 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on,
3434 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
3435 opacity: 1;
3436 padding-left: 6px;
3437 padding-right: 6px;
3438 font-size: 0.8em;
3439 line-height: 1.125em;
3440 }
3441 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on {
3442 color: #fff;
3443 opacity: 0;
3444 padding-right: 0;
3445 width: 12px;
3446 }
3447 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
3448 width: 12px;
3449 color: #777;
3450 padding-left: 0;
3451 }
3452 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input {
3453 display: none;
3454 }
3455 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label {
3456 background: #0073aa;
3457 }
3458 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label:after {
3459 left: auto;
3460 right: 5px;
3461 background: #ffffff;
3462 }
3463 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-on {
3464 opacity: 1;
3465 }
3466 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-off {
3467 opacity: 0;
3468 }
3469 #lp-addons .lp-toggle-switch .dashicons {
3470 animation: rotation 2s infinite linear;
3471 }
3472 #lp-addons .screen-reader-text:focus {
3473 clip-path: inset(50%);
3474 -webkit-clip-path: inset(50%);
3475 }
3476
3477 /*** Tab of Addons Manager ***/
3478 .lp-nav-tab-wrapper {
3479 display: flex;
3480 margin-bottom: 20px;
3481 justify-content: start;
3482 gap: 5px;
3483 border-bottom: 1px solid #c3c4c7;
3484 }
3485 .lp-nav-tab-wrapper .nav-tab {
3486 border: 1px solid #c3c4c7;
3487 border-bottom: none;
3488 margin-left: 0;
3489 padding: 5px 10px;
3490 line-height: 1.6em;
3491 font-weight: 600;
3492 background: #dcdcde;
3493 color: #50575e;
3494 text-decoration: none;
3495 white-space: nowrap;
3496 border-radius: 3px 3px 0 0;
3497 }
3498 .lp-nav-tab-wrapper .nav-tab-active {
3499 background: #f0f0f1;
3500 border-bottom: 1px solid #f0f0f1;
3501 }
3502
3503 .wp-submenu .lp-notify {
3504 display: none;
3505 vertical-align: top;
3506 box-sizing: border-box;
3507 margin: 1px 0 -1px 5px;
3508 padding: 0 5px;
3509 min-width: 18px;
3510 height: 18px;
3511 border-radius: 9px;
3512 background-color: #d63638;
3513 color: #fff;
3514 font-size: 0.75em;
3515 line-height: 1.6;
3516 text-align: center;
3517 }
3518
3519 /*** Theme Manager ***/
3520 .related-themes {
3521 display: grid;
3522 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
3523 grid-gap: 20px;
3524 }
3525 .related-themes li {
3526 margin: 0;
3527 }
3528 .related-themes .plugin-card-top {
3529 padding-bottom: 0;
3530 background: #fff;
3531 }
3532 .related-themes .theme-content {
3533 position: relative;
3534 }
3535 .related-themes .image-thumbnail img {
3536 width: 100%;
3537 height: auto;
3538 vertical-align: middle;
3539 }
3540 .related-themes .theme-description {
3541 margin: 0 0 25px 0;
3542 display: -webkit-box;
3543 overflow: hidden;
3544 min-height: 8em;
3545 max-height: 8em;
3546 line-height: 1.6em;
3547 text-overflow: ellipsis;
3548 -webkit-box-orient: vertical;
3549 -webkit-line-clamp: 5;
3550 color: #777;
3551 }
3552 .related-themes .theme-title {
3553 min-height: 3.2em;
3554 margin-right: 100px;
3555 margin-bottom: 0;
3556 font-size: 1.2em;
3557 line-height: 1.3em;
3558 }
3559 .related-themes .theme-title a {
3560 color: #111;
3561 }
3562 .related-themes .theme-rating {
3563 display: inline-block;
3564 float: right;
3565 }
3566 .related-themes .star-rating {
3567 display: inline-block;
3568 }
3569 .related-themes .count-rating {
3570 position: relative;
3571 top: 2px;
3572 font-size: 0.9375rem;
3573 }
3574 .related-themes .theme-detail {
3575 position: absolute;
3576 top: -3px;
3577 right: 3px;
3578 line-height: 1.6em;
3579 text-align: right;
3580 }
3581 .related-themes .theme-detail::after {
3582 display: block;
3583 clear: both;
3584 content: "";
3585 }
3586 .related-themes .theme-detail .theme-price {
3587 display: inline-block;
3588 font-size: 1.5rem;
3589 font-weight: 700;
3590 line-height: 1.3em;
3591 }
3592 .related-themes .theme-footer {
3593 clear: both;
3594 overflow: hidden;
3595 margin-right: -16px;
3596 margin-left: -16px;
3597 padding: 16px;
3598 border-top: 1px solid #ddd;
3599 background-color: #fafafa;
3600 }
3601
3602 /**
3603 * Order
3604 */
3605 .post-type-lp_order .wp-list-table .column-order_status {
3606 width: 150px;
3607 }
3608 .post-type-lp_order .wp-list-table .order_status span {
3609 display: inline-block;
3610 padding: 3px 6px;
3611 color: #fff;
3612 font-size: 0.75rem;
3613 border-radius: 4px;
3614 }
3615 .post-type-lp_order .wp-list-table .order_status span.pending {
3616 background: #bdbdbd;
3617 }
3618 .post-type-lp_order .wp-list-table .order_status span.processing {
3619 background: #ffc107;
3620 }
3621 .post-type-lp_order .wp-list-table .order_status span.completed {
3622 background: #4caf50;
3623 }
3624 .post-type-lp_order .wp-list-table .order_status span.cancelled {
3625 background: #444;
3626 }
3627 .post-type-lp_order .wp-list-table .order_status span.failed {
3628 background: #f00;
3629 }
3630 .post-type-lp_order .wp-list-table .order_status span.refunded {
3631 background: #2196f3;
3632 }
3633 .post-type-lp_order .wp-list-table .order_status span.trash {
3634 color: rgba(128, 128, 128, 0.68);
3635 }
3636 .post-type-lp_order .wp-list-table .order_status span i {
3637 display: inline-block;
3638 }
3639 .post-type-lp_order .wp-list-table .lp-order-refund-request-badge {
3640 display: inline-block;
3641 margin-top: 10px;
3642 padding: 0 !important;
3643 color: #F59E0B !important;
3644 }
3645 .post-type-lp_order .wp-list-table .column-title,
3646 .post-type-lp_order .wp-list-table .column-order_total,
3647 .post-type-lp_order .wp-list-table .column-order_date {
3648 width: 150px;
3649 }
3650 .post-type-lp_order .wp-list-table .column-order_items ol {
3651 margin: 0;
3652 padding: 0;
3653 list-style-position: inside;
3654 }
3655
3656 .post-type-lp_course .wp-list-table .column-price {
3657 width: 80px;
3658 }
3659 .post-type-lp_course .wp-list-table .column-thumbnail {
3660 width: 60px;
3661 padding-top: 8px;
3662 box-sizing: border-box;
3663 }
3664 .post-type-lp_course .wp-list-table .column-thumbnail img {
3665 width: 100%;
3666 height: auto;
3667 }
3668 @media only screen and (max-width: 782px) {
3669 .post-type-lp_course .wp-list-table .column-thumbnail {
3670 display: none;
3671 }
3672 .post-type-lp_course .wp-list-table .column-thumbnail::before {
3673 opacity: 0;
3674 }
3675 }
3676 .post-type-lp_course .wp-list-table .column-certificate {
3677 box-sizing: border-box;
3678 max-width: 60px;
3679 }
3680 .post-type-lp_course .wp-list-table .column-certificate img {
3681 max-width: 100% !important;
3682 }
3683 @media only screen and (min-width: 1024px) {
3684 .post-type-lp_course .wp-list-table .check-column {
3685 width: 1.2em;
3686 }
3687 }
3688 @media only screen and (min-width: 783px) {
3689 .post-type-lp_course .wp-list-table .column-title {
3690 width: 16%;
3691 }
3692 }
3693
3694 .wp-list-table .column-author, .wp-list-table .column-instructor {
3695 width: 80px;
3696 }
3697 .wp-list-table .column-author .post-author, .wp-list-table .column-instructor .post-author {
3698 display: inline-block;
3699 }
3700 .wp-list-table .column-author .post-author img, .wp-list-table .column-instructor .post-author img {
3701 width: 30px;
3702 height: 30px;
3703 margin: 0;
3704 border-radius: 50%;
3705 vertical-align: middle;
3706 }
3707 .wp-list-table .column-author .post-author a, .wp-list-table .column-instructor .post-author a {
3708 display: inline-block;
3709 vertical-align: middle;
3710 }
3711 .wp-list-table .column-curriculum {
3712 width: 60px;
3713 }
3714 .wp-list-table .column-student {
3715 width: 60px;
3716 }
3717 .wp-list-table .column-taxonomy-course_category {
3718 width: 100px;
3719 }
3720 .wp-list-table .column-gradebook {
3721 width: 40px;
3722 text-align: center;
3723 }
3724
3725 .post-type-page .column-lp-page {
3726 width: 200px;
3727 }
3728 .post-type-page .for-plugin-page {
3729 margin: 0;
3730 color: #f00;
3731 font-size: 0.6875rem;
3732 }
3733
3734 .post-state .post-author {
3735 font-size: 0.875rem;
3736 font-weight: normal;
3737 font-style: italic;
3738 }
3739
3740 #learn-press-box-edit-slug {
3741 overflow: hidden;
3742 margin: 0 -10px;
3743 padding: 10px;
3744 border: 1px solid #ddd;
3745 color: #b79186;
3746 background: #fff;
3747 }
3748 #learn-press-box-edit-slug .button {
3749 float: right;
3750 height: 24px;
3751 line-height: 1.375rem;
3752 }
3753
3754 .is-lp-page {
3755 color: #fff;
3756 font-size: 11px;
3757 padding: 1px 8px;
3758 border-radius: 10px;
3759 background-color: #9979ff;
3760 margin-right: 5px;
3761 display: inline-block;
3762 }
3763
3764 .lp-overlay {
3765 display: none;
3766 position: fixed;
3767 z-index: 99999;
3768 top: 0;
3769 right: 0;
3770 bottom: 0;
3771 left: 0;
3772 width: 100%;
3773 height: 100%;
3774 background-color: rgba(209, 213, 219, 0.8);
3775 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3776 transition-duration: 150ms;
3777 transition-property: opacity;
3778 }
3779
3780 .wp-admin .lp-modal-dialog .lp-modal-header {
3781 padding: 2em;
3782 }
3783 .wp-admin .lp-modal-dialog .lp-modal-header h3 {
3784 font-size: 1.4em;
3785 }
3786
3787 .lp-modal-dialog {
3788 display: flex;
3789 position: fixed;
3790 z-index: 9999;
3791 top: 0;
3792 right: 0;
3793 left: 0;
3794 width: 100%;
3795 min-height: 100vh;
3796 text-align: center;
3797 align-items: center;
3798 justify-content: center;
3799 }
3800 .lp-modal-dialog .learn-press-message {
3801 width: auto;
3802 margin: 0 !important;
3803 }
3804 .lp-modal-dialog .lp-modal-content {
3805 display: inline-block;
3806 overflow: hidden;
3807 z-index: 2;
3808 width: auto;
3809 max-width: 600px;
3810 border-radius: 8px;
3811 text-align: left;
3812 vertical-align: middle;
3813 background: white;
3814 color: black;
3815 }
3816 .lp-modal-dialog .lp-modal-content h2, .lp-modal-dialog .lp-modal-content h3 {
3817 margin: 0;
3818 }
3819 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
3820 border-bottom: 1px solid #eee;
3821 }
3822 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
3823 padding: 0 1em;
3824 }
3825 .lp-modal-dialog .lp-modal-header {
3826 background: #7c60d9;
3827 border-bottom: 1px solid #eee;
3828 padding: 1em;
3829 }
3830 .lp-modal-dialog .lp-modal-header h3 {
3831 margin: 0;
3832 color: white;
3833 font-weight: 400;
3834 }
3835 .lp-modal-dialog .lp-modal-body .main-content {
3836 max-height: 500px;
3837 overflow: auto;
3838 overscroll-behavior: contain;
3839 }
3840 .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 {
3841 padding: 1em;
3842 }
3843 .lp-modal-dialog .lp-modal-footer {
3844 padding: 20px;
3845 background-color: #f9fafb;
3846 text-align: right;
3847 }
3848 .lp-modal-dialog .btn-yes {
3849 color: #fff;
3850 background-color: #7c60d9;
3851 }
3852
3853 #lp-modal-overlay {
3854 display: none;
3855 position: fixed;
3856 z-index: 999999;
3857 top: 0;
3858 right: 0;
3859 bottom: 0;
3860 left: 0;
3861 opacity: 0.5;
3862 background: #000;
3863 }
3864
3865 #lp-modal-window {
3866 display: none;
3867 position: fixed;
3868 z-index: 999999;
3869 top: 50%;
3870 left: 50%;
3871 padding: 35px 60px 28px 60px;
3872 background: #fff;
3873 transform: translate(-50%, -50%);
3874 border-radius: 4px;
3875 }
3876 #lp-modal-window #lp-modal-content {
3877 margin: 0 0 24px 0;
3878 color: #333;
3879 font-weight: 400;
3880 text-align: center;
3881 }
3882 #lp-modal-window #lp-modal-content > * {
3883 margin: 0 0 0.5em;
3884 }
3885 #lp-modal-window #lp-modal-buttons {
3886 display: flex;
3887 flex-direction: row-reverse;
3888 align-items: center;
3889 justify-content: center;
3890 }
3891 #lp-modal-window #lp-modal-buttons .lp-button {
3892 position: relative;
3893 margin: 0 10px 0 10px;
3894 }
3895
3896 .learn-press-modal {
3897 position: fixed;
3898 z-index: 1000000;
3899 width: 100%;
3900 height: 100%;
3901 top: 0;
3902 display: table;
3903 }
3904 .learn-press-modal .modal-overlay {
3905 position: fixed;
3906 z-index: 1000000;
3907 background: #000;
3908 opacity: 0.5;
3909 width: 100%;
3910 height: 100%;
3911 top: 0;
3912 }
3913 .learn-press-modal .modal-wrapper {
3914 display: table-cell;
3915 vertical-align: middle;
3916 z-index: 1000010;
3917 position: relative;
3918 }
3919 .learn-press-modal .modal-wrapper .modal-container {
3920 max-width: 800px;
3921 width: 90%;
3922 margin: 0px auto;
3923 background-color: #fff;
3924 border-radius: 2px;
3925 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
3926 transition: all 0.3s ease;
3927 overflow: hidden;
3928 -webkit-box-sizing: border-box;
3929 box-sizing: border-box;
3930 }
3931 .learn-press-modal .modal-wrapper header {
3932 font-size: 1.125rem;
3933 padding: 20px;
3934 border-bottom: 1px solid #DDD;
3935 font-weight: 600;
3936 color: #000;
3937 }
3938 .learn-press-modal .modal-wrapper article {
3939 margin: 30px 20px;
3940 }
3941 .learn-press-modal .modal-wrapper article input[name=search] {
3942 width: 100%;
3943 font-size: 1rem;
3944 box-sizing: border-box;
3945 margin: 0;
3946 box-shadow: none;
3947 color: #444;
3948 padding: 8px 10px;
3949 height: 42px;
3950 border-radius: 2px;
3951 border-color: #e4e4e4;
3952 font-weight: 400;
3953 vertical-align: middle;
3954 }
3955 .learn-press-modal .modal-wrapper article .search-results {
3956 margin: 0;
3957 margin-top: 30px;
3958 }
3959 .learn-press-modal .modal-wrapper article .search-results li > label {
3960 display: block;
3961 }
3962 .learn-press-modal .modal-wrapper footer {
3963 padding: 15px 20px;
3964 overflow: hidden;
3965 border: 1px solid #eee;
3966 }
3967 .learn-press-modal .modal-wrapper footer .search-nav {
3968 float: left;
3969 }
3970 .learn-press-modal .modal-wrapper footer .search-nav a, .learn-press-modal .modal-wrapper footer .search-nav span {
3971 display: inline-block;
3972 line-height: 1.625rem;
3973 height: 28px;
3974 margin: 0;
3975 padding: 0 10px 1px;
3976 }
3977 .learn-press-modal .modal-wrapper footer button {
3978 float: right;
3979 margin-left: 3px;
3980 }
3981
3982 #modal-search-items.loading .search-results:before {
3983 position: absolute;
3984 top: 75px;
3985 left: 0;
3986 right: 0;
3987 bottom: 0;
3988 display: block;
3989 content: "";
3990 z-index: 9;
3991 background: url("../../images/spinner.gif") no-repeat center center;
3992 }
3993
3994 .modal-search {
3995 position: relative;
3996 display: inline-block;
3997 min-width: 300px;
3998 }
3999 .modal-search .search-input {
4000 border: 1px solid #DDD;
4001 width: 100%;
4002 margin: 0;
4003 padding: 5px 10px;
4004 box-shadow: none;
4005 }
4006 .modal-search .search-input:focus {
4007 box-shadow: none;
4008 }
4009 .modal-search .search-input:focus {
4010 border-color: #DDD;
4011 }
4012 .modal-search .search-results-content {
4013 position: absolute;
4014 top: 100%;
4015 width: 100%;
4016 left: 0;
4017 background: #FFF;
4018 border: 1px solid #DDD;
4019 border-top: none;
4020 z-index: 1000;
4021 margin-top: -1px;
4022 -webkit-box-sizing: border-box;
4023 box-sizing: border-box;
4024 }
4025 .modal-search .search-results-content .search-results {
4026 margin: 0;
4027 }
4028 .modal-search .search-results-content .search-results .result-item {
4029 margin: 0;
4030 padding: 0;
4031 list-style: none;
4032 }
4033 .modal-search .search-results-content .search-results .result-item label {
4034 display: block;
4035 padding: 6px 10px;
4036 text-decoration: none;
4037 cursor: pointer;
4038 white-space: nowrap;
4039 overflow: hidden;
4040 text-overflow: ellipsis;
4041 }
4042 .modal-search .search-results-content .search-results .result-item:hover {
4043 background: #f4fcff;
4044 }
4045 .modal-search .has-items .search-input {
4046 border-bottom-color: transparent;
4047 }
4048 .modal-search .has-items .search-results-content {
4049 border-top: none;
4050 }
4051 .modal-search .checked-items {
4052 text-align: center;
4053 }
4054 .modal-search .checked-items .button {
4055 font-size: 0.75rem;
4056 height: 20px;
4057 line-height: 1.25rem;
4058 }
4059 .modal-search .checked-items .disabled {
4060 color: #777;
4061 }
4062 .modal-search .search-navigator {
4063 margin: 5px 0;
4064 text-align: center;
4065 }
4066 .modal-search .search-navigator .page-numbers {
4067 display: inline-block;
4068 padding: 2px 5px;
4069 text-decoration: none;
4070 line-height: 1;
4071 }
4072 .modal-search .search-navigator .page-numbers.next, .modal-search .search-navigator .page-numbers.prev {
4073 display: none;
4074 }
4075
4076 .lp-order-statuses {
4077 margin: 0;
4078 display: grid;
4079 grid-template-columns: auto auto;
4080 grid-gap: 10px;
4081 }
4082 .lp-order-statuses .lp-skeleton-animation {
4083 grid-column: 1/3;
4084 }
4085 .lp-order-statuses li {
4086 width: 100%;
4087 margin: 0;
4088 background: #fff;
4089 }
4090 .lp-order-statuses li span {
4091 font-size: 1.1rem;
4092 display: flex;
4093 text-align: center;
4094 justify-content: center;
4095 align-items: center;
4096 column-gap: 10px;
4097 font-weight: 400;
4098 }
4099 .lp-order-statuses li p {
4100 margin: 0;
4101 padding: 0;
4102 color: #adadad;
4103 font-size: 0.75rem;
4104 }
4105 .lp-order-statuses li.counter-number {
4106 text-align: center;
4107 /*&.order-completed {
4108
4109 strong::before {
4110 color: #0085ba;
4111 content: "\f058";
4112 }
4113 }
4114
4115 &.order-processing {
4116
4117 strong::before {
4118 margin-left: -1px;
4119 color: #563f7a;
4120 content: "\f321";
4121 }
4122 }
4123
4124 &.order-pending {
4125
4126 strong::before {
4127 color: #aaa;
4128 content: "\f534";
4129 }
4130 }
4131
4132 &.order-cancelled {
4133
4134 strong::before {
4135 color: #f00;
4136 content: "\f153";
4137 }
4138 }*/
4139 }
4140 .lp-order-statuses li.counter-number .counter-inner {
4141 padding: 10px 0;
4142 border: 1px solid #f3f3f3;
4143 background: #f9f9f9;
4144 }
4145 .lp-order-statuses li.clear {
4146 float: none;
4147 }
4148 .lp-order-statuses li.featured-theme {
4149 width: auto;
4150 margin: 12px -12px 0 -12px;
4151 padding: 8px 12px 0 12px;
4152 border-top: 1px solid #eee;
4153 }
4154 .lp-order-statuses li.featured-theme .star-rating {
4155 display: inline-block;
4156 line-height: 0.875rem;
4157 vertical-align: middle;
4158 }
4159 .lp-order-statuses li.featured-theme .star-rating .star {
4160 width: 14px;
4161 height: 14px;
4162 font-size: 0.875rem;
4163 }
4164 .lp-order-statuses li.featured-theme > div {
4165 margin-bottom: 3px;
4166 }
4167 .lp-order-statuses li.featured-theme > div span {
4168 color: #999;
4169 font-size: 0.75rem;
4170 vertical-align: middle;
4171 }
4172 .lp-order-statuses li:nth-child(even) .counter-inner {
4173 margin-left: 0;
4174 }
4175 .lp-order-statuses li:nth-child(odd) .counter-inner {
4176 margin-right: 0;
4177 }
4178 .lp-order-statuses li.total-raised {
4179 grid-column: 1/3;
4180 box-sizing: border-box;
4181 padding: 10px 0;
4182 border: 1px solid #f3f3f3;
4183 background: #f9f9f9;
4184 text-align: center;
4185 color: #0073aa;
4186 }
4187 .lp-order-statuses li.total-raised span {
4188 margin-bottom: 10px;
4189 font-size: 1.625rem;
4190 }
4191 .lp-order-statuses li.total-raised span i {
4192 font-size: 1.5625rem;
4193 }
4194 .lp-order-statuses::after {
4195 display: block;
4196 clear: both;
4197 content: "";
4198 }
4199
4200 .featured-theme {
4201 border-top: 1px solid #eee;
4202 margin-top: 10px;
4203 padding-top: 10px;
4204 }
4205 .featured-theme p {
4206 margin: 0;
4207 font-size: 12px;
4208 }
4209 .featured-theme .star-rating {
4210 display: inline-block;
4211 line-height: 0.75rem;
4212 }
4213 .featured-theme .star-rating .star {
4214 font-size: 0.8125rem;
4215 width: 13px;
4216 height: 13px;
4217 }
4218 .featured-theme span {
4219 font-size: 0.6875rem;
4220 }
4221
4222 .lp-place-holder {
4223 background: #fff;
4224 padding: 10px;
4225 display: block;
4226 margin: 20px auto;
4227 box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
4228 border-radius: 3px;
4229 }
4230 .lp-place-holder [class*=line-] {
4231 height: 6px;
4232 width: 400px;
4233 background: #f6f7f9;
4234 margin-bottom: 13px;
4235 margin-right: 5px;
4236 }
4237 .lp-place-holder .thumbnail {
4238 height: 40px;
4239 width: 40px;
4240 float: left;
4241 margin-right: 20px;
4242 display: inline-block;
4243 }
4244 .lp-place-holder .line-heading {
4245 width: 80%;
4246 height: 20px;
4247 }
4248 .lp-place-holder .line-sm {
4249 width: 30%;
4250 margin-top: 10px;
4251 }
4252 .lp-place-holder .line-xs {
4253 width: 50%;
4254 }
4255 .lp-place-holder .line-df {
4256 margin-top: 30px;
4257 width: 380px;
4258 }
4259 .lp-place-holder .line-lg {
4260 width: 200px;
4261 }
4262 .lp-place-holder .line-lgx {
4263 width: 450px;
4264 }
4265 .lp-place-holder [class*=line],
4266 .lp-place-holder .thumbnail {
4267 animation: lpTimeLine;
4268 animation-duration: 1s;
4269 animation-timing-function: linear;
4270 animation-iteration-count: infinite;
4271 background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
4272 background-size: 800px auto;
4273 background-position: 100px 0;
4274 }
4275
4276 @keyframes lpTimeLine {
4277 0% {
4278 background-position: -350px 0;
4279 }
4280 100% {
4281 background-position: 400px 0;
4282 }
4283 }
4284 .post-type-lp_order {
4285 /*Export order function style*/
4286 /* The Modal (background) */
4287 /* Modal Content/Box */
4288 /* The Close Button */
4289 /*tabs css*/
4290 }
4291 .post-type-lp_order #post-body-content {
4292 display: none;
4293 }
4294 .post-type-lp_order #order_details {
4295 border: none !important;
4296 background: transparent !important;
4297 }
4298 .post-type-lp_order #order_details .hndle,
4299 .post-type-lp_order #order_details .handlediv,
4300 .post-type-lp_order #order_details .postbox-header {
4301 display: none;
4302 }
4303 .post-type-lp_order #order_details .inside {
4304 display: block !important;
4305 margin: 0;
4306 padding: 0;
4307 }
4308 .post-type-lp_order #order_details .order-data {
4309 margin: 0 0 20px 0 !important;
4310 padding: 30px !important;
4311 border: 1px solid #ccd0d4 !important;
4312 background-color: #fff !important;
4313 box-shadow: none !important;
4314 }
4315 .post-type-lp_order #order_details .order-data-field {
4316 margin-bottom: 20px;
4317 }
4318 .post-type-lp_order #order_details .order-data-field label {
4319 display: block;
4320 margin-bottom: 5px;
4321 font-weight: 500;
4322 }
4323 .post-type-lp_order #order_details .order-data-number {
4324 margin: 0 0 10px;
4325 font-size: 1.25rem;
4326 font-weight: 600;
4327 }
4328 .post-type-lp_order #order_details .payment-method-title {
4329 color: #777;
4330 font-size: 1rem;
4331 }
4332 .post-type-lp_order #order_details .payment-method-title strong {
4333 color: #23282d;
4334 }
4335 .post-type-lp_order #order_details .order-data-heading {
4336 margin-top: 40px;
4337 font-size: 1rem;
4338 }
4339 .post-type-lp_order #order_details .order-users {
4340 display: inline-block;
4341 }
4342 .post-type-lp_order #order_details .order-users .description {
4343 margin-top: 10px;
4344 padding: 10px;
4345 background: #eee;
4346 }
4347 .post-type-lp_order #order_details .order-data-date .order-date {
4348 width: 130px;
4349 }
4350 .post-type-lp_order #order_details .order-data-date .order-hour,
4351 .post-type-lp_order #order_details .order-data-date .order-minute {
4352 width: 60px;
4353 }
4354 .post-type-lp_order #order_details .order-data-note {
4355 display: inline-block;
4356 }
4357 .post-type-lp_order #order_details .order-data-note .order-note {
4358 padding: 10px;
4359 color: #fff;
4360 background-color: #c1a3b6;
4361 font-size: 0.875rem;
4362 }
4363 .post-type-lp_order #order_details .order-items {
4364 margin: 0;
4365 border: 1px solid #ccd0d4 !important;
4366 background-color: #fff;
4367 }
4368 .post-type-lp_order #order_details .order-items table {
4369 width: 100%;
4370 border-collapse: collapse;
4371 }
4372 .post-type-lp_order #order_details .order-items table thead {
4373 margin: 0;
4374 padding: 0;
4375 }
4376 .post-type-lp_order #order_details .order-items table thead tr {
4377 background-color: #f8f8f8;
4378 }
4379 .post-type-lp_order #order_details .order-items table thead th {
4380 padding: 15px;
4381 border-bottom: none;
4382 color: #999;
4383 font-weight: 400;
4384 text-align: left;
4385 }
4386 .post-type-lp_order #order_details .order-items table thead th:first-child {
4387 padding-left: 30px;
4388 }
4389 .post-type-lp_order #order_details .order-items table thead th:last-child {
4390 padding-right: 30px;
4391 }
4392 .post-type-lp_order #order_details .order-items table tbody td,
4393 .post-type-lp_order #order_details .order-items table tfoot td {
4394 padding: 10px;
4395 border-bottom: 1px solid #ddd;
4396 text-align: left;
4397 }
4398 .post-type-lp_order #order_details .order-items table tbody {
4399 margin: 0;
4400 padding: 0;
4401 }
4402 .post-type-lp_order #order_details .order-items table tbody tr td {
4403 padding: 15px;
4404 }
4405 .post-type-lp_order #order_details .order-items table tbody tr td:first-child {
4406 padding-left: 30px;
4407 }
4408 .post-type-lp_order #order_details .order-items table tbody tr td:last-child {
4409 padding-right: 30px;
4410 }
4411 .post-type-lp_order #order_details .order-items table tfoot {
4412 margin: 0;
4413 padding: 0;
4414 }
4415 .post-type-lp_order #order_details .order-items table tfoot tr {
4416 background-color: #f8f8f8;
4417 }
4418 .post-type-lp_order #order_details .order-items table tfoot tr:last-child td {
4419 padding-top: 20px;
4420 padding-bottom: 20px;
4421 }
4422 .post-type-lp_order #order_details .order-items table tfoot td {
4423 padding: 10px 15px;
4424 padding-bottom: 0;
4425 border: none;
4426 font-size: 0.875rem;
4427 text-align: right;
4428 }
4429 .post-type-lp_order #order_details .order-items table tfoot td:first-child {
4430 padding-left: 30px;
4431 }
4432 .post-type-lp_order #order_details .order-items table tfoot td:last-child {
4433 padding-right: 30px;
4434 }
4435 .post-type-lp_order #order_details .order-items table .column-price,
4436 .post-type-lp_order #order_details .order-items table .column-total,
4437 .post-type-lp_order #order_details .order-items table .column-quantity {
4438 width: 150px;
4439 text-align: right;
4440 }
4441 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-subtotal,
4442 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-total,
4443 .post-type-lp_order #order_details .order-items table .row-total td .order-subtotal,
4444 .post-type-lp_order #order_details .order-items table .row-total td .order-total {
4445 font-weight: 700;
4446 }
4447 .post-type-lp_order #order_details .order-items table .remove-order-item {
4448 outline: none;
4449 color: #ccc;
4450 text-decoration: none;
4451 }
4452 .post-type-lp_order #order_details .order-items table .remove-order-item .dashicons {
4453 font-size: 1.25rem;
4454 }
4455 .post-type-lp_order #order_details .order-items table .remove-order-item:hover {
4456 color: #f00;
4457 }
4458 .post-type-lp_order #order_details .order-items table .order-item-row:hover .remove-order-item {
4459 display: inline-block;
4460 }
4461 .post-type-lp_order #order-export__button:hover {
4462 cursor: pointer;
4463 }
4464 .post-type-lp_order .export-modal.modal {
4465 display: none;
4466 position: fixed;
4467 z-index: 10;
4468 left: 0;
4469 top: 0;
4470 width: 100%;
4471 height: 100%;
4472 overflow: auto;
4473 background-color: #000000;
4474 background-color: rgba(0, 0, 0, 0.4);
4475 }
4476 .post-type-lp_order .export-modal .modal-content {
4477 background-color: #fefefe;
4478 margin: 5% auto;
4479 border: 1px solid #888;
4480 width: 60%;
4481 position: relative;
4482 }
4483 .post-type-lp_order .export-modal .close {
4484 color: #aaa;
4485 position: absolute;
4486 font-size: 28px;
4487 font-weight: bold;
4488 top: -5px;
4489 right: 11px;
4490 }
4491 .post-type-lp_order .export-modal .close:hover {
4492 color: black;
4493 text-decoration: none;
4494 cursor: pointer;
4495 }
4496 .post-type-lp_order .export-modal .close:focus {
4497 color: black;
4498 text-decoration: none;
4499 cursor: pointer;
4500 }
4501 .post-type-lp_order .export-modal .panel {
4502 display: none;
4503 }
4504 .post-type-lp_order .export-modal .panel.active {
4505 display: block;
4506 }
4507 .post-type-lp_order #order-export__tabs.tabs {
4508 display: flex;
4509 justify-content: space-around;
4510 height: 40px;
4511 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
4512 }
4513 .post-type-lp_order #order-export__tabs.tabs > * {
4514 width: 100%;
4515 color: dimgray;
4516 height: 100%;
4517 cursor: pointer;
4518 display: flex;
4519 justify-content: center;
4520 align-items: center;
4521 }
4522 .post-type-lp_order #order-export__tabs.tabs > *:hover:not(.active) {
4523 background-color: #dcdcdc;
4524 }
4525 .post-type-lp_order #order-export__tabs.tabs > .active {
4526 color: white;
4527 background-color: #4CAF50;
4528 }
4529 .post-type-lp_order #lp-invoice__content {
4530 padding: 20px 40px 0;
4531 margin-bottom: 25px;
4532 }
4533 .post-type-lp_order #lp-invoice__content thead th {
4534 border-bottom: 1px solid #000;
4535 border-top: 1px solid #000;
4536 padding: 10px 20px;
4537 }
4538 .post-type-lp_order #lp-invoice__content tbody td {
4539 border-bottom: 1px solid #000;
4540 text-align: center;
4541 padding: 10px 20px;
4542 }
4543 .post-type-lp_order #lp-invoice__content tfoot td {
4544 border-bottom: 1px solid #000;
4545 text-align: center;
4546 padding: 10px 20px;
4547 }
4548 .post-type-lp_order .export-options__content {
4549 margin-bottom: 25px;
4550 padding: 10px 40px;
4551 }
4552 .post-type-lp_order .export-options {
4553 position: relative;
4554 }
4555 .post-type-lp_order .export-options__loading {
4556 opacity: 0;
4557 z-index: -1;
4558 visibility: hidden;
4559 position: absolute;
4560 top: 0;
4561 left: 0;
4562 width: 100%;
4563 background: #fff;
4564 right: 0;
4565 bottom: 0;
4566 display: flex;
4567 align-items: center;
4568 justify-content: center;
4569 }
4570 .post-type-lp_order .export-options__loading .spinner {
4571 background: url("../../images/spinner.gif") no-repeat center center;
4572 z-index: 9;
4573 display: inline-block;
4574 visibility: visible;
4575 }
4576 .post-type-lp_order .export-options__loading.active {
4577 opacity: 1;
4578 z-index: 9;
4579 visibility: visible;
4580 }
4581 .post-type-lp_order #lp-invoice__export {
4582 color: white;
4583 background-color: #4CAF50;
4584 border: 1px solid #4CAF50;
4585 padding: 10px 20px;
4586 transition: all 0.5s ease;
4587 }
4588 .post-type-lp_order #lp-invoice__export:hover {
4589 color: #000;
4590 background-color: #fff;
4591 border: 1px solid #000;
4592 transition: all 0.5s ease;
4593 cursor: pointer;
4594 }
4595 .post-type-lp_order #lp-invoice__update {
4596 color: white;
4597 background-color: #4CAF50;
4598 border: 1px solid #4CAF50;
4599 padding: 10px 20px;
4600 transition: all 0.5s ease;
4601 }
4602 .post-type-lp_order #lp-invoice__update:hover {
4603 color: #000;
4604 background-color: #fff;
4605 border: 1px solid #000;
4606 transition: all 0.5s ease;
4607 cursor: pointer;
4608 }
4609 .post-type-lp_order #lp-invoice__actions {
4610 display: flex;
4611 flex-direction: row;
4612 justify-content: flex-end;
4613 }
4614 .post-type-lp_order .export-options__actions {
4615 display: flex;
4616 flex-direction: row;
4617 justify-content: flex-end;
4618 }
4619 .post-type-lp_order .lp-invoice__body table {
4620 border-spacing: 0;
4621 width: 100%;
4622 }
4623 .post-type-lp_order .lp-order-status .dashicons {
4624 display: inline-flex !important;
4625 align-items: center;
4626 font-size: 1rem;
4627 }
4628 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination {
4629 text-align: left;
4630 }
4631 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li {
4632 border: 1px solid #2271b1;
4633 background: #f6f7f7;
4634 }
4635 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .page-numbers {
4636 padding: 0 6px;
4637 }
4638 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .current {
4639 background: #2271b1;
4640 color: #fff !important;
4641 }
4642
4643 .swal2-popup.lp-admin-refund-modal {
4644 width: 560px;
4645 max-width: calc(100% - 32px);
4646 padding: 32px;
4647 border-radius: 8px;
4648 box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
4649 }
4650 .swal2-popup.lp-admin-refund-modal .swal2-icon {
4651 margin-top: 0;
4652 margin-bottom: 20px;
4653 }
4654 .swal2-popup.lp-admin-refund-modal .swal2-title {
4655 padding: 0;
4656 color: #1d2327;
4657 font-size: 1.5rem;
4658 line-height: 1.3;
4659 }
4660 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__content {
4661 margin: 20px 0 0;
4662 padding: 0;
4663 color: #50575e;
4664 overflow: visible;
4665 }
4666 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__description {
4667 margin: 0 0 24px;
4668 line-height: 1.5;
4669 }
4670 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form {
4671 text-align: left;
4672 }
4673 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input-label {
4674 display: block;
4675 margin: 0 0 8px;
4676 color: #1d2327;
4677 font-size: 0.875rem;
4678 font-weight: 600;
4679 text-align: left;
4680 }
4681 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea,
4682 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
4683 display: block;
4684 width: 100%;
4685 margin: 0 0 20px;
4686 border: 1px solid #8c8f94;
4687 border-radius: 4px;
4688 color: #2c3338;
4689 background: #fff;
4690 box-shadow: none;
4691 box-sizing: border-box;
4692 font-size: 0.875rem;
4693 }
4694 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea:focus,
4695 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input:focus {
4696 border-color: #2271b1;
4697 box-shadow: 0 0 0 1px #2271b1;
4698 outline: 2px solid transparent;
4699 }
4700 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea {
4701 min-height: 110px;
4702 padding: 10px 12px;
4703 resize: vertical;
4704 }
4705 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
4706 height: 42px;
4707 padding: 0 12px;
4708 }
4709 .swal2-popup.lp-admin-refund-modal .swal2-validation-message {
4710 margin: 0 0 20px;
4711 border-radius: 4px;
4712 font-size: 0.875rem;
4713 }
4714 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
4715 display: grid;
4716 grid-template-columns: repeat(2, minmax(0, 1fr));
4717 gap: 12px;
4718 width: 100%;
4719 margin: 4px 0 0;
4720 padding: 0;
4721 }
4722 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions .swal2-styled {
4723 min-height: 42px;
4724 margin: 0;
4725 border-radius: 4px;
4726 font-size: 0.875rem;
4727 font-weight: 600;
4728 }
4729
4730 @media screen and (max-width: 480px) {
4731 .swal2-popup.lp-admin-refund-modal {
4732 width: calc(100% - 20px);
4733 max-width: none;
4734 padding: 24px 20px;
4735 }
4736 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
4737 grid-template-columns: 1fr;
4738 }
4739 }
4740 #learn-press-toggle-settings-js-css {
4741 display: none;
4742 }
4743 #learn-press-toggle-settings-js-css + table {
4744 display: none;
4745 }
4746 #learn-press-toggle-settings-js-css:checked + table {
4747 display: table;
4748 }
4749
4750 .color-schemas {
4751 margin: 0 20px 20px 0;
4752 float: left;
4753 }
4754 .color-schemas ul {
4755 list-style: none;
4756 margin: 0;
4757 padding: 0;
4758 }
4759 .color-schemas ul > li > label {
4760 font-weight: 600;
4761 display: block;
4762 margin-bottom: 10px;
4763 }
4764 .color-schemas .wp-color-picker {
4765 width: 80px;
4766 height: 24px;
4767 vertical-align: top;
4768 margin: 0;
4769 }
4770 .color-schemas .wp-picker-holder {
4771 position: absolute;
4772 }
4773 .color-schemas .buttons {
4774 display: none;
4775 }
4776 .color-schemas table {
4777 border-collapse: collapse;
4778 position: relative;
4779 }
4780 .color-schemas table td, .color-schemas table th {
4781 padding: 10px 10px;
4782 }
4783 .color-schemas table tbody {
4784 border: 1px solid transparent;
4785 position: relative;
4786 }
4787 .color-schemas table tbody td, .color-schemas table tbody th {
4788 text-align: left;
4789 background: #F5F5F5;
4790 }
4791 .color-schemas table tbody tr:first-child td, .color-schemas table tbody tr:first-child th {
4792 padding-bottom: 0;
4793 }
4794 .color-schemas table:after {
4795 content: "";
4796 position: absolute;
4797 top: 0;
4798 left: 0;
4799 right: 0;
4800 bottom: 0;
4801 background: rgba(255, 255, 255, 0.7);
4802 }
4803 .color-schemas tfoot td, .color-schemas tfoot th {
4804 padding-left: 0;
4805 padding-right: 0;
4806 }
4807 .color-schemas .remove-schema {
4808 float: right;
4809 color: #FF0000;
4810 }
4811 .color-schemas .wp-color-result {
4812 margin: 0;
4813 }
4814 .color-schemas .clone-schema {
4815 display: none;
4816 }
4817 .color-schemas:first-child .remove-schema,
4818 .color-schemas:first-child .apply-schema {
4819 display: none;
4820 }
4821 .color-schemas:nth-child(2) {
4822 clear: both;
4823 }
4824 .color-schemas:hover tbody {
4825 opacity: 1;
4826 }
4827 .color-schemas.current tbody {
4828 border-color: #DDD;
4829 }
4830 .color-schemas.current tbody td, .color-schemas.current tbody th {
4831 background: rgba(5, 215, 255, 0.26);
4832 }
4833 .color-schemas.current table:after {
4834 display: none;
4835 }
4836 .color-schemas.current .clone-schema {
4837 display: inline-block;
4838 }
4839
4840 .wp-picker-container {
4841 position: relative;
4842 }
4843 .wp-picker-container .wp-picker-holder {
4844 z-index: 99999;
4845 }
4846
4847 .lp-payment-addons-promo {
4848 margin-top: 15px;
4849 padding: 12px 16px;
4850 background: #f9f9f9;
4851 border: 1px solid #ddd;
4852 border-radius: 4px;
4853 }
4854 .lp-payment-addons-promo p {
4855 margin: 0;
4856 font-size: 0.875rem;
4857 color: #555;
4858 }
4859 .lp-payment-addons-promo__link {
4860 display: inline-flex;
4861 align-items: center;
4862 gap: 4px;
4863 margin-left: 6px;
4864 color: #7f54b3;
4865 font-weight: 600;
4866 text-decoration: none;
4867 }
4868 .lp-payment-addons-promo__link:hover {
4869 color: #5e3d8a;
4870 text-decoration: underline;
4871 }
4872 .lp-payment-addons-promo__link .dashicons {
4873 width: 14px;
4874 height: 14px;
4875 font-size: 14px;
4876 }
4877
4878 .lp-install-sample__options {
4879 margin-bottom: 20px;
4880 padding: 0 20px;
4881 border: 1px solid #eee;
4882 border-radius: 4px;
4883 }
4884 .lp-install-sample__options legend {
4885 padding: 5px;
4886 font-weight: 500;
4887 }
4888 .lp-install-sample__buttons {
4889 display: flex;
4890 margin-top: 25px;
4891 align-items: center;
4892 justify-content: space-between;
4893 }
4894 .lp-install-sample__toggle-options {
4895 margin-right: auto;
4896 margin-left: 10px;
4897 }
4898 .lp-install-sample__uninstall {
4899 float: right;
4900 }
4901 .lp-install-sample__response {
4902 margin: 0;
4903 padding: 10px;
4904 border: 2px solid #059601;
4905 border-radius: 6px;
4906 }
4907 .lp-install-sample__response.fail {
4908 border-color: #d85554;
4909 }
4910
4911 .lp-update-db-modal {
4912 display: flex;
4913 position: fixed;
4914 z-index: 9999;
4915 top: 0;
4916 right: 0;
4917 left: 0;
4918 width: 100%;
4919 min-height: 100vh;
4920 text-align: center;
4921 align-items: center;
4922 justify-content: center;
4923 }
4924 .lp-update-db-modal__hidden {
4925 display: none !important;
4926 visibility: hidden;
4927 opacity: 0;
4928 pointer-events: none;
4929 }
4930 .lp-update-db-modal__overlay {
4931 position: absolute;
4932 z-index: 1;
4933 top: 0;
4934 right: 0;
4935 bottom: 0;
4936 left: 0;
4937 width: 100%;
4938 height: 100%;
4939 background-color: rgba(209, 213, 219, 0.8);
4940 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4941 transition-duration: 150ms;
4942 transition-property: opacity;
4943 }
4944 .lp-update-db-modal__content {
4945 display: inline-block;
4946 overflow: hidden;
4947 z-index: 2;
4948 width: 100%;
4949 max-width: 510px;
4950 border-radius: 8px;
4951 text-align: left;
4952 vertical-align: middle;
4953 }
4954 .lp-update-db-modal__content-header {
4955 padding: 24px 24px 16px 24px;
4956 background-color: #fff;
4957 }
4958 .lp-update-db-modal__content-start {
4959 display: flex;
4960 flex-direction: flex-start;
4961 }
4962 .lp-update-db-modal__content-icon {
4963 display: flex;
4964 width: 40px;
4965 height: 40px;
4966 margin-right: 0;
4967 margin-left: 0;
4968 border-radius: 999px;
4969 background-color: rgb(254, 226, 226);
4970 justify-content: center;
4971 align-items: center;
4972 flex: 0 0 auto;
4973 }
4974 .lp-update-db-modal__content-icon svg {
4975 width: 24px;
4976 height: 24px;
4977 color: rgb(220, 38, 38);
4978 }
4979 .lp-update-db-modal__content-icon svg:last-child {
4980 color: rgb(37, 141, 108);
4981 }
4982 .lp-update-db-modal__content-icon__success {
4983 display: none;
4984 }
4985 .lp-update-db-modal__content-text {
4986 margin-left: 18px;
4987 text-align: left;
4988 }
4989 .lp-update-db-modal__content-text h3 {
4990 margin: 0;
4991 font-weight: 500;
4992 }
4993 .lp-update-db-modal__content-text p {
4994 margin: 0;
4995 margin-top: 10px;
4996 color: #999;
4997 font-size: 0.875rem;
4998 font-weight: 400;
4999 }
5000 .lp-update-db-modal__content-footer {
5001 display: flex;
5002 flex-direction: row;
5003 padding: 10px 24px;
5004 background-color: rgb(249, 250, 251);
5005 justify-content: flex-end;
5006 align-items: center;
5007 }
5008 .lp-update-db-modal__content-footer a {
5009 padding: 8px 16px;
5010 border: 1px solid #e5e7eb;
5011 border-radius: 6px;
5012 color: rgb(55, 65, 81);
5013 font-size: 0.8125rem;
5014 font-weight: 500;
5015 text-decoration: none;
5016 }
5017 .lp-update-db-modal__content-footer a:last-child {
5018 margin-left: 10px;
5019 color: #fff;
5020 background-color: #0073aa;
5021 }
5022 .lp-update-db-modal__success .lp-update-db-modal__content-icon {
5023 background-color: rgb(222, 247, 236);
5024 }
5025 .lp-update-db-modal__success .lp-update-db-modal__content-icon__error {
5026 display: none;
5027 }
5028 .lp-update-db-modal__success .lp-update-db-modal__content-icon__success {
5029 display: block;
5030 }
5031
5032 #lp-tool-upgrade-db .wrapper-lp-upgrade-message, #lp-tool-upgrade-db .wrapper-terms-upgrade, #lp-tool-upgrade-db .wrapper-lp-loading {
5033 display: none;
5034 }
5035
5036 .terms-upgrade {
5037 max-width: 500px;
5038 margin: 0 auto;
5039 }
5040 .terms-upgrade .error {
5041 display: none;
5042 }
5043
5044 .lp-modal-footer .learn-press-notice {
5045 color: #ff6060;
5046 font-weight: 500;
5047 font-style: italic;
5048 }
5049
5050 .lp-modal-body .lp-skeleton-animation {
5051 width: 500px;
5052 margin: 0 20px;
5053 }
5054
5055 .tools-select__data {
5056 overflow: hidden;
5057 }
5058 .tools-select__data li {
5059 background-color: #fff;
5060 border: 1px solid #eee;
5061 color: #000;
5062 display: flex;
5063 flex-direction: row;
5064 align-items: center;
5065 flex: 0 0 auto;
5066 font-size: 0.875rem;
5067 line-height: 1.4em;
5068 font-weight: normal;
5069 padding: 10px;
5070 width: 100%;
5071 }
5072 .tools-select__data li input {
5073 margin: 0 10px 0 0;
5074 }
5075
5076 .progressbar__content {
5077 width: 100%;
5078 font-size: 0.875rem;
5079 font-weight: normal;
5080 line-height: 1.4em;
5081 background: #eee;
5082 padding: 10px 0;
5083 display: flex;
5084 flex-direction: column;
5085 align-items: center;
5086 justify-content: center;
5087 }
5088 .progressbar__content span {
5089 z-index: 9;
5090 }
5091
5092 .progressbar__container {
5093 position: relative;
5094 }
5095
5096 .progressbar__value {
5097 position: absolute;
5098 width: 0;
5099 height: 100%;
5100 left: 0;
5101 top: 0;
5102 background: #8A2BE2;
5103 }
5104
5105 .progressbar__item h4 {
5106 z-index: 9;
5107 margin: 0;
5108 }
5109
5110 .progressbar__item {
5111 width: 500px;
5112 border-bottom: 1px solid #fff;
5113 }
5114
5115 .progressbar__indexs {
5116 z-index: 9;
5117 }
5118
5119 .lp-tool__message {
5120 text-align: center;
5121 color: red;
5122 padding: 10px 0;
5123 display: none;
5124 }
5125
5126 .tools-prepare__message {
5127 background: #dba617;
5128 padding: 10px 0;
5129 text-align: center;
5130 display: none;
5131 }
5132
5133 /*** Admin notices ***/
5134 .lp-admin-notices {
5135 background: transparent;
5136 display: none;
5137 padding: 0;
5138 border: none;
5139 margin: 0 !important;
5140 }
5141 .lp-admin-notices .lp-admin-notice {
5142 position: relative;
5143 }
5144 .lp-admin-notices .lp-mes-beta-version {
5145 background: #4299e1;
5146 color: whitesmoke;
5147 }
5148 .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 {
5149 color: white;
5150 }
5151 .lp-admin-notices .lp-mes-beta-version .btn-lp-notice-dismiss::before {
5152 color: #fff0f6;
5153 }
5154
5155 .tab-lp-admin-notice {
5156 margin-left: 5px;
5157 width: 4px;
5158 height: 4px;
5159 background: #ff1919;
5160 display: inline-flex;
5161 border-radius: 999px;
5162 vertical-align: middle;
5163 }
5164
5165 /**
5166 * General style for admin editor.
5167 */
5168 .lp-admin-editor {
5169 position: relative;
5170 margin: 0;
5171 background-color: #fff;
5172 }
5173 .lp-admin-editor .heading,
5174 .lp-admin-editor .lp-box-data-content {
5175 padding: 0;
5176 }
5177
5178 #learn-press-admin-editor-metabox-settings {
5179 margin-top: 20px;
5180 }
5181
5182 /**
5183 * Course admin editor.
5184 */
5185 #course-editor .inside {
5186 margin: 0;
5187 padding: 0;
5188 }
5189
5190 #admin-editor-lp_course .lp-course-curriculum .heading {
5191 display: flex;
5192 flex-direction: row;
5193 flex-wrap: nowrap;
5194 position: relative;
5195 padding: 8px 20px;
5196 align-items: center;
5197 line-height: 1;
5198 }
5199 #admin-editor-lp_course .lp-course-curriculum .heading h4 {
5200 margin: 0;
5201 font-size: 1rem;
5202 }
5203 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections {
5204 display: flex;
5205 width: 40px;
5206 color: #999;
5207 font-family: Dashicons;
5208 font-size: 1.875rem;
5209 cursor: pointer;
5210 justify-content: center;
5211 align-items: center;
5212 }
5213 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.close::before {
5214 content: "\f140";
5215 }
5216 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.open::before {
5217 content: "\f142";
5218 }
5219 #admin-editor-lp_course .lp-course-curriculum .heading .status {
5220 visibility: hidden;
5221 position: relative;
5222 top: 5px;
5223 margin-left: 10px;
5224 font-family: Dashicons;
5225 font-size: 1.25rem;
5226 }
5227 #admin-editor-lp_course .lp-course-curriculum .heading .status::before {
5228 content: "\f463";
5229 }
5230 #admin-editor-lp_course .lp-course-curriculum .heading .status.loading {
5231 display: inline-block;
5232 visibility: visible;
5233 animation: rotation 2s infinite linear;
5234 }
5235 #admin-editor-lp_course .lp-course-curriculum .curriculum-sections {
5236 margin: 0;
5237 margin: 0 20px 20px 20px;
5238 border: 1px solid #ddd;
5239 }
5240 #admin-editor-lp_course .lp-course-curriculum .section {
5241 margin: 0;
5242 border-bottom: 1px solid #e5e5e5;
5243 opacity: 1;
5244 background: #fff;
5245 }
5246 #admin-editor-lp_course .lp-course-curriculum .section:first-child {
5247 border-top: 0;
5248 }
5249 #admin-editor-lp_course .lp-course-curriculum .section.new-section {
5250 margin-top: 1px;
5251 border: none;
5252 }
5253 #admin-editor-lp_course .lp-course-curriculum .section.new-section form {
5254 margin: 0;
5255 }
5256 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head {
5257 background-color: #f4fcff;
5258 }
5259 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable {
5260 position: relative;
5261 top: 1px;
5262 }
5263 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable::before {
5264 content: "\f132";
5265 }
5266 #admin-editor-lp_course .lp-course-curriculum .section.empty-section {
5267 position: relative;
5268 }
5269 #admin-editor-lp_course .lp-course-curriculum .section.empty-section::after {
5270 position: absolute;
5271 top: 0;
5272 right: 0;
5273 bottom: 0;
5274 left: 0;
5275 opacity: 0.5;
5276 background: #fff;
5277 content: "";
5278 }
5279 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-head .movable::before {
5280 display: inline-block;
5281 color: #a2a2a2;
5282 content: "\f463";
5283 animation: rotating4 2s linear infinite;
5284 }
5285 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-collapse {
5286 display: none;
5287 }
5288 #admin-editor-lp_course .lp-course-curriculum .section:hover .section-actions .remove {
5289 display: inline-block;
5290 }
5291 #admin-editor-lp_course .lp-course-curriculum .section input {
5292 background-color: transparent;
5293 box-shadow: none;
5294 }
5295 #admin-editor-lp_course .lp-course-curriculum .section input:focus {
5296 box-shadow: none;
5297 }
5298 #admin-editor-lp_course .lp-course-curriculum .section .section-head {
5299 display: flex;
5300 position: relative;
5301 height: 42px;
5302 margin: 0;
5303 padding: 0;
5304 background-color: #f4fcff;
5305 line-height: 2.5rem;
5306 transition: background 500ms ease-out;
5307 align-items: center;
5308 }
5309 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable,
5310 #admin-editor-lp_course .lp-course-curriculum .section .section-head .creatable {
5311 display: inline-block;
5312 width: 40px;
5313 margin: 0;
5314 color: #999;
5315 font-family: Dashicons;
5316 font-size: 1.25rem;
5317 text-align: center;
5318 vertical-align: middle;
5319 }
5320 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable {
5321 margin-right: -1px;
5322 cursor: url("../../images/openhand.cur") 7 5, default;
5323 }
5324 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable::before {
5325 content: "\f333";
5326 }
5327 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable:hover {
5328 color: #0085ba;
5329 }
5330 #admin-editor-lp_course .lp-course-curriculum .section .section-head .section-item-counts {
5331 line-height: 2.5rem;
5332 }
5333 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions {
5334 height: 100%;
5335 color: #444;
5336 }
5337 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions > * {
5338 display: inline-block;
5339 height: 100%;
5340 text-align: center;
5341 cursor: pointer;
5342 }
5343 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse:hover {
5344 color: #0085ba;
5345 }
5346 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse::before {
5347 display: inline-block;
5348 width: 40px;
5349 color: #999;
5350 font-family: Dashicons;
5351 font-size: 1rem;
5352 line-height: 2.5rem;
5353 }
5354 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.open::before {
5355 content: "\f343";
5356 }
5357 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.close::before {
5358 content: "\f347";
5359 }
5360 #admin-editor-lp_course .lp-course-curriculum .section .name {
5361 width: 100%;
5362 border: none;
5363 color: #777;
5364 font-size: 1.5rem;
5365 font-weight: 600;
5366 line-height: 3.125rem;
5367 }
5368 #admin-editor-lp_course .lp-course-curriculum .section .name:focus {
5369 color: #444;
5370 }
5371 #admin-editor-lp_course .lp-course-curriculum .section .section-collapse {
5372 overflow: hidden;
5373 }
5374 #admin-editor-lp_course .lp-course-curriculum .section .section-content {
5375 padding: 20px;
5376 border-top: 1px solid #e5e5e5;
5377 }
5378 #admin-editor-lp_course .lp-course-curriculum .section .details {
5379 margin-bottom: 20px;
5380 }
5381 #admin-editor-lp_course .lp-course-curriculum .section .title-input {
5382 padding-left: 0;
5383 border: none;
5384 font-size: 1.2em;
5385 line-height: 1.875rem;
5386 flex: 1;
5387 }
5388 #admin-editor-lp_course .lp-course-curriculum .section .description-input {
5389 width: 100%;
5390 margin: 0;
5391 padding: 0;
5392 border: none;
5393 color: #999;
5394 }
5395 #admin-editor-lp_course .lp-course-curriculum .section .description-input:focus {
5396 color: #444;
5397 }
5398 #admin-editor-lp_course .lp-course-curriculum .section-list-items {
5399 width: 100%;
5400 border-collapse: collapse;
5401 }
5402 #admin-editor-lp_course .lp-course-curriculum .section-list-items ul {
5403 position: relative;
5404 min-height: 5px;
5405 margin: 0;
5406 }
5407 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item {
5408 display: flex;
5409 position: relative;
5410 margin: 0;
5411 border: 1px solid #eee;
5412 border-bottom-width: 0;
5413 background: #fff;
5414 transition: background 200ms ease-out;
5415 justify-content: center;
5416 align-items: center;
5417 }
5418 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.ui-sortable-helper {
5419 border-bottom: 1px solid #eee;
5420 }
5421 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:nth-child(2n+1) {
5422 background-color: #f7f7f7;
5423 }
5424 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.updating::before {
5425 position: absolute;
5426 z-index: 2;
5427 top: 0;
5428 right: 0;
5429 bottom: 0;
5430 left: 0;
5431 content: "";
5432 }
5433 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.removing {
5434 background-color: #ffeded;
5435 }
5436 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag {
5437 height: 20px;
5438 padding-top: 3px;
5439 padding-left: 6px;
5440 cursor: url("../../images/openhand.cur") 7 5, default;
5441 fill: #999;
5442 flex: 0 0 18px;
5443 }
5444 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag:hover {
5445 fill: #0085ba;
5446 }
5447 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5448 display: flex;
5449 align-items: center;
5450 justify-content: center;
5451 }
5452 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title {
5453 margin-right: 120px;
5454 margin-left: 2px;
5455 flex-grow: 1;
5456 flex-basis: 100%;
5457 }
5458 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title input {
5459 color: inherit;
5460 }
5461 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5462 display: flex;
5463 position: absolute;
5464 top: 0;
5465 right: 2px;
5466 bottom: 0;
5467 align-items: center;
5468 justify-content: center;
5469 }
5470 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions {
5471 margin: 0;
5472 }
5473 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions > * {
5474 visibility: hidden;
5475 margin-right: 10px;
5476 }
5477 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .edit {
5478 text-decoration: none;
5479 }
5480 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .remove {
5481 color: #a00;
5482 }
5483 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .drag {
5484 visibility: visible;
5485 }
5486 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:not(.lp_lesson) .item-actions .actions .preview-item {
5487 display: none;
5488 }
5489 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item {
5490 display: flex;
5491 position: relative;
5492 border-bottom-width: 1px;
5493 transition: all 200ms ease-out;
5494 align-items: center;
5495 }
5496 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag {
5497 display: flex;
5498 width: 30px;
5499 color: #999;
5500 font-family: Dashicons;
5501 font-size: 1rem;
5502 vertical-align: middle;
5503 cursor: default;
5504 align-items: center;
5505 justify-content: center;
5506 }
5507 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag::before {
5508 content: "\f132";
5509 }
5510 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .title {
5511 display: inline-block;
5512 margin: 0;
5513 flex: 1;
5514 }
5515 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types {
5516 display: inline-block;
5517 }
5518 #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 {
5519 background-color: #fff;
5520 }
5521 #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 {
5522 display: inline-block;
5523 }
5524 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type {
5525 display: inline-block;
5526 padding: 8px 5px;
5527 color: #ccc;
5528 }
5529 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type input {
5530 display: none;
5531 }
5532 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.current {
5533 color: #0085ba;
5534 }
5535 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type::before {
5536 position: relative;
5537 top: 2px;
5538 font-family: Dashicons;
5539 font-size: 1.25rem;
5540 }
5541 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz {
5542 padding: 8px 6px 8px 0;
5543 }
5544 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz::before {
5545 content: "\f469";
5546 }
5547 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_lesson::before {
5548 content: "\f330";
5549 }
5550 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.empty-item::before {
5551 content: "\f463";
5552 }
5553 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5554 text-align: right;
5555 }
5556 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action {
5557 display: inline-block;
5558 position: relative;
5559 width: 30px;
5560 height: 30px;
5561 margin: 0;
5562 padding: 0;
5563 text-align: center;
5564 vertical-align: middle;
5565 cursor: pointer;
5566 }
5567 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a {
5568 width: 30px;
5569 height: 30px;
5570 color: #999;
5571 line-height: 1.875rem;
5572 }
5573 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a:hover {
5574 color: #0073aa;
5575 }
5576 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item > a:hover {
5577 color: #e74c3c;
5578 }
5579 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul {
5580 display: none;
5581 position: absolute;
5582 z-index: 9;
5583 top: 100%;
5584 right: 0;
5585 width: 165px;
5586 margin: 0;
5587 border: 1px solid #999;
5588 background: #fdfeff;
5589 text-align: center;
5590 }
5591 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li {
5592 margin: 0;
5593 border-bottom: 1px solid #eee;
5594 text-align: right;
5595 }
5596 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a {
5597 display: block;
5598 padding: 10px 25px;
5599 color: #757575;
5600 font-size: 0.75rem;
5601 text-decoration: none;
5602 }
5603 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a.delete-permanently {
5604 color: #e74c3c;
5605 }
5606 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li:hover {
5607 background: #eee;
5608 }
5609 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item:hover ul {
5610 display: block;
5611 }
5612 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .item-actions .actions > * {
5613 visibility: visible;
5614 cursor: pointer;
5615 }
5616 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_quiz .icon::before {
5617 content: "\f469";
5618 }
5619 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_lesson .icon::before {
5620 content: "\f330";
5621 }
5622 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item {
5623 position: relative;
5624 color: #a2a2a2;
5625 }
5626 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item::after {
5627 position: absolute;
5628 top: 0;
5629 right: 0;
5630 bottom: 0;
5631 left: 0;
5632 opacity: 0.5;
5633 background: #fff;
5634 content: "";
5635 }
5636 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .item-actions {
5637 display: none;
5638 }
5639 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .icon::before {
5640 color: #a2a2a2;
5641 content: "\f463";
5642 animation: rotating4 2s linear infinite;
5643 }
5644 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5645 color: #0085ba;
5646 font-size: 1.25rem;
5647 text-align: center;
5648 flex: 0 0 29px;
5649 }
5650 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon::before {
5651 font-family: Dashicons;
5652 }
5653 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item input {
5654 width: 100%;
5655 padding: 8px 10px 8px 0;
5656 border: none;
5657 color: inherit;
5658 font-size: 0.875rem;
5659 font-weight: 600;
5660 }
5661 #admin-editor-lp_course .lp-course-curriculum .section-actions {
5662 padding: 0 20px 20px 20px;
5663 }
5664 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove {
5665 display: none;
5666 float: right;
5667 height: 30px;
5668 border: 1px solid #eee;
5669 border-radius: 3px;
5670 color: #e74c3c;
5671 line-height: 1.875rem;
5672 cursor: pointer;
5673 }
5674 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .icon {
5675 padding: 0 18px;
5676 }
5677 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .confirm {
5678 display: none;
5679 padding: 0 18px;
5680 }
5681 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .confirm {
5682 display: inline-block;
5683 }
5684 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .icon {
5685 display: none;
5686 }
5687 #admin-editor-lp_course .lp-course-curriculum .ui-sortable-placeholder {
5688 display: block;
5689 visibility: visible !important;
5690 border-color: #bdf4fe !important;
5691 background: #bdf4fe !important;
5692 }
5693
5694 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating {
5695 top: 40px;
5696 left: 100px;
5697 opacity: 0.8;
5698 background: #a00;
5699 }
5700 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating::before {
5701 top: -7px;
5702 border: 7px solid transparent;
5703 border-top-width: 0;
5704 border-bottom-color: #a00;
5705 }
5706
5707 .section-item-counts {
5708 margin: 0;
5709 margin-left: auto;
5710 font-size: 0.75rem;
5711 white-space: nowrap;
5712 }
5713 .section-item-counts span {
5714 color: #999;
5715 }
5716
5717 #course-editor {
5718 margin-bottom: 10px;
5719 }
5720 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5721 display: none;
5722 }
5723 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5724 margin-left: 0;
5725 }
5726
5727 /**
5728 * Quiz admin editor.
5729 */
5730 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5731 display: none;
5732 }
5733 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5734 margin-left: 0;
5735 }
5736
5737 #quiz-editor .inside {
5738 margin: 0;
5739 padding: 0;
5740 }
5741
5742 #admin-editor-lp_quiz {
5743 margin: 0;
5744 padding: 0;
5745 border: none;
5746 }
5747 #admin-editor-lp_quiz form {
5748 margin: 0;
5749 }
5750 #admin-editor-lp_quiz .lp-box-data-head {
5751 display: flex;
5752 flex-direction: row;
5753 margin: 0;
5754 padding: 6px 20px;
5755 align-items: center;
5756 }
5757 #admin-editor-lp_quiz .lp-box-data-head h3 {
5758 padding: 0;
5759 }
5760 #admin-editor-lp_quiz .lp-box-data-head .status {
5761 visibility: hidden;
5762 position: relative;
5763 top: 5px;
5764 margin-left: 10px;
5765 font-family: Dashicons;
5766 font-size: 1.25rem;
5767 }
5768 #admin-editor-lp_quiz .lp-box-data-head .status::before {
5769 content: "\f463";
5770 }
5771 #admin-editor-lp_quiz .lp-box-data-head .status.loading {
5772 display: inline-block;
5773 visibility: visible;
5774 animation: rotation 2s infinite linear;
5775 }
5776 #admin-editor-lp_quiz .lp-box-data-head .collapse-list-questions {
5777 display: flex;
5778 width: 40px;
5779 height: 30px;
5780 color: #999;
5781 font-family: Dashicons;
5782 font-size: 1.875rem;
5783 cursor: pointer;
5784 justify-content: center;
5785 align-items: center;
5786 }
5787 #admin-editor-lp_quiz .lp-box-data-content {
5788 margin: 20px;
5789 margin-top: 0;
5790 border: 1px solid #ddd;
5791 }
5792 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions {
5793 border-collapse: collapse;
5794 color: #777;
5795 }
5796 @media (max-width: 1560px) {
5797 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .fill_in_blanks .question-settings {
5798 flex-direction: column;
5799 }
5800 }
5801 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row {
5802 display: flex;
5803 flex-direction: row;
5804 text-align: center;
5805 align-items: center;
5806 }
5807 @media (max-width: 1024px) {
5808 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row.question-settings {
5809 flex-direction: column;
5810 }
5811 }
5812 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > * {
5813 width: 100%;
5814 padding: 12px 8px;
5815 }
5816 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort {
5817 position: relative;
5818 color: #999;
5819 cursor: url("../../images/openhand.cur") 7 5, default;
5820 flex: 0 0 15px;
5821 }
5822 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort .svg-icon {
5823 height: 18px;
5824 margin-top: -2px;
5825 vertical-align: middle;
5826 fill: #999;
5827 }
5828 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort:hover {
5829 fill: #0085ba;
5830 }
5831 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order {
5832 padding: 12px 0;
5833 color: #32373c;
5834 font-size: 1.2em;
5835 text-align: left;
5836 flex: 0 0 25px;
5837 }
5838 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order::after {
5839 content: ".";
5840 }
5841 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type {
5842 display: inline-flex;
5843 position: relative;
5844 width: 125px;
5845 height: 32px;
5846 padding: 0;
5847 border-radius: 2px;
5848 background-color: #eee;
5849 box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
5850 line-height: 2rem;
5851 cursor: pointer;
5852 flex: 0 0 auto;
5853 align-items: center;
5854 }
5855 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a {
5856 display: inline-flex;
5857 width: 100%;
5858 padding: 0 10px;
5859 color: #666;
5860 text-align: center;
5861 cursor: pointer;
5862 align-items: center;
5863 justify-content: center;
5864 }
5865 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a::after {
5866 margin-left: 5px;
5867 font-family: Dashicons;
5868 font-size: 0.875rem;
5869 line-height: 1.875rem;
5870 content: "\f347";
5871 }
5872 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul {
5873 visibility: hidden;
5874 position: absolute;
5875 z-index: 9999;
5876 top: 100%;
5877 right: 0;
5878 height: auto;
5879 margin: 0;
5880 margin-top: -1px;
5881 border: 1px solid #999;
5882 border-radius: 2px;
5883 opacity: 1;
5884 background: #fdfeff;
5885 pointer-events: none;
5886 }
5887 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li {
5888 margin: 0;
5889 }
5890 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a {
5891 display: block;
5892 min-width: 110px;
5893 padding: 10px 20px;
5894 color: #757575;
5895 line-height: 1.25rem;
5896 text-align: right;
5897 white-space: nowrap;
5898 text-decoration: none;
5899 }
5900 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a:hover {
5901 background-color: #eee;
5902 }
5903 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li.disabled {
5904 opacity: 0.4;
5905 background-color: #fff;
5906 user-select: none;
5907 pointer-events: none;
5908 }
5909 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type:hover ul {
5910 visibility: visible;
5911 opacity: 1;
5912 pointer-events: visible;
5913 }
5914 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .actions {
5915 width: 300px;
5916 }
5917 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .name {
5918 padding-left: 5px;
5919 }
5920 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row:hover > .sort {
5921 visibility: visible;
5922 }
5923 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row .actions .lp-box-data-actions {
5924 text-align: right !important;
5925 }
5926 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header {
5927 display: none;
5928 border-bottom: 1px solid #ddd;
5929 }
5930 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > * {
5931 font-weight: bold;
5932 }
5933 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .order::after {
5934 content: "";
5935 }
5936 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .actions {
5937 padding: 12px 0;
5938 }
5939 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-actions .name input {
5940 width: 100%;
5941 padding: 0;
5942 border: none;
5943 color: #777;
5944 background: transparent;
5945 box-shadow: none;
5946 font-size: 0.875rem;
5947 font-weight: normal;
5948 }
5949 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings {
5950 padding: 0 20px;
5951 border: 1px solid #ddd;
5952 border-right: none;
5953 border-left: none;
5954 }
5955 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings > * {
5956 padding: 20px 20px 20px 0;
5957 }
5958 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options {
5959 border: 1px solid #ddd;
5960 }
5961 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .sort {
5962 width: 12px;
5963 padding: 8px 6px;
5964 }
5965 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-text {
5966 width: calc(100% - 100px);
5967 padding-left: 0;
5968 color: #444;
5969 font-weight: 600;
5970 }
5971 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .order {
5972 width: 10px;
5973 padding: 0;
5974 text-align: right;
5975 }
5976 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-correct {
5977 width: 65px;
5978 color: #444;
5979 font-weight: 600;
5980 text-align: center;
5981 }
5982 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .actions {
5983 padding: 0;
5984 text-align: right;
5985 }
5986 #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 {
5987 height: 42px;
5988 }
5989 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr {
5990 border: 1px solid #ddd;
5991 background: #f4fcff;
5992 }
5993 #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) {
5994 background: #fff;
5995 }
5996 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td {
5997 position: static;
5998 padding: 0 10px;
5999 border: none;
6000 background: inherit;
6001 }
6002 #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 {
6003 width: 12px;
6004 cursor: url("../../images/openhand.cur") 7 5, default;
6005 }
6006 #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 {
6007 padding-left: 0;
6008 }
6009 #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 {
6010 text-align: center;
6011 }
6012 #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 {
6013 height: 18px;
6014 vertical-align: middle;
6015 fill: #999;
6016 }
6017 #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 {
6018 visibility: visible;
6019 }
6020 #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 {
6021 fill: #0085ba;
6022 }
6023 #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 {
6024 visibility: visible !important;
6025 }
6026 #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 {
6027 height: 43px;
6028 background: #bdf4fe !important;
6029 }
6030 #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 {
6031 border-right: none;
6032 border-left: none;
6033 }
6034 #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 {
6035 border-bottom: 1px solid #ddd;
6036 }
6037 #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 {
6038 border-left: 0;
6039 }
6040 #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 {
6041 display: none;
6042 }
6043 #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 {
6044 display: inline-block;
6045 position: absolute;
6046 top: 12px;
6047 left: 4px;
6048 font-family: Dashicons;
6049 font-size: 1.125rem;
6050 content: "\f463";
6051 animation: rotating4 2s linear infinite;
6052 }
6053 #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 {
6054 position: relative;
6055 }
6056 #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 {
6057 position: absolute;
6058 top: 0;
6059 right: 1px;
6060 bottom: 0;
6061 left: 0;
6062 opacity: 0.5;
6063 background: #fff;
6064 content: "";
6065 }
6066 #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 {
6067 width: 100%;
6068 padding: 0;
6069 border: none;
6070 color: #777;
6071 background: transparent;
6072 box-shadow: none;
6073 font-size: 0.875rem;
6074 font-weight: normal;
6075 }
6076 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item {
6077 border-bottom: 1px solid #ddd;
6078 background: #f4fcff;
6079 line-height: 1.125rem;
6080 /*&:nth-child(2n+1) {
6081 background: #f4fcff;
6082 }*/
6083 }
6084 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-helper {
6085 border-top: 1px solid #f1f1f1;
6086 }
6087 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-placeholder {
6088 display: block;
6089 visibility: visible !important;
6090 border-color: #bdf4fe !important;
6091 background: #bdf4fe !important;
6092 }
6093 #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 {
6094 position: relative;
6095 }
6096 #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 {
6097 visibility: visible;
6098 }
6099 #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 {
6100 display: none;
6101 }
6102 #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 {
6103 display: inline-block;
6104 position: absolute;
6105 left: 5px;
6106 font-family: Dashicons;
6107 font-size: 1.25rem;
6108 content: "\f463";
6109 animation: rotating4 2s linear infinite;
6110 }
6111 #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 {
6112 position: absolute;
6113 top: 0;
6114 right: 0;
6115 bottom: 0;
6116 left: 0;
6117 opacity: 0.5;
6118 background: #fff;
6119 content: "";
6120 }
6121 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-settings {
6122 display: none;
6123 }
6124 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .cell {
6125 padding: 10px;
6126 }
6127 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .name input {
6128 width: 100%;
6129 padding: 0;
6130 border: none;
6131 color: #32373c;
6132 background: transparent;
6133 box-shadow: none;
6134 font-size: 1.2em;
6135 font-weight: normal;
6136 line-height: 1.125rem;
6137 }
6138 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions {
6139 margin: 0;
6140 padding: 0;
6141 }
6142 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons {
6143 display: grid;
6144 position: static;
6145 z-index: 10;
6146 height: 100%;
6147 text-align: right;
6148 grid-template-columns: 30px 30px 30px 40px;
6149 align-items: center;
6150 justify-content: end;
6151 }
6152 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons > div a {
6153 visibility: hidden;
6154 }
6155 #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 {
6156 position: absolute;
6157 z-index: 2;
6158 top: 50%;
6159 left: 50%;
6160 width: 28px;
6161 height: 30px;
6162 margin-top: -15px;
6163 margin-left: -15px;
6164 line-height: 1.875rem;
6165 text-align: center;
6166 }
6167 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn ul {
6168 z-index: 9;
6169 }
6170 #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 {
6171 padding: 8px 24px;
6172 line-height: 1.5rem;
6173 }
6174 #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 {
6175 border-bottom: 1px solid #eee;
6176 color: #666;
6177 }
6178 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-btn-toggle {
6179 width: 40px;
6180 height: 42px;
6181 padding-right: 0;
6182 font-family: Dashicons;
6183 font-size: 1.25rem;
6184 line-height: 2.625rem;
6185 }
6186 #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 {
6187 content: "\f343";
6188 }
6189 #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 {
6190 content: "\f347";
6191 }
6192 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions:hover .lp-toolbar-buttons > div a {
6193 visibility: visible;
6194 }
6195 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings {
6196 background: #fff;
6197 }
6198 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options {
6199 padding-right: 0;
6200 padding-left: 0;
6201 text-align: left;
6202 }
6203 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside {
6204 margin: 0;
6205 padding: 0;
6206 }
6207 #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 {
6208 margin: 0;
6209 padding: 20px;
6210 }
6211 #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) {
6212 background: #f4fcff;
6213 }
6214 #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 {
6215 margin: 0;
6216 margin-bottom: 10px;
6217 color: #666;
6218 font-weight: 600;
6219 }
6220 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox {
6221 border: 1px solid #ddd;
6222 }
6223 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .hndle {
6224 font-weight: 600;
6225 cursor: default;
6226 }
6227 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle {
6228 float: right;
6229 position: absolute;
6230 top: 0;
6231 right: 0;
6232 width: 36px;
6233 height: 36px;
6234 line-height: 2.25rem;
6235 text-align: center;
6236 cursor: pointer;
6237 }
6238 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle::after {
6239 font-family: Dashicons;
6240 font-size: 1.125rem;
6241 content: "\f460";
6242 }
6243 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .quiz-question-options {
6244 width: 38px;
6245 }
6246 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox {
6247 min-width: 34px;
6248 height: 34px;
6249 line-height: 2.625rem;
6250 text-align: center;
6251 }
6252 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .hndle {
6253 display: none;
6254 }
6255 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .toggle::after {
6256 content: "\f132";
6257 }
6258 #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 {
6259 display: none !important;
6260 }
6261 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer {
6262 margin-top: -1px;
6263 border-top: 1px solid #ddd;
6264 background: #f4fcff;
6265 }
6266 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row {
6267 height: auto;
6268 text-align: left;
6269 }
6270 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle {
6271 display: flex;
6272 width: 30px;
6273 padding: 8px 6px 8px 10px;
6274 color: #999;
6275 font-family: Dashicons;
6276 font-size: 1.25rem;
6277 vertical-align: middle;
6278 align-items: center;
6279 justify-content: center;
6280 }
6281 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle::before {
6282 content: "\f132";
6283 }
6284 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .order {
6285 padding: 8px 0;
6286 line-height: 1.75rem;
6287 text-align: left;
6288 }
6289 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question {
6290 padding: 8px 10px 8px 5px;
6291 }
6292 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title {
6293 display: inline-block;
6294 position: relative;
6295 min-width: 500px;
6296 }
6297 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input {
6298 width: 100%;
6299 margin: 0;
6300 padding: 6px 0;
6301 border: 0;
6302 background: transparent;
6303 font-size: 1.2em;
6304 line-height: 1.125rem;
6305 box-shadow: none;
6306 }
6307 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6308 box-shadow: none;
6309 }
6310 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6311 color: #32373c;
6312 }
6313 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input::placeholder {
6314 display: inline-block;
6315 }
6316 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new {
6317 display: inline;
6318 position: relative;
6319 }
6320 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types {
6321 display: none;
6322 position: absolute;
6323 z-index: 9999999;
6324 top: 100%;
6325 right: -2px;
6326 width: 200px;
6327 margin: 6px;
6328 border: 1px solid #999;
6329 background-color: #fff;
6330 }
6331 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li {
6332 margin: 0;
6333 }
6334 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li a {
6335 display: block;
6336 padding: 12px 20px;
6337 outline: none;
6338 color: #757575;
6339 box-shadow: none;
6340 line-height: 1;
6341 text-decoration: none;
6342 }
6343 #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 {
6344 background: #eee;
6345 }
6346 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li.disabled {
6347 opacity: 0.5;
6348 background-color: #eee;
6349 user-select: none;
6350 pointer-events: none;
6351 }
6352 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button:hover + .question-types {
6353 display: block;
6354 }
6355 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button + .question-types:hover {
6356 display: block;
6357 }
6358 #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 {
6359 display: none;
6360 }
6361 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .select-item {
6362 display: inline;
6363 }
6364 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question button {
6365 height: 30px;
6366 box-shadow: 0 1px 0 #ccc !important;
6367 }
6368 #admin-editor-lp_quiz .lp-box-data-content .question-button-actions {
6369 text-align: left;
6370 }
6371
6372 /**.section-item-counts span
6373 * Question admin editor.
6374 */
6375 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-label {
6376 display: none;
6377 }
6378 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-input {
6379 margin-left: 0;
6380 }
6381
6382 #question-editor .inside {
6383 margin: 0;
6384 padding: 0;
6385 }
6386
6387 #admin-editor-lp_question {
6388 margin: 0;
6389 padding: 0;
6390 border: none;
6391 background: #fff;
6392 }
6393 #admin-editor-lp_question form {
6394 margin: 0;
6395 }
6396 #admin-editor-lp_question .lp-box-data-head {
6397 display: flex;
6398 flex-direction: row;
6399 padding: 10px 20px;
6400 align-items: center;
6401 }
6402 #admin-editor-lp_question .lp-box-data-head .heading {
6403 margin: 0;
6404 padding: 0;
6405 flex: 1;
6406 }
6407 #admin-editor-lp_question .lp-box-data-head .lp-question-editor {
6408 position: relative;
6409 margin-left: auto;
6410 border-left: 0;
6411 border-top-left-radius: 0;
6412 border-bottom-left-radius: 0;
6413 }
6414 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a {
6415 display: inline-flex;
6416 height: 32px;
6417 padding: 0 16px;
6418 border: 1px solid #999;
6419 border-radius: 2px;
6420 color: #666;
6421 line-height: 2rem;
6422 text-decoration: none;
6423 align-items: center;
6424 cursor: pointer;
6425 user-select: none;
6426 }
6427 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a::after {
6428 margin-left: 5px;
6429 font-family: Dashicons;
6430 font-size: 0.875rem;
6431 line-height: 1.875rem;
6432 content: "\f347";
6433 }
6434 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul {
6435 display: none;
6436 position: absolute;
6437 z-index: 9999;
6438 top: 100%;
6439 right: 0;
6440 height: auto;
6441 margin: 0;
6442 margin-top: -1px;
6443 border: 1px solid #999;
6444 border-radius: 2px;
6445 background: #fdfeff;
6446 }
6447 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li {
6448 margin: 0;
6449 }
6450 #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 {
6451 background: #eee;
6452 }
6453 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li a {
6454 display: block;
6455 min-width: 110px;
6456 padding: 10px;
6457 color: #757575;
6458 font-size: 0.75rem;
6459 text-align: right;
6460 white-space: nowrap;
6461 text-decoration: none;
6462 }
6463 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled {
6464 opacity: 0.4;
6465 }
6466 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled a {
6467 color: #999;
6468 cursor: not-allowed;
6469 pointer-events: none;
6470 }
6471 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul:hover {
6472 display: block;
6473 }
6474 #admin-editor-lp_question .lp-box-data-head .lp-question-editor:hover .question-types ul {
6475 display: block;
6476 }
6477 #admin-editor-lp_question .lp-box-data-content {
6478 padding: 0 20px 20px 20px;
6479 border: none !important;
6480 }
6481 #admin-editor-lp_question .lp-box-data-content table.list-question-answers {
6482 width: 100%;
6483 border: 1px solid #ddd;
6484 }
6485 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tr td {
6486 padding: 0 15px;
6487 }
6488 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th {
6489 padding: 15px;
6490 border-bottom: 1px solid #ddd;
6491 background-color: #eee;
6492 font-weight: 600;
6493 }
6494 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th.answer-text {
6495 padding-left: 10px;
6496 }
6497 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort,
6498 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order,
6499 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6500 width: 10px;
6501 }
6502 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort {
6503 padding: 0 10px;
6504 }
6505 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order {
6506 width: 10px;
6507 padding: 0;
6508 text-align: right;
6509 }
6510 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-correct {
6511 width: 65px;
6512 text-align: center;
6513 }
6514 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-text {
6515 padding-left: 8px;
6516 }
6517 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6518 padding-right: 0;
6519 text-align: right;
6520 }
6521 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr {
6522 color: #444;
6523 background: #fff;
6524 }
6525 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:nth-child(2n) {
6526 background: #fff;
6527 }
6528 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td {
6529 background-color: #fff;
6530 }
6531 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort {
6532 width: 15px;
6533 padding: 0;
6534 font-size: 1.125rem;
6535 text-align: center;
6536 cursor: url("../../images/openhand.cur") 7 5, default;
6537 }
6538 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort .svg-icon {
6539 height: 18px;
6540 margin-top: -2px;
6541 vertical-align: middle;
6542 fill: #999;
6543 }
6544 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort:hover .svg-icon {
6545 fill: #0085ba;
6546 }
6547 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.order {
6548 font-size: 0.875rem;
6549 }
6550 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.answer-text input {
6551 width: 100%;
6552 padding: 0;
6553 border: none;
6554 color: #444;
6555 background: transparent;
6556 box-shadow: none;
6557 font-size: 0.875rem;
6558 font-weight: 600;
6559 transition: box-shadow 0.2s ease;
6560 }
6561 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.lp-toolbar-buttons {
6562 z-index: auto;
6563 }
6564 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:hover td.actions .remove-answer {
6565 visibility: visible;
6566 height: 42px;
6567 }
6568 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder {
6569 visibility: visible !important;
6570 }
6571 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder td {
6572 height: 43px;
6573 background: #bdf4fe !important;
6574 }
6575 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td {
6576 border-bottom: 1px solid #ddd;
6577 }
6578 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td.sort {
6579 border-left: 0;
6580 }
6581 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .svg-icon {
6582 display: none;
6583 }
6584 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td {
6585 position: relative;
6586 }
6587 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .sort::before {
6588 display: inline-block;
6589 position: absolute;
6590 top: 8px;
6591 left: 10px;
6592 font-family: "Dashicons";
6593 content: "\f463";
6594 animation: rotating4 2s linear infinite;
6595 }
6596 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td::after {
6597 position: absolute;
6598 top: 0;
6599 right: 0;
6600 bottom: 0;
6601 left: 0;
6602 opacity: 0.5;
6603 background: #fff;
6604 content: "";
6605 }
6606 #admin-editor-lp_question .lp-box-data-content .add-answer {
6607 margin: 15px 0 0 0;
6608 }
6609 #admin-editor-lp_question.sorting_choice table.list-question-answers .answer-correct {
6610 display: none !important;
6611 }
6612
6613 .lp-admin-fib-question-editor,
6614 .admin-quiz-fib-question-editor {
6615 text-align: left;
6616 }
6617 .lp-admin-fib-question-editor .lp-box-data-content,
6618 .admin-quiz-fib-question-editor .lp-box-data-content {
6619 margin: 0 !important;
6620 border: none !important;
6621 }
6622 .lp-admin-fib-question-editor .content-editable,
6623 .admin-quiz-fib-question-editor .content-editable {
6624 min-height: 240px !important;
6625 padding: 12px 15px;
6626 border: 2px solid #ddd;
6627 border-radius: 4px;
6628 }
6629 .lp-admin-fib-question-editor .content-editable .fib-blank,
6630 .admin-quiz-fib-question-editor .content-editable .fib-blank {
6631 position: relative;
6632 color: #2196f3;
6633 }
6634 .lp-admin-fib-question-editor .content-editable .fib-blank::before,
6635 .admin-quiz-fib-question-editor .content-editable .fib-blank::before {
6636 content: "#" attr(data-index) ". ";
6637 }
6638 .lp-admin-fib-question-editor .fib-blanks,
6639 .admin-quiz-fib-question-editor .fib-blanks {
6640 min-width: 700px;
6641 border-collapse: collapse;
6642 }
6643 @media (max-width: 1024px) {
6644 .lp-admin-fib-question-editor .fib-blanks,
6645 .admin-quiz-fib-question-editor .fib-blanks {
6646 width: 100%;
6647 min-width: 100%;
6648 }
6649 }
6650 .lp-admin-fib-question-editor .fib-blanks tbody,
6651 .admin-quiz-fib-question-editor .fib-blanks tbody {
6652 border-bottom: 1px solid #bbb;
6653 }
6654 .lp-admin-fib-question-editor .fib-blanks tbody tr,
6655 .admin-quiz-fib-question-editor .fib-blanks tbody tr {
6656 background: #eee;
6657 }
6658 .lp-admin-fib-question-editor .fib-blanks tbody tr td,
6659 .admin-quiz-fib-question-editor .fib-blanks tbody tr td {
6660 padding: 5px;
6661 }
6662 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options td,
6663 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options td {
6664 padding: 0;
6665 }
6666 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options ul,
6667 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options ul {
6668 display: none;
6669 margin: 5px 0;
6670 padding: 20px;
6671 border: 1px solid #ddd;
6672 background: #fff;
6673 list-style: none;
6674 }
6675 .lp-admin-fib-question-editor .fib-blanks tbody.open .blank-options ul,
6676 .admin-quiz-fib-question-editor .fib-blanks tbody.open .blank-options ul {
6677 display: block;
6678 }
6679 .lp-admin-fib-question-editor .fib-blanks tbody .blank-position,
6680 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-position {
6681 font-weight: 600;
6682 text-align: center;
6683 }
6684 .lp-admin-fib-question-editor .fib-blanks tbody .blank-actions,
6685 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-actions {
6686 text-align: right;
6687 }
6688 .lp-admin-fib-question-editor .fib-blanks tbody:last-child,
6689 .admin-quiz-fib-question-editor .fib-blanks tbody:last-child {
6690 border: none;
6691 }
6692
6693 #fill-in-blanks-editor {
6694 display: flex;
6695 }
6696 #fill-in-blanks-editor .blank-options {
6697 flex: 0 0 65%;
6698 }
6699 #fill-in-blanks-editor .blanks {
6700 width: 100%;
6701 margin: 0;
6702 }
6703 #fill-in-blanks-editor .blanks .blank {
6704 margin: 0 0 20px 0;
6705 padding: 20px;
6706 border: 1px solid #d9e0f1;
6707 background: #fbfcff;
6708 }
6709 #fill-in-blanks-editor .blanks .blank label {
6710 font-weight: bold;
6711 }
6712 #fill-in-blanks-editor .blanks .blank .blank-content {
6713 width: 100%;
6714 min-height: 74px;
6715 font-size: 1rem;
6716 }
6717 #fill-in-blanks-editor .blanks .blank .blank-words .word {
6718 background: #ddd;
6719 line-height: 1;
6720 border-radius: 4px;
6721 }
6722 #fill-in-blanks-editor .blanks .blank .blank-words .word.correct {
6723 background: #00a1e6;
6724 }
6725 #fill-in-blanks-editor .blanks .blank .blank-tip p {
6726 font-style: italic;
6727 }
6728 #fill-in-blanks-editor .blanks .blank .button-remove {
6729 color: #f00;
6730 }
6731 #fill-in-blanks-editor .passage-preview {
6732 margin-left: 20px;
6733 padding: 15px 20px;
6734 border: 1px solid #ddd;
6735 font-size: 1rem;
6736 line-height: 1.5rem;
6737 text-align: justify;
6738 flex: 1;
6739 }
6740 #fill-in-blanks-editor .passage-preview .blank-input {
6741 /* line-height: 11px; */
6742 display: inline-block;
6743 position: relative;
6744 width: 50px;
6745 height: 16px;
6746 margin: -2px 10px;
6747 padding: 0;
6748 border: none;
6749 border-bottom: 1px dashed #ddd;
6750 background: transparent;
6751 box-shadow: none;
6752 font-size: 1rem;
6753 vertical-align: middle;
6754 }
6755 #fill-in-blanks-editor .blanks-list {
6756 width: 100%;
6757 }
6758 #fill-in-blanks-editor .blanks-list textarea {
6759 width: 100%;
6760 min-height: 300px;
6761 margin-bottom: 20px;
6762 outline: none;
6763 background: #f9f9f9;
6764 box-shadow: none;
6765 font-size: 1.125rem;
6766 line-height: 1.875rem;
6767 }
6768 #fill-in-blanks-editor .blanks-list code {
6769 line-height: 1;
6770 border-radius: 4px;
6771 }
6772 #fill-in-blanks-editor .blanks-list code.correct {
6773 background: #00a1e6;
6774 }
6775
6776 /**
6777 * Modal choose items.
6778 */
6779 #lp-modal-choose-items {
6780 display: none;
6781 position: fixed;
6782 z-index: -1;
6783 top: 0;
6784 right: 0;
6785 bottom: 0;
6786 left: 0;
6787 opacity: 0;
6788 background-color: rgba(0, 0, 0, 0.5);
6789 }
6790 #lp-modal-choose-items.show {
6791 display: block;
6792 z-index: 99999999;
6793 opacity: 1;
6794 }
6795 #lp-modal-choose-items.loading .lp-choose-items ul.list-items::before {
6796 display: block;
6797 position: absolute;
6798 z-index: 9;
6799 top: 0;
6800 right: 0;
6801 bottom: 0;
6802 left: 0;
6803 background: url("../../images/spinner.gif") no-repeat center center;
6804 background-color: #fff;
6805 content: "";
6806 }
6807 #lp-modal-choose-items .lp-choose-items {
6808 position: relative;
6809 max-width: 800px;
6810 margin: 5% auto 10% 20%;
6811 border: 1px solid #ddd;
6812 background-color: #fff;
6813 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
6814 transition: all 200ms ease-out;
6815 }
6816 #lp-modal-choose-items .lp-choose-items.show-preview .header .preview-title {
6817 display: flex;
6818 align-items: center;
6819 }
6820 #lp-modal-choose-items .lp-choose-items .header {
6821 position: relative;
6822 }
6823 #lp-modal-choose-items .lp-choose-items .header .preview-title {
6824 display: none;
6825 position: absolute;
6826 z-index: 10;
6827 top: 0;
6828 right: 0;
6829 bottom: 0;
6830 left: 0;
6831 padding-left: 20px;
6832 border-bottom: 1px solid #ddd;
6833 background-color: #fff;
6834 font-weight: 600;
6835 }
6836 #lp-modal-choose-items .lp-choose-items .header .preview-title h3 {
6837 margin: 0;
6838 }
6839 #lp-modal-choose-items .lp-choose-items .header .tabs {
6840 margin: 0;
6841 border-bottom: 1px solid #ddd;
6842 }
6843 #lp-modal-choose-items .lp-choose-items .header .tabs .tab {
6844 display: inline-block;
6845 position: relative;
6846 margin: 0;
6847 }
6848 #lp-modal-choose-items .lp-choose-items .header .tabs .tab:not(:last-child)::before {
6849 position: absolute;
6850 top: 50%;
6851 right: 0;
6852 height: 44px;
6853 margin-top: -22px;
6854 border-right: 1px solid #ddd;
6855 content: "";
6856 }
6857 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active::after {
6858 display: inline-block;
6859 position: absolute;
6860 bottom: -6px;
6861 left: 50%;
6862 width: 10px;
6863 height: 10px;
6864 margin-left: -6px;
6865 border: 1px solid #ddd;
6866 border-right: 0;
6867 border-bottom: 0;
6868 background: #fff;
6869 content: "";
6870 transform: rotate(45deg);
6871 }
6872 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active a {
6873 color: #0073aa;
6874 }
6875 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a {
6876 display: inline-block;
6877 height: 44px;
6878 padding: 0 20px;
6879 color: #333;
6880 font-weight: 600;
6881 line-height: 2.75rem;
6882 text-decoration: none;
6883 }
6884 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a:focus {
6885 box-shadow: none;
6886 }
6887 #lp-modal-choose-items .lp-choose-items .header .close {
6888 display: inline-block;
6889 position: absolute;
6890 z-index: 30;
6891 top: 0;
6892 right: 0;
6893 padding: 12px;
6894 font-size: 1em;
6895 cursor: pointer;
6896 }
6897 #lp-modal-choose-items .lp-choose-items .main {
6898 overflow: hidden;
6899 position: relative;
6900 padding: 20px;
6901 border-bottom: 1px solid #ddd;
6902 }
6903 #lp-modal-choose-items .lp-choose-items .main .section-item {
6904 display: block;
6905 overflow: hidden;
6906 max-width: 100%;
6907 white-space: nowrap;
6908 text-overflow: ellipsis;
6909 cursor: pointer;
6910 transition: color 200ms ease-out;
6911 }
6912 #lp-modal-choose-items .lp-choose-items .main .section-item::before {
6913 position: relative;
6914 top: 3px;
6915 font-family: Dashicons;
6916 }
6917 #lp-modal-choose-items .lp-choose-items .main .search {
6918 margin-bottom: 20px;
6919 background: transparent;
6920 }
6921 #lp-modal-choose-items .lp-choose-items .main .search input.modal-search-input {
6922 width: 100%;
6923 height: 36px;
6924 padding: 0 14px;
6925 font-size: 1rem;
6926 line-height: 2.25rem;
6927 }
6928 #lp-modal-choose-items .lp-choose-items .main .list-items {
6929 overflow-y: auto;
6930 position: relative;
6931 min-height: 260px;
6932 max-height: 460px;
6933 margin: 0;
6934 }
6935 #lp-modal-choose-items .lp-choose-items .main .list-items li {
6936 margin: 15px 0;
6937 cursor: pointer;
6938 }
6939 #lp-modal-choose-items .lp-choose-items .main .pagination .index {
6940 margin-left: 20px;
6941 line-height: 1.75rem;
6942 }
6943 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview {
6944 overflow: auto;
6945 position: absolute;
6946 z-index: 2;
6947 top: 0;
6948 right: 0;
6949 bottom: 0;
6950 left: 0;
6951 max-height: 420px;
6952 padding: 20px;
6953 background-color: #fff;
6954 transform: translate(100%, 0);
6955 }
6956 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview.show {
6957 transform: translate(0, 0);
6958 }
6959 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li {
6960 margin: 15px 0;
6961 }
6962 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li:first-child {
6963 margin: -10px 0 15px 0;
6964 }
6965 #lp-modal-choose-items .lp-choose-items .footer {
6966 padding: 20px;
6967 }
6968
6969 body.lp-item-moving {
6970 cursor: url("../../images/closedhand.cur") 7 5, default !important;
6971 }
6972
6973 @media screen and (max-width: 900px) {
6974 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row {
6975 display: block;
6976 width: auto;
6977 text-align: left;
6978 }
6979 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row > * {
6980 width: auto;
6981 }
6982 }
6983 /**
6984 * Style for the popup select item to add in LearnPress
6985 */
6986 .lp-select-items-popup {
6987 padding: 0 !important;
6988 grid-row: 1 !important;
6989 --swal2-close-button-font-size: 32px;
6990 }
6991 .lp-select-items-html-container {
6992 padding: 0 !important;
6993 }
6994
6995 .lp-popup-items-to-select {
6996 text-align: left;
6997 font-size: 1rem;
6998 /**
6999 * Style for the buttons
7000 */
7001 }
7002 .lp-popup-items-to-select .lp-btn-edit-primary {
7003 border: none;
7004 background: #135e96;
7005 color: #fff;
7006 }
7007 .lp-popup-items-to-select .lp-btn-edit-primary:not(.active) {
7008 opacity: 0.5;
7009 }
7010 .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 {
7011 background: #135E96;
7012 color: #fff;
7013 opacity: 1;
7014 }
7015 .lp-popup-items-to-select .header {
7016 position: relative;
7017 }
7018 .lp-popup-items-to-select .header .header-count-items-selected {
7019 border-bottom: 1px solid #C3C4C7;
7020 padding: 16px 20px;
7021 }
7022 .lp-popup-items-to-select .header .tabs {
7023 margin: 0;
7024 border-bottom: 1px solid #C3C4C7;
7025 }
7026 .lp-popup-items-to-select .header .tabs .tab {
7027 display: inline-block;
7028 position: relative;
7029 margin: 0;
7030 }
7031 .lp-popup-items-to-select .header .tabs .tab:not(:last-child)::before {
7032 position: absolute;
7033 top: 50%;
7034 right: 0;
7035 height: 44px;
7036 margin-top: -22px;
7037 border-right: 1px solid #C3C4C7;
7038 content: "";
7039 }
7040 .lp-popup-items-to-select .header .tabs .tab.active::after {
7041 display: inline-block;
7042 position: absolute;
7043 bottom: -6px;
7044 left: 50%;
7045 width: 10px;
7046 height: 10px;
7047 margin-left: -6px;
7048 border: 1px solid #C3C4C7;
7049 border-right: 0;
7050 border-bottom: 0;
7051 background: #fff;
7052 content: "";
7053 transform: rotate(45deg);
7054 }
7055 .lp-popup-items-to-select .header .tabs .tab.active a {
7056 color: #0073aa;
7057 }
7058 .lp-popup-items-to-select .header .tabs .tab a {
7059 display: inline-block;
7060 height: 44px;
7061 padding: 0 20px;
7062 color: #333;
7063 font-weight: 600;
7064 line-height: 2.75rem;
7065 text-decoration: none;
7066 }
7067 .lp-popup-items-to-select .header .tabs .tab a:focus {
7068 box-shadow: none;
7069 }
7070 .lp-popup-items-to-select .main {
7071 overflow: hidden;
7072 position: relative;
7073 padding: 20px;
7074 border-bottom: 1px solid #C3C4C7;
7075 }
7076 .lp-popup-items-to-select .main input.lp-search-title-item {
7077 width: 100%;
7078 font-size: 1rem;
7079 border: 1px solid #C3C4C7;
7080 margin-bottom: 10px;
7081 }
7082 .lp-popup-items-to-select .list-items, .lp-popup-items-to-select .list-items-selected {
7083 display: flex;
7084 flex-direction: column;
7085 overflow-y: auto;
7086 min-height: 260px;
7087 max-height: 50vh;
7088 margin: 0;
7089 }
7090 .lp-popup-items-to-select .list-items li, .lp-popup-items-to-select .list-items-selected li {
7091 margin: 0;
7092 cursor: pointer;
7093 padding: 10px;
7094 border: 1px solid white;
7095 }
7096 .lp-popup-items-to-select .list-items li:hover, .lp-popup-items-to-select .list-items-selected li:hover {
7097 background-color: #eff6ff;
7098 border-color: #e2eefe;
7099 }
7100 .lp-popup-items-to-select .list-items-selected li {
7101 display: flex;
7102 gap: 5px;
7103 align-items: center;
7104 color: #999;
7105 }
7106 .lp-popup-items-to-select .list-items-selected li .item-type {
7107 padding: 0;
7108 font-size: inherit;
7109 color: inherit;
7110 line-height: unset;
7111 }
7112 .lp-popup-items-to-select .list-items-selected li .item-title {
7113 color: #333;
7114 }
7115 .lp-popup-items-to-select .list-items-selected li.selected {
7116 background-color: #F4FCFF;
7117 }
7118 .lp-popup-items-to-select .list-items-selected li:hover .dashicons-remove {
7119 opacity: 1;
7120 }
7121 .lp-popup-items-to-select .list-items-selected .dashicons-remove {
7122 color: #E74C3C;
7123 opacity: 0.6;
7124 }
7125 .lp-popup-items-to-select .pagination {
7126 display: flex;
7127 flex-wrap: wrap;
7128 margin: 10px 0 -10px 0;
7129 align-items: center;
7130 flex-direction: column;
7131 gap: 10px;
7132 }
7133 .lp-popup-items-to-select .pagination::before {
7134 content: "";
7135 display: block;
7136 width: 100%;
7137 height: 1px;
7138 background-color: #ececec;
7139 position: relative;
7140 }
7141 .lp-popup-items-to-select .pagination li {
7142 margin: 0;
7143 cursor: pointer;
7144 }
7145 .lp-popup-items-to-select .pagination li .page-numbers {
7146 height: 30px;
7147 display: flex;
7148 align-items: center;
7149 justify-content: center;
7150 }
7151 .lp-popup-items-to-select .pagination li a {
7152 text-decoration: none;
7153 display: flex;
7154 align-items: center;
7155 }
7156 .lp-popup-items-to-select .footer {
7157 padding: 16px 20px;
7158 display: flex;
7159 gap: 5px;
7160 }
7161
7162 #learn-press-reset-course-users,
7163 #learn-press-reset-user-courses,
7164 #learn-press-reset-user-item {
7165 max-width: 100%;
7166 }
7167 #learn-press-reset-course-users table,
7168 #learn-press-reset-user-courses table,
7169 #learn-press-reset-user-item table {
7170 width: 100%;
7171 border-collapse: collapse;
7172 }
7173 #learn-press-reset-course-users .courses-list,
7174 #learn-press-reset-user-courses .courses-list,
7175 #learn-press-reset-user-item .courses-list {
7176 margin: 0;
7177 }
7178 #learn-press-reset-course-users input[type=text],
7179 #learn-press-reset-user-courses input[type=text],
7180 #learn-press-reset-user-item input[type=text] {
7181 min-width: 300px;
7182 height: 28px;
7183 margin-left: 0;
7184 }
7185 #learn-press-reset-course-users .action-reset.dashicons-trash,
7186 #learn-press-reset-user-courses .action-reset.dashicons-trash,
7187 #learn-press-reset-user-item .action-reset.dashicons-trash {
7188 color: #FF0000;
7189 }
7190 #learn-press-reset-course-users .action-reset.dashicons-update,
7191 #learn-press-reset-user-courses .action-reset.dashicons-update,
7192 #learn-press-reset-user-item .action-reset.dashicons-update {
7193 animation: rotating4 2s linear infinite;
7194 }
7195
7196 #learn-press-assign-course .description {
7197 margin-bottom: 10px;
7198 }
7199 #learn-press-assign-course label {
7200 display: block;
7201 margin-bottom: 5px;
7202 }
7203
7204 #learn-press-unassigned-course .description {
7205 margin-bottom: 10px;
7206 }
7207 #learn-press-unassigned-course label {
7208 display: block;
7209 margin-bottom: 5px;
7210 }
7211
7212 .lp-form-filter.lp-form-filter-reset-course-progress, .lp-form-filter.lp-form-filter-reset-item-progress {
7213 gap: 0;
7214 margin-bottom: 10px;
7215 }
7216
7217 .learn-press-tip {
7218 display: none;
7219 margin: 0 5px;
7220 color: #444;
7221 font-style: normal;
7222 font-weight: normal;
7223 line-height: 1;
7224 vertical-align: baseline;
7225 cursor: pointer;
7226 }
7227 .learn-press-tip.ready {
7228 display: inline-block;
7229 }
7230 .learn-press-tip::before {
7231 font-family: "lp-icon";
7232 content: "\f059";
7233 }
7234 .learn-press-tip:hover {
7235 opacity: 0.8;
7236 }
7237
7238 .learn-press-tip-floating {
7239 position: absolute;
7240 z-index: 9999999;
7241 min-width: 20px;
7242 margin-left: -1px;
7243 padding: 0.618em 1em;
7244 color: #fff;
7245 background: #383838;
7246 font-size: 0.8em;
7247 line-height: 1.2em;
7248 border-radius: 3px;
7249 }
7250 .learn-press-tip-floating > * {
7251 font-size: 0.8em;
7252 }
7253 .learn-press-tip-floating .close {
7254 display: inline-block;
7255 position: absolute;
7256 top: -8px;
7257 right: -8px;
7258 width: 16px;
7259 height: 16px;
7260 border: 1px solid #fff;
7261 color: #fff;
7262 background: #468fbc;
7263 line-height: 1rem;
7264 text-align: center;
7265 cursor: pointer;
7266 border-radius: 50%;
7267 }
7268 .learn-press-tip-floating .close::before {
7269 font-family: "lp-icon";
7270 content: "\f00d";
7271 }
7272 .learn-press-tip-floating p {
7273 margin: 0;
7274 }
7275 .learn-press-tip-floating::before {
7276 position: absolute;
7277 bottom: -6px;
7278 left: 50%;
7279 width: 0;
7280 height: 0;
7281 margin-left: -6px;
7282 border: 6px solid transparent;
7283 border-top-color: #383838;
7284 border-bottom-width: 0;
7285 content: "";
7286 }
7287
7288 .lp-group-step {
7289 border-bottom: 1px solid #eee;
7290 }
7291 .lp-group-step h3 {
7292 padding: 0 2em;
7293 }
7294 .lp-group-step label {
7295 margin-bottom: 5px;
7296 font-size: 0.8em;
7297 font-weight: 500;
7298 font-style: italic;
7299 }
7300 .lp-group-step .lp-item-step {
7301 display: flex;
7302 position: relative;
7303 min-height: 35px;
7304 margin: 0;
7305 padding: 1em 1em 1em 0;
7306 border-top: 1px solid #eee;
7307 align-items: center;
7308 cursor: pointer;
7309 }
7310 .lp-group-step .lp-item-step:hover {
7311 background: #eee;
7312 }
7313 .lp-group-step .lp-item-step.running .lp-item-step-left::before {
7314 opacity: 1;
7315 }
7316 .lp-group-step .lp-item-step.running .lp-item-step-left input {
7317 opacity: 0;
7318 }
7319 .lp-group-step .lp-item-step.running::before {
7320 display: block;
7321 position: absolute;
7322 width: 0;
7323 height: 100%;
7324 background: #0073aa;
7325 content: "";
7326 opacity: 0.1;
7327 transition: 0.8s linear;
7328 }
7329 .lp-group-step .lp-item-step.running .progress-bar {
7330 opacity: 0.1;
7331 }
7332 .lp-group-step .lp-item-step.completed .lp-item-step-left::after {
7333 opacity: 1;
7334 }
7335 .lp-group-step .lp-item-step.completed .lp-item-step-left input {
7336 opacity: 0;
7337 }
7338 .lp-group-step .lp-item-step.completed .progress-bar {
7339 width: 100%;
7340 opacity: 0.1;
7341 }
7342 .lp-group-step .lp-item-step.error .lp-item-step-left::after {
7343 opacity: 1;
7344 color: #dd3333;
7345 content: "\f335";
7346 }
7347 .lp-group-step .lp-item-step .progress-bar {
7348 display: block;
7349 position: absolute;
7350 top: 0;
7351 left: 0;
7352 width: 0;
7353 height: 100%;
7354 opacity: 0;
7355 background: rgba(124, 96, 217, 0.7490196078);
7356 transition: 0.8s linear;
7357 }
7358 .lp-group-step .lp-item-step-left {
7359 display: inline-flex;
7360 align-items: center;
7361 position: relative;
7362 padding: 0 2em;
7363 }
7364 .lp-group-step .lp-item-step-left::before {
7365 display: block;
7366 position: absolute;
7367 z-index: 2;
7368 width: 1em;
7369 height: 1em;
7370 border: 1px solid rgba(0, 0, 0, 0.1);
7371 border-top: 1px solid #3498db;
7372 border-radius: 50%;
7373 opacity: 0;
7374 content: "";
7375 -webkit-animation: lp-rotating 0.8s linear infinite;
7376 animation: lp-rotating 0.8s linear infinite;
7377 }
7378 .lp-group-step .lp-item-step-left::after {
7379 position: absolute;
7380 z-index: 1;
7381 left: 23px;
7382 opacity: 0;
7383 color: #4caf50;
7384 font-family: Dashicons;
7385 font-size: 1.5em;
7386 content: "\f147";
7387 }
7388
7389 .lp-group-steps-done {
7390 display: none;
7391 }
7392
7393 @keyframes lp-rotating {
7394 from {
7395 -webkit-transform: rotate(0deg);
7396 transform: rotate(0deg);
7397 }
7398 to {
7399 -webkit-transform: rotate(360deg);
7400 transform: rotate(360deg);
7401 }
7402 }
7403 @-webkit-keyframes lp-rotating {
7404 from {
7405 -webkit-transform: rotate(0deg);
7406 transform: rotate(0deg);
7407 }
7408 to {
7409 -webkit-transform: rotate(360deg);
7410 transform: rotate(360deg);
7411 }
7412 }
7413 .lp-loading-change {
7414 position: absolute;
7415 width: 100%;
7416 height: 100%;
7417 background: rgba(255, 255, 255, 0.38);
7418 top: 0;
7419 }
7420
7421 .lp-load-ajax-element {
7422 position: relative;
7423 }
7424
7425 @media screen and (max-width: 782px) {
7426 .learn-press-dropdown-pages .select2-container {
7427 vertical-align: top;
7428 }
7429 .learn-press-dropdown-pages .select2-container .select2-selection--single {
7430 height: 31px;
7431 }
7432 .learn-press-dropdown-pages .select2-selection__rendered {
7433 line-height: 31px !important;
7434 }
7435 #learn-press-advertisement {
7436 margin: 0 12px;
7437 padding-bottom: 0;
7438 }
7439 #learn-press-advertisement .slider-controls {
7440 bottom: 40px;
7441 }
7442 }
7443 .lp-skeleton-animation {
7444 margin: 0;
7445 padding: 0;
7446 list-style: none;
7447 }
7448 .lp-skeleton-animation > li {
7449 width: 100%;
7450 height: 16px;
7451 margin-top: 15px;
7452 border-radius: 2px;
7453 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%);
7454 background-size: 400% 100%;
7455 list-style: none;
7456 animation: lp-skeleton-loading 1.4s ease infinite;
7457 }
7458
7459 @keyframes lp-skeleton-loading {
7460 0% {
7461 background-position: 100% 50%;
7462 }
7463 to {
7464 background-position: 0 50%;
7465 }
7466 }
7467 .lp-admin-statistics-tab-content {
7468 box-sizing: border-box;
7469 max-width: 100%;
7470 border: 1px solid #c3c4c7;
7471 background: #fff;
7472 }
7473 .lp-admin-statistics-tab-content .btn-group {
7474 display: flex;
7475 margin: 20px 0;
7476 gap: 10px;
7477 flex-direction: row;
7478 flex-wrap: wrap;
7479 }
7480 .lp-admin-statistics-tab-content .btn-group button.btn-filter-time {
7481 border: 1px solid #284BCA;
7482 color: #000;
7483 padding: 10px 24px;
7484 cursor: pointer;
7485 background: #fff;
7486 }
7487 .lp-admin-statistics-tab-content .btn-group .btn-filter-time.active {
7488 background: #284BCA;
7489 color: #fff;
7490 border: 1px solid #284BCA;
7491 }
7492 .lp-admin-statistics-tab-content .custom-filter-time {
7493 display: none;
7494 }
7495 .lp-admin-statistics-tab-content .statistics-content {
7496 background: white;
7497 border: 1px solid #D9D9D9;
7498 padding: 22px;
7499 }
7500 .lp-admin-statistics-tab-content .statistics-content .statistics-group {
7501 display: flex;
7502 justify-content: space-between;
7503 flex-direction: row;
7504 flex-wrap: wrap;
7505 gap: 10px;
7506 }
7507 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item {
7508 border: 1px solid #000;
7509 color: #000;
7510 padding: 15px 30px;
7511 display: flex;
7512 flex-direction: column;
7513 text-align: center;
7514 width: 100%;
7515 max-width: 150px;
7516 }
7517 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-title {
7518 font-size: 16px;
7519 line-height: 1.2;
7520 }
7521 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-count {
7522 font-size: 24px;
7523 line-height: 1.2;
7524 font-weight: 700;
7525 }
7526 .lp-admin-statistics-tab-content .statistics-content .statistics-title {
7527 color: #000;
7528 text-align: center;
7529 font-size: 24px;
7530 font-style: normal;
7531 font-weight: 700;
7532 line-height: normal;
7533 text-transform: capitalize;
7534 }
7535 .lp-admin-statistics-tab-content .statistics-content .statistics-chart-wrapper {
7536 padding: 10px 30px;
7537 }
7538 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics {
7539 display: flex;
7540 flex-direction: row;
7541 flex-wrap: wrap;
7542 justify-content: space-evenly;
7543 gap: 20px;
7544 margin-top: 20px;
7545 }
7546 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50 {
7547 flex: 1;
7548 }
7549 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50:first-child {
7550 border-right: 1px solid #D9D9D9;
7551 }
7552 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics li {
7553 font-size: 16px;
7554 line-height: 1.2;
7555 font-weight: 400;
7556 }
7557 .lp-admin-statistics-tab-content .statistics-content .top-course-analytics-title {
7558 margin-top: 0;
7559 font-size: 24px;
7560 line-height: 1.2;
7561 font-weight: 700;
7562 }
7563
7564 .lp-admin-statistics-tab-content > .lp-stats-kpi-grid {
7565 margin: 20px 20px 14px;
7566 }
7567
7568 .lp-admin-statistics-tab-content > .lp-stats-layout {
7569 margin: 0 20px 20px;
7570 }
7571
7572 .lp-stats-dashboard-body {
7573 padding: 20px;
7574 }
7575
7576 .lp-admin-statistics-tab-content .lp-stats-section.statistics-content {
7577 padding: 0;
7578 }
7579
7580 .lp-statistics-filter-bar {
7581 align-items: center;
7582 gap: 8px;
7583 margin: 0 !important;
7584 padding: 16px;
7585 border-bottom: 1px solid #dcdcde;
7586 background: #fff;
7587 }
7588
7589 .lp-stats-daterange {
7590 position: relative;
7591 }
7592 .lp-stats-daterange .lp-stats-daterange__toggle {
7593 display: flex;
7594 align-items: center;
7595 gap: 8px;
7596 min-height: 38px;
7597 padding: 8px 12px;
7598 border: 1px solid #c3c4c7;
7599 border-radius: 2px;
7600 background: #fff;
7601 color: #1d2327;
7602 font-size: 14px;
7603 font-weight: 500;
7604 line-height: 20px;
7605 cursor: pointer;
7606 }
7607 .lp-stats-daterange .lp-stats-daterange__toggle:hover, .lp-stats-daterange .lp-stats-daterange__toggle[aria-expanded=true] {
7608 border-color: #3858e9;
7609 color: #3858e9;
7610 }
7611 .lp-stats-daterange .lp-stats-daterange__toggle .dashicons {
7612 font-size: 18px;
7613 width: 18px;
7614 height: 18px;
7615 }
7616 .lp-stats-daterange .lp-stats-daterange__toggle .lp-stats-daterange__caret {
7617 font-size: 14px;
7618 width: 14px;
7619 height: 14px;
7620 color: #646970;
7621 }
7622 .lp-stats-daterange .lp-stats-daterange__panel {
7623 position: absolute;
7624 z-index: 100;
7625 top: calc(100% + 4px);
7626 inset-inline-start: 0;
7627 min-width: 280px;
7628 border: 1px solid #c3c4c7;
7629 border-radius: 2px;
7630 background: #fff;
7631 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
7632 }
7633 .lp-stats-daterange .lp-stats-daterange__tabs {
7634 display: flex;
7635 border-bottom: 1px solid #dcdcde;
7636 }
7637 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab {
7638 flex: 1;
7639 padding: 10px 16px;
7640 border: 0;
7641 border-bottom: 2px solid transparent;
7642 background: none;
7643 color: #646970;
7644 font-size: 13px;
7645 font-weight: 600;
7646 cursor: pointer;
7647 }
7648 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab.active {
7649 border-bottom-color: #3858e9;
7650 color: #3858e9;
7651 }
7652 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab:focus-visible {
7653 outline: 1.5px solid #3858e9;
7654 outline-offset: -2px;
7655 }
7656 .lp-stats-daterange .lp-stats-daterange__presets {
7657 max-height: 320px;
7658 margin: 0;
7659 padding: 8px 0;
7660 overflow-y: auto;
7661 list-style: none;
7662 }
7663 .lp-stats-daterange .lp-stats-daterange__presets li {
7664 margin: 0;
7665 }
7666 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset {
7667 display: flex;
7668 align-items: center;
7669 gap: 8px;
7670 padding: 7px 16px;
7671 font-size: 13px;
7672 cursor: pointer;
7673 }
7674 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset:hover {
7675 background: #f0f0f1;
7676 }
7677 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset input[type=radio] {
7678 margin: 0;
7679 }
7680 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] {
7681 padding: 16px;
7682 }
7683 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields {
7684 display: flex;
7685 gap: 12px;
7686 margin-bottom: 12px;
7687 }
7688 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields label {
7689 display: flex;
7690 flex-direction: column;
7691 gap: 4px;
7692 font-size: 12px;
7693 color: #646970;
7694 }
7695 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields input[type=date] {
7696 min-height: 34px;
7697 }
7698 .lp-stats-daterange .lp-stats-daterange__compare {
7699 margin: 0;
7700 padding: 12px 16px 14px;
7701 border: 0;
7702 border-top: 1px solid #dcdcde;
7703 }
7704 .lp-stats-daterange .lp-stats-daterange__compare legend {
7705 padding: 12px 0 6px;
7706 font-size: 12px;
7707 font-weight: 600;
7708 color: #646970;
7709 text-transform: uppercase;
7710 }
7711 .lp-stats-daterange .lp-stats-daterange__compare label {
7712 display: flex;
7713 align-items: center;
7714 gap: 8px;
7715 padding: 4px 0;
7716 font-size: 13px;
7717 cursor: pointer;
7718 }
7719 .lp-stats-daterange .lp-stats-daterange__compare label input[type=radio] {
7720 margin: 0;
7721 }
7722 @media screen and (max-width: 782px) {
7723 .lp-stats-daterange .lp-stats-daterange__panel {
7724 min-width: 0;
7725 width: min(320px, 100vw - 48px);
7726 }
7727 }
7728
7729 .lp-stats-filter-scope {
7730 display: flex;
7731 align-items: center;
7732 gap: 8px;
7733 margin-inline-start: auto;
7734 }
7735 .lp-stats-filter-scope select {
7736 width: 145px;
7737 max-width: 180px;
7738 min-height: 36px;
7739 }
7740 .lp-stats-filter-scope .lp-stats-export-csv {
7741 min-height: 36px;
7742 border-color: #c3c4c7;
7743 background: #f6f7f7;
7744 font-weight: 500;
7745 }
7746
7747 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
7748 position: relative;
7749 box-sizing: border-box;
7750 height: 360px;
7751 max-height: 380px;
7752 padding: 20px;
7753 }
7754 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper canvas {
7755 width: 100% !important;
7756 height: 100% !important;
7757 max-height: 100%;
7758 }
7759 @media screen and (max-width: 782px) {
7760 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
7761 height: 280px;
7762 padding: 16px;
7763 }
7764 }
7765
7766 .lp-stats-kpi-grid {
7767 display: grid;
7768 grid-template-columns: repeat(6, 1fr);
7769 gap: 16px;
7770 margin-bottom: 14px;
7771 }
7772 @media screen and (max-width: 1400px) {
7773 .lp-stats-kpi-grid {
7774 grid-template-columns: repeat(3, 1fr);
7775 }
7776 }
7777 @media screen and (max-width: 782px) {
7778 .lp-stats-kpi-grid {
7779 grid-template-columns: repeat(2, 1fr);
7780 }
7781 }
7782
7783 .lp-kpi-card {
7784 display: flex;
7785 flex-direction: column;
7786 gap: 4px;
7787 min-height: 110px;
7788 box-sizing: border-box;
7789 padding: 16px;
7790 border: 1px solid #dcdcde;
7791 background: #fff;
7792 }
7793 .lp-kpi-card.is-highlighted {
7794 border-color: #2271b1;
7795 box-shadow: inset 0 0 0 1px #2271b1;
7796 }
7797 .lp-kpi-card .lp-kpi-title {
7798 font-size: 12px;
7799 font-weight: 600;
7800 text-transform: uppercase;
7801 color: #8c8f94;
7802 }
7803 .lp-kpi-card .lp-kpi-value {
7804 font-size: 24px;
7805 font-weight: 700;
7806 line-height: 1.2;
7807 }
7808 .lp-kpi-card .lp-kpi-delta {
7809 font-size: 12px;
7810 font-weight: 600;
7811 }
7812 .lp-kpi-card .lp-kpi-delta.is-up {
7813 color: #00a32a;
7814 }
7815 .lp-kpi-card .lp-kpi-delta.is-down {
7816 color: #d63638;
7817 }
7818 .lp-kpi-card .lp-kpi-subline {
7819 font-size: 12px;
7820 color: #646970;
7821 }
7822 .lp-kpi-card .lp-kpi-progress {
7823 display: block;
7824 height: 6px;
7825 margin-top: 4px;
7826 background: #f0f0f1;
7827 overflow: hidden;
7828 }
7829 .lp-kpi-card .lp-kpi-progress__bar {
7830 display: block;
7831 height: 100%;
7832 background: #2271b1;
7833 }
7834
7835 .lp-badge {
7836 display: inline-block;
7837 padding: 2px 8px;
7838 border-radius: 3px;
7839 font-size: 12px;
7840 font-weight: 600;
7841 color: #fff;
7842 }
7843 .lp-badge--green {
7844 background: #00a32a;
7845 }
7846 .lp-badge--yellow {
7847 background: #dba617;
7848 }
7849 .lp-badge--red {
7850 background: #d63638;
7851 }
7852 .lp-badge--grey {
7853 background: #646970;
7854 }
7855
7856 .lp-risk--high {
7857 background: #d63638;
7858 }
7859 .lp-risk--high::before {
7860 content: "🔴";
7861 }
7862 .lp-risk--medium {
7863 background: #dba617;
7864 }
7865 .lp-risk--medium::before {
7866 content: "🟡";
7867 }
7868 .lp-risk--healthy {
7869 background: #00a32a;
7870 }
7871 .lp-risk--healthy::before {
7872 content: "🟢";
7873 }
7874
7875 .lp-stats-operations {
7876 margin: 0;
7877 padding: 16px;
7878 }
7879 .lp-stats-operations__row {
7880 display: flex;
7881 flex-wrap: wrap;
7882 align-items: baseline;
7883 gap: 8px;
7884 padding: 10px 0;
7885 border-bottom: 1px solid #dcdcde;
7886 }
7887 .lp-stats-operations__row:last-child {
7888 border-bottom: 0;
7889 }
7890 .lp-stats-operations__label {
7891 flex: 1;
7892 font-size: 13px;
7893 color: #646970;
7894 }
7895 .lp-stats-operations__value {
7896 font-weight: 700;
7897 font-size: 14px;
7898 }
7899 .lp-stats-operations__name {
7900 flex-basis: 100%;
7901 font-size: 12px;
7902 color: #646970;
7903 }
7904
7905 .lp-stats-table tbody tr:hover {
7906 background: #f6f7f7;
7907 }
7908 .lp-stats-table .lp-stats-course-performance-row,
7909 .lp-stats-table .lp-stats-instructor-performance-row {
7910 cursor: pointer;
7911 }
7912 .lp-stats-table tbody tr.is-highlighted {
7913 background: #f0f6fc;
7914 box-shadow: inset 3px 0 0 #2271b1;
7915 }
7916 .lp-stats-table .lp-stats-table__empty {
7917 color: #646970;
7918 text-align: center;
7919 padding: 24px 12px;
7920 }
7921
7922 .lp-admin-statistics-tab-content .lp-table-wrap,
7923 .lp-stats-report-modal .lp-table-wrap {
7924 border: 0;
7925 border-radius: 0;
7926 overflow-x: auto;
7927 }
7928 .lp-admin-statistics-tab-content table.lp-list-table,
7929 .lp-stats-report-modal table.lp-list-table {
7930 min-width: 0;
7931 }
7932
7933 .lp-stats-report-popup.swal2-popup {
7934 max-width: 1600px;
7935 }
7936
7937 .lp-stats-report-modal {
7938 text-align: start;
7939 }
7940 .lp-stats-report-modal__toolbar {
7941 display: flex;
7942 align-items: center;
7943 gap: 10px;
7944 padding: 10px 0;
7945 }
7946 .lp-stats-report-modal__toolbar .lp-stats-report-modal__search {
7947 flex: 1;
7948 max-width: 320px;
7949 }
7950 .lp-stats-report-modal__toolbar .lp-stats-report-modal__export {
7951 margin-inline-start: auto;
7952 }
7953 .lp-stats-report-modal__body {
7954 overflow: auto;
7955 max-height: 72vh;
7956 }
7957 .lp-stats-report-modal table.lp-list-table {
7958 min-width: 720px;
7959 }
7960 .lp-stats-report-modal__loading {
7961 padding: 40px 0;
7962 text-align: center;
7963 color: #646970;
7964 font-size: 14px;
7965 }
7966 .lp-stats-report-modal .lp-stats-report-table-footer {
7967 display: flex;
7968 align-items: center;
7969 justify-content: center;
7970 flex-wrap: wrap;
7971 gap: 10px;
7972 padding-top: 6px;
7973 }
7974 .lp-stats-report-modal .lp-stats-report-table-footer__count {
7975 color: #646970;
7976 font-size: 13px;
7977 }
7978
7979 .lp-stats-funnel {
7980 display: flex;
7981 flex-direction: column;
7982 gap: 14px;
7983 padding: 18px 16px 16px;
7984 }
7985 .lp-stats-funnel .lp-stats-funnel__step {
7986 display: grid;
7987 grid-template-columns: 1fr auto;
7988 gap: 6px 10px;
7989 }
7990 .lp-stats-funnel .lp-stats-funnel__label {
7991 font-size: 14px;
7992 }
7993 .lp-stats-funnel .lp-stats-funnel__track {
7994 grid-column: 1/-1;
7995 background: #f0f0f1;
7996 }
7997 .lp-stats-funnel .lp-stats-funnel__bar {
7998 display: block;
7999 height: 8px;
8000 min-width: 2px;
8001 background: #3858e9;
8002 }
8003 .lp-stats-funnel .lp-stats-funnel__step[data-step=failed] .lp-stats-funnel__bar {
8004 background: #d63638;
8005 }
8006 .lp-stats-funnel .lp-stats-funnel__count {
8007 font-size: 14px;
8008 font-weight: 600;
8009 }
8010
8011 .lp-stats-payment-health {
8012 margin: 0;
8013 padding: 16px;
8014 list-style: none;
8015 }
8016 .lp-stats-payment-health__row {
8017 display: flex;
8018 align-items: center;
8019 justify-content: space-between;
8020 gap: 12px;
8021 margin: 0;
8022 padding: 10px 0;
8023 border-bottom: 1px solid #dcdcde;
8024 }
8025 .lp-stats-payment-health__row:last-child {
8026 border-bottom: 0;
8027 }
8028 .lp-stats-payment-health__label {
8029 color: #1d2327;
8030 font-size: 14px;
8031 }
8032 .lp-stats-payment-health__count {
8033 font-size: 14px;
8034 font-weight: 600;
8035 }
8036
8037 .lp-stats-health-grid {
8038 display: grid;
8039 grid-template-columns: repeat(4, 1fr);
8040 gap: 10px;
8041 }
8042 @media screen and (max-width: 1200px) {
8043 .lp-stats-health-grid {
8044 grid-template-columns: repeat(2, 1fr);
8045 }
8046 }
8047 .lp-stats-health-grid .lp-stats-health-box {
8048 display: flex;
8049 flex-direction: column;
8050 gap: 4px;
8051 padding: 12px 15px;
8052 border: 1px solid #dcdcde;
8053 background: #fff;
8054 }
8055 .lp-stats-health-grid .lp-stats-health-box.is-alert {
8056 border-inline-start: 4px solid #d63638;
8057 }
8058 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__count {
8059 font-size: 20px;
8060 font-weight: 700;
8061 }
8062 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__label {
8063 font-size: 12px;
8064 color: #646970;
8065 }
8066
8067 .lp-stats-layout {
8068 display: grid;
8069 grid-template-columns: minmax(0, 1fr) 320px;
8070 gap: 20px;
8071 align-items: start;
8072 }
8073 @media screen and (max-width: 1200px) {
8074 .lp-stats-layout {
8075 grid-template-columns: minmax(0, 1fr);
8076 }
8077 }
8078 .lp-stats-layout .lp-stats-layout__sidebar > * + * {
8079 margin-top: 20px;
8080 }
8081
8082 .lp-stats-section {
8083 background: #fff;
8084 border: 1px solid #dcdcde;
8085 padding: 0;
8086 margin-bottom: 20px;
8087 overflow: hidden;
8088 }
8089 .lp-stats-section .lp-stats-section__header {
8090 display: flex;
8091 align-items: flex-start;
8092 justify-content: space-between;
8093 gap: 16px;
8094 min-height: 50px;
8095 box-sizing: border-box;
8096 padding: 14px 16px 12px;
8097 border-bottom: 1px solid #dcdcde;
8098 }
8099 .lp-stats-section .lp-stats-section__title {
8100 margin: 0;
8101 font-size: 16px;
8102 font-weight: 600;
8103 line-height: 24px;
8104 }
8105 .lp-stats-section > .lp-stats-section__title {
8106 padding: 14px 16px 12px;
8107 border-bottom: 1px solid #dcdcde;
8108 }
8109 .lp-stats-section .lp-stats-section__description {
8110 margin: 4px 0 0;
8111 color: #50575e;
8112 font-size: 13px;
8113 line-height: 20px;
8114 }
8115 .lp-stats-section .lp-stats-section__action {
8116 align-self: center;
8117 color: #3858e9;
8118 font-size: 14px;
8119 text-decoration: none;
8120 }
8121 .lp-stats-section > .lp-stats-health-grid,
8122 .lp-stats-section > .lp-stats-health-checks {
8123 margin: 0;
8124 padding: 16px;
8125 }
8126 .lp-stats-section > .lp-skeleton-animation {
8127 margin: 16px;
8128 }
8129
8130 .lp-stats-overview-grid {
8131 display: grid;
8132 gap: 20px;
8133 margin-top: 20px;
8134 }
8135 .lp-stats-overview-grid .lp-stats-section {
8136 margin-bottom: 0;
8137 }
8138 .lp-stats-overview-grid:first-of-type {
8139 margin-top: 0;
8140 }
8141 .lp-stats-overview-grid--chart {
8142 grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
8143 }
8144 .lp-stats-overview-grid--chart .lp-stats-section {
8145 min-height: 440px;
8146 }
8147 .lp-stats-overview-grid--tables {
8148 grid-template-columns: repeat(2, minmax(0, 1fr));
8149 }
8150 .lp-stats-overview-grid--health {
8151 grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
8152 }
8153 @media screen and (max-width: 1200px) {
8154 .lp-stats-overview-grid {
8155 grid-template-columns: minmax(0, 1fr);
8156 }
8157 }
8158
8159 .lp-stats-health-checks {
8160 list-style: none;
8161 }
8162 .lp-stats-health-checks li {
8163 margin: 0;
8164 border-bottom: 1px solid #dcdcde;
8165 }
8166 .lp-stats-health-checks li:last-child {
8167 border-bottom: 0;
8168 }
8169 .lp-stats-health-checks a {
8170 display: flex;
8171 align-items: center;
8172 justify-content: space-between;
8173 gap: 12px;
8174 padding: 10px 0;
8175 text-decoration: none;
8176 }
8177 .lp-stats-health-checks .lp-stats-health-check__count {
8178 order: 2;
8179 font-weight: 600;
8180 }
8181
8182 table.lp-material--table {
8183 border-collapse: collapse;
8184 width: 100%;
8185 }
8186 table.lp-material--table td, table.lp-material--table th {
8187 border: 1px solid #dddddd;
8188 text-align: left;
8189 padding: 8px;
8190 }
8191 table.lp-material--table thead.hidden {
8192 display: none;
8193 }
8194 table.lp-material--table td.sort {
8195 cursor: move;
8196 }
8197 table.lp-material--table tr:nth-child(even) {
8198 background-color: rgba(221, 221, 221, 0.2509803922);
8199 }
8200
8201 .lp-material--field-wrap {
8202 display: flex;
8203 flex-direction: row;
8204 align-items: center;
8205 padding-block: 5px;
8206 }
8207
8208 .lp-material--field-wrap label {
8209 min-width: 70px;
8210 }
8211
8212 .lp-material--group {
8213 margin-top: 10px;
8214 padding: 10px;
8215 border: 1px solid #dedede;
8216 border-radius: 10px;
8217 box-shadow: 2px 2px rgba(180, 180, 180, 0.2);
8218 }
8219
8220 .lp-material-btn-wrap {
8221 margin-bottom: 10px;
8222 }
8223
8224 .lp-material-btn-wrap.loading::before:before, #btn-lp--save-material.loading:before {
8225 display: inline-block;
8226 font-family: "lp-icon";
8227 content: "\f110";
8228 animation: lp-rotating 1s linear infinite;
8229 margin-right: 5px;
8230 font-variant: normal;
8231 text-transform: none;
8232 -webkit-font-smoothing: antialiased;
8233 -moz-osx-font-smoothing: grayscale;
8234 }
8235
8236 .button.lp-material--delete {
8237 color: white;
8238 border-color: red;
8239 background: red;
8240 vertical-align: top;
8241 }
8242
8243 .lp-material--field-wrap.field-action-wrap {
8244 display: flex;
8245 justify-content: space-between;
8246 }
8247
8248 .lp-meta-box .lp-material--field-wrap input {
8249 width: 100%;
8250 }
8251
8252 #available-to-upload {
8253 font-weight: bold;
8254 }
8255
8256 .learnpress-block-pagination,
8257 .learn-press-pagination {
8258 margin: 20px 0;
8259 text-align: center;
8260 }
8261 .learnpress-block-pagination .page-numbers,
8262 .learn-press-pagination .page-numbers {
8263 display: inline-flex;
8264 gap: 5px;
8265 flex-wrap: wrap;
8266 margin: 0;
8267 padding: 0;
8268 border: 0;
8269 outline: 0;
8270 background: transparent;
8271 list-style: none;
8272 }
8273 .learnpress-block-pagination .page-numbers > li,
8274 .learn-press-pagination .page-numbers > li {
8275 display: inline-block;
8276 margin: 0;
8277 }
8278 .learnpress-block-pagination .page-numbers > li .page-numbers,
8279 .learn-press-pagination .page-numbers > li .page-numbers {
8280 float: unset;
8281 padding: 0 12px;
8282 color: #666;
8283 text-decoration: none;
8284 }
8285 .learnpress-block-pagination .page-numbers > li .page-numbers.current,
8286 .learn-press-pagination .page-numbers > li .page-numbers.current {
8287 color: var(--lp-primary-color);
8288 font-weight: 400;
8289 }
8290 .learnpress-block-pagination .page-numbers > li .page-numbers:hover,
8291 .learn-press-pagination .page-numbers > li .page-numbers:hover {
8292 color: var(--lp-primary-color);
8293 }
8294
8295 .lp-instructor-info {
8296 display: flex;
8297 gap: 30px;
8298 margin-top: 30px;
8299 margin-bottom: 30px;
8300 }
8301 @media (max-width: 600px) {
8302 .lp-instructor-info {
8303 flex-wrap: wrap;
8304 }
8305 }
8306 .lp-instructor-info .lp-section-instructor {
8307 flex: 1;
8308 }
8309 .lp-instructor-info .instructor-display-name {
8310 font-size: 1.4rem;
8311 }
8312 .lp-instructor-info .instructor-avatar {
8313 max-width: 200px;
8314 }
8315 .lp-instructor-info .lp-instructor-meta {
8316 margin-top: 16px;
8317 display: flex;
8318 column-gap: 20px;
8319 row-gap: 8px;
8320 }
8321 .lp-instructor-info .instructor-description {
8322 margin-top: 16px;
8323 }
8324 .lp-instructor-info img {
8325 max-width: 100%;
8326 border-radius: var(--lp-border-radius, 5px);
8327 }
8328 .lp-instructor-info .instructor-social {
8329 display: inline-flex;
8330 padding: 0;
8331 gap: 12px;
8332 margin: 16px 0 0 0;
8333 }
8334 .lp-instructor-info .instructor-social > a {
8335 text-align: center;
8336 list-style: none;
8337 }
8338 .lp-instructor-info .instructor-social > a span {
8339 display: none;
8340 }
8341 .lp-instructor-info .instructor-social > a i {
8342 width: 40px;
8343 height: 40px;
8344 display: inline-flex;
8345 align-items: center;
8346 justify-content: center;
8347 border: 1px solid #C3C4C7;
8348 border-radius: 50%;
8349 }
8350 .lp-instructor-info .instructor-social > a i:hover {
8351 background-color: var(--lp-primary-color, #ffb606);
8352 border-color: var(--lp-primary-color, #ffb606);
8353 color: var(--lp-color-white, #fff);
8354 }
8355
8356 .instructor-display-name {
8357 font-weight: var(--lp-font-weight-link, 600);
8358 }
8359
8360 .instructor-item-meta {
8361 display: inline-flex;
8362 border-left: 1px solid #C3C4C7;
8363 padding-left: 20px;
8364 }
8365
8366 .lp-instructor-meta .instructor-item-meta:first-child {
8367 border: none;
8368 padding-left: 0;
8369 }
8370
8371 .wrapper-instructor-total-students, .wrapper-instructor-total-courses {
8372 display: flex;
8373 gap: 4px;
8374 align-items: center;
8375 }
8376
8377 .course-extra-box {
8378 margin-bottom: 16px;
8379 border: 1px solid #C3C4C7;
8380 border-radius: var(--lp-border-radius, 5px);
8381 width: 100%;
8382 }
8383 .course-extra-box.active .course-extra-box__content {
8384 height: auto;
8385 }
8386 .course-extra-box__title {
8387 --extra-height: 50px;
8388 display: flex;
8389 align-items: center;
8390 position: relative;
8391 height: var(--extra-height);
8392 margin: 0 !important;
8393 padding: 0 45px 0 20px;
8394 background: rgba(181, 187, 211, 0.15);
8395 font-size: 1em;
8396 font-weight: 700;
8397 cursor: pointer;
8398 }
8399 @media (max-width: 767px) {
8400 .course-extra-box__title {
8401 padding-left: 16px;
8402 }
8403 }
8404 .course-extra-box__title::after {
8405 position: absolute;
8406 top: 0;
8407 right: 20px;
8408 font-family: "lp-icon";
8409 line-height: var(--extra-height);
8410 content: "\f107";
8411 }
8412 .course-extra-box__content {
8413 overflow: hidden;
8414 transition: height 0.3s ease;
8415 }
8416 .course-extra-box__content-inner {
8417 animation-name: course-extra-box__content-inner-transform;
8418 animation-duration: 0.3s;
8419 animation-timing-function: ease-in-out;
8420 animation-iteration-count: 1;
8421 animation-direction: normal;
8422 }
8423 .course-extra-box__content-inner > ul {
8424 padding-left: 0 !important;
8425 padding-bottom: 0 !important;
8426 }
8427 .course-extra-box__content ul,
8428 .course-extra-box__content li {
8429 list-style: none;
8430 }
8431 .course-extra-box__content ul {
8432 margin: 0;
8433 padding: 0;
8434 }
8435 .course-extra-box__content li {
8436 margin: 0;
8437 padding: 12px 20px;
8438 border-bottom: 1px solid #C3C4C7;
8439 }
8440 @media (max-width: 767px) {
8441 .course-extra-box__content li {
8442 padding-left: 16px;
8443 padding-right: 16px;
8444 }
8445 }
8446 .course-extra-box__content li::before {
8447 margin-right: 8px;
8448 color: var(--lp-primary-color);
8449 font-family: "lp-icon";
8450 content: "\f00c";
8451 }
8452 .course-extra-box__content li:last-child {
8453 border-bottom: 0;
8454 }
8455 .course-extra-box:last-child {
8456 margin-bottom: 60px;
8457 }
8458 .course-extra-box.active .course-extra-box__title::after {
8459 content: "\f106";
8460 }
8461 .course-extra-box + .comment-respond, .course-extra-box + .comments-area {
8462 margin-top: 30px;
8463 margin-bottom: 30px;
8464 }
8465 .course-extra-box + .course-tabs {
8466 margin-top: 30px;
8467 }
8468
8469 input[name=course-extra-box-ratio] {
8470 display: none;
8471 }
8472 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content {
8473 display: block;
8474 }
8475 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content .course-extra-box__content-inner {
8476 transform: scale(1);
8477 }
8478
8479 @-webkit-keyframes course-extra-box__content-inner-transform {
8480 from {
8481 opacity: 0;
8482 -webkit-transform: translateX(5%);
8483 transform: translateX(5%);
8484 }
8485 to {
8486 opacity: 1;
8487 -webkit-transform: translateX(0%);
8488 transform: translateX(0%);
8489 }
8490 }
8491 @keyframes course-extra-box__content-inner-transform {
8492 from {
8493 opacity: 0;
8494 transform: translateX(5%);
8495 }
8496 to {
8497 opacity: 1;
8498 transform: translateX(0%);
8499 }
8500 }
8501 .course-tab-panel-faqs .course-faqs-box {
8502 margin-bottom: 20px;
8503 border: 1px solid rgba(204, 204, 204, 0.6);
8504 border-radius: 5px;
8505 }
8506 .course-tab-panel-faqs .course-faqs-box__title {
8507 display: block;
8508 position: relative;
8509 margin: 0;
8510 padding: 12px 45px 12px 20px;
8511 font-size: 1em;
8512 line-height: 1.5;
8513 font-weight: var(--lp-font-weight-link, 600);
8514 cursor: pointer;
8515 }
8516 .course-tab-panel-faqs .course-faqs-box__title::after {
8517 position: absolute;
8518 top: 12px;
8519 right: 20px;
8520 font-family: "lp-icon";
8521 content: "\f067";
8522 }
8523 .course-tab-panel-faqs .course-faqs-box:last-child {
8524 margin-bottom: 40px;
8525 }
8526 .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
8527 color: var(--lp-primary-color);
8528 }
8529 .course-tab-panel-faqs .course-faqs-box__content {
8530 display: none;
8531 }
8532 .course-tab-panel-faqs .course-faqs-box__content-inner {
8533 padding: 20px;
8534 -webkit-animation-name: course-faqs-box__content-inner-transform;
8535 animation-name: course-faqs-box__content-inner-transform;
8536 -webkit-animation-duration: 0.3s;
8537 animation-duration: 0.3s;
8538 -webkit-animation-timing-function: ease-in-out;
8539 animation-timing-function: ease-in-out;
8540 -webkit-animation-iteration-count: 1;
8541 animation-iteration-count: 1;
8542 -webkit-animation-direction: normal;
8543 animation-direction: normal;
8544 }
8545
8546 input[name=course-faqs-box-ratio] {
8547 display: none;
8548 }
8549 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__content {
8550 display: block;
8551 }
8552 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title {
8553 color: var(--lp-primary-color);
8554 background: rgba(241, 242, 248, 0.4);
8555 }
8556 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title::after {
8557 content: "\f068";
8558 }
8559
8560 @-webkit-keyframes course-faqs-box__content-inner-transform {
8561 from {
8562 opacity: 0;
8563 -webkit-transform: translateY(-5%);
8564 transform: translateY(-5%);
8565 }
8566 to {
8567 opacity: 1;
8568 -webkit-transform: translateY(0%);
8569 transform: translateY(0%);
8570 }
8571 }
8572 @keyframes course-faqs-box__content-inner-transform {
8573 from {
8574 opacity: 0;
8575 -webkit-transform: translateY(-5%);
8576 transform: translateY(-5%);
8577 }
8578 to {
8579 opacity: 1;
8580 -webkit-transform: translateY(0%);
8581 transform: translateY(0%);
8582 }
8583 }
8584 .extra-box__title, .course-faqs__title, .course-material__title {
8585 margin-top: 0;
8586 margin-bottom: 12px;
8587 }
8588
8589 .edit-content {
8590 margin-left: 5px;
8591 }
8592
8593 .course-curriculum ul.curriculum-sections {
8594 position: relative;
8595 margin: 0;
8596 padding: 0;
8597 list-style: none;
8598 }
8599 .course-curriculum ul.curriculum-sections .closed .section-item__loadmore {
8600 display: none;
8601 }
8602 .course-curriculum ul.curriculum-sections .section {
8603 margin: 0;
8604 padding: 0;
8605 flex-wrap: wrap;
8606 }
8607 .course-curriculum ul.curriculum-sections .section:last-child {
8608 padding: 0;
8609 }
8610 .course-curriculum ul.curriculum-sections .section.section-empty .section-header {
8611 margin-bottom: 20px;
8612 }
8613 .course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message {
8614 margin-right: 15px;
8615 margin-left: 15px;
8616 }
8617 .course-curriculum ul.curriculum-sections .section-title.c + .section-desc {
8618 display: block;
8619 }
8620 .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
8621 -webkit-transform: rotate(180deg);
8622 transform: rotate(180deg);
8623 top: 0;
8624 }
8625 .course-curriculum ul.curriculum-sections .item-meta.duration {
8626 background: #d9e0f1;
8627 }
8628 .course-curriculum .section-item__loadmore {
8629 display: flex;
8630 justify-content: center;
8631 align-items: center;
8632 }
8633 .course-curriculum .section-item__loadmore button {
8634 margin-top: 10px;
8635 border: 1px solid #C3C4C7;
8636 border-radius: var(--lp-border-radius, 5px);
8637 padding: 8px 16px;
8638 box-shadow: none;
8639 outline: none;
8640 }
8641 .course-curriculum .section-item__loadmore.loading button:before {
8642 display: inline-block;
8643 font-family: "lp-icon";
8644 content: "\f110";
8645 animation: lp-rotating 1s linear infinite;
8646 margin-right: 5px;
8647 font-variant: normal;
8648 text-transform: none;
8649 -webkit-font-smoothing: antialiased;
8650 -moz-osx-font-smoothing: grayscale;
8651 }
8652 .course-curriculum .section-header {
8653 display: table;
8654 width: 100%;
8655 padding: 20px 0;
8656 border-bottom: 0;
8657 border-bottom: 1px solid #d9e0f1;
8658 cursor: pointer;
8659 -webkit-box-sizing: border-box;
8660 box-sizing: border-box;
8661 }
8662 .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
8663 margin: 0;
8664 }
8665 .course-curriculum .section-header span.show-desc {
8666 display: inline-block;
8667 position: absolute;
8668 top: 50%;
8669 right: 30px;
8670 width: 20px;
8671 height: 20px;
8672 transform: translate(0, -50%);
8673 }
8674 .course-curriculum .section-header span.show-desc::before {
8675 font-family: "lp-icon";
8676 font-size: 1.125em;
8677 content: "\f107";
8678 }
8679 .course-curriculum .section-header span.show-desc:hover::before {
8680 border-top-color: #ccc;
8681 }
8682 .course-curriculum .section-header .section-desc {
8683 margin-top: 10px;
8684 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8685 color: var(--lp-color-accent);
8686 font-style: italic;
8687 line-height: 1.3;
8688 }
8689 .course-curriculum .section-header .section-meta {
8690 display: block;
8691 padding-top: 17px;
8692 padding-bottom: 15px;
8693 font-size: 0.8em;
8694 text-align: right;
8695 vertical-align: middle;
8696 white-space: nowrap;
8697 }
8698 .course-curriculum .section-item {
8699 width: 100%;
8700 }
8701 .course-curriculum .section-content {
8702 margin: 0;
8703 padding: 0;
8704 list-style: none;
8705 }
8706 .course-curriculum .section-content .course-item-meta {
8707 display: table-cell;
8708 text-align: right;
8709 vertical-align: middle;
8710 white-space: nowrap;
8711 }
8712 .course-curriculum .section-content .course-item-meta .item-meta {
8713 display: inline-block;
8714 color: #fff;
8715 }
8716 .course-curriculum .section-content .course-item-meta .item-meta.final-quiz {
8717 background: #14c4ff;
8718 }
8719 .course-curriculum .section-content .course-item-meta .item-meta.trans {
8720 padding: 0;
8721 }
8722 .course-curriculum .section-content .course-item-meta .count-questions {
8723 background: #9672cf;
8724 }
8725 .course-curriculum .section-content .course-item-meta .duration {
8726 background: #c0c0c0;
8727 }
8728 .course-curriculum .section-content .course-item-meta .course-item-status {
8729 padding: 0;
8730 color: #999;
8731 }
8732 .course-curriculum .section-content .course-item-meta .course-item-status::before {
8733 font-family: "lp-icon";
8734 content: "\f00c";
8735 }
8736 .course-curriculum .section-content .course-item-preview {
8737 font-style: normal;
8738 padding: 0;
8739 }
8740 .course-curriculum .section-content .course-item-preview::before {
8741 font-family: "lp-icon";
8742 content: "\f06e";
8743 color: #999;
8744 }
8745 .course-curriculum .course-item {
8746 display: flex;
8747 position: relative;
8748 margin: 0 0 2px 0;
8749 padding: 0 16px;
8750 background: rgba(241, 242, 248, 0.4);
8751 transition: padding-left linear 0.15s;
8752 }
8753 .course-curriculum .course-item > span {
8754 display: flex;
8755 width: 28px;
8756 color: #666;
8757 font-weight: 300;
8758 align-items: center;
8759 }
8760 .course-curriculum .course-item .section-item-link {
8761 display: flex;
8762 align-items: flex-start;
8763 justify-content: space-between;
8764 width: 100%;
8765 padding: 12px 0;
8766 color: inherit;
8767 outline: none;
8768 gap: 12px;
8769 }
8770 .course-curriculum .course-item .section-item-link:hover .item-name {
8771 color: var(--lp-primary-color);
8772 }
8773 .course-curriculum .course-item .section-item-link::before {
8774 color: var(--lp-primary-color);
8775 font-family: "lp-icon";
8776 }
8777 .course-curriculum .course-item .section-item-link .course-item-info {
8778 width: 100%;
8779 }
8780 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre {
8781 display: flex;
8782 flex-flow: row-reverse;
8783 justify-content: flex-end;
8784 gap: 16px;
8785 align-items: center;
8786 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8787 }
8788 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration {
8789 background: transparent;
8790 }
8791 .course-curriculum .course-item .item-name {
8792 font-weight: 600;
8793 }
8794 .course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
8795 content: "\f059";
8796 }
8797 .course-curriculum .course-item.course-item-lp_assignment .section-item-link::before {
8798 content: "\e929" !important;
8799 }
8800 .course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before {
8801 content: "\e92a" !important;
8802 }
8803 .course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
8804 content: "\f15b";
8805 }
8806 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before {
8807 content: "\f03d";
8808 }
8809 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before {
8810 content: "\f028";
8811 }
8812 .course-curriculum .course-item.item-locked .course-item-status::before {
8813 color: var(--lp-secondary-color);
8814 content: "\f023";
8815 }
8816 .course-curriculum .course-item.has-status {
8817 padding-top: 1px;
8818 }
8819 .course-curriculum .course-item.has-status.status-completed .course-item-status::before, .course-curriculum .course-item.has-status.status-evaluated .course-item-status::before {
8820 color: #3bb54a;
8821 }
8822 .course-curriculum .course-item.has-status.item-failed .course-item-status::before, .course-curriculum .course-item.has-status.failed .course-item-status::before {
8823 border-color: #f02425;
8824 color: #f02425;
8825 content: "\f00d";
8826 }
8827 .course-curriculum .course-item::before {
8828 position: absolute;
8829 top: 50%;
8830 left: 0;
8831 width: 3px;
8832 height: 0;
8833 background: #00adff;
8834 content: "";
8835 transition: height linear 0.15s, top linear 0.15s;
8836 }
8837 .course-curriculum .course-item.current {
8838 background: #f9f9f9;
8839 }
8840 .course-curriculum .course-item.current a::before {
8841 left: 10px;
8842 }
8843 .course-curriculum .course-item.current::before {
8844 top: 0;
8845 height: 100%;
8846 }
8847 .course-curriculum .section-left {
8848 vertical-align: top;
8849 }
8850 .course-curriculum .section-left .section-title {
8851 font-weight: 700;
8852 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
8853 text-transform: capitalize;
8854 display: block;
8855 }
8856 .course-curriculum .curriculum-more__button {
8857 border: 1px solid #C3C4C7;
8858 border-radius: var(--lp-border-radius, 5px);
8859 padding: 8px 16px;
8860 box-shadow: none;
8861 outline: none;
8862 width: 100%;
8863 margin-top: 20px;
8864 margin-bottom: 20px;
8865 }
8866 .course-curriculum .curriculum-more__button.loading:before {
8867 display: inline-block;
8868 font-family: "lp-icon";
8869 content: "\f110";
8870 animation: lp-rotating 1s linear infinite;
8871 margin-right: 5px;
8872 font-variant: normal;
8873 text-transform: none;
8874 -webkit-font-smoothing: antialiased;
8875 -moz-osx-font-smoothing: grayscale;
8876 }
8877
8878 body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
8879 float: right;
8880 }
8881
8882 #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 {
8883 top: 2px;
8884 font-family: "lp-icon";
8885 }
8886 #wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before {
8887 content: "\f017";
8888 }
8889 #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before {
8890 content: "\f15c";
8891 }
8892 #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
8893 content: "\f29c";
8894 }
8895
8896 .course-remaining-time .label-enrolled {
8897 font-size: inherit;
8898 }
8899
8900 .lp-course-progress {
8901 position: relative;
8902 }
8903 .lp-course-progress .lp-passing-conditional {
8904 position: absolute;
8905 top: 0;
8906 width: 3px;
8907 height: 6px;
8908 margin-left: -1px;
8909 background: var(--lp-secondary-color);
8910 }
8911
8912 .viewing-course-item .section-header .section-desc {
8913 display: none;
8914 }
8915
8916 .lp-course-curriculum ul, .lp-course-curriculum li {
8917 list-style: none;
8918 margin: 0;
8919 padding: 0;
8920 }
8921 .lp-course-curriculum .course-curriculum-info {
8922 display: flex;
8923 justify-content: space-between;
8924 gap: 20px;
8925 margin-bottom: 20px;
8926 }
8927 .lp-course-curriculum .course-curriculum-info__left {
8928 display: flex;
8929 align-items: center;
8930 flex-wrap: wrap;
8931 gap: 8px;
8932 }
8933 .lp-course-curriculum .course-curriculum-info__left li {
8934 display: inline-flex;
8935 align-items: center;
8936 gap: 8px;
8937 }
8938 .lp-course-curriculum .course-curriculum-info__left li::after {
8939 content: "";
8940 width: 4px;
8941 height: 4px;
8942 background-color: #C3C4C7;
8943 display: inline-block;
8944 }
8945 .lp-course-curriculum .course-curriculum-info__left li:last-child::after {
8946 content: none;
8947 }
8948 .lp-course-curriculum .course-curriculum-info__right {
8949 font-weight: var(--lp-font-weight-link, 600);
8950 text-align: right;
8951 text-transform: capitalize;
8952 }
8953 .lp-course-curriculum .course-toggle-all-sections {
8954 cursor: pointer;
8955 }
8956 .lp-course-curriculum .course-section {
8957 margin-bottom: 8px;
8958 border: 1px solid #C3C4C7;
8959 border-radius: var(--lp-border-radius, 5px);
8960 cursor: pointer;
8961 overflow: hidden;
8962 }
8963 .lp-course-curriculum .course-section.lp-collapse .course-section__items {
8964 display: none;
8965 animation: ease-in-out;
8966 }
8967 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-up {
8968 display: none;
8969 }
8970 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-down {
8971 display: block;
8972 }
8973 .lp-course-curriculum .course-section .lp-icon-angle-down {
8974 display: none;
8975 }
8976 .lp-course-curriculum .course-section:last-child {
8977 margin-bottom: 0;
8978 }
8979 .lp-course-curriculum .course-section .course-section-header {
8980 background-color: var(--lp-white-grey, #F7F7FB);
8981 padding: 20px;
8982 column-gap: 12px;
8983 display: flex;
8984 justify-content: space-between;
8985 }
8986 .lp-course-curriculum .course-section__title {
8987 font-weight: 600;
8988 font-size: 1.1em;
8989 line-height: 1.3em;
8990 }
8991 .lp-course-curriculum .course-section__description {
8992 margin: 4px 0 0 0;
8993 }
8994 .lp-course-curriculum .course-section .section-toggle {
8995 line-height: 1;
8996 }
8997 .lp-course-curriculum .course-section .section-toggle i {
8998 font-size: 24px;
8999 }
9000 .lp-course-curriculum .course-section .course-section-info {
9001 margin-left: 0;
9002 margin-right: auto;
9003 }
9004 .lp-course-curriculum .course-section .section-count-items {
9005 min-width: 24px;
9006 font-weight: 600;
9007 text-align: center;
9008 line-height: 1.3;
9009 white-space: nowrap;
9010 }
9011 .lp-course-curriculum .course-section .course-item {
9012 background-color: transparent;
9013 border-top: 1px solid #C3C4C7;
9014 padding: 12px 20px;
9015 margin: 0;
9016 }
9017 .lp-course-curriculum .course-section .course-item__link {
9018 display: flex;
9019 justify-content: space-between;
9020 width: 100%;
9021 column-gap: 12px;
9022 row-gap: 8px;
9023 position: relative;
9024 align-items: flex-start;
9025 color: inherit;
9026 }
9027 .lp-course-curriculum .course-section .course-item__info {
9028 display: flex;
9029 column-gap: 12px;
9030 row-gap: 8px;
9031 }
9032 .lp-course-curriculum .course-section .course-item__info .course-item-ico {
9033 min-width: 16px;
9034 }
9035 .lp-course-curriculum .course-section .course-item__content {
9036 display: flex;
9037 justify-content: space-between;
9038 column-gap: 12px;
9039 row-gap: 8px;
9040 align-items: baseline;
9041 flex: 1;
9042 }
9043 @media (max-width: 1024px) {
9044 .lp-course-curriculum .course-section .course-item__content {
9045 flex-wrap: wrap;
9046 }
9047 }
9048 .lp-course-curriculum .course-section .course-item__left:hover {
9049 color: var(--lp-primary-color, #ffb606);
9050 }
9051 .lp-course-curriculum .course-section .course-item__right {
9052 display: flex;
9053 column-gap: 12px;
9054 row-gap: 8px;
9055 align-items: center;
9056 flex: none;
9057 color: var(--lp-color-meta, #8a8a8a);
9058 flex-wrap: wrap;
9059 flex-direction: row-reverse;
9060 justify-content: flex-end;
9061 }
9062 @media (max-width: 1024px) {
9063 .lp-course-curriculum .course-section .course-item__right {
9064 width: 100%;
9065 order: 3;
9066 }
9067 }
9068 .lp-course-curriculum .course-section .course-item__status .course-item-ico {
9069 width: 24px;
9070 display: flex;
9071 justify-content: center;
9072 }
9073 .lp-course-curriculum .course-section .course-item-ico::before {
9074 content: "";
9075 display: inline-block;
9076 font-family: "lp-icon";
9077 font-weight: normal;
9078 }
9079 .lp-course-curriculum .course-section .course-item-ico.lp_lesson::before {
9080 content: "\f15b";
9081 }
9082 .lp-course-curriculum .course-section .course-item-ico.lp_quiz::before {
9083 content: "\f12e";
9084 }
9085 .lp-course-curriculum .course-section .course-item-ico.lp_assignment::before {
9086 content: "\e929";
9087 }
9088 .lp-course-curriculum .course-section .course-item-ico.lp_h5p::before {
9089 content: "\e92a";
9090 }
9091 .lp-course-curriculum .course-section .course-item-ico.preview::before {
9092 content: "\f06e";
9093 color: #999;
9094 }
9095 .lp-course-curriculum .course-section .course-item-ico.locked::before {
9096 content: "\f023";
9097 color: #999;
9098 }
9099 .lp-course-curriculum .course-section .course-item-ico.passed.completed::before {
9100 content: "\f00c";
9101 color: #3bb54a;
9102 }
9103 .lp-course-curriculum .course-section .course-item-ico.in-progress::before, .lp-course-curriculum .course-section .course-item-ico.completed::before {
9104 content: "\f00c";
9105 color: #999;
9106 }
9107 .lp-course-curriculum .course-section .course-item-ico.failed.completed::before {
9108 content: "\f00d";
9109 color: #f02425;
9110 }
9111 .lp-course-curriculum .course-section .course-item-ico.started::before {
9112 content: "\f00c";
9113 color: #999;
9114 }
9115 .lp-course-curriculum .course-section .course-item-ico.doing::before {
9116 content: "\e921";
9117 color: #999;
9118 }
9119
9120 .info-learning .course-progress__line {
9121 width: 100%;
9122 background: #ccc;
9123 height: 5px;
9124 border-radius: 5px;
9125 position: relative;
9126 }
9127 .info-learning .course-progress__line__active {
9128 background: var(--lp-primary-color);
9129 height: 100%;
9130 border-radius: 5px;
9131 position: absolute;
9132 top: 0;
9133 left: 0;
9134 }
9135 .info-learning .course-progress__line__active {
9136 background: var(--lp-primary-color);
9137 height: 100%;
9138 border-radius: 5px;
9139 position: absolute;
9140 top: 0;
9141 left: 0;
9142 }
9143 .info-learning .course-progress__line__point {
9144 position: absolute;
9145 top: 0;
9146 width: 2px;
9147 height: 100%;
9148 background: var(--lp-secondary-color);
9149 }
9150
9151 /*
9152 Css for Block of Gutenberg
9153 */
9154 /**
9155 * Styles for all page of Block LP
9156 *
9157 * @since 4.2.3
9158 * @version 1.0.0
9159 */
9160 .lp-ico svg {
9161 width: 20px;
9162 height: 20px;
9163 }
9164
9165 .lp-hidden {
9166 display: none !important;
9167 }
9168
9169 .course-price .origin-price {
9170 text-decoration: line-through;
9171 margin-right: 4px;
9172 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9173 opacity: 0.6;
9174 }
9175
9176 [class*=wp-block-learnpress] img,
9177 .block-editor-block-list__block img {
9178 max-width: 100%;
9179 height: auto;
9180 }
9181 [class*=wp-block-learnpress] .info-meta-item,
9182 .block-editor-block-list__block .info-meta-item {
9183 display: flex;
9184 gap: 4px;
9185 flex-wrap: wrap;
9186 }
9187 [class*=wp-block-learnpress] .info-meta-item i,
9188 .block-editor-block-list__block .info-meta-item i {
9189 color: var(--lp-primary-color, #ffb606);
9190 }
9191 [class*=wp-block-learnpress] .info-meta-left,
9192 .block-editor-block-list__block .info-meta-left {
9193 display: flex;
9194 gap: 8px;
9195 align-items: center;
9196 letter-spacing: 0;
9197 }
9198 [class*=wp-block-learnpress] a,
9199 .block-editor-block-list__block a {
9200 text-decoration: none;
9201 }
9202
9203 .wp-block-learnpress-course-image {
9204 overflow: hidden;
9205 }
9206
9207 .wp-block-learnpress-course-instructor > div > *,
9208 .wp-block-learnpress-course-categories > div > * {
9209 display: inline;
9210 vertical-align: middle;
9211 }
9212
9213 /*
9214 Breadcrumb
9215 */
9216 .wp-block-learnpress-breadcrumb ul {
9217 margin: 0 auto;
9218 list-style: none;
9219 padding: 0;
9220 }
9221 .wp-block-learnpress-breadcrumb li {
9222 display: inline-block;
9223 margin: 0;
9224 }
9225 .wp-block-learnpress-breadcrumb i {
9226 margin: 0 8px;
9227 }
9228 .wp-block-learnpress-breadcrumb a {
9229 color: inherit;
9230 }
9231
9232 .courses-btn-load-more {
9233 padding: 8px 24px;
9234 border-radius: var(--lp-border-radius, 5px);
9235 color: var(--lp-color-base, #333);
9236 border: 1px solid var(--lp-color-base, #333);
9237 font-size: var(--lp-font-size-base, 1em);
9238 transition: all 0.3s;
9239 display: block;
9240 background: transparent;
9241 text-decoration: none;
9242 text-align: center;
9243 cursor: pointer;
9244 margin: 20px auto;
9245 }
9246 .courses-btn-load-more:hover {
9247 background: var(--lp-primary-color, #ffb606);
9248 color: var(--lp-color-white, #fff);
9249 border-color: var(--lp-primary-color, #ffb606);
9250 }
9251
9252 .lp-overlay {
9253 display: none;
9254 position: fixed;
9255 z-index: 99999;
9256 top: 0;
9257 right: 0;
9258 bottom: 0;
9259 left: 0;
9260 width: 100%;
9261 height: 100%;
9262 background-color: rgba(209, 213, 219, 0.8);
9263 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9264 transition-duration: 150ms;
9265 transition-property: opacity;
9266 }
9267
9268 .lp-modal-dialog {
9269 display: flex;
9270 position: fixed;
9271 z-index: 9999;
9272 top: 0;
9273 right: 0;
9274 left: 0;
9275 width: 100%;
9276 min-height: 100vh;
9277 text-align: center;
9278 align-items: center;
9279 justify-content: center;
9280 }
9281 .lp-modal-dialog .learn-press-message {
9282 width: auto;
9283 margin: 0 !important;
9284 }
9285 .lp-modal-dialog .lp-modal-content {
9286 display: inline-block;
9287 overflow: hidden;
9288 z-index: 2;
9289 width: auto;
9290 max-width: 600px;
9291 border-radius: 8px;
9292 text-align: left;
9293 vertical-align: middle;
9294 background: white;
9295 color: black;
9296 }
9297 .lp-modal-dialog .lp-modal-content h2,
9298 .lp-modal-dialog .lp-modal-content h3 {
9299 margin: 0;
9300 }
9301 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
9302 border-bottom: 1px solid #eee;
9303 }
9304 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
9305 padding: 0 1em;
9306 }
9307 .lp-modal-dialog .lp-modal-header {
9308 background: #7c60d9;
9309 border-bottom: 1px solid #eee;
9310 padding: 1em;
9311 }
9312 .lp-modal-dialog .lp-modal-header h3 {
9313 margin: 0;
9314 color: white;
9315 font-weight: 400;
9316 }
9317 .lp-modal-dialog .lp-modal-body .main-content {
9318 max-height: 500px;
9319 overflow: auto;
9320 overscroll-behavior: contain;
9321 }
9322 .lp-modal-dialog .lp-modal-body .main-content h3,
9323 .lp-modal-dialog .lp-modal-body .main-content h2,
9324 .lp-modal-dialog .lp-modal-body .main-content .pd-2em {
9325 padding: 1em;
9326 }
9327 .lp-modal-dialog .lp-modal-footer {
9328 padding: 20px;
9329 background-color: #f9fafb;
9330 text-align: right;
9331 }
9332 .lp-modal-dialog .btn-yes {
9333 color: #fff;
9334 background-color: #7c60d9;
9335 }
9336 .lp-modal-dialog .lp_allow_repurchase_select {
9337 padding: 20px;
9338 background: #f7f7f7;
9339 }
9340 .lp-modal-dialog .lp_allow_repurchase_select > ul {
9341 margin: 0;
9342 padding: 0;
9343 list-style: none;
9344 }
9345 .lp-modal-dialog .lp_allow_repurchase_select > ul li label {
9346 display: flex;
9347 align-items: center;
9348 gap: 10px;
9349 }
9350 .lp-modal-dialog .lp-button {
9351 cursor: pointer;
9352 border: 1px solid #C3C4C7;
9353 border-radius: var(--lp-border-radius, 5px);
9354 padding: 8px 16px;
9355 }
9356 .lp-modal-dialog .lp-button.loading {
9357 pointer-events: none;
9358 opacity: 0.8;
9359 }
9360 .lp-modal-dialog .lp-button.loading:before {
9361 display: inline-block;
9362 font-family: "lp-icon";
9363 content: "\f110";
9364 animation: lp-rotating 1s linear infinite;
9365 margin-right: 5px;
9366 font-variant: normal;
9367 text-transform: none;
9368 -webkit-font-smoothing: antialiased;
9369 -moz-osx-font-smoothing: grayscale;
9370 }
9371 .lp-modal-dialog .lp-button:hover {
9372 border-color: var(--lp-primary-color, #ffb606);
9373 color: #fff;
9374 background: var(--lp-primary-color, #ffb606);
9375 }
9376
9377 .lp-button.btn-finish-course {
9378 cursor: pointer;
9379 width: 100%;
9380 padding: 12px 24px;
9381 background-color: var(--lp-primary-color, #ffb606);
9382 border-width: 0;
9383 border-radius: var(--lp-border-radius, 5px);
9384 border-color: var(--lp-primary-color, #ffb606);
9385 color: var(--lp-color-white, #fff);
9386 font-size: var(--lp-font-size-base, 1em);
9387 text-align: center;
9388 text-decoration: none;
9389 -webkit-transition: all 0.25s;
9390 transition: all 0.25s;
9391 }
9392 .lp-button.btn-finish-course:hover {
9393 background-color: var(--lp-secondary-color, #442e66);
9394 border-color: var(--lp-secondary-color, #442e66);
9395 }
9396 .lp-button.btn-finish-course.loading {
9397 pointer-events: none;
9398 opacity: 0.8;
9399 }
9400 .lp-button.btn-finish-course.loading:before {
9401 display: inline-block;
9402 font-family: "lp-icon";
9403 content: "\f110";
9404 animation: lp-rotating 1s linear infinite;
9405 margin-right: 5px;
9406 font-variant: normal;
9407 text-transform: none;
9408 -webkit-font-smoothing: antialiased;
9409 -moz-osx-font-smoothing: grayscale;
9410 }
9411
9412 /**
9413 * Mixin
9414 */
9415 @keyframes rotating4 {
9416 from {
9417 transform: rotate(0deg);
9418 }
9419 to {
9420 transform: rotate(360deg);
9421 }
9422 }
9423 @keyframes animation4 {
9424 from {
9425 left: -40%;
9426 width: 40%;
9427 }
9428 to {
9429 left: 100%;
9430 width: 10%;
9431 }
9432 }
9433 :root {
9434 --lp-cotainer-max-with: var(--lp-container-max-width);
9435 }
9436
9437 .wp-block-group {
9438 --lp-container-max-width: var(--wp--style--global--wide-size);
9439 }
9440
9441 .c-gap-4 {
9442 column-gap: 4px;
9443 }
9444
9445 .wp-block-learnpress-course-feature-review .featured-review__title {
9446 font-weight: var(--lp-font-weight-link, 600);
9447 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
9448 }
9449
9450 [class^=wp-block-learnpress] .extra-box ul {
9451 margin: 0 0 0 20px;
9452 padding: 0;
9453 }
9454
9455 .wp-block-learnpress-course-button-read-more,
9456 .wp-block-learnpress-course-button {
9457 cursor: pointer;
9458 padding: 12px 24px;
9459 background-color: var(--lp-primary-color, #ffb606);
9460 border-width: 0;
9461 border-radius: var(--lp-border-radius, 5px);
9462 border-color: var(--lp-primary-color, #ffb606);
9463 color: var(--lp-color-white, #fff);
9464 font-size: var(--lp-font-size-base, 1em);
9465 text-align: center;
9466 text-decoration: none;
9467 -webkit-transition: all 0.25s;
9468 transition: all 0.25s;
9469 }
9470 .wp-block-learnpress-course-button-read-more:hover,
9471 .wp-block-learnpress-course-button:hover {
9472 background-color: var(--lp-secondary-color, #442e66);
9473 border-color: var(--lp-secondary-color, #442e66);
9474 }
9475 .wp-block-learnpress-course-button-read-more.loading,
9476 .wp-block-learnpress-course-button.loading {
9477 pointer-events: none;
9478 opacity: 0.8;
9479 }
9480 .wp-block-learnpress-course-button-read-more.loading:before,
9481 .wp-block-learnpress-course-button.loading:before {
9482 display: inline-block;
9483 font-family: "lp-icon";
9484 content: "\f110";
9485 animation: lp-rotating 1s linear infinite;
9486 margin-right: 5px;
9487 font-variant: normal;
9488 text-transform: none;
9489 -webkit-font-smoothing: antialiased;
9490 -moz-osx-font-smoothing: grayscale;
9491 vertical-align: middle;
9492 }
9493
9494 @media (min-width: 992px) {
9495 .lp-block-course-sidebar {
9496 margin-top: -260px;
9497 margin-block-start: -260px !important;
9498 }
9499 }
9500 .wp-block-learnpress-item-search .search-course {
9501 display: flex;
9502 position: relative;
9503 height: 70px;
9504 background: var(--lp-white-grey, #F7F7FB);
9505 }
9506 .wp-block-learnpress-item-search .search-course input[name=s] {
9507 display: block;
9508 width: 100%;
9509 margin-left: 30px;
9510 border: none;
9511 color: var(--lp-color-base, #333);
9512 background: transparent;
9513 box-shadow: none;
9514 height: auto;
9515 -webkit-box-sizing: border-box;
9516 box-sizing: border-box;
9517 }
9518 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
9519 color: #999;
9520 }
9521 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
9522 font-style: italic;
9523 }
9524 .wp-block-learnpress-item-search .search-course input[name=s]:focus {
9525 outline: 0;
9526 }
9527 .wp-block-learnpress-item-search .search-course button {
9528 position: absolute;
9529 top: 0;
9530 right: 10px;
9531 height: 70px;
9532 padding: 0 16px;
9533 border: 0;
9534 background: transparent;
9535 line-height: 1px;
9536 box-shadow: none;
9537 }
9538 .wp-block-learnpress-item-search .search-course button:focus {
9539 outline: none;
9540 }
9541 .wp-block-learnpress-item-search .search-course button i {
9542 color: var(--lp-color-accent, #666);
9543 }
9544 .wp-block-learnpress-item-search .search-course button.clear {
9545 display: none;
9546 }
9547 .wp-block-learnpress-item-search .search-course button.clear::before {
9548 content: "\f00d";
9549 }
9550
9551 .wp-block-learnpress-course-material .lp-button {
9552 padding: 12px 24px;
9553 border: 1px solid var(--lp-border-color, #E2E0DB);
9554 color: var(--lp-color-base, #333);
9555 background: transparent;
9556 box-shadow: unset;
9557 font-family: inherit;
9558 font-weight: 400;
9559 text-align: center;
9560 text-transform: capitalize;
9561 border-radius: var(--lp-border-radius, 5px);
9562 margin-top: 20px;
9563 -webkit-transition: all 0.25s;
9564 transition: all 0.25s;
9565 }
9566 .wp-block-learnpress-course-material .course-material-table {
9567 width: 100%;
9568 display: table;
9569 border-spacing: 0;
9570 border-collapse: collapse;
9571 }
9572 .wp-block-learnpress-course-material .course-material-table tbody tr:nth-child(even) td,
9573 .wp-block-learnpress-course-material .course-material-table .learnpress table tfoot tr:nth-child(even) td {
9574 background: var(--tb-even-color, #fafafa);
9575 }
9576 .wp-block-learnpress-course-material .course-material-table thead {
9577 box-sizing: border-box;
9578 border: 1px solid var(--lp-border-color, #e2e0db);
9579 }
9580 .wp-block-learnpress-course-material .course-material-table th,
9581 .wp-block-learnpress-course-material .course-material-table td {
9582 padding: 0.7em 1em;
9583 border: 1px solid var(--lp-border-color, #e2e0db);
9584 background: #fff;
9585 }
9586 .wp-block-learnpress-course-material .course-material-table th {
9587 border-bottom: none;
9588 background: var(--lp-white-grey, #f7f7fb);
9589 font-weight: 600;
9590 text-align: center;
9591 }
9592 .wp-block-learnpress-course-material .course-material-table th:first-child {
9593 text-align: left;
9594 }
9595 .wp-block-learnpress-course-material .course-material-table tr td {
9596 border: 1px solid var(--lp-border-color, #e2e0db);
9597 line-height: 1.4;
9598 }
9599 .wp-block-learnpress-course-material .course-material-table tr td:not(:first-child) {
9600 text-align: center;
9601 }
9602 .wp-block-learnpress-course-material .course-material-table tfoot td {
9603 text-align: left;
9604 font-weight: bold;
9605 }
9606 .wp-block-learnpress-course-material .course-material-table.searching button:before {
9607 display: inline-block;
9608 content: "\f110";
9609 animation: lp-rotating 1s linear infinite;
9610 }
9611
9612 .wp-block-learnpress-item-hidden-sidebar .section-toggle {
9613 justify-content: flex-end;
9614 flex: 0;
9615 }
9616 .wp-block-learnpress-item-hidden-sidebar .section-toggle i {
9617 color: var(--lp-color-accent, #666);
9618 }
9619
9620 .wp-block-learnpress-item-close .back-course {
9621 padding: 24px;
9622 line-height: 70px;
9623 background: rgba(255, 255, 255, 0.1);
9624 color: #fff;
9625 }
9626 .wp-block-learnpress-item-close .back-course:hover {
9627 background: rgba(255, 255, 255, 0.15);
9628 }
9629 @media (max-width: 768px) {
9630 .wp-block-learnpress-item-close .back-course {
9631 background: transparent;
9632 opacity: 0.6;
9633 padding-left: 15px;
9634 padding-right: 15px;
9635 }
9636 .wp-block-learnpress-item-close .back-course:hover {
9637 background: transparent;
9638 opacity: 1;
9639 }
9640 }
9641
9642 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle {
9643 display: inline-block;
9644 width: 32px;
9645 min-width: 32px;
9646 line-height: 70px;
9647 height: unset;
9648 margin: 0;
9649 background: rgba(255, 255, 255, 0.1);
9650 color: var(--lp-color-white, #fff);
9651 font-size: 1.4em;
9652 cursor: pointer;
9653 transition: 0.25s;
9654 -webkit-appearance: none;
9655 border: none;
9656 text-align: center;
9657 }
9658 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:after {
9659 display: none;
9660 }
9661 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle::before {
9662 display: inline-block;
9663 position: static;
9664 margin: 0;
9665 width: auto;
9666 height: auto;
9667 font-family: "lp-icon";
9668 content: "\f0d9";
9669 }
9670 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:focus {
9671 border: 0;
9672 outline: 0;
9673 }
9674
9675 .wp-block-learnpress-item-progress .items-progress {
9676 display: flex;
9677 justify-content: center;
9678 align-items: center;
9679 column-gap: 10px;
9680 white-space: nowrap;
9681 }
9682 .wp-block-learnpress-item-progress .number {
9683 padding-right: 10px;
9684 font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
9685 }
9686 .wp-block-learnpress-item-progress .learn-press-progress {
9687 overflow: hidden;
9688 position: relative;
9689 width: 80px;
9690 height: 6px;
9691 border-radius: 3px;
9692 }
9693 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg {
9694 overflow: hidden;
9695 position: relative;
9696 height: 6px;
9697 background: #ccc;
9698 border-radius: 5px;
9699 }
9700 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active {
9701 position: absolute;
9702 left: 50%;
9703 width: 100%;
9704 height: 100%;
9705 margin-left: -100%;
9706 background: var(--lp-primary-color, #ffb606);
9707 border-radius: 5px;
9708 }
9709 .wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active {
9710 position: absolute;
9711 z-index: 1;
9712 left: -100%;
9713 width: 100%;
9714 height: 100%;
9715 border-radius: 3px;
9716 background: var(--lp-primary-color, #ffb606);
9717 -webkit-transition: 0.5s;
9718 transition: 0.5s;
9719 }
9720 .wp-block-learnpress-item-progress .learn-press-progress::before {
9721 display: block;
9722 position: absolute;
9723 z-index: 0;
9724 top: 0;
9725 width: 100%;
9726 height: 100%;
9727 background: #ccc;
9728 content: "";
9729 }
9730
9731 .wp-block-learnpress-item-navigation .course-item-nav {
9732 display: flex;
9733 justify-content: space-between;
9734 }
9735 .wp-block-learnpress-item-navigation .course-item-nav .prev,
9736 .wp-block-learnpress-item-navigation .course-item-nav .next {
9737 display: flex;
9738 line-height: 3.125em;
9739 flex: 1;
9740 position: relative;
9741 }
9742 .wp-block-learnpress-item-navigation .course-item-nav .prev span,
9743 .wp-block-learnpress-item-navigation .course-item-nav .next span {
9744 display: block;
9745 font-weight: bold;
9746 }
9747 .wp-block-learnpress-item-navigation .course-item-nav .prev a,
9748 .wp-block-learnpress-item-navigation .course-item-nav .next a {
9749 display: block;
9750 color: var(--lp-color-accent, #666);
9751 color: #999;
9752 }
9753 .wp-block-learnpress-item-navigation .course-item-nav .prev::before,
9754 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9755 color: #999;
9756 font-family: "lp-icon";
9757 }
9758 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover a, .wp-block-learnpress-item-navigation .course-item-nav .prev:hover::before,
9759 .wp-block-learnpress-item-navigation .course-item-nav .next:hover a,
9760 .wp-block-learnpress-item-navigation .course-item-nav .next:hover::before {
9761 color: var(--lp-primary-color, #ffb606);
9762 }
9763 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover .course-item-nav__name,
9764 .wp-block-learnpress-item-navigation .course-item-nav .next:hover .course-item-nav__name {
9765 display: block;
9766 }
9767 .wp-block-learnpress-item-navigation .course-item-nav .next {
9768 text-align: right;
9769 flex-direction: row-reverse;
9770 }
9771 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9772 margin-left: 10px;
9773 content: "\f0da";
9774 }
9775 .wp-block-learnpress-item-navigation .course-item-nav .next[data-nav=next] {
9776 justify-content: flex-end;
9777 }
9778 .wp-block-learnpress-item-navigation .prev::before {
9779 margin-right: 10px;
9780 content: "\f0d9";
9781 }
9782 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9783 right: auto;
9784 left: -30px;
9785 }
9786 .wp-block-learnpress-item-navigation .prev .course-item-nav__name::before {
9787 right: auto;
9788 left: 5px;
9789 }
9790 @media (max-width: 1024px) {
9791 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9792 left: 15px;
9793 }
9794 }
9795 .wp-block-learnpress-item-navigation .course-item-nav__name {
9796 display: none;
9797 position: absolute;
9798 top: -20px;
9799 right: -30px;
9800 width: auto;
9801 padding: 10px 15px;
9802 color: var(--lp-color-accent, #666);
9803 background: #ccc;
9804 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9805 line-height: 1;
9806 }
9807 @media (max-width: 1024px) {
9808 .wp-block-learnpress-item-navigation .course-item-nav__name {
9809 top: -25px;
9810 right: 15px;
9811 left: auto;
9812 }
9813 }
9814
9815 .wp-block-learnpress-item-curriculum .lp-course-curriculum__title,
9816 .wp-block-learnpress-item-curriculum .course-curriculum-info,
9817 .wp-block-learnpress-item-curriculum .course-section__description {
9818 display: none;
9819 }
9820
9821 .wp-block-learnpress-item-content .content-item-wrap {
9822 padding: 0;
9823 }
9824
9825 .wp-block-learnpress-item-curriculum .lp-course-curriculum .course-section .course-item__content {
9826 display: flex;
9827 justify-content: space-between;
9828 column-gap: 12px;
9829 row-gap: 8px;
9830 align-items: baseline;
9831 flex: 1;
9832 flex-direction: row;
9833 }
9834
9835 .wp-block-learnpress-list-courses .learn-press-courses .course {
9836 width: unset;
9837 padding: 0;
9838 }
9839
9840 .wp-block-learnpress-course-featured .course-featured {
9841 margin-bottom: 0;
9842 background-color: inherit;
9843 color: inherit;
9844 padding: 0;
9845 }
9846
9847 .courses-order-by,
9848 .block-courses-order-by {
9849 border: 1px solid var(--lp-border-color, #E2E0DB);
9850 border-radius: var(--lp-border-radius, 5px);
9851 padding: 8px 16px;
9852 height: inherit;
9853 font-size: inherit;
9854 line-height: 1.1;
9855 box-shadow: none;
9856 padding-right: 30px;
9857 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
9858 background-size: 0.8em;
9859 background-position: calc(100% - 0.5em) center;
9860 background-repeat: no-repeat;
9861 -webkit-appearance: none;
9862 appearance: none;
9863 line-height: 1.1;
9864 }
9865 .woocommerce-js .courses-order-by,
9866 .woocommerce-js .block-courses-order-by {
9867 background-position-x: calc(100% - 10px);
9868 }
9869 .courses-order-by:focus,
9870 .block-courses-order-by:focus {
9871 border-color: var(--lp-primary-color);
9872 outline: 0;
9873 }
9874
9875 .course-img img {
9876 display: block;
9877 }
9878
9879 .block-search-courses {
9880 display: flex;
9881 flex: 1;
9882 margin-bottom: 0;
9883 }
9884 .block-search-courses input {
9885 width: 100%;
9886 max-width: 240px;
9887 margin: 0 4px 0 0;
9888 border: 1px solid var(--lp-border-color, #E2E0DB);
9889 border-radius: var(--lp-border-radius, 5px);
9890 padding: 8px 16px;
9891 height: inherit;
9892 font-size: inherit;
9893 line-height: 1.1;
9894 box-shadow: none;
9895 }
9896 .block-search-courses input::placeholder {
9897 color: #999;
9898 }
9899 .block-search-courses input:focus {
9900 border-color: var(--lp-primary-color);
9901 outline: 0;
9902 }
9903 .block-search-courses button {
9904 border: 1px solid var(--lp-border-color, #E2E0DB);
9905 border-radius: var(--lp-border-radius, 5px);
9906 padding: 8px 16px;
9907 height: inherit;
9908 font-size: inherit;
9909 line-height: 1.1;
9910 box-shadow: none;
9911 box-shadow: 0 0 0;
9912 margin-bottom: 0;
9913 }
9914 .block-search-courses button i {
9915 font-size: 1.2em;
9916 line-height: 1.2;
9917 }
9918 .block-search-courses button:focus {
9919 outline: 0;
9920 }
9921 .block-search-courses button.loading > i:before {
9922 display: inline-block;
9923 content: "\f110";
9924 animation: lp-rotating 1s linear infinite;
9925 }
9926
9927 @media (max-width: 767px) {
9928 .wp-block-learnpress-course-search {
9929 width: 100%;
9930 }
9931 .wp-block-learnpress-course-search input {
9932 min-width: 240px;
9933 max-width: unset;
9934 }
9935 }
9936 .course-filter-btn-mobile {
9937 display: inline-flex;
9938 align-items: center;
9939 }
9940 @media (min-width: 769px) {
9941 .course-filter-btn-mobile {
9942 display: none;
9943 }
9944 }
9945
9946 ul.wp-block-learn-press-courses {
9947 list-style: none;
9948 margin: 0;
9949 max-width: 100%;
9950 padding: 0;
9951 }
9952 ul.wp-block-learn-press-courses[data-layout=grid] {
9953 --columns: 3;
9954 --gap: 1.25em;
9955 --min-width: 200px;
9956 grid-gap: var(--gap);
9957 display: grid;
9958 grid-template-columns: repeat(auto-fill, minmax(max(var(--min-width), 100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)), 1fr));
9959 margin-bottom: 2.25em;
9960 }
9961 @media (max-width: 768px) {
9962 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
9963 --columns: min(var(--columns), 2);
9964 }
9965 }
9966 @media (max-width: 480px) {
9967 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
9968 --columns: 1;
9969 }
9970 }
9971
9972 .wp-block-learnpress-course-price .course-price .free,
9973 .wp-block-learnpress-course-price .course-price .price {
9974 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
9975 font-weight: var(--lp-font-weight-link, 600);
9976 }
9977 .wp-block-learnpress-course-price .course-price .origin-price {
9978 margin-right: 8px;
9979 opacity: 0.8;
9980 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9981 text-decoration: line-through;
9982 }
9983
9984 .wp-block-learnpress-course-button-read-more button {
9985 padding: 8px 24px;
9986 border-radius: var(--lp-border-radius, 5px);
9987 color: var(--lp-color-base, #333);
9988 border: 1px solid var(--lp-color-base, #333);
9989 transition: all 0.3s;
9990 display: block;
9991 background: transparent;
9992 text-decoration: none;
9993 text-align: center;
9994 }
9995 .wp-block-learnpress-course-button-read-more button:hover {
9996 background: var(--lp-primary-color, #ffb606);
9997 color: var(--lp-color-white, #fff);
9998 border-color: var(--lp-primary-color, #ffb606);
9999 }
10000
10001 .wp-block-learnpress-course-button .course-readmore a {
10002 padding: 8px 24px;
10003 border-radius: var(--lp-border-radius, 5px);
10004 color: var(--lp-color-base, #333);
10005 border: 1px solid var(--lp-color-base, #333);
10006 transition: all 0.3s;
10007 display: block;
10008 background: transparent;
10009 text-decoration: none;
10010 text-align: center;
10011 }
10012 .wp-block-learnpress-course-button .course-readmore a:hover {
10013 background: var(--lp-primary-color, #ffb606);
10014 color: var(--lp-color-white, #fff);
10015 border-color: var(--lp-primary-color, #ffb606);
10016 }
10017
10018 .courses-order-by-wrapper .courses-order-by {
10019 border: 1px solid var(--lp-border-color, #E2E0DB);
10020 border-radius: var(--lp-border-radius, 5px);
10021 padding: 8px 16px;
10022 height: inherit;
10023 font-size: inherit;
10024 line-height: 1.1;
10025 box-shadow: none;
10026 padding-right: 30px;
10027 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
10028 background-size: 0.8em;
10029 background-position: calc(100% - 0.5em) center;
10030 background-repeat: no-repeat;
10031 -webkit-appearance: none;
10032 appearance: none;
10033 line-height: 1.1;
10034 }
10035 .woocommerce-js .courses-order-by-wrapper .courses-order-by {
10036 background-position-x: calc(100% - 10px);
10037 }
10038 .courses-order-by-wrapper .courses-order-by:focus {
10039 border-color: var(--lp-primary-color, #ffb606);
10040 outline: 0;
10041 }
10042
10043 .wp-block-learnpress-course-filter h3 {
10044 margin-bottom: 20px;
10045 margin-top: 0;
10046 }
10047 .wp-block-learnpress-course-filter .filter .line {
10048 height: 15px;
10049 background: #ccc;
10050 margin-bottom: 10px;
10051 }
10052
10053 .wp-block-learnpress-course-search-filter,
10054 .wp-block-learnpress-course-level-filter,
10055 .wp-block-learnpress-course-author-filter,
10056 .wp-block-learnpress-course-price-filter,
10057 .wp-block-learnpress-course-categories-filter,
10058 .wp-block-learnpress-course-tag-filter {
10059 margin-bottom: 15px;
10060 padding-bottom: 15px;
10061 border-bottom: 1px solid #ccc;
10062 }
10063 .wp-block-learnpress-course-search-filter .lp-course-filter__field,
10064 .wp-block-learnpress-course-level-filter .lp-course-filter__field,
10065 .wp-block-learnpress-course-author-filter .lp-course-filter__field,
10066 .wp-block-learnpress-course-price-filter .lp-course-filter__field,
10067 .wp-block-learnpress-course-categories-filter .lp-course-filter__field,
10068 .wp-block-learnpress-course-tag-filter .lp-course-filter__field {
10069 position: relative;
10070 display: flex;
10071 align-items: center;
10072 gap: 10px;
10073 cursor: pointer;
10074 }
10075 .wp-block-learnpress-course-search-filter label,
10076 .wp-block-learnpress-course-level-filter label,
10077 .wp-block-learnpress-course-author-filter label,
10078 .wp-block-learnpress-course-price-filter label,
10079 .wp-block-learnpress-course-categories-filter label,
10080 .wp-block-learnpress-course-tag-filter label {
10081 flex: 1;
10082 }
10083 .wp-block-learnpress-course-search-filter span,
10084 .wp-block-learnpress-course-level-filter span,
10085 .wp-block-learnpress-course-author-filter span,
10086 .wp-block-learnpress-course-price-filter span,
10087 .wp-block-learnpress-course-categories-filter span,
10088 .wp-block-learnpress-course-tag-filter span {
10089 color: #999;
10090 }
10091
10092 .wp-block-learnpress-course-search-filter .search-box {
10093 width: 100%;
10094 height: 40px;
10095 border: 1px solid #ccc;
10096 border-radius: 5px;
10097 margin-top: 12px;
10098 }
10099
10100 .wp-block-learnpress-button-submit-filter,
10101 .wp-block-learnpress-button-reset-filter {
10102 box-sizing: border-box;
10103 text-transform: capitalize;
10104 border: 1px solid #ccc;
10105 border-radius: 4px;
10106 background: white;
10107 float: left;
10108 text-align: center;
10109 width: calc(50% - 8px);
10110 padding: 8px 30px;
10111 }
10112
10113 .wp-block-learnpress-button-submit-filter {
10114 margin-right: 4px;
10115 }
10116
10117 .wp-block-learnpress-button-reset-filter {
10118 margin-left: 4px;
10119 }
10120
10121 .block-editor-block-list__block img {
10122 display: block;
10123 }
10124 .block-editor-block-list__block .learn-press-courses {
10125 list-style: none;
10126 margin: 0;
10127 max-width: 100%;
10128 padding: 0;
10129 }
10130 .block-editor-block-list__block a {
10131 text-decoration: none;
10132 }
10133 .block-editor-block-list__block .c-gap-4 {
10134 column-gap: 4px;
10135 }
10136 .block-editor-block-list__block .lp-course-curriculum .course-section .course-item__right {
10137 color: inherit;
10138 }
10139 .block-editor-block-list__block.wp-block-learnpress-course-title > * {
10140 margin-top: 0;
10141 }
10142
10143 a.block-editor-block-list__block.wp-block-learnpress-course-button {
10144 padding: 8px 24px;
10145 border-radius: var(--lp-border-radius, 5px);
10146 color: var(--lp-color-base, #333);
10147 border: 1px solid var(--lp-color-base, #333);
10148 transition: all 0.3s;
10149 display: block;
10150 background: transparent;
10151 text-decoration: none;
10152 text-align: center;
10153 }
10154 a.block-editor-block-list__block.wp-block-learnpress-course-button:hover {
10155 background: var(--lp-primary-color, #ffb606);
10156 color: var(--lp-color-white, #fff);
10157 border-color: var(--lp-primary-color, #ffb606);
10158 }
10159
10160 @keyframes lp-rotating {
10161 from {
10162 -webkit-transform: rotate(0deg);
10163 transform: rotate(0deg);
10164 }
10165 to {
10166 -webkit-transform: rotate(360deg);
10167 transform: rotate(360deg);
10168 }
10169 }
10170 @-webkit-keyframes lp-rotating {
10171 from {
10172 -webkit-transform: rotate(0deg);
10173 transform: rotate(0deg);
10174 }
10175 to {
10176 -webkit-transform: rotate(360deg);
10177 transform: rotate(360deg);
10178 }
10179 }
10180 .lp-loading-change {
10181 position: absolute;
10182 width: 100%;
10183 height: 100%;
10184 background: rgba(255, 255, 255, 0.38);
10185 top: 0;
10186 }
10187
10188 .lp-load-ajax-element {
10189 position: relative;
10190 }
10191
10192 .lp-loading-circle {
10193 width: 15px;
10194 height: 15px;
10195 border: 2px solid #ccc;
10196 border-radius: 50%;
10197 border-top-color: rgba(0, 0, 0, 0.76);
10198 animation: spin 1s infinite linear;
10199 display: inline-block;
10200 }
10201 .lp-loading-circle.hide {
10202 display: none;
10203 }
10204
10205 @keyframes spin {
10206 0% {
10207 transform: rotate(0deg);
10208 }
10209 100% {
10210 transform: rotate(360deg);
10211 }
10212 }
10213 .lp-btn-ai-style {
10214 margin: 10px;
10215 }
10216
10217 .lp-btn-ai-style, .lp-btn-generate-with-ai {
10218 padding: 8px 10px;
10219 background: #f6f7f7;
10220 font-weight: 500;
10221 border: 1px solid #2271b1;
10222 color: #2271b1;
10223 line-height: 1;
10224 text-decoration: none;
10225 text-shadow: none;
10226 display: inline-flex;
10227 align-items: center;
10228 justify-content: center;
10229 gap: 5px;
10230 min-height: 32px;
10231 appearance: none;
10232 border-radius: 2px;
10233 white-space: nowrap;
10234 cursor: pointer;
10235 }
10236 .lp-btn-ai-style:active, .lp-btn-generate-with-ai:active {
10237 box-shadow: none;
10238 color: #fff;
10239 }
10240 .lp-btn-ai-style:hover, .lp-btn-generate-with-ai:hover {
10241 background: #6B46E9 !important;
10242 color: #fff !important;
10243 }
10244
10245 #post-body-content .lp-btn-ai-style {
10246 padding: 12px;
10247 }
10248 #post-body-content #wp-content-media-buttons .lp-btn-ai-style {
10249 margin-top: 0;
10250 margin-bottom: 0;
10251 }
10252
10253 .create-course-modal {
10254 padding: 0;
10255 display: flex !important;
10256 flex-direction: column;
10257 overflow: hidden;
10258 border-radius: 10px;
10259 background-color: #FFFFFF;
10260 height: 90vh;
10261 z-index: 10000000 !important;
10262 }
10263 .create-course-modal .modal-content {
10264 display: grid;
10265 grid-template-columns: 1fr 2fr;
10266 flex-grow: 1;
10267 gap: 30px;
10268 min-height: 500px;
10269 padding: 0 24px;
10270 }
10271 .create-course-modal .input-section {
10272 display: flex;
10273 flex-direction: column;
10274 }
10275 .create-course-modal .input-section label {
10276 font-weight: 700;
10277 line-height: 22px;
10278 font-size: 14px;
10279 color: #4A5568;
10280 margin-bottom: 4px;
10281 }
10282 .create-course-modal .input-section h3 {
10283 font-weight: 700;
10284 line-height: 22px;
10285 font-size: 14px;
10286 color: #4A5568;
10287 margin-bottom: 4px;
10288 }
10289 .create-course-modal .input-section textarea,
10290 .create-course-modal .input-section .ts-wrapper .ts-control {
10291 width: 100%;
10292 padding: 4px 8px;
10293 border: 1px solid #E5E7EB;
10294 border-radius: 6px;
10295 font-size: 0.95em;
10296 background-color: #F7FAFC;
10297 color: #1A202C;
10298 box-shadow: none;
10299 transition: border-color 0.2s, box-shadow 0.2s;
10300 }
10301 .create-course-modal .input-section textarea:focus, .create-course-modal .input-section textarea:focus-within,
10302 .create-course-modal .input-section .ts-wrapper .ts-control:focus,
10303 .create-course-modal .input-section .ts-wrapper .ts-control:focus-within {
10304 outline: none;
10305 border-color: #7E6CE2;
10306 box-shadow: 0 0 0 1px #7E6CE2;
10307 background-color: #FFFFFF;
10308 }
10309 .create-course-modal .input-section textarea {
10310 min-height: 150px;
10311 resize: vertical;
10312 }
10313 .create-course-modal .input-section .outputs-control {
10314 margin-top: 10px;
10315 }
10316 .create-course-modal .input-section .outputs-control .outputs-control-content {
10317 display: flex;
10318 align-items: center;
10319 justify-content: space-between;
10320 flex-direction: row;
10321 }
10322 .create-course-modal .input-section .outputs-control .outputs-control-content .output-number-selector {
10323 width: 120px;
10324 border-radius: 6px;
10325 padding: 10px 12px;
10326 border: 1px solid #E5E7EB;
10327 font-size: 0.95em;
10328 background-color: #F7FAFC;
10329 color: #1A202C;
10330 height: 40px;
10331 }
10332 .create-course-modal .input-section .lp-tom-select {
10333 width: 100%;
10334 }
10335 .create-course-modal .input-section .course-content-wrapper {
10336 background: #F7FAFC;
10337 padding: 8px 16px;
10338 border-radius: 16px;
10339 }
10340 .create-course-modal .input-section .course-content-wrapper input[readonly],
10341 .create-course-modal .input-section .course-content-wrapper textarea[readonly] {
10342 background-color: #FFFFFF !important;
10343 cursor: not-allowed;
10344 opacity: 0.8;
10345 }
10346 .create-course-modal .input-section .course-content-wrapper input[readonly]:focus,
10347 .create-course-modal .input-section .course-content-wrapper textarea[readonly]:focus {
10348 box-shadow: none;
10349 border-color: #E5E7EB;
10350 }
10351 .create-course-modal .output-section {
10352 display: flex;
10353 flex-direction: column;
10354 }
10355 .create-course-modal .output-section .output-header {
10356 display: flex;
10357 justify-content: space-between;
10358 align-items: center;
10359 margin-bottom: 8px;
10360 }
10361 .create-course-modal .output-section .output-header h3 {
10362 font-weight: 700;
10363 line-height: 22px;
10364 font-size: 14px;
10365 color: #1A202C;
10366 }
10367 .create-course-modal .output-section .output-header .icon-button {
10368 background: none;
10369 border: none;
10370 padding: 4px;
10371 cursor: pointer;
10372 color: #A0AEC0;
10373 }
10374 .create-course-modal .output-section .output-header .icon-button:hover {
10375 color: #4A5568;
10376 }
10377 .create-course-modal .output-section .output-item {
10378 border-radius: 6px;
10379 margin-bottom: 16px;
10380 background-color: #FFFFFF;
10381 position: relative;
10382 }
10383 .create-course-modal .output-section .output-item.prompt-item textarea {
10384 background-color: #F7FAFC;
10385 min-height: 80px;
10386 }
10387 .create-course-modal .output-section .output-item.output-suggestion textarea {
10388 border-color: #dbd6f7;
10389 min-height: 80px;
10390 }
10391 .create-course-modal .output-section .output-item p.prompt {
10392 font-weight: 500;
10393 color: #4A5568;
10394 font-size: 0.875rem;
10395 margin-bottom: 4px;
10396 }
10397 .create-course-modal .output-section .output-item .generate-button {
10398 background-color: #7E6CE2;
10399 color: #fff;
10400 border: none;
10401 padding: 12px 20px;
10402 border-radius: 6px;
10403 font-size: 1rem;
10404 font-weight: 500;
10405 cursor: pointer;
10406 width: 25%;
10407 margin-top: 10px;
10408 }
10409 .create-course-modal .output-section .output-item .generate-button:hover {
10410 opacity: 0.9;
10411 }
10412 .create-course-modal .output-section .output-item textarea {
10413 width: 100%;
10414 box-sizing: border-box;
10415 border: 1px solid #E5E7EB;
10416 border-radius: 6px;
10417 padding: 10px 12px;
10418 resize: vertical;
10419 font-size: 0.95em;
10420 color: #1A202C;
10421 transition: border-color 0.2s, box-shadow 0.2s;
10422 }
10423 .create-course-modal .output-section .output-item textarea:focus {
10424 outline: none;
10425 border-color: #7E6CE2;
10426 box-shadow: 0 0 0 1px #7E6CE2;
10427 }
10428 .create-course-modal .output-section .output-item .output-actions {
10429 position: absolute;
10430 top: 30%;
10431 right: 2%;
10432 display: flex;
10433 gap: 8px;
10434 visibility: hidden;
10435 }
10436 .create-course-modal .output-section .output-item .output-actions .action-button {
10437 font-size: 0.875rem;
10438 font-weight: 500;
10439 padding: 6px 12px;
10440 border-radius: 6px;
10441 cursor: pointer;
10442 border: 1px solid #E5E7EB;
10443 background-color: #FFFFFF;
10444 color: #4A5568;
10445 transition: background-color 0.2s, color 0.2s, border-color 0.2s;
10446 }
10447 .create-course-modal .output-section .output-item .output-actions .action-button.copy-button:hover {
10448 background-color: #F7FAFC;
10449 border-color: #c8ccd5;
10450 }
10451 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button {
10452 background-color: #7E6CE2;
10453 border-color: #7E6CE2;
10454 color: #fff;
10455 }
10456 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button:hover {
10457 opacity: 0.9;
10458 }
10459 .create-course-modal .output-section .output-item:hover .output-actions {
10460 visibility: visible;
10461 }
10462 .create-course-modal .output-section #lp-ai-output-suggestion {
10463 overflow-y: auto;
10464 flex-grow: 1;
10465 padding-right: 5px;
10466 }
10467 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder {
10468 flex-grow: 1;
10469 border: 2px dashed #E5E7EB;
10470 border-radius: 6px;
10471 background-color: #E5E7EB;
10472 position: relative;
10473 height: 150px;
10474 width: 100%;
10475 background-position: center;
10476 background-repeat: no-repeat;
10477 margin-bottom: 10px;
10478 }
10479 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions {
10480 position: absolute;
10481 bottom: 5px;
10482 left: 80%;
10483 transform: translateX(-50%);
10484 display: flex;
10485 gap: 10px;
10486 width: 30%;
10487 }
10488 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .action-button {
10489 padding: 5px 20px;
10490 border-radius: 4px;
10491 border: 1px solid #E5E7EB;
10492 background-color: rgba(255, 255, 255, 0.8);
10493 cursor: pointer;
10494 }
10495 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .apply-button {
10496 background-color: #7E6CE2;
10497 color: #fff;
10498 border-color: #7E6CE2;
10499 }
10500 .create-course-modal .ts-wrapper .ts-control .item {
10501 background-color: #F7FAFC;
10502 border: 1px solid #E5E7EB;
10503 color: #4A5568;
10504 border-radius: 20px;
10505 padding: 4px 10px;
10506 }
10507 .create-course-modal .ts-wrapper .ts-control .ts-input::placeholder {
10508 color: #A0AEC0;
10509 }
10510 .create-course-modal .modal-content {
10511 gap: 40px;
10512 padding: 24px 30px;
10513 }
10514 .create-course-modal .modal-content .input-section .form-group {
10515 margin-bottom: 16px;
10516 }
10517 .create-course-modal .modal-content .input-section .form-group label {
10518 margin-bottom: 6px;
10519 display: block;
10520 }
10521 .create-course-modal .modal-content .input-section .lp-ai-modal-grid.lp-ai-grid-2-cols {
10522 display: grid;
10523 grid-template-columns: 1fr 1fr;
10524 gap: 16px 20px;
10525 margin-bottom: 16px;
10526 }
10527 .create-course-modal .modal-content .input-section h3 {
10528 font-size: 16px;
10529 font-weight: 600;
10530 color: #1A202C;
10531 margin-top: 20px;
10532 margin-bottom: 8px;
10533 }
10534 .create-course-modal .modal-content .input-section h3:first-child {
10535 margin-top: 0;
10536 }
10537 .create-course-modal .modal-content .input-section p.description {
10538 font-size: 12px;
10539 color: #4A5568;
10540 margin: -4px 0 16px 0;
10541 }
10542 .create-course-modal .modal-content .input-section .lp-notice.notice-warning {
10543 background-color: #FEFCE8;
10544 border: 1px solid #FDE047;
10545 border-radius: 6px;
10546 padding: 12px;
10547 margin: 10px 0 20px 0;
10548 font-size: 14px;
10549 color: #713F12;
10550 }
10551 .create-course-modal .modal-content .input-section .lp-notice.notice-warning a {
10552 font-weight: 600;
10553 color: #713F12;
10554 text-decoration: underline;
10555 }
10556 .create-course-modal .modal-content .output-section .output-placeholder-wrapper {
10557 display: flex;
10558 justify-content: center;
10559 align-items: center;
10560 text-align: center;
10561 height: 100%;
10562 min-height: 200px;
10563 background-color: #F9FAFB;
10564 border-radius: 8px;
10565 border: 1px solid #E5E7EB;
10566 padding: 20px;
10567 }
10568 .create-course-modal .modal-content .output-section .output-placeholder-wrapper p {
10569 color: #4A5568;
10570 font-size: 15px;
10571 }
10572 .create-course-modal .modal-content .output-section .output-header .icon-button {
10573 display: inline-flex;
10574 align-items: center;
10575 justify-content: center;
10576 color: #4A5568;
10577 }
10578 .create-course-modal .modal-content .output-section .output-header .icon-button svg {
10579 width: 20px;
10580 height: 20px;
10581 }
10582
10583 .lp-generate-data-ai-wrap {
10584 width: 100%;
10585 max-height: 90%;
10586 }
10587 .lp-generate-data-ai-wrap .content-title {
10588 color: #111111;
10589 }
10590 .lp-generate-data-ai-wrap .step-header {
10591 display: flex;
10592 justify-content: space-between;
10593 margin-bottom: 30px;
10594 padding: 0 20px;
10595 gap: 10px;
10596 }
10597 .lp-generate-data-ai-wrap .step-header .step-item {
10598 display: flex;
10599 align-items: center;
10600 font-size: 14px;
10601 color: #1A202C;
10602 position: relative;
10603 flex-grow: 1;
10604 justify-content: center;
10605 }
10606 .lp-generate-data-ai-wrap .step-header .step-item.active .step-number {
10607 background-color: #7E6CE2;
10608 color: #fff;
10609 border-color: #7E6CE2;
10610 }
10611 .lp-generate-data-ai-wrap .step-header .step-item .step-text {
10612 color: #111111;
10613 font-weight: 600;
10614 }
10615 .lp-generate-data-ai-wrap .step-header .step-item .step-number {
10616 width: 28px;
10617 height: 28px;
10618 border-radius: 50%;
10619 border: 1px solid #E5E7EB;
10620 display: flex;
10621 justify-content: center;
10622 align-items: center;
10623 margin-right: 10px;
10624 font-weight: 500;
10625 background-color: #fff;
10626 }
10627 .lp-generate-data-ai-wrap .lp-form-generate-data-ai {
10628 border: 1px solid #E5E7EB;
10629 border-radius: 10px;
10630 padding: 20px;
10631 text-align: left;
10632 }
10633 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-form-fields {
10634 min-height: 400px;
10635 max-height: 600px;
10636 overflow: auto;
10637 padding: 0 2px;
10638 }
10639 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-title {
10640 font-size: 1.2em;
10641 font-weight: 600;
10642 margin-bottom: 10px;
10643 color: #111111;
10644 }
10645 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content {
10646 display: none;
10647 }
10648 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content.active {
10649 display: block;
10650 }
10651 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header h2 {
10652 font-size: 24px;
10653 font-weight: 700;
10654 margin: 0 0 8px 0;
10655 }
10656 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header p {
10657 font-size: 15px;
10658 color: #1A202C;
10659 margin: 0 0 30px 0;
10660 }
10661 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-grid {
10662 display: grid;
10663 grid-template-columns: 1fr 1fr;
10664 gap: 20px 30px;
10665 margin-bottom: 30px;
10666 }
10667 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group {
10668 margin-bottom: 10px;
10669 }
10670 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group.full-width {
10671 grid-column: 1/-1;
10672 }
10673 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group label {
10674 display: block;
10675 font-size: 14px;
10676 font-weight: 600;
10677 margin-bottom: 8px;
10678 color: #111111;
10679 }
10680 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .lp-tom-select.ts-wrapper {
10681 width: 100%;
10682 }
10683 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input,
10684 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control,
10685 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10686 width: 100%;
10687 padding: 8px 16px;
10688 border-radius: 10px;
10689 border: 1px solid #E5E7EB;
10690 font-size: 14px;
10691 line-height: 1.5;
10692 box-sizing: border-box;
10693 transition: border-color 0.2s, box-shadow 0.2s;
10694 margin: 0;
10695 background-color: transparent;
10696 }
10697 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input:focus,
10698 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control:focus,
10699 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea:focus {
10700 outline: none;
10701 border-color: #1A202C;
10702 }
10703 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .item,
10704 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .item,
10705 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .item {
10706 border: 1px solid #E5E7EB;
10707 color: #4A5568;
10708 border-radius: 6px;
10709 padding: 4px 10px;
10710 background-color: transparent;
10711 }
10712 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .ts-input::placeholder,
10713 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .ts-input::placeholder,
10714 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .ts-input::placeholder {
10715 color: #A0AEC0;
10716 }
10717 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10718 min-height: 86px;
10719 resize: vertical;
10720 }
10721 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .field-description {
10722 color: #898989;
10723 margin-top: 8px;
10724 }
10725 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .title-refer,
10726 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .description-refer {
10727 padding: 0;
10728 border: none;
10729 font-size: 16px;
10730 min-height: unset;
10731 box-shadow: none;
10732 border-radius: 0;
10733 }
10734 .lp-generate-data-ai-wrap .lp-form-generate-data-ai #prompt-preview {
10735 min-height: 120px;
10736 background-color: #F9FAFB;
10737 color: #1A202C;
10738 }
10739 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .button-actions {
10740 display: flex;
10741 justify-content: flex-end;
10742 gap: 12px;
10743 margin-top: 20px;
10744 }
10745 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt {
10746 display: flex;
10747 justify-items: center;
10748 align-items: center;
10749 gap: 10px;
10750 margin-bottom: 20px;
10751 }
10752 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt img {
10753 display: none;
10754 }
10755 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn,
10756 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button {
10757 padding: 10px 20px;
10758 font-size: 15px;
10759 font-weight: 600;
10760 border-radius: 8px;
10761 cursor: pointer;
10762 border: 1px solid transparent;
10763 transition: all 0.2s;
10764 display: inline-flex;
10765 align-items: center;
10766 gap: 8px;
10767 }
10768 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary,
10769 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary {
10770 background-color: #7E6CE2;
10771 color: #fff;
10772 }
10773 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary:hover,
10774 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary:hover {
10775 background-color: #1A202C;
10776 }
10777 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary,
10778 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary {
10779 background-color: #fff;
10780 color: #7E6CE2;
10781 border-color: #7E6CE2;
10782 }
10783 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary:hover,
10784 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary:hover {
10785 background-color: #7E6CE2;
10786 color: #fff;
10787 }
10788 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn:disabled,
10789 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button:disabled {
10790 background-color: #E5E7EB;
10791 color: #1A202C;
10792 cursor: not-allowed;
10793 border-color: #E5E7EB;
10794 }
10795 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout {
10796 display: flex;
10797 gap: 30px;
10798 }
10799 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-left-panel {
10800 flex: 2;
10801 }
10802 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-right-panel {
10803 flex: 1;
10804 min-width: 300px;
10805 }
10806 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details {
10807 display: none;
10808 }
10809 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details h3 {
10810 font-size: 24px;
10811 font-weight: 700;
10812 color: #111827;
10813 margin-top: 0;
10814 margin-bottom: 24px;
10815 }
10816 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .course-cover-placeholder {
10817 width: 100%;
10818 height: 50vh;
10819 background-color: #E5E7EB;
10820 border-radius: 8px;
10821 display: flex;
10822 justify-content: center;
10823 align-items: center;
10824 justify-items: center;
10825 font-size: 20px;
10826 color: #6B7280;
10827 margin-bottom: 30px;
10828 font-weight: 600;
10829 }
10830 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-title {
10831 font-size: 18px;
10832 font-weight: 700;
10833 margin-top: 30px;
10834 margin-bottom: 16px;
10835 }
10836 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum {
10837 font-size: 18px;
10838 font-weight: 700;
10839 }
10840 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block {
10841 border-radius: 8px;
10842 border: 0.8px solid #E5E7EB;
10843 padding: 16px 8px;
10844 }
10845 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block h4 {
10846 font-size: 13px;
10847 font-weight: bold;
10848 }
10849 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details p {
10850 font-size: 15px;
10851 line-height: 1.6;
10852 color: #374151;
10853 margin-top: 0;
10854 }
10855 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details ul {
10856 list-style: none;
10857 padding: 0;
10858 margin: 12px 0 0 0;
10859 }
10860 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li {
10861 position: relative;
10862 padding-left: 20px;
10863 margin-bottom: 8px;
10864 color: #374151;
10865 font-size: 15px;
10866 }
10867 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li::before {
10868 content: "";
10869 position: absolute;
10870 left: 0;
10871 color: #1A202C;
10872 line-height: 1.5;
10873 }
10874 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel {
10875 background-color: #F9FAFB;
10876 padding: 24px;
10877 border-radius: 8px;
10878 border: 1px solid #E5E7EB;
10879 height: fit-content;
10880 }
10881 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel h3 {
10882 font-size: 16px;
10883 font-weight: 600;
10884 margin-top: 0;
10885 margin-bottom: 20px;
10886 }
10887 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list {
10888 display: none;
10889 list-style: none;
10890 padding: 0;
10891 margin: 0;
10892 }
10893 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li {
10894 display: flex;
10895 align-items: center;
10896 font-size: 15px;
10897 color: #374151;
10898 margin-bottom: 12px;
10899 }
10900 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li span {
10901 margin-right: 5px;
10902 }
10903 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li svg {
10904 color: #1A202C;
10905 width: 20px;
10906 height: 20px;
10907 margin-right: 12px;
10908 flex-shrink: 0;
10909 }
10910 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea[name=lp-openai-prompt-generated-field] {
10911 min-height: 300px;
10912 }
10913 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea.lp-ai-string-result {
10914 width: 100%;
10915 }
10916 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results {
10917 display: grid;
10918 gap: 10px;
10919 }
10920 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results .lp-ai-string-result {
10921 margin-bottom: 4px;
10922 }
10923 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results button {
10924 margin-right: 4px;
10925 }
10926 .lp-generate-data-ai-wrap .lp-ai-course-data-preview-wrap {
10927 max-height: 400px;
10928 overflow-y: auto;
10929 margin-bottom: 20px;
10930 }
10931 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup {
10932 position: absolute;
10933 top: 10px;
10934 right: 10px;
10935 background: none;
10936 border: none;
10937 font-size: 20px;
10938 cursor: pointer;
10939 color: #ccc;
10940 }
10941 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup:hover {
10942 color: #f27474;
10943 }
10944 .lp-generate-data-ai-wrap .lp-ai-warning-refer {
10945 border: 1px solid #FCD34D;
10946 background-color: #FFFBEB;
10947 padding: 10px;
10948 border-radius: 5px;
10949 display: flex;
10950 gap: 5px;
10951 align-items: center;
10952 }
10953
10954 .lp-ai-course-data-preview-wrap .course-title {
10955 font-size: 1.5em;
10956 font-weight: 700;
10957 margin-bottom: 10px;
10958 color: #1A202C;
10959 }
10960 .lp-ai-course-data-preview-wrap .course-sections {
10961 margin-top: 30px;
10962 }
10963 .lp-ai-course-data-preview-wrap .section-title {
10964 font-weight: bold;
10965 font-size: 1.2em;
10966 margin-bottom: 10px;
10967 color: #1A202C;
10968 }
10969 .lp-ai-course-data-preview-wrap .lesson-title,
10970 .lp-ai-course-data-preview-wrap .quiz-title,
10971 .lp-ai-course-data-preview-wrap .question-title {
10972 font-weight: 600;
10973 font-size: 1em;
10974 margin-bottom: 8px;
10975 color: #1A202C;
10976 }
10977 .lp-ai-course-data-preview-wrap .course-section-item {
10978 border: 1px solid var(--lp-border-color, #E2E0DB);
10979 border-radius: 10px;
10980 padding: 20px;
10981 margin: 20px 0;
10982 background-color: #fff;
10983 }
10984 .lp-ai-course-data-preview-wrap .course-section-items {
10985 margin: 20px 0 0 20px;
10986 }
10987 .lp-ai-course-data-preview-wrap .course-section-items:last-child {
10988 margin-bottom: 0;
10989 }
10990 .lp-ai-course-data-preview-wrap .course-lesson-item,
10991 .lp-ai-course-data-preview-wrap .course-quiz-item,
10992 .lp-ai-course-data-preview-wrap .quiz-question-item {
10993 padding: 12px 0;
10994 border-top: 1px solid var(--lp-border-color, #E2E0DB);
10995 }
10996 .lp-ai-course-data-preview-wrap .course-lesson-item:last-child,
10997 .lp-ai-course-data-preview-wrap .course-quiz-item:last-child,
10998 .lp-ai-course-data-preview-wrap .quiz-question-item:last-child {
10999 padding-bottom: 0;
11000 }
11001 .lp-ai-course-data-preview-wrap .course-questions,
11002 .lp-ai-course-data-preview-wrap .course-question-options {
11003 margin: 20px 0 0 20px;
11004 }
11005 .lp-ai-course-data-preview-wrap .course-questions:last-child,
11006 .lp-ai-course-data-preview-wrap .course-question-options:last-child {
11007 margin-bottom: 0;
11008 }
11009
11010 .lp-ai-images-warp {
11011 display: grid;
11012 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
11013 gap: 15px;
11014 margin-top: 20px;
11015 max-height: 400px;
11016 overflow-y: auto;
11017 }
11018 .lp-ai-images-warp .lp-ai-image-item {
11019 position: relative;
11020 }
11021 .lp-ai-images-warp .lp-ai-image-item img {
11022 object-fit: contain;
11023 width: 100%;
11024 }
11025 .lp-ai-images-warp .lp-ai-image-item .lp-btn-ai-apply-image {
11026 position: absolute;
11027 top: 5px;
11028 right: 0;
11029 transform: translateX(-5%);
11030 background-color: rgba(0, 0, 0, 0.6);
11031 color: #fff;
11032 border: none;
11033 padding: 6px 12px;
11034 border-radius: 4px;
11035 font-size: 0.875rem;
11036 cursor: pointer;
11037 opacity: 0;
11038 transition: opacity 0.2s;
11039 }
11040 .lp-ai-images-warp .lp-ai-image-item:hover .lp-btn-ai-apply-image {
11041 opacity: 1;
11042 }
11043
11044 .lp-creating-course-ai-wrap .loading-wrap {
11045 margin-top: 20px;
11046 }
11047 .lp-creating-course-ai-wrap .lp-loading-circle {
11048 width: 40px;
11049 height: 40px;
11050 border-width: 5px;
11051 }
11052
11053 .lp-must-enable-ai-wrap {
11054 text-align: left;
11055 line-height: 1.6em;
11056 }
11057 .lp-must-enable-ai-wrap h2 {
11058 margin-bottom: 0;
11059 }
11060 .lp-must-enable-ai-wrap h2 i {
11061 margin-right: 10px;
11062 color: #DC2626;
11063 }
11064 .lp-must-enable-ai-wrap .desc {
11065 color: #6B7280;
11066 }
11067 .lp-must-enable-ai-wrap .p2 {
11068 color: #6B7280;
11069 }
11070 .lp-must-enable-ai-wrap a {
11071 color: #2563EB;
11072 text-decoration: underline;
11073 cursor: pointer;
11074 }
11075 .lp-must-enable-ai-wrap .help-link {
11076 padding: 16px;
11077 border: 1px solid #E5E7EB;
11078 border-radius: 8px;
11079 font-size: 13px;
11080 }
11081 .lp-must-enable-ai-wrap .help-link a {
11082 text-decoration: none;
11083 margin-top: 10px;
11084 }
11085 .lp-must-enable-ai-wrap .help-link i {
11086 color: #2A73AB;
11087 }
11088 .lp-must-enable-ai-wrap .button-actions {
11089 margin-top: 20px;
11090 text-align: right;
11091 }
11092 .lp-must-enable-ai-wrap .button-actions .lp-btn-close-ai-popup {
11093 border: none;
11094 color: #4B5563;
11095 background: none;
11096 }
11097 .lp-must-enable-ai-wrap .button-actions .button-primary {
11098 background-color: #7E6CE2;
11099 color: #fff;
11100 border: none;
11101 }
11102 .lp-must-enable-ai-wrap .button-actions .button-primary:hover {
11103 opacity: 0.9;
11104 }
11105
11106 .fui-loading-spinner-3 {
11107 color: #7E6CE2;
11108 position: relative;
11109 width: 100px;
11110 height: 80px;
11111 margin-left: 80px;
11112 display: none;
11113 }
11114 .fui-loading-spinner-3 div {
11115 transform-origin: 40px 40px;
11116 animation: rj9Ft 1.2s linear infinite;
11117 }
11118 .fui-loading-spinner-3 div:after {
11119 content: " ";
11120 display: block;
11121 position: absolute;
11122 top: 3px;
11123 left: 37px;
11124 width: 6px;
11125 height: 18px;
11126 border-radius: 20%;
11127 background: #7E6CE2;
11128 }
11129 .fui-loading-spinner-3 div:nth-child(1) {
11130 transform: rotate(0deg);
11131 animation-delay: -1.1s;
11132 }
11133 .fui-loading-spinner-3 div:nth-child(2) {
11134 transform: rotate(30deg);
11135 animation-delay: -1s;
11136 }
11137 .fui-loading-spinner-3 div:nth-child(3) {
11138 transform: rotate(60deg);
11139 animation-delay: -0.9s;
11140 }
11141 .fui-loading-spinner-3 div:nth-child(4) {
11142 transform: rotate(90deg);
11143 animation-delay: -0.8s;
11144 }
11145 .fui-loading-spinner-3 div:nth-child(5) {
11146 transform: rotate(120deg);
11147 animation-delay: -0.7s;
11148 }
11149 .fui-loading-spinner-3 div:nth-child(6) {
11150 transform: rotate(150deg);
11151 animation-delay: -0.6s;
11152 }
11153 .fui-loading-spinner-3 div:nth-child(7) {
11154 transform: rotate(180deg);
11155 animation-delay: -0.5s;
11156 }
11157 .fui-loading-spinner-3 div:nth-child(8) {
11158 transform: rotate(210deg);
11159 animation-delay: -0.4s;
11160 }
11161 .fui-loading-spinner-3 div:nth-child(9) {
11162 transform: rotate(240deg);
11163 animation-delay: -0.3s;
11164 }
11165 .fui-loading-spinner-3 div:nth-child(10) {
11166 transform: rotate(270deg);
11167 animation-delay: -0.2s;
11168 }
11169 .fui-loading-spinner-3 div:nth-child(11) {
11170 transform: rotate(300deg);
11171 animation-delay: -0.1s;
11172 }
11173 .fui-loading-spinner-3 div:nth-child(12) {
11174 transform: rotate(330deg);
11175 animation-delay: 0s;
11176 }
11177
11178 @keyframes rj9Ft {
11179 0% {
11180 opacity: 1;
11181 }
11182 100% {
11183 opacity: 0;
11184 }
11185 }
11186 /**
11187 * Style for the popup alert, confirm
11188 * @link https://sweetalert2.github.io/
11189 * @since 4.2.9
11190 * @version 1.0.0
11191 */
11192 .swal2-container {
11193 z-index: 99999;
11194 }
11195
11196 .swal2-popup {
11197 max-width: 850px;
11198 }
11199 .swal2-popup .content-title {
11200 margin: 0 0 20px 0;
11201 padding: 0;
11202 text-align: center;
11203 font-size: 1.5em;
11204 font-weight: bold;
11205 }
11206 .swal2-popup .swal2-actions {
11207 width: 100%;
11208 padding: 0 30px;
11209 }
11210 .swal2-popup .swal2-actions button {
11211 flex: 1;
11212 }
11213 .swal2-popup .swal2-actions button.swal2-confirm {
11214 background-color: #e02200;
11215 }
11216 .swal2-popup .swal2-actions button.swal2-cancel {
11217 background-color: transparent;
11218 border: 1px solid #ccc;
11219 color: inherit;
11220 }
11221 .swal2-popup .swal2-warning {
11222 color: #e02200;
11223 border-color: transparent;
11224 background-color: rgba(223, 0, 0, 0.1019607843);
11225 }
11226 .swal2-popup .swal2-icon {
11227 width: 50px;
11228 height: 50px;
11229 }
11230 .swal2-popup .swal2-icon .swal2-icon-content {
11231 font-size: 0;
11232 }
11233 .swal2-popup .swal2-icon .swal2-icon-content::before {
11234 content: "\f071";
11235 font-family: "lp-icon";
11236 font-size: 24px;
11237 display: inline-block;
11238 }
11239 .swal2-popup .swal2-title {
11240 font-size: 1.5em;
11241 }
11242 .swal2-popup .swal2-html-container {
11243 font-size: 1em;
11244 }
11245 .swal2-popup .lp-tom-select.ts-wrapper .ts-dropdown {
11246 max-height: 200px;
11247 overflow: hidden;
11248 }
11249 .swal2-popup .swal2-close {
11250 background-color: unset !important;
11251 outline: none !important;
11252 color: rgb(204, 204, 204) !important;
11253 font-size: 30px;
11254 box-shadow: none !important;
11255 position: absolute;
11256 }
11257 .swal2-popup .swal2-close:hover {
11258 color: #f27474 !important;
11259 }
11260
11261 /**
11262 * LP Table — Reusable Table Standard
11263 *
11264 * A shared table CSS system used by the "Enrolled Students" listing (and future tables).
11265 * Provides card wrapper, header/body styling, avatars, progress bars, badges, toolbar, and pagination.
11266 *
11267 * @since 4.3.3
11268 */
11269 .lp-enrolled-students h1.wp-heading-inline {
11270 margin-bottom: 24px;
11271 }
11272
11273 .lp-enrolled-students-table-wrap {
11274 margin-top: 15px;
11275 }
11276 .lp-enrolled-students-table-wrap .instructor-avatar {
11277 align-items: center;
11278 justify-content: center;
11279 width: 36px;
11280 height: 36px;
11281 min-width: 36px;
11282 border-radius: 50%;
11283 background: #64748b;
11284 overflow: hidden;
11285 }
11286 .lp-enrolled-students-table-wrap .instructor-avatar img {
11287 width: 100%;
11288 height: 100%;
11289 object-fit: cover;
11290 }
11291
11292 /*.lp-enrolled-students-table {
11293 width: 100%;
11294 border: 0;
11295 border-spacing: 0;
11296 border-collapse: collapse;
11297 font-size: 13px;
11298
11299 th,
11300 td {
11301 border: 0 !important;
11302 }
11303
11304 thead {
11305 th {
11306 padding: 10px 16px;
11307 border-bottom: 2px solid #e2e8f0 !important;
11308 color: #64748b;
11309 background: #f8fafc;
11310 font-size: 12px;
11311 font-weight: 600;
11312 text-align: left;
11313 text-transform: uppercase;
11314 letter-spacing: 0.05em;
11315
11316 &:first-child {
11317 border-radius: 0;
11318 }
11319 &:last-child {
11320 border-radius: 0;
11321 }
11322 }
11323 }
11324
11325 tbody {
11326 tr {
11327 border-bottom: 1px solid #f1f5f9;
11328 transition: background 0.15s;
11329 text-align: left;
11330
11331 &:hover {
11332 background: #f8fafc;
11333 }
11334
11335 &:last-child {
11336 border-bottom: none;
11337 }
11338 }
11339
11340 td {
11341 padding: 12px 16px;
11342 vertical-align: middle;
11343 border: 0 !important;
11344 }
11345 }
11346
11347 tfoot {
11348 tr,
11349 td {
11350 border: 0 !important;
11351 }
11352 }
11353 }*/
11354 .lp-cell-student {
11355 display: flex;
11356 align-items: center;
11357 gap: 10px;
11358 }
11359
11360 /*.lp-avatar {
11361 display: flex;
11362 flex-shrink: 0;
11363 align-items: center;
11364 justify-content: center;
11365 width: 36px;
11366 height: 36px;
11367 border-radius: 50%;
11368 color: #fff;
11369 background: #64748b;
11370 font-size: 13px;
11371 font-weight: 600;
11372 overflow: hidden;
11373 }
11374
11375 .lp-avatar--image {
11376 background: transparent;
11377
11378 img {
11379 width: 100%;
11380 height: 100%;
11381 object-fit: cover;
11382 }
11383 }*/
11384 .lp-meta {
11385 display: flex;
11386 flex-direction: column;
11387 }
11388 .lp-meta .lp-name {
11389 color: #1e293b;
11390 font-weight: 500;
11391 line-height: 1.4;
11392 }
11393 .lp-meta .lp-email {
11394 color: #94a3b8;
11395 font-size: 12px;
11396 line-height: 1.3;
11397 }
11398
11399 .lp-cell-course a {
11400 color: #3b82f6;
11401 text-decoration: none;
11402 }
11403 .lp-cell-course a:hover {
11404 text-decoration: underline;
11405 }
11406
11407 .lp-cell-progress {
11408 min-width: 120px;
11409 }
11410
11411 .lp-progress-bar {
11412 overflow: hidden;
11413 position: relative;
11414 width: 100%;
11415 max-width: 120px;
11416 height: 6px;
11417 border-radius: 3px;
11418 background: #e2e8f0;
11419 }
11420 .lp-progress-bar span {
11421 display: block;
11422 height: 100%;
11423 border-radius: 3px;
11424 background: linear-gradient(90deg, #3b82f6, #60a5fa);
11425 transition: width 0.3s ease;
11426 }
11427
11428 .lp-progress-text {
11429 display: inline-block;
11430 margin-top: 3px;
11431 color: #64748b;
11432 font-size: 11px;
11433 }
11434
11435 .lp-badge {
11436 display: inline-block;
11437 padding: 3px 10px;
11438 border-radius: 12px;
11439 font-size: 12px;
11440 font-weight: 500;
11441 line-height: 1.5;
11442 white-space: nowrap;
11443 }
11444 .lp-badge--enrolled {
11445 color: #475569;
11446 background: #f1f5f9;
11447 }
11448 .lp-badge--in-progress, .lp-badge--learning {
11449 color: #1e40af;
11450 background: #dbeafe;
11451 }
11452 .lp-badge--finished {
11453 color: #166534;
11454 background: #dcfce7;
11455 }
11456 .lp-badge--passed {
11457 color: #14532d;
11458 background: #bbf7d0;
11459 }
11460 .lp-badge--failed {
11461 color: #991b1b;
11462 background: #fee2e2;
11463 }
11464
11465 .lp-enrolled-students-table-footer {
11466 display: flex;
11467 flex-wrap: wrap;
11468 align-items: center;
11469 justify-content: space-between;
11470 gap: 8px;
11471 border-top: 1px solid #e2e8f0;
11472 }
11473 .lp-enrolled-students-table-footer__count {
11474 color: #64748b;
11475 font-size: 13px;
11476 }
11477
11478 #profile-content-enrolled-students .lp-enrolled-students-table-footer {
11479 border-top: none;
11480 }
11481
11482 .lp-enrolled-students-table-footer .learn-press-pagination {
11483 margin: 0;
11484 text-align: right;
11485 }
11486 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers {
11487 display: flex;
11488 align-items: center;
11489 gap: 4px;
11490 flex-wrap: wrap;
11491 margin: 0;
11492 padding: 0;
11493 list-style: none;
11494 }
11495 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers > li {
11496 margin: 0;
11497 }
11498 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers,
11499 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers {
11500 display: inline-flex;
11501 align-items: center;
11502 justify-content: center;
11503 min-width: 40px;
11504 height: 40px;
11505 width: 40px;
11506 line-height: 40px;
11507 padding: 0 8px;
11508 border: 1px solid #e2e8f0;
11509 border-radius: 4px;
11510 color: #475569;
11511 background: #fff;
11512 font-size: 13px;
11513 text-decoration: none;
11514 cursor: pointer;
11515 transition: all 0.15s;
11516 }
11517 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers:hover:not(.current),
11518 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers:hover:not(.current) {
11519 border-color: #3b82f6;
11520 color: #3b82f6 !important;
11521 background: #eff6ff;
11522 }
11523 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current {
11524 border-color: #3b82f6;
11525 color: #fff;
11526 background: #3b82f6;
11527 cursor: default;
11528 }
11529 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11530 min-width: auto;
11531 border: 0;
11532 background: transparent;
11533 cursor: default;
11534 }
11535 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current,
11536 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11537 pointer-events: none;
11538 }
11539
11540 .lp-enrolled-empty {
11541 padding: 40px 20px;
11542 color: #94a3b8;
11543 text-align: center;
11544 }
11545 .lp-enrolled-empty p {
11546 margin: 0;
11547 font-size: 14px;
11548 }
11549
11550 .lp-enrolled-error {
11551 padding: 15px 20px;
11552 color: #dc2626;
11553 font-size: 13px;
11554 }
11555
11556 #lp-modal-enrolled-wrap {
11557 position: relative;
11558 /*tbody {
11559 display: block;
11560 max-height: 400px;
11561 overflow-y: auto;
11562 }
11563
11564 thead, tbody tr {
11565 display: table;
11566 width: 100%;
11567 table-layout: fixed;
11568 }*/
11569 }
11570 #lp-modal-enrolled-wrap .lp-table-wrap {
11571 max-height: 60vh;
11572 }
11573
11574 .lp-wrap-btn-view-course-students {
11575 width: 100%;
11576 }
11577 .lp-wrap-btn-view-course-students button {
11578 width: 100%;
11579 }
11580
11581 .lp-btn-view-students {
11582 margin-top: 10px;
11583 white-space: nowrap;
11584 display: block;
11585 padding: 0;
11586 border: none;
11587 background: none;
11588 }
11589
11590 /**
11591 * Style for table LearnPress
11592 */
11593 .lp-table-wrap {
11594 border-radius: 5px;
11595 width: 100%;
11596 border: 1px solid var(--lp-border-color, #E2E0DB);
11597 overflow-x: auto;
11598 overflow-y: auto;
11599 -webkit-overflow-scrolling: touch;
11600 }
11601
11602 table.lp-list-table {
11603 border-collapse: collapse;
11604 width: 100%;
11605 margin: 0;
11606 min-width: 768px;
11607 }
11608 table.lp-list-table td {
11609 padding: 0;
11610 }
11611 table.lp-list-table .learn-press-pagination {
11612 text-align: left;
11613 }
11614 table.lp-list-table thead {
11615 background-color: var(--lp-white-grey, #F7F7FB);
11616 border: none;
11617 }
11618 table.lp-list-table thead tr {
11619 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
11620 position: sticky;
11621 top: 0;
11622 z-index: 2;
11623 background: #fff;
11624 }
11625 table.lp-list-table thead tr:hover {
11626 background: #eff6ff;
11627 }
11628 table.lp-list-table thead th {
11629 background: none;
11630 border: none;
11631 font-size: 1em;
11632 padding: 10px 20px;
11633 text-align: left;
11634 }
11635 table.lp-list-table thead th td {
11636 border: none;
11637 padding: 0;
11638 }
11639 table.lp-list-table tbody {
11640 font-size: 14px;
11641 }
11642 table.lp-list-table tbody tr {
11643 border: none;
11644 border-bottom: 1px solid var(--lp-white-grey, #F7F7FB);
11645 }
11646 table.lp-list-table tbody tr:hover {
11647 background: #eff6ff !important;
11648 }
11649 table.lp-list-table tbody tr:nth-child(odd) {
11650 background: #f6f7f7;
11651 }
11652 table.lp-list-table tbody tr:nth-child(even) {
11653 background: #fff;
11654 }
11655 table.lp-list-table tbody tr td {
11656 border: none;
11657 padding: 10px 20px;
11658 text-align: left;
11659 }
11660 table.lp-list-table tbody tr td a {
11661 text-decoration: none;
11662 }
11663 table.lp-list-table tfoot tr {
11664 border: none;
11665 }
11666 table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th {
11667 border: none;
11668 }
11669 table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div {
11670 padding: 20px;
11671 }
11672 table.lp-list-table tfoot .pagination {
11673 border: none;
11674 padding: 0;
11675 }
11676 table.lp-list-table.order-table-details tbody tr:last-child {
11677 --lp-white-grey: var(--lp-border-color, #E2E0DB);
11678 }
11679 table.lp-list-table.order-table-details tfoot {
11680 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11681 }
11682 table.lp-list-table.order-table-details tfoot tr td, table.lp-list-table.order-table-details tfoot tr th {
11683 padding: 10px 20px;
11684 background-color: transparent;
11685 }
11686 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 {
11687 padding-bottom: 0;
11688 }
11689
11690 .lp_profile_course_progress__nav {
11691 margin-top: 1rem;
11692 }
11693
11694 #profile-content-order-details .lp-table-wrap {
11695 margin-bottom: 1rem;
11696 }
11697
11698 /**
11699 * Style for the Form Filter list
11700 * @since 4.4.5
11701 * @version 1.0.0
11702 */
11703 .lp-form-filter {
11704 display: grid;
11705 gap: 12px;
11706 margin-bottom: 24px;
11707 }
11708 .lp-form-filter__fields {
11709 display: flex;
11710 flex-wrap: wrap;
11711 align-items: flex-end;
11712 gap: 14px;
11713 }
11714 .lp-form-filter__fields > * {
11715 flex: 1 1 0;
11716 min-width: 0;
11717 }
11718 .lp-form-filter .filter-field {
11719 display: flex;
11720 flex-direction: column;
11721 gap: 5px;
11722 }
11723 .lp-form-filter .filter-field label {
11724 text-align: left;
11725 }
11726 .lp-form-filter button {
11727 display: inline-flex;
11728 align-items: center;
11729 justify-content: center;
11730 }
11731 .lp-form-filter__actions {
11732 display: flex;
11733 gap: 8px;
11734 align-items: center;
11735 }
11736
11737 /**
11738 * Custom fullscreen view overlay.
11739 *
11740 * Applied directly to the target element; a close button is injected inside it.
11741 *
11742 * @since 4.4.5
11743 * @version 1.0.0
11744 */
11745 html.lp-full-screen-active,
11746 html.lp-full-screen-active body {
11747 overflow: hidden;
11748 }
11749
11750 .lp-full-screen-view {
11751 position: fixed !important;
11752 top: 0;
11753 left: 0;
11754 width: 100vw !important;
11755 height: 100vh !important;
11756 max-width: 100vw !important;
11757 max-height: 100vh !important;
11758 z-index: 99999;
11759 background: #fff;
11760 overflow: auto;
11761 }
11762 .lp-full-screen-view__close {
11763 position: absolute;
11764 top: 5px;
11765 right: 5px;
11766 z-index: 999999;
11767 background: white;
11768 color: #f10808;
11769 border: 1px solid white;
11770 border-radius: 4px;
11771 padding: 0.5em 0.75em;
11772 cursor: pointer;
11773 }
11774 .lp-full-screen-view__close:hover {
11775 border-color: #f10808;
11776 }
11777 .lp-full-screen-view > div {
11778 padding: 40px 10px 0 !important;
11779 }
11780
11781 .lp-toggle-enable {
11782 display: inline-flex;
11783 align-items: center;
11784 gap: 8px;
11785 cursor: pointer;
11786 user-select: none;
11787 }
11788 .lp-toggle-enable .lp-toggle-enable__input {
11789 position: absolute;
11790 opacity: 0;
11791 width: 0;
11792 height: 0;
11793 }
11794 .lp-toggle-enable .lp-toggle-enable__track {
11795 position: relative;
11796 display: inline-block;
11797 width: 44px;
11798 height: 24px;
11799 border-radius: 12px;
11800 background: #c3c4c7;
11801 transition: background 0.2s ease;
11802 flex-shrink: 0;
11803 }
11804 .lp-toggle-enable .lp-toggle-enable__track::before {
11805 content: "";
11806 position: absolute;
11807 top: 2px;
11808 left: 2px;
11809 width: 20px;
11810 height: 20px;
11811 border-radius: 50%;
11812 background: #fff;
11813 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
11814 transition: transform 0.2s ease;
11815 }
11816 .lp-toggle-enable .lp-toggle-enable__label {
11817 font-size: 13px;
11818 font-weight: 500;
11819 color: #50575e;
11820 }
11821 .lp-toggle-enable.is-enabled .lp-toggle-enable__track {
11822 background: #28A746;
11823 }
11824 .lp-toggle-enable.is-enabled .lp-toggle-enable__track::before {
11825 transform: translateX(20px);
11826 }
11827 .lp-toggle-enable.is-enabled .lp-toggle-enable__label {
11828 color: #28A746;
11829 }
11830 .lp-toggle-enable.is-disabled {
11831 opacity: 0.6;
11832 cursor: not-allowed;
11833 }
11834 .lp-toggle-enable.loading {
11835 position: relative;
11836 cursor: default;
11837 pointer-events: none;
11838 }
11839 .lp-toggle-enable.loading .lp-toggle-enable__track,
11840 .lp-toggle-enable.loading .lp-toggle-enable__label {
11841 opacity: 0.4;
11842 }
11843 .lp-toggle-enable.loading::after {
11844 content: "\f110";
11845 position: absolute;
11846 top: 0;
11847 right: 0;
11848 bottom: 0;
11849 left: 0;
11850 width: 18px;
11851 height: 18px;
11852 margin: auto;
11853 display: flex;
11854 align-items: center;
11855 justify-content: center;
11856 font-family: "lp-icon";
11857 font-size: 14px;
11858 font-style: normal;
11859 font-weight: normal;
11860 font-variant: normal;
11861 text-transform: none;
11862 line-height: 1;
11863 color: #2271b1;
11864 background: #fff;
11865 border-radius: 50%;
11866 animation: lp-scorm-toggle-spin 1s linear infinite;
11867 z-index: 1;
11868 }
11869 .lp-toggle-enable .lp-toggle-enable__input:focus-visible ~ .lp-toggle-enable__track {
11870 outline: 2px solid #2271b1;
11871 outline-offset: 2px;
11872 }
11873
11874 @keyframes lp-scorm-toggle-spin {
11875 from {
11876 transform: rotate(0deg);
11877 }
11878 to {
11879 transform: rotate(360deg);
11880 }
11881 }
11882 .button.disabled {
11883 pointer-events: none;
11884 }
11885
11886 .learnpress .postbox .rwmb-meta-box {
11887 margin-top: 10px;
11888 }
11889 .learnpress #field-_lp_requirements .rwmb-text-list-clone,
11890 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone,
11891 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone,
11892 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone,
11893 .learnpress #field-_lp_key_features .rwmb-text-list-clone,
11894 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone,
11895 .learnpress #field-_lp_faqs .rwmb-text-list-clone,
11896 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
11897 clear: none;
11898 position: relative;
11899 border: 1px solid #ddd;
11900 border-radius: 4px;
11901 }
11902 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-label,
11903 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11904 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-label,
11905 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11906 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-label,
11907 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11908 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-label,
11909 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
11910 display: none;
11911 }
11912 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list,
11913 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-advanced,
11914 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list,
11915 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11916 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list,
11917 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-advanced,
11918 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list,
11919 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11920 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list,
11921 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-advanced,
11922 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list,
11923 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11924 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list,
11925 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-advanced,
11926 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list,
11927 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-advanced {
11928 width: calc(100% - 65px);
11929 padding: 7px 10px;
11930 border: none;
11931 color: #777;
11932 background: transparent;
11933 box-shadow: none;
11934 line-height: 1;
11935 }
11936 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone,
11937 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone,
11938 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone,
11939 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone,
11940 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone,
11941 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone,
11942 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone,
11943 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
11944 top: 50%;
11945 right: 41px;
11946 margin-top: -10px;
11947 border-radius: unset;
11948 color: #999;
11949 background: transparent;
11950 -webkit-transition: right 0.25s;
11951 transition: right 0.25s;
11952 }
11953 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone i,
11954 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone i,
11955 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone i,
11956 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone i,
11957 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone i,
11958 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone i,
11959 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone i,
11960 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone i {
11961 font-size: 1.25rem;
11962 }
11963 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone:hover,
11964 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone:hover,
11965 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone:hover,
11966 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone:hover,
11967 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone:hover,
11968 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone:hover,
11969 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone:hover,
11970 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone:hover {
11971 color: #e74c3c;
11972 }
11973 .learnpress #field-_lp_requirements .rwmb-text-list-clone::after,
11974 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone::after,
11975 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone::after,
11976 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone::after,
11977 .learnpress #field-_lp_key_features .rwmb-text-list-clone::after,
11978 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone::after,
11979 .learnpress #field-_lp_faqs .rwmb-text-list-clone::after,
11980 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
11981 display: inline-block;
11982 position: absolute;
11983 top: 50%;
11984 right: 10px;
11985 margin: 8px 0 0 0;
11986 margin-top: -9px;
11987 color: #999;
11988 font-family: Dashicons;
11989 font-size: 1.25rem;
11990 content: "\f333";
11991 }
11992 .learnpress #field-_lp_requirements .rwmb-text-list-clone:focus-within,
11993 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone:focus-within,
11994 .learnpress #field-_lp_key_features .rwmb-text-list-clone:focus-within,
11995 .learnpress #field-_lp_faqs .rwmb-text-list-clone:focus-within {
11996 border-color: #0085ba;
11997 }
11998 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
11999 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12000 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12001 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list:focus {
12002 border-color: #0085ba;
12003 }
12004 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
12005 position: relative;
12006 padding: 0 0 16px 0;
12007 }
12008 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
12009 display: block;
12010 padding: 10px 10px 0 12px;
12011 }
12012 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list {
12013 width: calc(100% - 25px);
12014 margin: 0 13px 0 13px;
12015 border: 1px solid #ddd;
12016 vertical-align: top;
12017 }
12018 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
12019 top: 20px;
12020 right: 36px;
12021 margin-top: -10px;
12022 color: #999;
12023 -webkit-transition: right 0.25s;
12024 transition: right 0.25s;
12025 }
12026 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
12027 top: 20px;
12028 }
12029
12030 .lp-notice,
12031 .learn-press-notice {
12032 position: relative;
12033 padding: 12px;
12034 margin: 0;
12035 /*&.lp-upgrade-notice {
12036 position: relative;
12037 border-left-color: #02b7fb;
12038 background: #bceffe;
12039
12040 .close-notice {
12041 position: absolute;
12042 top: 5px;
12043 right: 10px;
12044 }
12045 }*/
12046 }
12047 .lp-notice h4,
12048 .learn-press-notice h4 {
12049 margin: 10px 0 15px;
12050 }
12051 .lp-notice p,
12052 .learn-press-notice p {
12053 margin: 0 0 5px 0;
12054 padding: 0 2px;
12055 }
12056 .lp-notice .lp-message-dismiss,
12057 .learn-press-notice .lp-message-dismiss {
12058 position: absolute;
12059 top: 12px;
12060 right: 12px;
12061 }
12062 .lp-notice .notice-dismiss,
12063 .learn-press-notice .notice-dismiss {
12064 position: absolute;
12065 top: 0;
12066 right: 1px;
12067 margin: 0;
12068 padding: 9px;
12069 border: none;
12070 outline: none;
12071 color: #72777c;
12072 background: 0 0;
12073 box-shadow: none;
12074 cursor: pointer;
12075 }
12076 .lp-notice .notice-dismiss::before,
12077 .learn-press-notice .notice-dismiss::before {
12078 display: block;
12079 width: 20px;
12080 height: 20px;
12081 color: #72777c;
12082 background: 0 0;
12083 font: normal 16px/20px dashicons;
12084 text-align: center;
12085 content: "\f153";
12086 speak: none;
12087 -webkit-font-smoothing: antialiased;
12088 }
12089
12090 .learn-press-dropdown-pages {
12091 display: inline-block;
12092 }
12093 .learn-press-dropdown-pages .list-pages-wrapper {
12094 display: flex;
12095 align-items: center;
12096 gap: 10px;
12097 }
12098
12099 .lp-notice-update-database {
12100 border: 1px solid rebeccapurple;
12101 border-left-color: #f00;
12102 border-radius: 3px;
12103 color: white;
12104 background: rebeccapurple;
12105 }
12106 .lp-notice-update-database.do-updating::before {
12107 display: inline-block;
12108 float: left;
12109 margin: 9px 5px 0 -5px;
12110 color: #2773aa;
12111 font-family: dashicons;
12112 font-size: 1.25rem;
12113 content: "\f463";
12114 animation: rotating4 2s linear infinite;
12115 }
12116
12117 #adminmenu .update-plugins.lp-plugins-count {
12118 padding: 0 5px;
12119 }
12120
12121 .search-box input[name=post-search-author],
12122 .search-box .select2-container {
12123 min-width: 200px;
12124 margin: 0;
12125 vertical-align: top;
12126 }
12127
12128 .learn-press-notice-assigned-item {
12129 color: #f00;
12130 }
12131
12132 .learnpress .actions {
12133 margin: 0;
12134 }
12135
12136 #learn-press-syncs li {
12137 position: relative;
12138 }
12139 #learn-press-syncs li.syncing, #learn-press-syncs li.synced {
12140 padding-left: 24px;
12141 }
12142 #learn-press-syncs li.syncing input[type=checkbox], #learn-press-syncs li.synced input[type=checkbox] {
12143 display: none;
12144 }
12145 #learn-press-syncs li.syncing::after {
12146 content: "\f463";
12147 animation: rotating4 2s linear infinite;
12148 }
12149 #learn-press-syncs li.synced::after {
12150 color: #2773aa;
12151 content: "\f147";
12152 }
12153 #learn-press-syncs li::after {
12154 display: block;
12155 position: absolute;
12156 top: 0;
12157 left: -3px;
12158 width: 24px;
12159 height: 24px;
12160 font-family: dashicons;
12161 font-size: 1.1875rem;
12162 line-height: 1.5rem;
12163 text-align: center;
12164 }
12165
12166 #learn-press-updater .updater-progress {
12167 position: relative;
12168 margin: 0 2px;
12169 }
12170 #learn-press-updater .updater-progress ul {
12171 display: flex;
12172 position: relative;
12173 height: 5px;
12174 background: #eee;
12175 }
12176 #learn-press-updater .updater-progress ul li {
12177 position: relative;
12178 margin: 0;
12179 flex: 1;
12180 }
12181 #learn-press-updater .updater-progress ul li::after {
12182 display: none;
12183 position: absolute;
12184 top: -30px;
12185 right: 0;
12186 padding: 3px 5px;
12187 border-radius: 3px;
12188 color: #fff;
12189 background: #ddd;
12190 font-size: 0.75rem;
12191 content: attr(data-version);
12192 }
12193 #learn-press-updater .updater-progress ul li::before {
12194 content: "";
12195 }
12196 #learn-press-updater .updater-progress ul li:last-child::after {
12197 _display: block;
12198 }
12199 #learn-press-updater .updater-progress ul::after {
12200 position: absolute;
12201 top: 0;
12202 left: 0;
12203 width: 0;
12204 height: 20px;
12205 }
12206 #learn-press-updater .updater-progress .updater-progress-status {
12207 position: absolute;
12208 top: 0;
12209 left: 0;
12210 width: 0;
12211 height: 5px;
12212 background: #5bc4f9;
12213 transition: width 0.25s;
12214 }
12215 #learn-press-updater .updater-progress .updater-progress-status::before {
12216 position: absolute;
12217 top: -20px;
12218 right: 0;
12219 padding: 0 5px;
12220 border-radius: 3px;
12221 color: #fff;
12222 background: #5bc4f9;
12223 font-size: 0.75rem;
12224 _content: attr(data-value) "%";
12225 }
12226 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation {
12227 overflow: hidden;
12228 position: absolute;
12229 top: 0;
12230 left: 0;
12231 width: 100%;
12232 height: 5px;
12233 background: #5bc4f9;
12234 }
12235 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation:not(.completed)::after {
12236 position: absolute;
12237 height: 5px;
12238 background: #8dd9ff;
12239 content: "";
12240 animation: animation4 1.5s ease-out infinite;
12241 }
12242 #learn-press-updater .updating-message {
12243 color: #a24666;
12244 }
12245 #learn-press-updater .completed-message {
12246 color: #3c8eb7;
12247 }
12248
12249 #learn-press-updater {
12250 display: none;
12251 }
12252
12253 .select2 .select2-search.select2-search--inline {
12254 margin-bottom: 0;
12255 }
12256 .select2 .select2-selection .select2-selection__choice {
12257 margin-top: 4px;
12258 margin-bottom: 0;
12259 }
12260 .select2 .select2-selection.select2-selection--multiple {
12261 min-height: 30px;
12262 }
12263
12264 .list-pages-wrapper .select2-container--default .select2-selection--single .select2-selection__clear {
12265 margin: 0;
12266 }
12267
12268 .edit-post-layout__metaboxes .rwmb-label > label {
12269 color: #666;
12270 font-size: small;
12271 font-weight: bold;
12272 }
12273
12274 body.post-type-lp_question #button-new-question {
12275 display: inline-block;
12276 position: relative;
12277 }
12278 body.post-type-lp_question #button-new-question div {
12279 display: none;
12280 position: absolute;
12281 z-index: 9999;
12282 top: 100%;
12283 left: 0;
12284 min-width: 100px;
12285 margin: 0 0 0 -1px;
12286 border: 1px solid #999;
12287 background: white;
12288 font-weight: 400;
12289 }
12290 body.post-type-lp_question #button-new-question div a {
12291 display: block;
12292 min-width: 100px;
12293 margin: 0;
12294 padding: 10px 20px;
12295 color: #666;
12296 white-space: nowrap;
12297 text-decoration: none;
12298 }
12299 body.post-type-lp_question #button-new-question div a:hover {
12300 background: #eee;
12301 }
12302 body.post-type-lp_question #button-new-question > a {
12303 position: relative;
12304 padding-right: 15px;
12305 text-decoration: none;
12306 }
12307 body.post-type-lp_question #button-new-question > a::after {
12308 display: inline-block;
12309 position: absolute;
12310 top: 6px;
12311 right: 0;
12312 width: 0;
12313 height: 0;
12314 margin: 0;
12315 border: 5px solid transparent;
12316 border-top-color: #0f7aae;
12317 content: "";
12318 }
12319 body.post-type-lp_question #button-new-question:hover div {
12320 display: block;
12321 }
12322
12323 .lp-label {
12324 display: inline-block;
12325 padding: 3px 6px;
12326 color: #fff;
12327 font-size: 0.75rem;
12328 border-radius: 4px;
12329 }
12330 .lp-label.success {
12331 background: #4caf50;
12332 }
12333 .lp-label.error {
12334 background: #f00;
12335 }
12336 .lp-label.warning {
12337 background: #ffc107;
12338 }
12339 .lp-label .far,
12340 .lp-label .fas,
12341 .lp-label .fa {
12342 display: inline-block;
12343 margin-right: 5px;
12344 }
12345
12346 .lp-admin-profile-courses .column-results {
12347 width: 200px;
12348 }
12349 .lp-admin-profile-courses .course-results-progress .lp-progress-row {
12350 margin: 0 0 20px 0;
12351 }
12352 .lp-admin-profile-courses .course-results-progress .lp-course-progress-heading {
12353 margin: 0 0 5px 0;
12354 line-height: 1;
12355 }
12356 .lp-admin-profile-courses .learn-press-progress {
12357 overflow: hidden;
12358 position: relative;
12359 width: 150px;
12360 height: 6px;
12361 border-radius: 3px;
12362 }
12363 .lp-admin-profile-courses .learn-press-progress .learn-press-progress__active {
12364 position: absolute;
12365 z-index: 1;
12366 left: -100%;
12367 width: 100%;
12368 height: 100%;
12369 border-radius: 3px;
12370 background: var(--lp-primary-color);
12371 -webkit-transition: 0.5s;
12372 transition: 0.5s;
12373 }
12374 .lp-admin-profile-courses .learn-press-progress::before {
12375 display: block;
12376 position: absolute;
12377 z-index: 0;
12378 top: 0;
12379 width: 100%;
12380 height: 100%;
12381 background: #ccc;
12382 content: "";
12383 }
12384
12385 .lp-notify-action-wrapper {
12386 position: fixed;
12387 bottom: 5%;
12388 z-index: 10000;
12389 left: 50%;
12390 padding: 10px;
12391 transition: all 0.5s;
12392 transform: translateY(500%);
12393 display: flex;
12394 flex-direction: column;
12395 gap: 5px;
12396 }
12397 .lp-notify-action-wrapper.show {
12398 display: flex;
12399 transform: translateY(0);
12400 }
12401 .lp-notify-action-wrapper .lp-notify-action {
12402 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
12403 background: #202937;
12404 padding: 0 20px;
12405 border-radius: 3px;
12406 min-width: 200px;
12407 transition: all 0.8s;
12408 }
12409 .lp-notify-action-wrapper .lp-notify-action.clone {
12410 display: none;
12411 }
12412 .lp-notify-action-wrapper .lp-notify-action__success {
12413 display: none;
12414 color: #01a401;
12415 }
12416 .lp-notify-action-wrapper .lp-notify-action__success.show {
12417 display: block;
12418 }
12419 .lp-notify-action-wrapper .lp-notify-action__error {
12420 display: none;
12421 color: #f44336;
12422 font-weight: bold;
12423 }
12424 .lp-notify-action-wrapper .lp-notify-action__error.show {
12425 display: block;
12426 }
12427
12428 #wp-admin-bar-lp-course-builder svg {
12429 vertical-align: text-bottom;
12430 }